.keyboard-extender{width:100%;min-height:3000px}.landing-page-loader{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.disable-copy{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.internet-info{color:#fff;z-index:999999;background:red;border-radius:0 0 4px 4px;flex-direction:column;justify-content:center;align-items:center;width:auto;height:18px;padding:5px 7px;font-size:10px;font-weight:700;animation:1s fade-in;display:flex;position:fixed;top:0;left:50%;transform:translate(-50%)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@font-face{font-family:blricons;src:url(../media/blricons.8fdcd1d4.eot);src:url(../media/blricons.8fdcd1d4.eot)format("embedded-opentype"),url(../media/blricons.8cd5294e.woff2)format("woff2"),url(../media/blricons.82b76c88.woff)format("woff"),url(../media/blricons.36e777ae.ttf)format("truetype"),url(../media/blricons.bc389af4.svg)format("svg");font-weight:400;font-style:normal;font-display:swap}[class^=blr-]:before,[class*=\ blr-]:before{font-family:var(--font-blricons);speak:none;-webkit-text-decoration:inherit;text-decoration:inherit;text-align:center;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:1em;margin-left:.2em;margin-right:.2em;font-size:24px;font-style:normal;font-weight:400;line-height:1em;display:inline-block}.blr-ic-3d:before{content:""}.blr-ic-add-user:before{content:""}.blr-ic-arkit:before{content:""}.blr-ic-back-chevron:before{content:""}.blr-ic-back:before{content:""}.blr-ic-comments:before{content:""}.blr-ic-download:before{content:""}.blr-ic-gear:before{content:""}.blr-ic-link:before{content:""}.blr-ic-logout:before{content:""}.blr-ic-love:before{content:""}.blr-ic-loved:before{content:""}.blr-ic-more:before{content:""}.blr-ic-play:before{content:""}.blr-ic-plus:before{content:""}.blr-ic-search:before{content:""}.blr-ic-share:before{content:""}.blr-ic-text:before{content:""}.blr-ic-trash:before{content:""}.blr-ic-upgrade:before{content:""}.blr-ic-user:before{content:""}.blr-ic-comment-add:before{content:""}.blr-ic-send:before{content:""}.blr-ic-star-add:before{content:""}.blr-ic-star-remove:before{content:""}:root{--blrcolor-magenta-1:#ab1e5a;--blrcolor-magenta-2:#d71a63;--blrcolor-magenta-3:#e94179;--blrcolor-orange-1:#f17f21;--blrcolor-orange-2:#f6a623;--blrcolor-orange-3:#f7be2d;--blrcolor-cyan-1:#0583a8;--blrcolor-cyan-2:#049dd4;--blrcolor-cyan-3:#24b9e1;--blrcolor-blue-1:#2a3884;--blrcolor-blue-2:#354199;--blrcolor-blue-3:#5e6ab0;--blrcolor-blue-0:#001741;--blrcolor-blue-4:#848fce;--blrcolor-blue-5:#d3d6e9;--blrcolor-blue-6:#e9eaf4;--color-white:#fff;--color-bg:#f4f4f4;--color-border:#e1e1e1;--border-radius-thumb:12px;--border-radius-btn:36px;--border-radius-input:8px;--bs-grid:0 3px 6px 0 #00000026;--bs-grid-hover-soft:0 4px 8px 0 #00000026,0 12px 16px 0 #0000001a,0 32px 32px 0 #00000012,0 64px 64px 0 #00000008;--bs-grid-hover-hard:0 4px 8px 0 #00000040,0 12px 16px 0 #0003,0 32px 32px 0 #00000026,0 64px 64px 0 #0000001a;height:100vh}body:before{display:none}*{-webkit-tap-highlight-color:#0000}@media only screen and (min-device-width:1024px) and (max-device-width:1366px) and (-webkit-min-device-pixel-ratio:1.5){.mobile-tap-feedback{transition:all .2s ease-out}.mobile-tap-feedback:active{transform:scale(.9)}}@media only screen and (max-device-width:1024px){.mobile-tap-feedback{transition:all .2s ease-out}.mobile-tap-feedback:active{transform:scale(.9)}}input,select,textarea{border:1px solid var(--color-border);background-color:var(--color-white);box-sizing:border-box;border-radius:8px;outline:none;height:48px;padding:10px 15px;font-size:15px;font-weight:500}.asblr input{border-radius:unset}input[type=checkbox],input[type=radio]{border-radius:none;height:auto}input:focus,select:focus,textarea:focus{box-shadow:0 0 0 3px #049dd44d}.custom-form input:focus,.custom-form select:focus,.custom-form textarea:focus{box-shadow:none!important}input.error,select.error,textarea.error,input.error:focus,select.error:focus,textarea.error:focus{border-color:#0000;box-shadow:0 0 0 3px #ff00004d}button:active,a.button:active{box-shadow:none;transition:all .1s;transform:scale(.95)}button,a.button{height:48px;color:var(--color-white);text-align:center;cursor:pointer;box-sizing:border-box;background:linear-gradient(135deg,#24b9e1 0%,#7166c4 100%);border-radius:24px;flex-direction:row;justify-content:center;align-items:center;min-width:100px;padding:0 15px;font-size:14px;font-weight:600;text-decoration:none;display:flex}button.small,a.button.small{height:36px;font-size:12px;font-weight:700;line-height:36px}button.circular,a.button.circular{width:36px;min-width:0;height:36px;padding:0;line-height:36px}a.button [class^=blr-]:before,a.button [class*=\ blr-]:before,button [class^=blr-]:before,button [class*=\ blr-]:before{font-size:20px;line-height:36px}button.secondary,a.button.secondary{color:var(--blrcolor-blue-1);background:var(--blrcolor-blue-6)}button.outline,a.button.outline{color:var(--blrcolor-blue-6);border:2px solid var(--blrcolor-blue-6);background:0 0}button.danger,a.button.danger{color:red;background:#f5e8e8}button:disabled{opacity:.2}.no-style{background:0 0;border:none;height:-webkit-fit-content;height:fit-content;padding:0;line-height:normal}.no-style:hover{box-shadow:none}.animated-thumb{background:linear-gradient(120deg,#eee 15%,#e0e0e0 30%,#eee 45%) 100px 0/800px;border-top-left-radius:12px;border-top-right-radius:12px;width:200px;height:200px;animation:1.5s linear infinite timeline;-webkit-animation-name:;-moz-animation-name:;-webkit-animation-duration:;-moz-animation-duration:;-webkit-animation-iteration-count:;-moz-animation-iteration-count:}.animated-thumb-dark{background:linear-gradient(120deg,#888 15%,#999 25%,#888 40%) 100px 0/800px;border-top-left-radius:12px;border-top-right-radius:12px;width:200px;height:200px;animation:1.5s linear infinite timeline;-webkit-animation-name:;-moz-animation-name:;-webkit-animation-duration:;-moz-animation-duration:;-webkit-animation-iteration-count:;-moz-animation-iteration-count:}.opacity-0{opacity:0;pointer-events:none}@keyframes timeline{0%{background-position:-500px 0}to{background-position:400px 0}}.wrapper{width:100%;margin:0 auto;padding:0 20px}@media only screen and (max-device-width:1024px){.wrapper{padding:0}}@media screen and (min-width:1025px){.wrapper{max-width:calc(100% - 40px)}}@media screen and (min-width:1200px){.wrapper{max-width:1175px}}
.create-project-back{top:calc(20px + env(safe-area-inset-top));z-index:999;border-radius:50%;width:32px;min-width:32px;height:32px;min-height:32px;position:fixed;left:20px}.create-project-title2{height:30px;min-height:70px;padding-top:env(safe-area-inset-top);justify-content:center;align-items:center;display:flex;position:relative}.create-project-option{z-index:10;background:#fff;flex-direction:row;justify-content:center;align-items:center;width:100%;min-height:30px;transition:max-height 1s;display:flex;position:-webkit-sticky;position:sticky;top:60px;overflow:hidden}.create-project-option-div{border-radius:8px;flex-direction:column;justify-content:flex-start;align-items:center;width:250px;max-width:240px;height:auto;margin-bottom:20px;padding:0;transition:max-height 1s;display:flex;position:-webkit-sticky;position:sticky;overflow:visible}.create-project-option-name{color:#000;min-height:16px;margin:0;padding:0;font-size:16px;font-weight:800;line-height:16px}.create-project-option-name-active{color:#3b5998;height:100%;min-height:16px;margin:0;padding:0;font-size:16px;font-weight:800;line-height:16px}.create-project-option-img{max-width:150px;min-height:150px;max-height:70px;margin-bottom:10px;transition:max-height .3s,min-height .3s;overflow:hidden}.create-project-option-indicator{width:20px;height:20px;position:absolute;bottom:-30px}.create-project-option-img-hover{min-height:0;max-height:0;transition:max-height .3s,min-height .3s}.create-project-option-caption{color:#000;max-width:150px;margin-top:10px;font-size:9px}.create-project-confirmation{background:#d3d6e9;border-radius:8px;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:100%;margin-left:auto;margin-right:auto;padding:20px 20px 40px;animation:1s linear fadeIn;display:flex}.create-project-confirmation-caption{color:#000;padding:0 20px;font-size:9px}.create-project-confirmation button{color:#fff;background:#00b4ff;border-style:none;border-radius:4px;outline:none;width:calc(100% - 40px);height:40px;margin-top:20px;margin-bottom:40px;margin-left:20px;font-size:16px;font-weight:800}.create-project-template{box-sizing:border-box;grid-template-columns:repeat(auto-fill,minmax(120px,120px));justify-content:flex-start;column-gap:10px;width:100%;margin:0;padding:0;display:grid;position:relative}.create-project-template img{object-fit:cover;border-radius:4px;width:100%;margin-bottom:20px;position:relative}.create-project-template img:hover{filter:brightness(50%)}@keyframes slideUp{0%{opacity:0}to{opacity:1}}.template-picker-container{box-sizing:border-box;width:auto;color:"#002E54";font-size:13px;font:var(--font);background:#d3d6e9;border-bottom-right-radius:8px;border-bottom-left-radius:8px;height:auto;min-height:calc(100% - 90px);padding:20px;font-weight:500;animation:1s slideUp;position:relative;overflow:auto}.template-picker-option{color:#001741;background:#f4f4f4;flex-direction:row;justify-content:space-evenly;align-items:center;width:auto;min-height:60px;font-size:14px;font-weight:700;animation:.7s slideUp;display:flex;position:relative;top:0}.template-picker-container-category{font-family:var(--font);color:#002e54;text-transform:uppercase;margin:40px 0 10px;font-size:11px;font-weight:400}.template-picker-container-name{font-family:var(--font2);color:#002e54;min-height:15px;margin:10px 0 0;font-size:13px;font-weight:600}.template-item-blank{background:#fff;border-radius:8px;justify-content:center;align-items:center;width:120px;height:120px;margin-bottom:10px;display:flex}.template-item-blank>img{width:48px;height:48px}.template-item{background:#fff;border-radius:8px;width:120px;height:120px;box-shadow:0 0 6px 2px #0000004d}.template-item-list{flex-direction:row;width:calc(100% + 40px);margin-top:0;margin-left:-20px;padding:10px 0 0;display:flex;overflow-x:auto;overflow-y:hidden}.template-item-list::-webkit-scrollbar{visibility:hidden}.template-item-list>:first-child{margin-left:20px}.template-item-list>div{margin-right:20px}.template-item-list>div>p{max-width:120px;max-height:12px}.relative-pos{height:100%;position:relative;overflow:auto}
.creation-detail{flex-direction:column;justify-content:center;align-items:flex-start;display:flex}.creation-detail :first-child{color:#001741;font-size:14px;font-weight:600}.creation-detail :nth-child(2){color:#5e6ab0;margin-top:-2px;font-size:11px;font-weight:500}.creation-detail-container{box-sizing:border-box;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;flex-direction:row;justify-content:flex-start;align-items:center;width:calc(100% - 40px);min-height:48px;margin:0 20px;padding:12px 0;display:flex;position:relative}.creation-detail-container img{object-fit:cover;border-radius:50%;width:36px;height:36px;margin-right:10px;box-shadow:0 0 4px #0006}.creation-detail-container button{color:#354199;cursor:pointer;background:#91dcf0;border-radius:8px;min-height:36px;padding:0 34px;font-size:13px;font-weight:600;position:absolute;right:0}.content-detail-btn-offline{color:red;text-align:center;background:0 0;border:1px solid red;border-radius:24px;padding:10px 20px;font-weight:700}@media only screen and (min-width:1025px){.creation-detail-container{order:2;margin-top:20px;margin-left:0}}@media only screen and (min-width:570px) and (max-width:1024px){.creation-detail-container{min-width:570px;max-width:570px;margin-top:-30px;margin-left:0;margin-right:0;padding:20px 0}.creation-detail-container>img{margin-left:0;margin-right:10px}}.footer{margin-top:60px!important}
.banner-open-creation{box-sizing:border-box;background:#fff;border-top-left-radius:24px;border-top-right-radius:24px;flex-direction:column;align-items:center;width:100%;height:200px;padding:0 20px;transition:bottom .3s;display:flex;position:fixed;bottom:0;left:0;box-shadow:0 6px 5px 2px #666}.banner-open-creation .header{border-bottom:1px solid #0000001a;justify-content:center;align-items:center;width:100%;height:50px;font-family:Montserrat;font-size:18px;font-weight:600;display:flex}.banner-open-creation .item{flex-direction:row;justify-content:space-between;align-items:center;width:100%;margin-top:10px;display:flex}.banner-open-creation .item .detail{flex-direction:row;align-items:center;display:flex}.banner-open-creation .item .detail img{box-sizing:border-box;border:1px solid #0000001a;border-radius:12px;width:50px;height:50px;margin-right:20px;padding:5px}.banner-open-creation .item button{color:#fff;background:#00b4ff;border:none;border-radius:24px;outline:none;width:100px;height:40px;font-weight:800}.banner-open-creation.hidden{bottom:-30%}

.login-parent{flex-direction:column;align-items:stretch;height:100%;display:flex;overflow:auto}#login-extender{width:100%;min-height:50vh}.login-header{width:100%;height:calc(52.8px + env(safe-area-inset-top));min-height:calc(52.8px + env(safe-area-inset-top));color:#001741;flex-direction:row;justify-content:space-between;align-items:center;font-size:18px;font-weight:700;display:flex;position:-webkit-sticky;position:sticky;top:0}.login-header>:first-child{width:24px;height:24px}.login-header div{width:24px;height:24px;padding-right:20px}.login-btn-divider{color:#001741;text-align:center;max-width:360px;min-height:-webkit-min-content;min-height:min-content;font-size:14px;font-weight:600}.login-navigator{color:#2a3884;text-align:center;cursor:pointer;max-width:360px;margin:0 auto;font-size:14px;font-weight:600}.login-privacy-policy-label{color:#6a6b6b;text-align:center;cursor:pointer;max-width:360px;margin:0 auto;font-size:14px;font-weight:600}.reset-pass-link{color:#049dd4;cursor:pointer;font-size:14px;font-weight:500;text-decoration:underline}.login-btn-provider{flex-direction:column;justify-content:space-between;width:100%;max-width:360px;min-height:-webkit-min-content;min-height:min-content;margin:0 auto 20px;display:flex}.auth-btn2-facebook{background:#3b5998;flex-direction:row;justify-content:center;align-items:center;min-height:-webkit-min-content;min-height:min-content;margin:20px 0 0;display:flex}.auth-btn2-facebook.sign-in{margin-top:20px!important;margin-bottom:10px!important}.auth-btn2-vrware{background:#9518ed;flex-direction:row;justify-content:center;align-items:center;min-height:-webkit-min-content;min-height:min-content;margin:20px 0 0;display:flex}.auth-btn2-vrware>img{width:30px;margin-right:10px}.auth-btn2-facebook img{box-sizing:border-box;width:auto;height:16px;margin-right:10px}.auth-btn2-apple{background:#000;border-radius:24px;flex-direction:row;justify-content:center;align-items:center;margin:20px 0 0;display:flex}.auth-btn2-apple.sign-in{margin-top:10px!important;margin-bottom:20px!important}.auth-btn2-google{color:#000;white-space:nowrap;background:#fff;border:2px solid #d3d6e9;border-radius:24px;flex-direction:row;justify-content:center;align-items:center;height:44px;display:flex}.auth-btn2-google.auth-btn-belajar-id{border:none;position:relative}.auth-btn2-google.auth-btn-belajar-id:before{content:"";-webkit-mask-composite:xor;background:linear-gradient(90deg,#39a6da 0%,#7066c1 100%) border-box;border:2px solid #0000;border-radius:24px;transition:all .2s ease-in-out;position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask-image:linear-gradient(#fff 0,#fff 0),linear-gradient(#fff 0,#fff 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:padding-box,border-box;-webkit-mask-origin:padding-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.bid-get-offer{background:linear-gradient(99deg,#f2f623 -1.52%,#41f3f3 101.9%),#fff;border-radius:10px;outline:2px solid #fff}.auth-btn2-apple img,.auth-btn2-google>*{box-sizing:border-box;width:auto;height:16px;margin-top:-2px;margin-right:10px}
.account-page{box-sizing:border-box;-webkit-overflow-scrolling:touch;flex-direction:column;justify-content:flex-start;width:100%;max-width:1200px;height:100%;display:flex;position:relative}.account-empty-state{color:#001741cc;box-sizing:border-box;text-align:center;flex-direction:column;align-items:center;width:100%;height:auto;min-height:200px;padding:0 20px;font-size:14px;font-weight:500;display:flex;position:relative}.account-empty-state .btn-create{align-items:center;width:240px;min-height:50px;margin-top:15px}.account-empty-state-btn-icon{box-sizing:border-box;width:24px;height:24px;min-height:24px;margin-right:5px;padding:5px}.account-empty-state-img{box-sizing:border-box;width:120px;height:120px}.account-page-header-wrapper{align-items:center;display:flex}.account-page-header-wrapper>:first-child{width:24px;height:24px;box-sizing:boder-box;cursor:pointer;background-color:#d3d6e9;border-radius:50%;padding:8px}.account-page-header-wrapper>:first-child:hover{background:#bcbecf;border-radius:50%}.account-page-header{z-index:10;width:100%;min-height:-webkit-max-content;min-height:max-content;margin-top:env(safe-area-inset-top);background:#fff;flex-direction:column;justify-content:flex-start;align-items:center;padding-top:20px;display:flex}.account-page-setting{width:36px;height:36px;top:calc(env(safe-area-inset-top) + 20px);box-sizing:border-box;background:#d3d6e9;border-radius:50%;padding:8px;position:absolute;right:10px}.account-page-notification{width:36px;height:36px;top:calc(env(safe-area-inset-top) + 20px);box-sizing:border-box;fill:#2a3884;background:#d3d6e9;border-radius:50%;padding:8px;position:absolute;right:25px}.account-page-avatar-container{object-fit:cover;border-radius:50%;place-items:center;width:100px;height:100px;margin-bottom:30px;display:grid;position:relative;transform:scale(1.25)}.account-page-avatar-container.explorer{background-image:url(../media/explorer_bg.d1830bb7.svg)}.account-page-avatar-container.inventor{background-image:url(../media/inventor_bg.aa91a485.svg)}.account-page-avatar-container.wizard{background-image:url(../media/wizard_bg.4ad210ae.svg)}.account-page-avatar-base-badge{background:#fd914d;padding:4px 10px;position:absolute;bottom:0;box-shadow:0 0 6px #00000029}.account-page-avatar-badge-left{z-index:-1;position:absolute;bottom:-5px;left:-15px}.account-page-avatar-badge-right{z-index:-1;position:absolute;bottom:-5px;right:-15px}.account-page-avatar-lvl{color:#fff;text-align:center;font-size:10px;font-weight:700}.account-page-avatar-points{color:#fff;text-align:center;font-size:8px;font-weight:500}.account-page-avatar{object-fit:cover;border-radius:50%;width:80px;height:80px}.account-page-avatar2{object-fit:cover;border-radius:50%;width:100px;height:100px}.account-page-name{color:#001741;margin-top:5px;font-size:18px;font-weight:800}.account-page-username{color:#001741;font-size:13px;font-weight:600}.account-page-bio{color:#001741b3;text-align:center;max-width:600px;margin-top:15px;margin-bottom:10px;padding:0 20px;font-size:14px;line-height:1.5em}.account-page-navigator{width:100%;max-width:1200px;min-height:calc(55px + env(safe-area-inset-top));max-height:calc(55px + env(safe-area-inset-top));box-sizing:border-box;z-index:99;background-color:#fff;border-bottom:1px solid #d3d6e9;flex-direction:row;justify-content:flex-start;align-items:center;display:flex;position:-webkit-sticky;position:sticky;top:54.5px}.account-page-navigator.sticky{justify-content:space-between}.account-page-navigator:before,.account-page-navigator:after{content:"";background-color:#fff;width:50px;height:calc(100% + 1px);display:block;position:absolute;top:0;left:-50px}.account-page-navigator:after{left:auto;right:-50px}.account-page-navigator div{text-align:center;box-sizing:border-box;cursor:pointer;justify-content:center;align-items:center;min-width:100px;max-width:200px;height:55px;padding:0;font-size:14px;display:flex}.account-page-navigator div.page-title-nav{text-align:right;flex:1;justify-content:flex-start;max-width:100%;display:none}.account-page-navigator.sticky div.page-title-nav{display:flex}.account-page-navigator-active{color:#001741;border-bottom:2px solid #001741;font-weight:700}.account-page-navigator-inactive{color:#848fce;font-weight:600}@media only screen and (min-width:1025px){.account-page-navigator{min-height:calc(70px + env(safe-area-inset-top));max-height:calc(70px + env(safe-area-inset-top));top:70px}.account-page-navigator div{width:calc(100vw - 40px);height:70px}}.account-page-filter{flex-direction:row;justify-content:flex-start;align-items:center;width:100%;min-height:22px;max-height:22px;margin-top:20px;margin-bottom:0;margin-left:20px;display:flex}.account-page-filter-active{cursor:pointer;color:#fff;box-sizing:border-box;background:#2a3884;border:1px solid #00174133;border-radius:11px;margin-right:10px;padding:4px 12px;font-size:12px;font-weight:600}.account-page-filter-inactive{cursor:pointer;color:#001741;box-sizing:border-box;background:#fff3;border:1px solid #00174133;border-radius:11px;margin-right:10px;padding:4px 12px;font-size:12px;font-weight:600}.account-page-creation-more{max-width:1200px;display:flex;margin-top:60px!important;margin-left:auto!important;margin-right:auto!important}.account-page-creation-list{grid-column-gap:17px;grid-row-gap:60px;width:100%;height:auto;box-sizing:conten-box;grid-template-columns:repeat(auto-fill,minmax(auto,calc(50% - 18px)));align-self:center;margin-top:20px;padding-left:20px;display:grid}.account-page-cm-indicator{background:#fff;place-items:center;width:100%;min-height:111px;margin-top:4px;display:grid}.account-page-cm-indicator>:first-child{width:calc(100% - 40px);max-width:335px;min-height:71px;max-height:71px;position:relative}.account-page-cm-indicator>:first-child>:first-child{color:#020726;max-width:calc(100% - 90px);margin-bottom:10px;font-size:14px;font-weight:700;position:absolute}.account-page-cm-indicator>:first-child>:nth-child(2){color:#020726;font-size:11px;position:absolute;right:0}.account-page-cm-indicator>:first-child>:nth-child(3){color:#24b9e1;font-size:12px;font-weight:600;position:absolute;bottom:0}.account-page-cm-indicator>:first-child>:nth-child(4){color:#929bd0;cursor:pointer;font-size:12px;font-weight:500;text-decoration:underline;position:absolute;bottom:0;right:0}.account-page-cm-indicator>:first-child>:nth-child(5){border-radius:8px;width:100%;height:6px;position:absolute;top:35px}.account-page-cm-list{width:100%;height:-webkit-min-content;height:min-content;box-sizing:conten-box;flex-direction:column;align-items:center;gap:16px;min-height:-webkit-min-content;min-height:min-content;margin-top:20px;padding:20px 20px 0;display:flex}.account-cm-item{box-sizing:border-box;background-color:#fff;border-radius:12px;flex-direction:row;width:100%;min-height:90px;margin-bottom:20px;padding:16px;display:flex;position:relative}.account-cm-item-div{flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;height:auto;display:flex}.account-cm-item-div>:last-child{position:absolute;right:16px;box-shadow:0 0 3px .5px gray}.account-cm-item-div>:first-child{color:#002e54;white-space:nowrap;text-overflow:ellipsis;max-width:180px;margin-bottom:10px;font-size:15px;font-weight:400;overflow:hidden}.account-cm-item-div>:first-child>bold{font-weight:600}.account-cm-item>img{object-fit:cover;border-radius:8px;width:90px;min-width:90px;height:90px;min-height:90px;margin-right:10px}.account-cm-item-div>img{object-fit:cover;border-radius:8px;width:40px;height:40px;margin-right:10px}.account-creation-refresh-btn{color:#fff;background:#8f919e no-repeat padding-box padding-box;border-radius:24px;justify-content:center;align-items:center;max-width:-webkit-max-content;max-width:max-content;min-height:30px;margin-top:10px;margin-bottom:-10px;margin-left:10px;font-size:12px;font-weight:700;display:flex;padding:0 10px!important}.account-creation-item{box-sizing:content-box;border-radius:8px;width:100%;height:auto;padding-top:100%;position:relative}.account-creation-item-div{z-index:1;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;height:auto;display:flex;position:absolute;bottom:-40px;left:0}.account-creation-item-div :first-child{color:#002e54;max-height:13px;font-size:13px;font-weight:600;line-height:13px;overflow:hidden}.account-creation-item-div :nth-child(2){color:#002e5480;font-size:11px;font-weight:700}.account-creation-item img{object-fit:cover;border-radius:8px;width:100%;height:100%;position:absolute;top:0%}.account-creation-item-indicator{z-index:9;background:#fff;border-radius:8px;padding:0 5px;font-size:10px;font-weight:700;position:absolute;bottom:10px;left:10px}.account-header-separator{z-index:10;background:#00174133;width:100%;height:1px}.account-user-list{flex-direction:column;justify-content:flex-start;align-self:center;align-items:flex-start;width:100%;min-height:-webkit-max-content;min-height:max-content;display:flex}.account-user-item{box-sizing:border-box;flex-direction:row;justify-content:flex-start;align-items:flex-start;width:100%;height:60px;min-height:60px;padding:10px 20px;display:flex}.account-user-item img{object-fit:cover;border-radius:50%;width:40px;height:40px;margin-right:10px}.account-user-txt1{color:#002e54;font-size:13px;font-weight:600}.account-user-txt2{color:#002e5480;font-size:11px;font-weight:700}.create-project-btn{bottom:calc(90px + env(safe-area-inset-bottom));z-index:998;background:#00b4ff;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;animation:.2s linear fadeIn;display:flex;position:fixed;right:20px;box-shadow:0 0 10px #0006}.create-project-btn:hover{background:#088bc4}.create-project-btn img{width:14px;height:14px}.popup-overlay{z-index:1000;background:#000000b3;flex-direction:column;justify-content:flex-end;align-items:center;width:100vw;height:100%;transition:transform .2s;display:flex;position:absolute;top:0;left:0;transform:translateY(100%)}.popup-overlay-hidden{display:none}.create-project-dialog{flex-direction:column;justify-content:flex-start;align-items:center;width:100%;max-width:480px;height:100%;min-height:300px;margin:0 auto;display:flex;position:relative}.create-project-title{color:#000;height:calc(60px + env(safe-area-inset-top));min-height:calc(60px + env(safe-area-inset-top));justify-content:center;align-items:center;font-size:16px;font-weight:800;display:flex}.overlay{z-index:9998;background:#0009;justify-content:center;align-items:center;width:100vw;height:100vh;transition:all .3s;animation:.3s linear fadeIn;display:flex;position:fixed;top:0;left:0}.project-dialog{background:#fff;border-radius:8px;flex-direction:column;width:calc(100% - 40px);max-width:350px;height:auto;padding-bottom:20px;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.project-dialog-1{color:#00174180;cursor:pointer;justify-content:flex-start;align-items:center;min-height:66px;padding-left:20px;font-size:14px;display:flex}.project-dialog-2{cursor:pointer;color:#03286b;justify-content:flex-start;align-items:center;min-height:66px;padding-left:20px;font-size:18px;font-weight:800;display:flex}.project-dialog-2 img{box-sizing:border-box;background:#00b4ff26;border-radius:50%;width:36px;height:36px;margin-right:20px;padding:8px}.project-dialog-3{cursor:pointer;color:#03286b;justify-content:flex-start;align-items:center;min-height:40px;padding-left:78px;font-size:14px;font-weight:800;display:flex}.project-dialog-4{cursor:pointer;color:red;justify-content:flex-start;align-items:center;min-height:40px;padding-left:78px;font-size:14px;font-weight:800;display:flex}.delete-dialog{color:#000;box-sizing:border-box;text-align:left;background:#fff;border-radius:8px;flex-direction:column;width:calc(100% - 40px);max-width:300px;height:auto;padding:20px;font-size:14px;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.delete-dialog-btn{flex-direction:row;justify-content:space-between;width:100%;height:38px;min-height:38px;margin-top:20px;display:flex}.delete-dialog-btn button{border-style:none;border-radius:4px;width:calc(50% - 10px);height:38px;min-height:38px}.delete-dialog-btn :first-child{color:#fff;background:#00b4ff;justify-content:center;align-items:center;display:flex}.delete-dialog-btn :nth-child(2){color:red;background:0 0;border:1px solid red;justify-content:center;align-items:center;display:flex}.rename-project-input{box-sizing:border-box;border:1px solid gray;border-radius:4px;outline:none;width:100%;height:20px;min-height:20px;margin-top:10px;padding:20px}.account-desktop-overlay{display:none}.create-desktop-dialog{color:#001741;box-sizing:border-box;background:#fff;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;width:600px;height:auto;padding:50px;font-size:15px;font-weight:600;display:flex;position:relative}.create-desktop-dialog-x{box-sizing:border-box;background:#f4f4f4;border-style:none;border-radius:50%;min-width:32px;min-height:32px;position:absolute;top:10px;left:10px;transform:rotate(45deg)}.create-desktop-dialog-logo{width:180px;height:120px}.create-desktop-dialog .top{border-bottom:1px solid #e9eaf4;margin-bottom:40px;padding-bottom:40px}.create-desktop-dialog div{flex-direction:row;justify-content:flex-start;align-items:center;width:100%;display:flex}.create-desktop-dialog div .r{flex-direction:column;justify-content:flex-start;align-items:flex-start;padding-left:30px;display:flex}.create-desktop-dialog div .r>div{padding-top:25px}.create-desktop-download-btn1{cursor:pointer;width:auto;height:40px;margin-right:10px}.create-desktop-download-btn2{cursor:pointer;width:auto;height:40px}.account-desktop-overlay-btn{display:none}.disabled{opacity:.5;cursor:default!important}.mobile-hidder{display:none}.cm-dialog-container>:last-child{margin-bottom:-40px!important}.cm-dialog-option{color:"#2A3884";box-sizing:border-box;text-transform:capitalize;cursor:pointer;border-top:1px solid #e1e1e1;flex-direction:row;justify-content:flex-start;align-items:center;width:calc(100% + 40px);min-height:48px;margin-left:-20px;padding-left:20px;font-size:14px;font-weight:700;display:flex;transform:translateY(-20px)}.cm-dialog-option:hover{background:linear-gradient(135deg,#24b9e1 0%,#7166c4 100%);color:#fff!important}.cm-dialog-option:hover svg{fill:#fff!important}.cm-dialog-option>:first-child{box-sizing:border-box;background:#848fce26;border-radius:8px;width:30px;height:30px;margin-right:10px;padding:7px}.cm-dialog-option.red{color:#d9005c}.cm-dialog-option.red>:first-child{fill:#d9005c}.account-creation-item>.project-status{z-index:2;position:absolute;top:-8px;right:28px}.popup-project-info{flex-direction:column;justify-content:center;display:flex}.popup-project-info>div{flex-direction:row;justify-content:space-between;align-items:center;font-size:12px;font-weight:700;display:flex}.popup-project-info>hr{border:.1px solid #e5e5e5;width:100%;height:0}.popup-project-info>button{color:#0d96cd;background:0 0;border:none;align-self:center;height:16px;margin-top:24px;font-size:13px;font-weight:600;line-height:0}@media only screen and (min-width:600px){.account-page-creation-list{grid-column-gap:17px;grid-row-gap:60px;grid-template-columns:repeat(auto-fill,minmax(auto,calc(33.3% - 18px)))}}@media only screen and (min-width:800px){.account-page-creation-list{grid-column-gap:17px;grid-row-gap:60px;grid-template-columns:repeat(auto-fill,minmax(auto,calc(25% - 18px)))}}@media only screen and (min-width:1025px){.mobile-hidder{display:flex}.account-desktop-overlay{pointer-events:none;background:linear-gradient(#fff0 0%,#f4f4f4cc 50%,#f4f4f4 100%);flex-direction:column;justify-content:flex-end;align-items:center;width:100vw;height:175px;min-height:175px;display:flex;position:fixed;bottom:0}.account-desktop-overlay-btn img{box-sizing:border-box;width:24px;height:24px;margin-right:20px;padding:5px}.account-desktop-overlay-btn{cursor:pointer;z-index:100;color:#fff;background:linear-gradient(117deg,#24b9e1 50%,#7166c4 100%);border-radius:24px;flex-direction:row;justify-content:center;align-items:center;width:242px;min-height:48px;margin-bottom:20px;font-size:14px;font-weight:600;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.account-page::-webkit-scrollbar{display:none}.account-page-header{background:0 0;padding-top:54px;position:relative;top:0}.account-page-setting{display:none}.account-page-notification{box-sizing:border-box;background:#d3d6e9;border-radius:50%;width:36px;height:36px;padding:8px;display:none;position:absolute;top:60px;right:60px}.account-page-navigator,.account-page-navigator:before,.account-page-navigator:after{background-color:#f4f4f4}.account-page-filter{border-bottom:1px solid #00174133;justify-content:center;min-height:80px;margin-top:0}.account-header-separator{background:#00174133;width:100%;height:1px}.account-page-filter-active{text-align:center;color:#fff;background:#2a3884;border:none;border-radius:0;justify-content:center;align-items:center;width:140px;min-height:36px;margin-left:0;margin-right:0;display:flex}.account-page-filter-inactive{text-align:center;background:#d3d6e9;border:none;border-radius:0;justify-content:center;align-items:center;width:140px;min-height:36px;margin-left:0;margin-right:0;display:flex}.account-page-filter :first-child{border-top-left-radius:18px;border-bottom-left-radius:18px}.account-page-filter :nth-child(3){border-top-right-radius:18px;border-bottom-right-radius:18px}.account-page-creation-list{grid-column-gap:17px;grid-row-gap:60px;grid-template-columns:repeat(auto-fill,minmax(auto,calc(25% - 18px)))}.account-user-list{width:350px}.account-page-cm-indicator{border-radius:8px;align-self:center;width:480px;margin-top:20px}.create-project-btn{display:none}}@media only screen and (min-width:1200px){.account-page-creation-list{grid-column-gap:17px;grid-row-gap:60px;grid-template-columns:repeat(auto-fill,minmax(auto,calc(25% - 15px)))}.create-project-btn{bottom:20px}}@media only screen and (max-width:768px){.create-desktop-dialog{width:calc(100% - 30px);padding:60px 20px 20px}}@media only screen and (max-width:560px){.create-desktop-dialog{text-align:center;padding:20px}.create-desktop-download-btn1{margin:0 0 10px}.create-desktop-dialog .top{margin-bottom:15px;padding-bottom:15px}.create-desktop-dialog div{flex-direction:column;justify-content:flex-start;align-items:center;width:100%;display:flex}.create-desktop-dialog div .r{flex-direction:column;justify-content:flex-start;align-items:flex-start;padding-top:10px;padding-left:0;display:flex}.create-desktop-dialog div .r>div{padding-top:10px}.create-desktop-dialog-logo{width:auto;height:50px}.create-desktop-dialog button{height:36px;font-size:12px;line-height:36px}}
.redeem-popup{z-index:9999;background:#0006;width:100%;height:100%;position:fixed;top:0;left:0}.redeem-popup>iframe{z-index:10000;border:none;width:100%;height:100%}.redeem-popup>.close-popup{box-sizing:border-box;z-index:100001;place-items:center;width:40px;height:40px;padding:0;display:grid;position:absolute;top:0;left:0}.redeem-popup>.close-popup>svg{cursor:pointer;width:50px;height:50px}.redeem-popup>.loader{place-items:center;width:100px;height:100px;margin-top:-10px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.account-page-plan{color:#fff;background:#011741;border-radius:8px;flex-direction:row;justify-content:space-between;width:calc(100% - 40px);height:100px;display:flex;position:relative;overflow:hidden}.account-page-plan>img{width:100px;position:absolute;top:0;left:0;transform:translate(-40%)}.account-page-plan>.plan-info{color:#fff;flex-direction:column;justify-content:center;margin-left:50px;display:flex}.account-page-plan>.plan-info>:first-child{opacity:.6;font-size:10px;font-weight:700}.account-page-plan>.plan-info>:nth-child(2){text-overflow:ellipsis;white-space:pre-wrap;max-height:20px;margin-top:5px;margin-bottom:4px;font-size:18px;font-weight:800;overflow:hidden}.account-page-plan>.plan-info>:nth-child(3){color:#fff;text-transform:uppercase;border-radius:4px;padding:1px 0;font-size:11px;font-weight:700}.account-page-plan>.button-container{flex-direction:column;justify-content:center;margin-right:10px;display:flex}.account-page-plan>.button-container>button{font-weight:600;max-height:30px!important}.account-page-plan>.button-container>button:first-child{text-overflow:ellipsis;white-space:nowrap;margin-bottom:10px}.account-page-plan>.button-container>.redeem{color:#354199;cursor:pointer;border-radius:28px;flex-direction:row;justify-content:center;place-items:center;height:30px;padding:0 20px;font-weight:500;display:flex;background:#fff!important;font-size:14px!important}.account-page-plan>.button-container>.redeem>svg{margin-right:5px}.account-page-plan>.button-container>.redeem:active{transform:scale(.95)}@media only screen and (min-width:1025px){.account-page-plan{display:none}}.filter-btn{position:relative}.filter-btn:before,.filter-btn:after{content:"";z-index:2;pointer-events:none;width:20px;position:absolute;top:0;bottom:0}.filter-btn:before{background:linear-gradient(270deg,#f4f4f4,#fff0);left:-20px}
.class-setting-create{display:flex;position:absolute}
.detailclass{flex-direction:column;width:100%;height:calc(100% + 40px);min-height:100%;display:flex;position:relative;overflow-x:hidden;overflow-y:auto}.publish-btn{background:linear-gradient(135deg,#24b9e1 0%,#7166c4 75%);border-radius:50%;justify-content:center;align-items:center;width:48px;min-width:48px;height:48px;min-height:48px;display:flex;position:fixed;bottom:15px;right:15px}.publish-btn :first-child{box-sizing:border-box;object-fit:contain;width:24px;min-width:24px;height:24px;min-height:24px;padding:4px}.material-content-item-btn img{object-fit:cover;display:none}.detailclass-header{color:#fff;box-sizing:border-box;z-index:1;align-items:center;width:100%;padding:20px;display:block}.detailclass-header-desktop{color:#fff;box-sizing:border-box;z-index:1;flex-direction:column;justify-content:flex-end;align-items:center;width:100%;min-height:250px;padding:0 0 22px;display:none;position:-webkit-sticky;position:sticky;top:-100px}.detailclass-header-bg{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}.detailclass-header-overlay{background:linear-gradient(#0000 0%,#000000f2 100%);width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.detailclass-header-overlay img{object-fit:cover;width:100%;height:100%}.detailclass-header-overlay div{background:#00000080;width:100%;height:100%;position:absolute;top:0;left:0}.detailclass-header1{z-index:3;letter-spacing:-.025em;text-overflow:ellipsis;white-space:nowrap;width:100%;margin-top:20px;font-size:28px;font-weight:700;line-height:1.15em;overflow:hidden}.detailclass-header3{z-index:2;text-overflow:ellipsis;white-space:nowrap;width:100%;margin-top:10px;font-size:15px;font-weight:600;line-height:1.35em;position:relative;overflow:hidden}.detailclass-header4{z-index:2;width:100%;margin-top:10px;margin-bottom:10px;font-size:18px;font-weight:800;line-height:1.35em;position:relative}.detailclass-header4 b{border:1px solid #fff;border-radius:4px;padding:5px 10px}.detailclass-header2{z-index:2;text-transform:uppercase;letter-spacing:1px;margin-top:20px;margin-bottom:5px;font-size:10px;font-weight:600;position:relative}.detailclass-header-member{color:#001741;box-sizing:border-box;background:#d3d6e9;border:3px solid #000;border-radius:30px;justify-content:center;align-items:center;height:36px;min-height:36px;padding:0 10px;font-size:11px;font-weight:900;display:flex}.detailclass-navigator{display:none}.detailclass-c1{box-sizing:content-box;background:#fff;width:100%;height:auto;min-height:-webkit-max-content;min-height:max-content;padding:25px 0 10px}.detailclass-c1-2::-webkit-scrollbar{display:none}.detailclass-c1-1{color:#001741;flex-direction:row;justify-content:space-between;align-items:center;height:auto;margin:0 20px;font-size:16px;font-weight:600;display:flex}.detailclass-c1-1-1{color:#049dd4;flex-direction:row;justify-content:space-between;align-items:center;width:100%;font-size:12px;font-weight:600;display:flex}.detailclass-c1-1-1-1{color:#639;font-size:12px;font-weight:600}.shared-material-list{flex-flow:row;display:flex;overflow:auto}.material-book-item{object-fit:cover;border-style:none;border-radius:8px;min-width:120px;height:120px;margin-right:20px;box-shadow:0 0 5px #0006}.material-content-item{border-style:none;border-radius:8px;flex-direction:column;justify-content:flex-end;min-width:120px;height:120px;margin-right:20px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 5px #0006}.material-content-item img{object-fit:cover;border-style:none;border-radius:8px 8px 0 0;width:100%;height:80%;position:absolute;top:0;left:0}.material-content-item-name{box-sizing:border-box;color:#354199;background-color:#fff;width:100%;height:20px;max-height:20px;padding:2px 10px;font-size:12px;font-weight:800;position:absolute;bottom:0;left:0;overflow:hidden}.detailclass-c1-2{box-sizing:border-box;background:#fff;flex-direction:row;width:100%;min-height:160px;margin-top:5px;padding:10px 20px;display:flex;overflow-x:auto;overflow-y:hidden}.lesson-item{box-sizing:border-box;color:#001741;background:#e1e1e1;border-radius:8px;min-width:120px;height:120px;margin-right:20px;padding:10px;font-size:12px;font-weight:800}.detailclass-c2{color:#001741;background:#f4f4f4;width:100%;height:auto;padding:20px;font-size:16px;font-weight:600}.detailclass-c2-1{flex-direction:column;display:flex}.creation-item{box-sizing:border-box;background:#fff;border-radius:8px;flex-direction:row;width:calc(100% - 40px);height:80px;min-height:80px;margin-top:20px;margin-right:20px;display:flex}.creation-item-thumbnail{background:#e1e1e1;border-top-left-radius:8px;border-bottom-left-radius:8px;width:80px;height:80px;margin-right:15px}.creation-item-detail{flex-direction:column;width:100%;text-decoration:none;display:flex;position:relative}.creation-item-detail1{color:#354199;margin-top:8px;font-size:14px;font-weight:800;text-decoration:none}.creation-item-detail2{color:#001741;min-height:12px;max-height:14px;margin-top:5px;padding-right:20px;font-size:12px;line-height:14px;text-decoration:none;overflow:hidden}.creation-item-detail3{color:#001741;flex-direction:row;justify-content:flex-start;align-items:center;margin-top:7px;font-size:10px;font-weight:800;display:flex;overflow:hidden}.creation-item-detail4{display:none}.creation-item-detail5{color:#5e6ab0;background:#fff;flex-direction:row;align-items:center;width:auto;height:21px;min-height:21px;margin-right:20px;font-size:12px;font-weight:700;display:flex;position:absolute;bottom:5px;right:0;overflow:hidden}.creation-item-detail5 :first-child{box-sizing:border-box;object-fit:contain;margin-top:-4px;margin-right:10px;padding:0}.creation-item-detail5 :nth-child(2){margin-right:10px}.creation-item-detail5 :nth-child(3){box-sizing:border-box;margin-right:5px}.creation-item-detail3 img{object-fit:cover;box-sizing:border-box;border-radius:50%;width:20px;height:20px;margin-right:5px}.class-setting-btn1{top:calc(12px + env(safe-area-inset-top));box-sizing:border-box;z-index:5;background:#fff;border-radius:50%;width:36px;height:36px;padding:5px;position:fixed;right:20px}.class-setting-btn-desktop{display:none}.class-setting-dialog-overlay{z-index:1000;background:#000000bf;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.class-setting-dialog{background:#fff;border-radius:8px;flex-direction:column;width:calc(100% - 40px);max-width:400px;height:-webkit-max-content;height:max-content;display:flex}.class-setting-dialog-1{color:#00174180;border-bottom:1px solid #80808033;border-top-left-radius:8px;border-top-right-radius:8px;flex-direction:row;justify-content:flex-start;align-items:center;height:56px;padding-left:20px;font-size:14px;font-weight:600;display:flex}.class-setting-dialog-2{color:#03286b;cursor:pointer;border-bottom:1px solid #80808033;flex-direction:row;justify-content:flex-start;align-items:center;height:48px;padding-left:20px;font-size:16px;font-weight:800;display:flex}.class-setting-dialog-2 img{box-sizing:border-box;background:#848fce26;border-radius:8px;width:30px;height:30px;margin-right:27px;padding:5px}.class-setting-dialog-3{color:#03286b;cursor:pointer;flex-direction:row;justify-content:flex-start;align-items:center;height:48px;margin-bottom:14px;padding-left:20px;font-size:16px;font-weight:800;display:flex}.class-setting-dialog-3 img{box-sizing:border-box;background:#848fce26;border-radius:8px;width:30px;height:30px;margin-right:27px;padding:2px}.class-invite-dialog{color:#001741;box-sizing:border-box;background:#fff;border-radius:8px;flex-direction:column;justify-content:flex-start;width:calc(100% - 40px);max-width:400px;height:auto;min-height:300px;padding:20px;font-size:14px;font-weight:600;display:flex;position:relative}.search-result-container{box-sizing:border-box;background:#e9eaf4;border-bottom-right-radius:8px;border-bottom-left-radius:8px;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:calc(100% - 40px);height:200px;padding:0 20px;display:flex;position:absolute;top:85px;left:20px;right:20px;overflow:auto}.search-member-item{box-sizing:border-box;flex-direction:row;justify-content:flex-start;align-items:center;width:100%;height:48px;min-height:48px;margin-top:10px;margin-bottom:10px;display:flex}.search-member-item-img{object-fit:cover;border-radius:50%;width:48px;height:48px;margin-right:10px}.search-member-item-fullname{color:#001741;font-size:15px;font-weight:800}.search-member-item-username{color:#5e6ab0;font-size:12px;font-weight:700}.member-temp-list{width:100%;min-height:300px;max-height:300px;overflow:auto}.member-temp-item{border-top:1px solid #e1e1e1;flex-direction:row;justify-content:flex-start;align-items:center;width:100%;min-height:40px;max-height:40px;margin-bottom:5px;display:flex}.member-temp-item>div>select{border:none;outline:0;max-height:32px;margin-right:10px;padding:0;font-size:12px}.member-temp-item>div>select:focus{outline:0}.member-temp-item>img{border-radius:50%;width:30px;height:30px;margin-right:10px}.member-temp-item>:nth-child(2){color:#001741;flex:1;font-size:13px;font-weight:600;overflow:hidden}.member-temp-item>:nth-child(2)>span{color:#00174180;font-size:11px;font-weight:500}.member-temp-item-delete{fill:#000;object-fit:contain;justify-self:flex-end;width:20px;height:40px}.invite-dialog-btn{flex-direction:row;justify-content:space-around;margin-top:10px;display:flex}.invite-dialog-btn>button{flex-direction:column;justify-content:center;align-items:center;max-height:30px;display:flex}.invite-dialog-btn>button:first-child{color:#2a3884;background:#e9eaf4;flex:1;margin-right:10px}.invite-dialog-btn>button:nth-child(2){flex:3}.class-invite-dialog input{background:#f4f4f4;border-style:none;border-radius:4px;outline:none;width:100%;height:40px;margin-top:10px;margin-bottom:12px;padding:0 15px}.class-invite-dialog-codelist{flex-flow:wrap;justify-content:space-between;align-items:center;width:96%;height:48px;margin-top:10px;margin-bottom:10px;display:flex}.class-invite-dialog-codelis-item{color:#fff;background:#354199;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;width:48px;height:48px;font-size:18px;font-weight:800;display:flex}.detailclass-home-desktop,.detailclass-home-desktop-materials,.detailclass-home-desktop-member{display:none}.member-list-desktop-item{flex-direction:row;align-items:center;width:100%;min-height:48px;max-height:48px;margin-top:20px;display:flex}.member-list-desktop-item-avatar{object-fit:cover;background:#fff;border-radius:50%;width:48px;height:48px;margin-right:14px}.member-list-desktop-item-detail{flex-direction:column;flex-grow:1;display:flex}.member-list-desktop-item-detail-name{color:#001741;font-size:15px;font-weight:600}.member-list-desktop-item-detail-name img{width:13.5px;height:13px;margin-left:6px}.member-list-desktop-item-detail-username{color:#5e6ab0;font-size:12px;font-weight:600}.member-list-desktop-item-btn{box-sizing:border-box;background:#848fce26;border-radius:8px;justify-content:center;align-items:center;width:24px;height:24px;margin-right:6px;padding:4px;display:flex}.invited-user-list{flex-direction:row;justify-content:flex-start;align-items:center;width:100%;height:43px;min-height:43px;margin-top:10px;margin-bottom:10px;display:flex;overflow:hidden}.invited-user-list img{object-fit:cover;background:#fff;border:1px solid gray;border-radius:20px;width:40px;height:40px;margin-right:10px}.empty-class-container{width:calc(100% - 40px);height:auto;margin:20px auto 0}.empty-class-container :first-child{color:#001741;font-size:18px;font-weight:600}.empty-class-container :nth-child(2){color:#001741;font-size:16px;font-weight:400}.empty-shared-container{color:#2a3884;box-sizing:border-box;background:#fff;border-radius:8px;flex-direction:row;justify-content:flex-start;align-items:center;width:calc(100% - 40px);min-height:80px;margin:20px auto 0;padding:0 20px;font-size:14px;font-weight:400;line-height:1.3em;display:flex}.empty-shared-container img{flex:none;width:40px;height:auto;margin-left:10px;margin-right:20px}.empty-shared-container div{font-weight:400}.material-page-list{box-sizing:border-box;grid-column-gap:10px;grid-template-columns:repeat(auto-fill,minmax(auto,calc(50% - 5px)));width:100%;margin:40px auto 0;padding:0 20px;display:grid}.material-content-item2{background:#fff;border-radius:8px;outline:none;width:100%;height:340px;margin-bottom:20px;text-decoration:none;position:relative}.material-content-item2-img{object-fit:cover;border-radius:8px 8px 0 0;width:100%;max-height:150px}.material-content-item2-name{color:#354199;min-height:30px;max-height:38px;margin-top:10px;margin-bottom:7px;padding:0 20px;font-size:24px;font-weight:800;overflow:hidden}.material-content-item2-desc{color:#001741;word-break:normal;max-height:42px;padding:0 20px;font-size:14px;line-height:14px;position:absolute;overflow:hidden}.material-content-item2-btn{box-sizing:border-box;flex-direction:row;justify-content:space-between;align-items:center;width:100%;height:36px;padding:0 20px;display:flex;position:absolute;bottom:20px}.material-content-item2-btn1{box-sizing:border-box;color:#354199;background:#91dcf0;border-radius:8px;flex-direction:row;justify-content:center;align-items:center;width:50px;height:36px;font-size:12px;font-weight:600;display:flex}.material-content-item2-btn1 div{display:none}.material-content-item2-btn1 img{width:14px;height:19px}.material-content-item2-btn2{box-sizing:border-box;object-fit:cover;background:#e9eaf4;border-radius:50%;width:36px;min-width:36px;max-width:36px;height:36px;min-height:36px;max-height:36px;padding:8px}.user-option-dialog{color:#7f8ba0;box-sizing:border-box;background:#fff;border-radius:8px;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:80%;max-width:300px;height:auto;padding:20px;font-size:14px;font-weight:600;display:flex}.user-option-exclusive{box-sizing:border-box;color:#2a3884;flex-direction:row;justify-content:flex-start;align-items:center;width:100%;height:auto;min-height:30px;font-size:14px;font-weight:700;display:flex}.user-option-exclusive div{cursor:pointer;justify-content:flex-start;align-items:center;min-height:50px;display:flex}.user-option-exclusive img{object-fit:cover;background:#9ea7b8;border-radius:8px;outline:none;width:32px;height:32px;margin-right:15px;font-weight:700}.user-reset-dialog{color:#7f8ba0;box-sizing:border-box;background:#fff;border-radius:8px;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:80%;max-width:300px;height:auto;min-height:363px;padding:20px;font-size:14px;font-weight:600;display:flex}.user-reset-dialog input{box-sizing:border-box;border:1px solid #e1e1e1;border-radius:8px;outline:none;width:100%;min-height:48px;margin-bottom:20px;padding:0 20px}.user-reset-dialog-header{color:#001741;margin-bottom:25px;font-size:14px;font-weight:500}.user-reset-dialog-menu{color:#001741;margin-bottom:10px;font-size:14px;font-weight:600}.user-reset-dialog-btn{flex-direction:row;justify-content:center;width:100%;display:flex}.user-reset-dialog-btn :first-child{color:#fff;background:linear-gradient(98deg,#24b9e1 50%,#7166c4 100%);border-radius:24px;width:calc(50% - 10px);min-height:36px;margin-right:10px;font-size:14px;font-weight:500}.user-reset-dialog-btn :nth-child(2){color:#2a3884;background:#e9eaf4;border-radius:24px;width:calc(50% - 10px);min-height:36px;font-size:14px;font-weight:500}.user-option-dialog-username{color:#001741;font-size:14px;font-weight:900}.user-option-dialog div{width:100%;margin-bottom:0}.user-option-dialog select{border-radius:8px;outline:none;width:100%;min-height:40px;margin-top:15px;margin-bottom:15px;padding-left:10px}.user-option-dialog-menu{color:#2a3884;cursor:pointer;flex-direction:row;justify-content:flex-start;align-items:center;width:100%;min-height:48px;font-size:14px;font-weight:800;display:flex}.user-option-dialog-menu img{box-sizing:border-box;background:#848fce26;border-radius:8px;width:30px;height:30px;margin-right:15px;padding:8px}.user-option-dialog button{color:red;background:#fff;border:1px solid red;border-radius:8px;outline:none;width:100%;min-height:40px;margin-top:15px;margin-bottom:15px;font-weight:800}.member-empty-container2{display:none}@media only screen and (min-width:600px){.material-page-list{grid-column-gap:30px;grid-template-columns:repeat(auto-fill,minmax(auto,calc(33% - 20px)))}}@media only screen and (min-width:800px){.material-page-list{grid-column-gap:30px;grid-template-columns:repeat(auto-fill,minmax(auto,20%))}}@media only screen and (min-width:1025px){.empty-class-container{display:none}.member-empty-container2{flex-direction:column;align-items:center;width:100%;height:auto;margin-top:20px;display:flex}.member-empty-container2 img{width:120px;height:120px}.member-empty-container2 button{width:240px;margin-top:15px}.empty-shared-container,.detailclass-footer{display:none}.detailclass-home-desktop{box-sizing:border-box;flex-direction:row;justify-content:center;width:100%;max-width:1200px;min-height:-webkit-max-content;min-height:max-content;margin:0 auto;padding:0;display:flex}.detailclass-home-desktop-materials{box-sizing:border-box;grid-column-gap:30px;grid-template-columns:repeat(auto-fill,minmax(auto,calc(25% - 23px)));width:100%;max-width:1200px;margin:40px auto 0;padding:0 20px;display:grid}.detailclass-home-desktop-member{box-sizing:border-box;flex-direction:row;width:100%;max-width:1200px;height:auto;min-height:-webkit-max-content;min-height:max-content;margin:40px auto 0;display:flex}.detailclass-home-desktop-member-list{flex-direction:column;flex:1;max-width:1200px;height:auto;margin:0 auto;padding:0 45px;display:flex}.detailclass-home-desktop-member-header{color:#001741;flex-direction:row;justify-content:space-between;align-items:center;height:36px;font-size:24px;font-weight:600;display:flex}.detailclass-home-desktop-member-header-btn{box-sizing:border-box;background:#d3d6e9;border-radius:50%;width:36px;height:36px;padding:4px}.detailclass-home-desktop1{flex-flow:column;justify-content:flex-start;width:100%;height:auto;margin-top:40px;display:flex}.detailclass-home-desktop1-separator{color:#00174166;margin-top:20px;font-size:11px;font-weight:900}.detailclass-home-desktop2{color:#001741;flex-direction:column;justify-content:flex-start;width:80%;min-width:250px;max-width:370px;height:auto;margin-top:40px;font-size:18px;font-weight:800;display:flex}.detailclass-home-desktop2-1{box-sizing:border-box;background:#fff;border-radius:8px;width:100%;height:auto;padding:20px 0 20px 20px}.detailclass-home-desktop2-2{box-sizing:border-box;background:#fff;border-radius:8px;width:100%;min-height:180px;margin-top:20px;padding:20px 0 20px 20px}.detailclass{box-sizing:border-box;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow-x:hidden;overflow-y:auto}.detailclass-navigator{flex-direction:row;justify-content:center;align-items:center;width:100%;min-height:36px;margin-top:22px;margin-bottom:11px;display:flex}.detailclass-navigator div{text-align:center;cursor:pointer;width:140px;padding:8px 40px;font-size:15px}.detailclass-navigator div:first-child{border-top-left-radius:18px;border-bottom-left-radius:18px}.detailclass-navigator div:nth-child(3){border-top-right-radius:18px;border-bottom-right-radius:18px}.detailclass-navigator-active{color:#fff;background:#001741;font-size:15px;font-weight:900}.detailclass-navigator-inactive{color:#001741;background:#d3d6e9;font-size:15px}.detailclass-header{border-radius:8px;justify-content:center;margin-top:40px;padding:30px;position:relative;top:0;overflow:hidden}.detailclass-header-desktop{justify-content:center;height:160px;min-height:160px;display:flex;position:relative;top:0}.detailclass-header2{display:none}.detailclass-header1{margin-top:75px;font-size:40px}.detailclass-header3{font-size:18px}.detailclass-c1,.detailclass-c2{display:none}.detail-class-header1-desktop{flex-direction:row;justify-content:space-between;width:100%;max-width:1200px;display:flex}.detail-class-header2-desktop{box-sizing:border-box;flex-direction:row;justify-content:space-between;align-items:center;width:100%;max-width:1200px;height:40px;padding:0 20px;display:flex;position:absolute;top:50px}.detail-class-header2-desktop img{box-sizing:border-box;background:#fff;border-radius:50%;width:36px;height:36px;padding:8px}.class-setting-btn-desktop{box-sizing:border-box;z-index:20;background:#fff;width:36px;height:36px;position:fixed;top:0;right:0}.class-setting-btn{display:none;position:absolute;top:60px;right:30px}.creation-item{min-height:140px}.creation-item-thumbnail{min-width:140px;min-height:140px}.creation-item-detail{width:100%}.creation-item-detail2{min-height:32px}.creation-item-detail3{color:#001741;align-items:flex-start;margin-top:18px;font-size:12px;font-weight:800;position:relative}.creation-item-detail3 img{background:#F4;object-fit:cover;border-radius:50%;width:36px;height:36px;margin-right:10px}.creation-item-detail4{color:#5e6ab0;font-size:11px;font-weight:700;display:flex}.creation-item-detail5{color:#5e6ab0;flex-direction:row;align-items:center;width:auto;height:21px;min-height:21px;margin-right:20px;font-size:12px;font-weight:700;display:flex;position:absolute;bottom:0;right:0}.creation-item-detail5 :first-child{box-sizing:border-box;object-fit:contain;width:30px;height:30px;margin-top:-4px;margin-right:10px;padding:0}.creation-item-detail5 :nth-child(2){margin-right:30px}.creation-item-detail5 :nth-child(3){box-sizing:border-box;width:22px;height:21px;margin-right:5px}.detailclass-home-desktop2-grid{grid-column-gap:20px;grid-template-columns:repeat(auto-fill,minmax(auto,calc(50% - 20px)));margin-top:16px;display:grid}.material-book-item{object-fit:cover;width:100%;min-height:210px;margin-bottom:20px;margin-right:10px}.material-book-item2{background:#00000080;border-radius:8px;width:100%;height:340px;margin-bottom:20px;position:relative}.material-book-item2-overlay{background:linear-gradient(#fff0 50%,#000c 94%,#000 100%);border-radius:8px;width:100%;height:100%;position:absolute;top:0;left:0}.material-book-item2-img{object-fit:cover;border-radius:8px;width:100%;height:340px;margin-bottom:20px;position:relative}.material-content-item{width:100%;height:210px;margin-bottom:20px;margin-right:10px}.material-content-item img{object-fit:cover;border-bottom-right-radius:0;border-bottom-left-radius:0;width:100%;max-height:130px}.material-content-item-name{height:auto;margin-bottom:50px}.material-content-item-btn{color:#354199;background:#91dcf0;border-radius:8px;outline:none;flex-direction:row;justify-content:center;align-items:center;width:85px;height:30px;font-size:12px;font-weight:600;text-decoration:none;display:flex;position:absolute;bottom:10px;left:10px}.material-content-item-btn img{width:14px;height:19px;margin-right:8px;position:relative}.material-content-item2{background:#fff;border-radius:8px;outline:none;min-width:230px;height:340px;margin-bottom:20px;text-decoration:none;position:relative}.material-content-item2-img{object-fit:cover;border-radius:8px 8px 0 0;width:100%;max-height:150px}.material-content-item2-name{color:#354199;min-height:30px;max-height:38px;margin-top:10px;margin-bottom:7px;padding:0 20px;font-size:24px;font-weight:800;overflow:hidden}.material-content-item2-desc{color:#001741;min-height:42px;max-height:48px;padding:0 20px;font-size:14px;line-height:16px;position:absolute;overflow:hidden}.material-content-item2-btn{box-sizing:border-box;flex-direction:row;justify-content:space-between;align-items:center;width:100%;height:36px;padding:0 20px;display:flex;position:absolute;bottom:20px}.material-content-item2-btn1{box-sizing:border-box;color:#354199;background:#91dcf0;border-radius:8px;flex-direction:row;width:auto;height:36px;padding:10px 22px;font-size:12px;font-weight:600;display:flex}.material-content-item2-btn1 img{width:14px;height:19px;margin-right:8px}.material-content-item2-btn2{box-sizing:border-box;object-fit:cover;background:#e9eaf4;border-radius:50%;width:36px;min-width:36px;max-width:36px;height:36px;min-height:36px;max-height:36px;padding:8px}.material-content-item2-btn1 div{display:flex}.detailclass-home-desktop2-grid-footer{color:#354199;background:#e9eaf4;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:210px;font-size:12px;font-weight:800;display:flex}.detailclass-home-desktop2-2-list{flex-direction:row;justify-content:flex-start;align-items:center;width:100%;height:48px;margin-top:16px;display:flex;overflow:hidden}.detailclass-home-desktop2-2-list img{object-fit:cover;border-radius:50%;width:44px;height:44px}.detailclass-home-desktop2-2-btn{color:#354199;background:#e9eaf4;border-radius:8px;justify-content:center;align-items:center;min-width:72px;max-width:100px;height:36px;margin-top:15px;font-size:12px;font-weight:800;display:flex}.member-list-desktop-item{flex-direction:row;align-items:center;width:100%;min-height:48px;max-height:48px;margin-top:20px;display:flex}.member-list-desktop-item-avatar{object-fit:cover;border-radius:50%;width:48px;height:48px;margin-right:14px}.member-list-desktop-item-detail{flex-direction:column;flex-grow:1;display:flex}.member-list-desktop-item-detail-name{color:#001741;flex-direction:row;font-size:15px;font-weight:600;display:flex}.member-list-desktop-item-detail-name img{box-sizing:border-box;object-fit:cover;width:13.5px;height:13px;margin-left:6px}.member-list-desktop-item-detail-username{color:#5e6ab0;font-size:15px;font-weight:700}.member-list-desktop-item-btn{box-sizing:border-box;background:#848fce26;border-radius:8px;justify-content:center;align-items:center;width:24px;height:24px;margin-right:6px;padding:4px;display:flex}.publish-btn{display:none}}.classnavs{justify-content:space-between;display:flex}
.full-mobile-width{border:none;border-radius:0;width:100%}.class-post-form-type.mobile{background:#e9eaf4;border-radius:50px;flex-direction:column;justify-content:center;align-items:center;height:26px;margin:0 10px 0 0;padding:5px 10px;display:flex}.class-post-form-type.mobile div{width:100%;margin:0}.class-post-form-type.mobile.active{background:#001741}.class-post-form-type.mobile.active path{fill:#fff}.class-post-form-3.mobile{flex-direction:column;height:auto;display:flex}.class-post-form-3.mobile>.selector{flex-direction:row;justify-content:flex-start;width:100%;display:flex}.class-post-form-3.mobile>button{align-self:flex-start;margin-top:25px;position:relative;left:0}.add-project-selector>img{width:32px;max-width:48px;height:32px;max-height:48px;margin:50% 0 0 50%;transform:translate(-40%,-50%)}@media only screen and (min-width:900px) and (max-width:1024px){.project-selector{width:100%;max-width:1024px;height:100%}}@media only screen and (min-width:550px) and (max-width:899px){.project-selector{width:100%;max-width:1024px;height:100%}.project-selector-grid{grid-template-columns:repeat(auto-fill,calc(33.3% - 20px))}}@media only screen and (max-width:550px){.project-selector{width:100%;max-width:1024px;height:100%}.project-selector-grid{grid-template-columns:repeat(auto-fill,calc(50% - 10px))}}
.class-post-refresh{line-height:14px;display:flex;margin-top:15px!important;margin-bottom:-20px!important;margin-left:calc(100% - 120px)!important}.class-post-form{box-sizing:border-box;background:#fff;background:var(--unnamed-color-ffffff)0% 0% no-repeat padding-box;border:1px solid var(--unnamed-color-5e6ab0);opacity:1;background:#fff no-repeat padding-box padding-box;border:1px solid #5e6ab0;border-radius:8px;flex-direction:column;width:calc(100% - 40px);min-height:200px;margin-bottom:20px;padding:20px;transition:height 1s;display:flex;box-shadow:0 4px 10px #00000026}.class-post-form-preview{border-radius:8px;width:100%;height:auto;margin-top:20px;position:relative;overflow:hidden}.class-post-form-preview-cancel{z-index:999999;background:#d71a63;border-radius:50%;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.class-post-form-preview-cancel path{fill:#fff}.class-post-form-1{opacity:1;color:#001741;text-align:left;letter-spacing:0;background:#e9eaf4 no-repeat padding-box padding-box;border-radius:4px;min-height:104px;max-height:104px;font-size:18px;font-style:italic;font-weight:600}.class-post-form-2{opacity:1;flex-direction:row;align-items:center;min-height:40px;max-height:40px;margin-top:30px;margin-bottom:20px;display:flex;position:relative}.class-post-form-2>div{color:#fff;cursor:pointer;background:#001741 no-repeat padding-box padding-box;border-radius:2px;flex-direction:column;justify-content:center;align-items:center;height:80%;padding:0 20px;font-size:12px;font-weight:600;display:flex;position:absolute;right:10px}.class-post-form-2 input{opacity:1;color:#001741;text-align:left;letter-spacing:0;background:#e9eaf4 no-repeat padding-box padding-box;border-radius:4px;width:100%;height:100%;font-size:18px;font-style:italic;font-weight:600}.class-post-form-3{flex-direction:row;align-items:center;width:100%;height:39px;margin-top:20px;display:flex;position:relative}.class-post-form-4-title{color:#001741;margin-top:45px;margin-bottom:10px;font-size:14px;font-weight:700;position:relative}.class-post-form-4-title2{color:#001741;margin-top:20px;margin-bottom:-10px;font-size:14px;font-weight:700}.class-post-form-4-title svg{position:absolute;top:0;right:0;transform:rotate(45deg)}.class-post-form-4-title path{fill:#001741}.class-post-form-4{box-sizing:border-box;background:#e9eaf4 no-repeat padding-box padding-box;border-radius:4px;flex-direction:row;justify-content:center;align-items:center;width:100%;min-height:150px;padding:0 60px;display:flex}.class-post-form-4>img.preview{width:auto;height:90px;max-height:90px}.class-post-form-5{box-sizing:border-box;color:#001741;flex-direction:row;justify-content:flex-start;align-items:center;margin-top:20px;margin-bottom:-10px;font-size:14px;font-weight:700;display:flex;position:relative}.class-post-form-6{box-sizing:border-box;color:#001741;flex-direction:row;justify-content:flex-start;align-items:center;max-width:70%;margin-top:10px;margin-bottom:-20px;font-size:14px;font-weight:400;display:flex;position:relative}.class-post-form-7{box-sizing:border-box;color:#001741;flex-direction:row;justify-content:flex-start;align-items:center;max-width:80%;margin-top:-10px;margin-bottom:20px;font-size:14px;font-weight:400;display:flex;position:relative}.class-post-form-5 svg{position:absolute;top:0;right:0;transform:rotate(45deg)}.class-post-form-5 path{fill:#001741}.class-post-form-4.dragenter{outline:1px solid #001741}.class-post-form-4 h4{color:#001741;white-space:nowrap;text-overflow:ellipsis;max-width:255px;max-height:20px;margin:0;overflow:hidden}.class-post-form-4 input{display:none}.class-post-form-4 p{color:#001741;margin:0}.class-post-form-4 b{cursor:pointer;font-weight:600;text-decoration:underline}.class-post-form-4>img{fill:#354199;width:36px;height:42px;margin-right:17px}.class-post-form-type{color:#00174180;text-align:left;letter-spacing:0;cursor:pointer;flex-direction:row;align-items:center;gap:4px;height:100%;margin-right:25px;font-size:12px;display:flex}.class-post-form-type.active{color:#001741;font-weight:700}.class-post-form-submit{color:#fff;cursor:pointer;flex-direction:column;place-self:flex-end center;align-items:center;height:34px;min-height:34px;display:flex;position:absolute;right:0}.class-post-form-type>div>div{flex-direction:column;justify-content:center;align-items:center;height:34px;margin-right:5px;display:flex}.class-post-form-type>:first-child path{fill:#354199}.class-post-inputer{box-sizing:border-box;background:#fff;border-radius:8px;flex-direction:column;justify-content:center;width:100%;max-width:800px;height:200px;padding:20px;display:flex}.class-post-inputer>textarea{width:100%;margin-top:20px}.class-post-inputer>:nth-child(3){flex-direction:row;justify-content:flex-end;width:100%;margin-top:20px;display:flex}.post-container{background:#fff no-repeat padding-box padding-box;border-radius:8px;width:calc(100% - 40px);margin-top:20px;position:relative;overflow:visible}.post-container-date{color:#848fce;font-size:12px;position:absolute;top:25px;right:30px}.post-loader.more{margin-top:20px}.post-container-more-btn{border:2px solid var(--unnamed-color-d3d6e9);color:#354199;background:0 0;border:2px solid #d3d6e9;border-radius:8px;width:calc(100% - 40px);margin-top:20px}.pinned-post-icon{background:#f7be2d;border-radius:50%;width:24px;height:24px;position:absolute;top:63px;left:0;transform:translate(-50%)}.pinned-post-icon svg{box-sizing:content-box;width:19px;height:19px;padding-top:1px;padding-left:3px}.pinned-post-icon path{fill:#fff}.post-container.pinned,.post-container-mobile.pinned{border:2px solid #f7be2d}.post-container-mobile{display:none}.post-container-username{color:#00174180;margin:22px 30px 19px;font-size:16px}.post-container-project{min-height:-webkit-max-content;min-height:max-content}.post-container-username>b{color:#001741;font-weight:600}.post-container-text{color:#001741;text-align:justify;text-overflow:ellipsis;word-wrap:normal;white-space:pre-line;flex-direction:column;justify-content:flex-start;max-height:56px;margin:-10px 30px 10px;font-size:14px;display:flex;overflow:hidden}.post-container-text.detail{max-height:-webkit-max-content;max-height:max-content;margin-top:0}textarea.post-container-text{color:#001741;text-align:justify;background:#e9eaf4;min-height:80px;margin-bottom:20px;margin-left:30px;margin-right:30px;font-size:14px}.post-container-attachment{background:linear-gradient(#fff0 0%,#fff0 43%,#fff 63%,#fff 100%) no-repeat padding-box padding-box;border:1px solid #f4f4f4;border-radius:8px;width:calc(100% - 60px);height:auto;margin-bottom:20px;margin-left:30px;margin-right:30px;overflow:hidden;box-shadow:0 2px 8px #0000000d}.post-container-attachment:hover{border-color:#848fce}.post-container-button{background:#fff;border-top:1px solid #d3d6e980;border-bottom-right-radius:8px;border-bottom-left-radius:8px;flex-direction:row;align-items:center;width:calc(100% - 60px);min-height:60px;padding-left:30px;padding-right:30px;display:flex}.post-container-button-options{color:#00174180;cursor:pointer;flex-direction:row;align-items:center;height:50px;margin-right:25px;font-size:12px;font-weight:700;display:flex}.post-container-button-options svg{fill:#354199;height:23px;margin-right:5px}.post-container-button>:nth-child(3){color:#00174180;flex-direction:row;justify-content:flex-end;align-items:center;width:50px;height:50px;margin-right:25px;font-size:12px;font-weight:700;display:flex;position:absolute;right:0}.post-container-button>:nth-child(4){background:#001741 no-repeat padding-box padding-box;border-radius:8px;flex-direction:column;width:220px;animation:.3s fadeIn;display:flex;position:absolute;bottom:40px;right:10px;box-shadow:0 5px 15px #00000040}.post-container-button>:nth-child(4)>:first-child,.post-container-button>:nth-child(4)>:nth-child(2){flex-direction:row;justify-content:flex-start;padding:0 20px;display:flex}.dialog-pointer{background:#001741;border-radius:4px;max-width:25px;max-height:40px;margin-top:-40px;position:relative;left:70%;transform:rotate(-45deg)translateY(10px)}.post-container-button>:nth-child(4)>div{color:#fff;flex-direction:row;justify-content:center;align-items:center;width:100%;height:48px;font-size:14px;font-weight:700;display:flex}.post-container-button-ic{object-fit:contain;width:24px;height:24px;margin-right:5px}.post-container-avatar{object-fit:cover;border:4px solid #f4f4f4;border-radius:50%;width:36px;height:36px;position:absolute;top:15px;left:-20px}.project-selector{background:#fff;border-radius:8px;flex-direction:column;width:calc(100% - 40px);max-width:540px;height:480px;display:flex;position:relative}.project-selector-btn{box-sizing:border-box;flex-direction:row;justify-content:space-between;width:100%;height:36px;padding:0 20px;display:flex;position:absolute;bottom:20px}.project-selector-grid{box-sizing:border-box;grid-template-columns:repeat(auto-fill,calc(33.3333% - 20px));place-content:flex-start center;column-gap:20px;width:100%;height:calc(100% - 70px);padding:20px;display:grid;overflow:auto}.project-selector-grid>div{background:#fff no-repeat padding-box padding-box;border:4px solid #0000;border-radius:8px;width:100%;margin-bottom:40px;padding-top:100%;position:relative;box-shadow:0 3px 6px #00000029}.project-selector-grid>div>img{border:4px solid #0000;border-radius:8px;width:100%;height:100%;position:absolute;top:-4px;left:-4px}.project-selector-grid-name{color:#002e54;text-overflow:clip;max-lines:1;max-height:15px;font-size:13px;font-weight:600;position:absolute;bottom:-40px;overflow:hidden}.project-selector-grid-check{z-index:2;background:#fff no-repeat padding-box padding-box;border:2px solid #5e6ab0;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;display:flex;position:absolute;top:5px;left:5px}.project-selector-grid-check.active{background:#5e6ab0}.project-selector-grid-checker{background:#5e6ab0;border-radius:50%;width:100%;height:100%}.project-selector-grid-check path{fill:#fff}.project-selector-btn>button{flex-direction:column;justify-content:center;align-items:center;height:36px;display:flex}.project-selector-btn>button.cancel{color:#2a3884;background:#e9eaf4}.post-loader{flex-direction:column;justify-content:center;align-items:center;width:100%;margin-top:60px;display:flex}.post-loader-mobile{display:none}.post-form-loader{position:absolute;right:0}.image-preview,.video-preview{object-fit:contain;max-width:calc(100% - 40px);max-height:calc(100% - 40px)}.post-container-empty-state{margin-top:40px}.member-exit-btn2{color:#fff;background:red;border-radius:8px;justify-content:center;align-items:center;width:320px;height:40px;margin:20px auto 0;font-weight:800;display:flex;bottom:20px}.class-invite-dialog2{color:#001741;box-sizing:border-box;background:#fff;border-radius:8px;flex-direction:column;justify-content:flex-start;width:calc(100% - 40px);max-width:420px;height:auto;min-height:350px;padding:20px;font-size:14px;font-weight:600;display:flex;position:relative}.class-invite-dialog2-1{flex-direction:row;justify-content:space-around;margin-bottom:20px;display:flex}.class-invite-dialog2-1>div{cursor:pointer}.class-invite-dialog2-1>div.active{opacity:1}.class-invite-dialog2-1>div{opacity:.5}.class-invite-dialog2-2{color:#001741;margin-top:10px;margin-bottom:15px;font-size:14px;font-weight:400}.class-invite-dialog2-3{color:#2a3884;flex-direction:row;justify-content:space-between;align-items:center;height:48px;font-size:20px;display:flex}.class-invite-dialog2-3>div{border:2px solid #e9eaf4;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.class-invite-dialog2-4{color:#354199;cursor:pointer;justify-content:flex-end;width:100%;margin-top:20px;margin-bottom:20px;font-size:14px;text-decoration:underline;display:flex}.class-invite-dialog2-4>:first-child{margin-right:5px;padding-top:3px;transform:scaleX(-1)}.class-invite-permission{box-sizing:border-box;background:gray;border-radius:24px;align-items:center;width:50px;height:25px;margin-top:10px;margin-bottom:10px;padding:0 5px;display:flex}.class-invite-permission.active{background:#354199}.class-invite-permission>div{box-sizing:border-box;background:#fff;border-radius:24px;width:15px;height:15px;padding:0 5px}.class-invite-permission>div.active{margin-left:25px}.class-invite-dialog2-5>:nth-child(2){background:#f0f0f0;border:1px solid #000;border-radius:4px;margin-top:10px;margin-bottom:20px;padding:10px}.class-invite-dialog2-5>:nth-child(3){color:#354199;cursor:pointer;justify-content:flex-end;margin-bottom:30px;text-decoration:underline;display:flex}.class-invite-dialog2-5>:nth-child(3)>:first-child{margin-top:3px;margin-right:5px}.class-invite-dialog2-6{color:#2a3884;background:#e9eaf4;align-self:center;max-width:-webkit-max-content;max-width:max-content;position:absolute;bottom:20px}@media only screen and (max-width:1024px){.class-post-form-7{margin-top:10px;margin-bottom:10px}.class-post-form-7>div{margin-bottom:-10px}.class-post-form-4{margin-top:20px}.class-post-form-4-title{margin-bottom:-5px}.class-post-form-5{margin-bottom:0}.class-post-form-6{max-width:100%;margin-bottom:10px}.post-container-empty-state{box-sizing:border-box;width:100%;padding:0 20px}.class-post-form-4{box-sizing:border-box;padding:20px}.class-post-form-2{margin-top:10px;margin-bottom:-10px}.post-container-more-btn{width:calc(100% - 40px);margin-left:20px}.class-post-form-4-title{margin-top:20px}.post-loader-mobile{flex-direction:column;justify-content:center;align-items:center;width:100%;margin-top:60px;display:flex}.pinned-post-icon-mobile{background:#f7be2d;border-radius:50%;width:24px;height:24px;position:absolute;top:0;right:20px;transform:translateY(-50%)}.pinned-post-icon-mobile path{fill:#fff}.pinned-post-icon-mobile svg{width:19px;height:19px;padding:2px 0 0 2px}.post-container-mobile{background:#fff no-repeat padding-box padding-box;border-radius:8px;flex-direction:column;width:100;min-height:-webkit-max-content;min-height:max-content;margin-top:40px;display:flex;position:relative;overflow:visible}.post-container-text{text-overflow:clip;height:auto;min-height:18px;margin-top:10px;line-height:18px;margin-bottom:10px!important}.post-container-username-mobile{color:#001741;flex-direction:row;margin:22px 30px 10px;font-size:16px;font-weight:700;display:flex}.post-container-username-mobile>:nth-child(2)>:nth-child(2){color:#848fce;font-size:12px;font-weight:500}.post-container-avatar-mobile{object-fit:cover;background:#b1b1b1 no-repeat padding-box padding-box;border-radius:50%;width:36px;height:36px;margin-right:15px}.post-container-attachment{width:calc(100% - 60px)}.post-container-add-btn{z-index:999999}.post-container-add-btn-overlay{background:linear-gradient(151deg,#0000 0%,#000 100%) no-repeat padding-box padding-box}.post-container-add-btn-container{flex-direction:column;align-items:flex-end;min-height:-webkit-max-content;min-height:max-content;display:flex;position:fixed;bottom:94px;right:15px}.post-container-add-btn-container>div{color:#2a3884;background:#fff;border-radius:50px;flex-direction:row;justify-content:center;align-items:center;width:-webkit-max-content;width:max-content;min-height:43px;margin-bottom:10px;padding:0 20px;font-weight:500;display:flex}.post-container-add-btn-icon svg{fill:#2a3884;height:40px;margin-left:5px;padding-top:5px}img.post-container-add-btn-icon{width:24px;height:25px;margin-left:5px}}
.detail-post-parent{flex-direction:row;justify-content:space-between;width:100%;max-width:838px;margin:100px auto 0;display:flex}.detail-post-container{box-sizing:border-box;background:#fff no-repeat padding-box padding-box;border-radius:8px;flex-direction:column;width:100%;max-width:770px;margin-bottom:60px;display:flex;position:relative;box-shadow:0 4px 10px #00000026}.detail-post-back{box-sizing:border-box;background:#001741;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:48px;height:48px;padding:10px;transition:all .1s;display:flex}.detail-post-back:hover{border-radius:50%;width:50px;height:50px;transition:all .1s}.detail-post-back path{fill:#fff}.post-header{display:none}.post-comment-container{align-self:center;width:calc(100% - 40px);margin-top:20px}.post-comment-parent{flex-direction:column;width:100%;display:flex;overflow-x:hidden}.post-comment-1{color:#001741;flex-direction:row;font-size:14px;font-weight:600;display:flex}.post-comment-1>:nth-child(2)>:nth-child(2){color:#848fce;flex-direction:row;font-size:12px;font-weight:400;display:flex}.post-comment-avatar{object-fit:cover;border-radius:50%;width:30px;height:30px;margin-right:10px}.post-comment-text{color:#001741;width:calc(100% - 45px);margin-top:10px;margin-left:40px;font-size:14px}.post-comment-form{flex-direction:column;margin-top:20px;display:flex}.post-comment-form-1{flex-direction:row;align-items:flex-start;margin-left:20px;display:flex}.post-comment-form-1>img{object-fit:cover;border-radius:50%;width:30px;height:30px;margin-right:10px}.post-comment-form-1>textarea{background:#e9eaf4 no-repeat padding-box padding-box;border-radius:4px;flex:1;min-height:80px;margin-bottom:15px;margin-right:20px}.post-comment-form-2{flex-direction:column;justify-content:center;align-items:center;width:120px;height:36px;margin-bottom:20px;margin-left:60px;display:flex}.post-comment-form-2.loader{margin-left:20px}.post-comment-form-2.sending{content:"sending comment";background:gray}.post-comment-form-3{flex-direction:column;justify-content:center;align-self:flex-end;align-items:center;width:120px;height:36px;margin-bottom:20px;margin-right:30px;display:flex}.post-container-user{flex-direction:row;align-items:center;width:100%;height:auto;margin-top:20px;display:flex;position:relative}.post-container-user-2>div{flex-direction:column;justify-content:center;align-items:center;height:100%;margin-right:5px;font-weight:700;display:flex;transform:translateY(0)}.post-container-user-1{object-fit:cover;border-radius:50%;width:36px;height:36px;margin-left:0;margin-right:-5px;transform:translate(-50%)}.post-container-user-3{color:#848fce;width:auto;font-size:12px;position:absolute;right:20px}.post-container-user-2{flex-direction:row;justify-content:flex-start;align-items:flex-start;height:30px;margin-left:0;display:flex}.post-container-user-2>p{text-transform:lowercase;align-self:center;display:flex}.post-dialog-screen{box-sizing:border-box;color:#001741;background:#fff no-repeat padding-box padding-box;border-radius:8px;flex-direction:column;width:calc(100% - 40px);max-width:300px;height:auto;min-height:-webkit-max-content;min-height:max-content;padding:20px;font-size:14px;font-weight:700;display:flex;position:relative;box-shadow:0 5px 15px #00000040}.post-dialog-screen-1{cursor:pointer;flex-direction:row;align-items:center;height:30px;min-height:20px;margin-bottom:10px;display:flex}.post-dialog-screen-1:nth-last-child(2){margin-bottom:40px}@media only screen and (max-width:1024px){.detail-post-parent{margin-top:0}.detail-post-container{max-width:1200px;margin-top:10px;position:relative}.detail-post-back{display:none}.post-header{display:flex;position:relative}.post-container-user{flex-direction:row;align-items:flex-start;width:100%;height:auto;margin-top:20px;display:flex;position:relative}.post-container-user-1{border-radius:50%;width:36px;height:36px;margin-bottom:12px;margin-left:25px;margin-right:0;transform:translate(0)}.post-container-user-2{margin-left:15px}.post-container-user-2>div{transform:translateY(-5px)}.post-container-user-2>p{display:none}.post-container-user-3{color:#848fce;width:auto;font-size:12px;position:absolute;bottom:12px;left:75px}}

.member-page{flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;height:100%;display:flex;position:relative;overflow-x:hidden;overflow-y:auto}.member-exit-btn{color:#fff;background:red;border-radius:8px;justify-content:center;align-items:center;width:320px;height:40px;font-weight:800;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.member-page-header{width:100%;height:60px;padding-top:env(safe-area-inset-top);min-height:calc(60px + env(safe-area-inset-top));color:#fff;box-sizing:border-box;z-index:1;background:#350583;flex-direction:column;justify-content:center;align-items:center;display:flex;position:-webkit-sticky;position:sticky;top:0}.member-list-mobile{color:#00174166;width:calc(100% - 40px);height:auto;margin-top:20px;padding:0 20px;font-size:11px;font-weight:900}.memberpage-add-btn{box-sizing:border-box;width:36px;height:36px;right:20px;top:calc(12px + env(safe-area-inset-top));z-index:998;background:#fff;border-radius:50%;padding:4px;position:fixed}.member-empty-container{color:#001741cc;text-align:center;flex-direction:column;align-self:center;align-items:center;width:calc(100% - 40px);height:auto;margin-top:20px;font-size:14px;font-weight:500;display:flex}.member-empty-container img{width:120px;height:120px;margin-bottom:5px}.member-empty-container button{width:240px;margin-top:15px}.detailclass-header1-member{font-size:18px;font-weight:600;position:relative;top:0}
.class-setting{background:#f4f4f4;flex-direction:column;align-items:center;width:100%;height:100%;display:flex}.class-setting-child{color:#001741;box-sizing:border-box;width:100%;max-width:1200px;height:auto;min-height:100%;padding:0 20px;font-size:14px;font-weight:600;overflow:auto}@media screen and (min-width:1025px){.class-setting-child{margin-top:20px}}.class-confirmation-dialog{color:#000;background:#fff;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;width:calc(100% - 40px);max-width:380px;height:150px;min-height:100px;font-weight:600;display:flex}.class-confirmation-btn{flex-direction:row;justify-content:space-evenly;width:100%;height:30px;margin-top:15px;font-weight:700;display:flex}.class-confirmation-btn :nth-child(2){color:#354199;background:#91dcf0;border-radius:4px;width:calc(50% - 60px);font-weight:700}.class-confirmation-btn :first-child{color:#354199;background:#f4f4f4;border-radius:4px;width:calc(50% - 60px);font-weight:700}.class-setting-header{height:calc(60px + env(safe-area-inset-top));color:#001741;background-color:#fff;flex-direction:row;justify-content:center;align-items:center;margin:0 0 20px -20px;font-size:18px;font-weight:600;display:flex;position:relative}@media screen and (min-width:1025px){.class-setting-header{display:none}}.class-setting-content{flex-direction:column;justify-content:flex-start;align-items:flex-start;max-width:335px;margin:0 auto;display:flex;position:relative}.class-setting-header>:first-child{box-sizing:border-box;width:24px;height:24px;padding:0;position:absolute;left:20px}.class-setting-child input{color:#001741;background:#fff;border-style:none;border-radius:4px;outline:none;width:100%;height:40px;margin:10px 0 20px;padding:0 10px;font-size:16px;font-weight:600}.class-setting-child textarea{color:#001741;background:#fff;border-style:none;border-radius:4px;outline:none;width:100%;min-height:80px;margin:10px 0 20px;padding:5px 10px;font-size:16px;font-weight:600}.class-setting-bg-list{grid-column-gap:0px;flex-flow:wrap;grid-template-columns:repeat(auto-fill,minmax(auto,60px));justify-content:space-between;width:100%;height:auto;margin-top:10px;display:grid}.class-setting-bg-item-img{border-radius:4px;justify-content:center;align-items:center;width:100%;height:60px;margin-bottom:8px;display:flex;position:relative}.class-setting-bg-item-img-img{object-fit:cover;border-radius:4px;width:100%;height:100%;position:absolute;top:0;left:0}.class-setting-bg-item-img-img-img{z-index:5;width:28px;height:28px}.class-setting-bg-item-color{border-radius:4px;justify-content:center;align-items:center;width:100%;height:60px;min-height:60px;margin-bottom:8px;display:flex}.class-setting-bg-item-color img{width:28px;height:28px}.class-setting-header-desktop1{margin-left:-10px}.class-setting-btn,.class-setting-btn2{width:100%;margin-top:10px;position:relative}@media only screen and (min-width:500px){.class-setting-bg-item-img{object-fit:cover;border-radius:4px;width:100%;margin-bottom:8px}.class-setting-bg-item-color{border-radius:4px;min-width:100%;margin-bottom:8px}}@media only screen and (min-width:1025px){.class-setting-child{padding:0 80px}.class-setting-bg-item-img{object-fit:cover;border-radius:4px;width:100%;margin-bottom:8px}.class-setting-bg-item-color{border-radius:4px;min-width:100%;margin-bottom:8px}.setting-back-navigator{margin-left:-70px}.class-setting-btn{position:"relative";margin-bottom:70px;margin-left:30px}}
.alert-dialog span{white-space:pre-wrap!important}.alert-dialog>:first-child>:first-child>:nth-child(2){font-size:18px;font-weight:900!important}.alert-dialog>:first-child>:first-child>:nth-child(3){font-weight:500!important}.class{box-sizing:border-box;background:#f4f4f4;flex-direction:column;width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.class-search-container{box-sizing:border-box;background:#fff;border-radius:12px;flex-direction:row;justify-content:flex-start;align-items:center;width:100%;max-width:1126px;height:40px;min-height:40px;margin-top:20px;display:flex;position:relative}.class-search-container>input{border-radius:12px;width:calc(100% + 40px);max-height:40px}.class-search-container>.loading{background-color:#d3d6e9;border-top-right-radius:12px;border-bottom-right-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:50px;height:100%;display:flex;position:absolute;right:0}.class-search-container>.loading>:first-child{margin-top:0}.class-empty-container{color:#001741cc;text-align:center;flex-direction:column;align-items:center;width:100%;height:auto;font-size:14px;font-weight:500;display:flex}.class-empty-container img{box-sizing:border-box;width:120px;height:120px;margin-top:15%}.class-header{color:#002e54;padding:env(safe-area-inset-top)20px 0px 20px;z-index:3;background:#fff;flex-direction:row;justify-content:space-between;align-items:center;height:55px;margin-left:-20px;margin-right:-20px;font-size:18px;font-weight:600;display:flex;position:-webkit-sticky;position:sticky;top:0}.class-header-button-container{flex-direction:row;justify-content:space-between;align-items:center;min-width:80px;max-width:80px;height:60px;display:flex;position:relative}.class-btn1{box-sizing:border-box;fill:#2a3884;background:#d3d6e9;border-radius:50%;width:36px;height:36px;padding:4px;animation:1s linear fadeIn}.class-btn1.notif,.class-btn1.magnifier{padding:7px}.class-list{flex-direction:column;width:100%;height:auto;margin:20px 0 0;display:flex}.class-item{border-radius:var(--border-radius-thumb);box-sizing:border-box;background-color:#000;outline:none;flex-direction:column;width:100%;min-height:150px;margin-bottom:20px;padding:20px 0 20px 20px;text-decoration:none;display:flex;position:relative}.class-item-name{color:#fff;z-index:2;letter-spacing:-.025em;font-size:22px;font-weight:800;line-height:1.3em}.class-item-overlay{object-fit:cover;border-radius:var(--border-radius-thumb);opacity:.65;width:100%;height:100%;position:absolute;top:0;left:0}.class-detail1{color:#fff;z-index:2;text-transform:uppercase;letter-spacing:.1em;margin-top:35px;margin-bottom:10px;font-size:11px;font-weight:600}.class-student-list{z-index:2;flex-direction:row;justify-content:flex-start;width:100%;height:32px;display:flex;overflow:hidden}.class-student-list.detail-class{width:calc(100% + 20px);position:relative}.class-student-list::-webkit-scrollbar{display:none}.class-student-list::-webkit-scrollbar-track{height:1px}.class-student-list::-webkit-scrollbar-thumb{height:1px}.class-creation-empty-container{color:#001741cc;box-sizing:content-box;flex-direction:column;justify-content:flex-start;align-items:center;width:calc(100% - 40px);height:auto;font-size:14px;font-weight:500;display:flex}.class-creation-empty-container img{width:120px;height:120px}.class-creation-empty-container button{width:240px;margin-top:10px}.class-student-item{box-sizing:border-box;mask-position-x:left;mask-position-y:50%;object-fit:cover;background:#000;border-radius:50%;width:40px;height:40px;margin:0 -10px 0 0;-webkit-mask-image:url(../media/subtraction.ec45432a.svg);mask-image:url(../media/subtraction.ec45432a.svg);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.class-student-item:last-child{-webkit-mask-image:none;mask-image:none}.class-item .class-student-item{width:32px;height:32px;margin-right:-8px}.class-add-btn{flex-direction:row;justify-content:center;align-items:center;width:100%;display:flex}.class-add-btn1{cursor:pointer;align-self:center;flex-direction:row!important;justify-content:center!important;align-items:center!important;width:100%!important;margin-top:20px!important;margin-bottom:20px!important;display:flex!important}.class-add-btn-plus{object-fit:cover;box-sizing:border-box;width:24px;height:24px;margin-right:6px;padding:2px}.class-add-btn>:first-child{object-fit:cover;box-sizing:border-box;width:24px;height:24px;margin-right:6px}.join-class-container{color:#03286b;box-sizing:border-box;background:#fff;border-radius:8px;flex-direction:column;justify-content:flex-start;align-items:center;width:calc(100% - 40px);max-width:320px;padding:20px;font-size:18px;font-weight:600;display:flex;position:relative}.join-class-container input{opacity:0;z-index:5;width:100%;height:48px;min-height:48px;margin-top:20px}.join-code-list{flex-direction:row;justify-content:space-between;width:calc(100% - 40px);height:48px;display:flex;position:absolute;top:65px;left:20px}.join-code-list div{color:#03286b;box-sizing:border-box;background:#f4f4f4;border:1px solid #e1e1e1;border-radius:8px;justify-content:center;align-items:center;width:48px;min-width:48px;min-height:48px;display:flex}.link-url{color:#049dd4;margin-top:10px;font-size:12px;font-style:italic;font-weight:700;text-decoration:underline}.join-class-btn{box-sizing:border-box;border-bottom-right-radius:8px;border-bottom-left-radius:8px;flex-direction:column;width:100%;padding-top:20px;display:flex}.join-class-btn button:first-child{margin-bottom:10px}@media only screen and (min-width:600px){.class-list{box-sizing:content-box;flex-flow:wrap;justify-content:space-between;width:100%;height:auto;min-height:120px;margin:20px 0 0;display:flex}.class-item{width:calc(50% - 10px);min-height:200px}}@media only screen and (min-width:1025px){.class-item-name{font-size:26px}.class-search-container{margin-bottom:-30px}.class-list{box-sizing:content-box;flex-flow:wrap;justify-content:space-between;width:100%;height:auto;min-height:120px;margin:50px 0 0;display:flex}.class-list:after{content:"";width:calc(33.33% - 10px)}.class-item{width:calc(33.33% - 10px);min-height:240px}.class-header{box-sizing:border-box;background-color:#fff0;border-bottom:1px solid #0000001a;margin-top:25px;margin-left:0;margin-right:5px;padding:20px 0 15px;font-size:30px;position:relative}.class-header-button-container{justify-content:flex-end}.class-btn1{content:url(../media/ic_plus_dark.4a5947b5.svg);background:#d3d6e9;border-radius:50%;align-self:center;width:36px;height:36px;right:0}.class-btn1.notif{display:none}.class-add-btn{max-width:366px;margin:20px auto}.class-add-btn1{max-width:366px;margin:20px auto 0!important}}

.pages-container{box-sizing:border-box;flex-direction:column;width:100%;max-width:1140px;display:flex;position:relative}.pages-title{color:#001741;border-bottom:1px solid #0000001a;justify-content:center;width:100%;margin-top:40px;padding-bottom:10px;font-size:30px;font-weight:600;display:flex}.desktop-notification-item{max-width:480px;position:relative;left:50%;transform:translate(-50%)}