input[data-v-f19f1777]{border:.1rem solid #dddee5;border-radius:.6rem!important;color:#0f182c;font-size:1.5rem;height:3.3rem;line-height:1.5rem;padding:.65rem 1.6rem}input[data-v-f19f1777]:hover,input[data-v-f19f1777]:focus{border-color:#dddee5;box-shadow:none;outline:none}input[data-v-f19f1777]:disabled{color:#0f182c!important;-webkit-text-fill-color:#0f182c}input[data-v-2add60ad]{border:.1rem solid #dddee5;border-radius:.6rem!important;font-size:1.4rem;line-height:1.4rem;padding:.8rem 1.6rem}input[data-v-2add60ad]:hover,input[data-v-2add60ad]:focus{border-color:#dddee5;box-shadow:none;outline:none}input[data-v-2add60ad]::-moz-placeholder{color:#5e666e}input[data-v-2add60ad]::placeholder{color:#5e666e}.search-input[data-v-2add60ad]{position:relative}.search-input[data-v-2add60ad]:after{color:#5e666e;content:"";font-family:bootstrap-icons!important;left:3rem;position:absolute;top:50%;transform:translateY(-50%)}.search-input input[data-v-2add60ad]{background:#fff;font-size:1.4rem;line-height:1.4rem;padding:.75rem 1.6rem .75rem 6rem;width:100%}.header-container{padding-bottom:2rem}.topbar-container{align-items:flex-end;display:flex;justify-content:space-between;padding-top:.5rem}.topbar-logo{line-height:0}.topbar-logo img{height:3.4rem;width:auto}.topbar-menu{-moz-column-gap:6.5rem;column-gap:6.5rem;display:flex;justify-content:center}.topbar-menu .menu-item{align-items:center;color:#5e666e;display:flex;font-size:1.5rem;font-weight:700;line-height:2.7rem}.topbar-menu .menu-item:hover,.topbar-menu .menu-item:focus{color:#0e60e3}.topbar-menu .menu-item.active{color:#0e60e3}.topbar-menu .menu-item i:before{font-size:1.8rem;font-weight:700!important;line-height:1.8rem}.topbar-setting{align-items:center;-moz-column-gap:2rem;column-gap:2rem;display:flex;justify-content:flex-end}.topbar-setting i{font-size:2.4rem;line-height:2.4rem}.font-size-label{color:#5e666e;font-size:1.4rem;line-height:2.7rem}.font-size-container{display:flex;align-items:center}.font-size-container .font-size-item{align-items:center;background:#fff;color:#0f182c;cursor:pointer;display:flex;font-size:1.4rem;line-height:2.7rem;padding:0 1rem;text-align:center;transition:all .25s ease-in-out;height:2.7rem;border-top:.1rem solid #0e60e3;border-bottom:.1rem solid #0e60e3}.font-size-container .font-size-item:hover{background:#0e60e380;color:#fff}.font-size-container .font-size-item.active{background:#0e60e3;color:#fff;padding:0 1.4rem;pointer-events:none}.font-size-container .font-size-item:first-child{border-bottom-left-radius:.3rem;border-top-left-radius:.3rem;border-left:.1rem solid #2049d6}.font-size-container .font-size-item:last-child{border-bottom-right-radius:.3rem;border-top-right-radius:.3rem;border-right:.1rem solid #2049d6}.language-container{display:flex}.language-container .language-item{cursor:pointer;font-size:1.5rem;line-height:1.5rem;position:relative;text-align:center;transition:all .25s ease-in-out;width:4.7rem;color:#5e666e}.language-container .language-item:not(:last-child):after{background:#a8a8a8;content:"";position:absolute;width:.1rem;height:100%;right:.05rem;top:0}.language-container .language-en:hover,.language-container .language-ja:hover{color:#0e60e380}.language-container .language-item.active{pointer-events:none;font-weight:700}.language-container .language-en.active,.language-container .language-ja.active{color:#0e60e3}.language-container .language-item:first-child{border-bottom-left-radius:.3rem;border-top-left-radius:.3rem}.language-container .language-item:last-child{border-bottom-right-radius:.3rem;border-top-right-radius:.3rem}.avatar-setting{display:none}.avatar-container{align-items:center;-moz-column-gap:.5rem;column-gap:.5rem;cursor:pointer;display:flex;position:relative;width:5.4rem}.avatar-container i{color:#5e666e;font-size:1.3rem}.avatar-container .avatar{cursor:pointer;height:3.5rem!important;width:3.5rem!important}.avatar-container .avatar.teacher-avatar,.avatar-container .avatar.guest-avatar,.avatar-container .avatar.admin-avatar,.avatar-container .avatar.impersonate-avatar{cursor:pointer;height:2.7rem!important;margin:.4rem;width:2.7rem!important}.avatar-container .avatar.teacher-avatar:before,.avatar-container .avatar.guest-avatar:before,.avatar-container .avatar.admin-avatar:before,.avatar-container .avatar.impersonate-avatar:before{border-radius:50%;background:none;content:"";height:3.5rem;pointer-events:none;position:absolute;width:3.5rem}.avatar-container .avatar.teacher-avatar:before{border:.2rem solid #0e60e3}.avatar-container .avatar.guest-avatar:before{border:.2rem solid #5e666e}.avatar-container .avatar.admin-avatar:before{border:.2rem solid #be00ff}.avatar-container .avatar.impersonate-avatar:before{border:.2rem solid #18ef39}.avatar-container .avatar .avatar-name{font-size:1.3rem!important;line-height:3.5rem!important;pointer-events:none!important}.avatar-container .avatar.admin-avatar .avatar-name{line-height:2.7rem!important}.avatar-header{position:relative;margin-right:1.5rem}.avatar-header:after{color:#5e666e;content:"";display:inline-block;font-family:bootstrap-icons!important;font-size:1.3rem;left:4.2rem;line-height:1.3rem;position:absolute;top:50%;transform:translateY(-50%) rotate(0);-webkit-transform:translateY(-50%) rotate(0);transition:transform .2s ease-in-out}.avatar-header.admin-avatar:after{left:3.8rem}.avatar-header.show:after{transform:translateY(-50%) rotate(180deg);-webkit-transform:translateY(-50%) rotate(180deg)}.dropdown-container{border-radius:.6rem;box-shadow:0 .3rem .6rem #00000029;display:none;position:absolute;right:0;top:calc(100% + .5rem);width:22rem;z-index:1}.avatar-header.show~.dropdown-container{animation:fadein .5s ease;height:auto;display:block}.avatar-container .dropdown-container .dropdown-item{background-color:#f3f4f6;border-bottom:.1rem solid #e8e8e8;border-left:none;border-right:none;border-top:none;cursor:pointer;color:#0f182c;display:block;font-size:1.5rem;line-height:1.5rem;padding:1.2rem 1.6rem .9rem;position:relative;width:100%}.avatar-container .dropdown-container .dropdown-item.dropdown-sub{padding:0}.avatar-container .dropdown-container .dropdown-item.dropdown-sub .item-sub{padding:1.2rem 1.6rem .9rem}.avatar-container .dropdown-container .dropdown-item:first-child{border-top-left-radius:.6rem;border-top-right-radius:.6rem}.avatar-container .dropdown-container .dropdown-item:last-child{border-bottom:none;border-bottom-left-radius:.6rem;border-bottom-right-radius:.6rem;padding-bottom:1rem}.avatar-container .dropdown-container .dropdown-item:hover,.avatar-container .dropdown-container .dropdown-item:focus,.avatar-container .dropdown-container .dropdown-item.active{background-color:#cfdff9;color:#0e60e3;transition:background .1s ease-in-out}.item-sub{position:relative}.item-sub:after{content:"";color:#000;font-family:bootstrap-icons!important;font-size:1.5rem;position:absolute;right:0}.logout{position:relative}.logout:after{content:"";color:#000;font-family:bootstrap-icons!important;font-size:1.5rem;position:absolute;right:1.5rem}.search-container{align-items:center;background:#f3f4f6;border-radius:.6rem;-moz-column-gap:2.4rem;column-gap:2.4rem;display:flex;justify-content:space-between;margin:1.5rem 0 0;padding:1.1rem 2rem}.search-container .topbar-search{position:relative;width:calc(100% - 57.3rem)}.search-container .topbar-search:after{color:#5e666e;content:"";font-family:bootstrap-icons!important;left:2rem;position:absolute;top:50%;transform:translatey(-50%)}.search-container .topbar-search input{background:#fff;border:none;font-size:1.5rem;line-height:1.5rem;padding:.95rem 1.6rem .95rem 5rem;width:100%}.search-container .search-button-container{-moz-column-gap:1.2rem;column-gap:1.2rem;display:flex;justify-content:space-between;width:54.9rem}.search-button-container .btn-search{background:#fff;border-color:#dddee5;color:#0f182c;padding:1.05rem 0}.search-button-container .btn-search:nth-child(1){width:13.2rem}.search-button-container .btn-search:nth-child(2){width:13.2rem}.search-button-container .btn-search:nth-child(3){width:8.7rem}.search-button-container .btn-search:nth-child(4){width:16.2rem}.search-button-container .btn-search.active{background-color:#e4e4e4}.topbar-menu .link-item{position:relative}.dropdown-menu{border-radius:.6rem;box-shadow:0 .3rem .6rem #00000029;display:none;position:absolute;top:calc(100% + .5rem);width:22rem;z-index:200}.topbar-menu .link-item.show .dropdown-menu{animation:fadein .5s ease;height:auto;display:block}.topbar-menu .link-item .dropdown-menu .dropdown-item:first-child{border-top-left-radius:.6rem;border-top-right-radius:.6rem}.topbar-menu .link-item .dropdown-menu .dropdown-item:last-child{border-bottom:none;border-bottom-left-radius:.6rem;border-bottom-right-radius:.6rem;padding-bottom:1rem}.topbar-menu .link-item .dropdown-menu .dropdown-item{background-color:#f3f4f6;border-bottom:.1rem solid #e8e8e8;border-left:none;border-right:none;border-top:none;cursor:pointer;color:#5e666e;display:block;font-size:1.5rem;font-weight:400;line-height:1.5;padding:1.2rem 1.6rem .9rem;position:relative;width:100%;word-break:break-all}.topbar-menu .link-item .dropdown-menu .dropdown-item:hover,.topbar-menu .link-item .dropdown-menu .dropdown-item:focus,.topbar-menu .link-item .dropdown-menu .dropdown-item.active{background-color:#cfdff9;color:#0e60e3;transition:background .1s ease-in-out}.topbar-menu .link-item:after{content:"";position:absolute;right:-1.8rem;display:inline-block;font-family:bootstrap-icons!important;font-size:1.3rem;line-height:1.3rem;transform:translateY(-50%) rotate(0);top:50%;-webkit-transform:translateY(-50%) rotate(0);transition:transform .2s ease-in-out}.topbar-menu .link-item.show:after{transform:translateY(-50%) rotate(180deg);-webkit-transform:translateY(-50%) rotate(180deg)}.badge-message{background:#eb6398;border-radius:.6rem;color:#fff;font-size:1.2rem;line-height:1.7rem;padding:0 .5rem;pointer-events:none;transition:all .25s ease-in-out;margin-left:.5rem}.topbar-logo{margin-right:1rem}@media only screen and (max-width: 1600px){.size-big .topbar-container{flex-wrap:wrap;row-gap:1.5rem}.size-big .topbar-menu{order:1;width:100%}}@media only screen and (max-width: 1536px){.topbar-menu{-moz-column-gap:4.5rem;column-gap:4.5rem}}@media only screen and (max-width: 1366px){.topbar-container{flex-wrap:wrap;row-gap:1.5rem}.topbar-setting{order:-1}.topbar-menu{-moz-column-gap:4rem;column-gap:4rem;width:100%}.avatar-setting{display:block;margin-right:.9rem}.search-container{-moz-column-gap:2rem;column-gap:2rem}.search-container .topbar-search{width:calc(100% - 45rem)}.search-container .search-button-container{-moz-column-gap:1rem;column-gap:1rem;width:45rem}.search-button-container .btn-search:nth-child(1){width:10.4rem}.search-button-container .btn-search:nth-child(2){width:10.4rem}.search-button-container .btn-search:nth-child(4){width:13.6rem}.topbar-logo{order:-1}}@media only screen and (max-width: 968px){.topbar-menu{column-gap:2.6rem;margin:0 auto;width:100%;-moz-column-gap:2.6rem}.menu-link-item .dropdown-menu{right:-2rem}}.footer-container{color:#5e666e;font-size:1.2rem;line-height:1.2rem;margin-top:auto;padding-top:2.5rem;text-align:center}