@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,700");@import url("https://fonts.googleapis.com/css?family=Merriweather:400,700");h1{font-family:Merriweather,serif;font-size:32px}body,html{width:100%;margin:0;padding:0}body,html{overflow-x:hidden}body{top:0;bottom:0;position:fixed;overflow-y:scroll!important;background-color:#fff;font-family:Open Sans,sans-serif;font-size:18px;color:#444}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.banner{max-width:unset!important;padding:unset!important;position:relative}.banner .content{position:absolute;left:0;right:0;bottom:150px}.banner .web-background{display:block;width:100%}.banner .mobile-background{display:none;height:800px;background-image:url(https://tokketcontent.blob.core.windows.net/tokketweb/background-header-old.png);background-size:100% 100%;background-repeat:no-repeat}.banner .content .flat-body{align-self:end}.banner .content .right-wing img{width:410px}.banner .content .left-wing{display:flex;justify-content:center}.banner .content-aboutus{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;display:grid;align-content:center}.carousel-phone{background:url(https://tokketcontent.blob.core.windows.net/tokketweb/mobile2.png) no-repeat scroll 50%/auto 100%!important;background-size:100% 100%!important}.carousel-phone,.carousel-phone-container{height:445.5px!important;width:229.5px!important}.carousel-phone-container{position:absolute!important;bottom:-60%}.carousel-control-next,.carousel-control-prev,.carousel-phone-container .carousel-indicators{filter:brightness(.1);top:unset;height:70px;margin-bottom:45px;top:unset!important}.carousel-phone-container .carousel-indicators{display:flex;align-items:center}.carousel-phone-container .carousel-control-prev{left:20px!important}.carousel-phone-container .carousel-control-next{right:20px!important}.carousel-phone .carousel-phone-screen{background-color:#138fc2;height:334px;width:188px;margin-top:54px;margin-left:auto;margin-right:auto;display:flex;align-items:center;justify-content:center}.carousel-phone .carousel-phone-screen .icon{width:75%;margin:auto}.detail-info-panel{padding:30px;margin-bottom:30px;background-color:#fafafa;position:relative;border-bottom-right-radius:50px;border-top-left-radius:50px;transition:.5s}.detail-info-panel:hover{background-image:linear-gradient(-66deg,#7f00ff,#e100ff);border-bottom-left-radius:50px;border-top-right-radius:50px;border-bottom-right-radius:0;border-top-left-radius:0;color:#fff}.student-body{background-image:linear-gradient(180deg,#80008085,#138fc2b8),url(https://tokketcontent.blob.core.windows.net/tokketweb/High%20School%20Students.JPG);width:100%;background-size:cover;color:#fff;font-weight:700;font-size:25px;padding-top:20%;padding-bottom:20%;background-position:50%;height:50%;display:flex;align-items:center;justify-content:center}.learn-more-btn{display:inline-block;padding:13.5px 0;width:160px;text-align:center;font-size:16px;font-weight:700;color:#fff;-o-transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out;transition-duration:.4s;transition-timing-function:ease-in-out;transition-delay:0s;transition-property:all;text-transform:uppercase;border:1px solid #8d00ff;border-radius:2px;border-bottom-right-radius:20px;border-top-left-radius:20px;background-size:200% auto;background-image:linear-gradient(270deg,#7f00ff 0,#e100ff 50%,#7f00ff);text-decoration:none;cursor:pointer}.learn-more-btn:hover{color:#fff;border-bottom-left-radius:20px;border-top-right-radius:20px;border-bottom-right-radius:unset;border-top-left-radius:unset;background-position:100%}@media only screen and (max-width:991px){.banner .web-background{display:none}.banner .mobile-background{display:block}.banner .content{bottom:unset;top:150px}.banner .content .right-wing{display:none}.carousel-phone-container{position:relative!important;bottom:unset}.student-body{height:100%}}.dropdown-remove.dropdown-toggle:after{display:none!important}.menu-list-link>a{color:#ff4081;text-decoration:none;width:100%;height:100%}.menu-list-link:hover,.menu-list-link:hover>a,.menu-list-link>a:hover{color:#fff;background-color:#007bff;cursor:pointer}.modal-full-width>.modal-dialog{margin:unset!important;max-width:100%!important}.modal-full-width{padding:unset!important}.dropdown-item{cursor:pointer}.text-field-default-color>div{background-color:#fff}.fullwidth-iframe iframe{width:100%}.hide{display:none!important}.profile-view .modal-dialog{max-width:unset;width:45vw}@media only screen and (max-width:1300px){.profile-view .modal-dialog{width:60vw}}@media only screen and (max-width:991px){.profile-view .modal-dialog{width:80vw}}@media only screen and (max-width:568px){.profile-view .modal-dialog{width:100vw}}.dropdown-toggle-noarrrow:after{display:none!important}.margin-left-btn{margin-left:auto}.margin-right-btn{margin-right:auto}.character-count{font-size:11px;float:right}.modal-body-addclasstok-height{max-height:70vh;min-height:300px;overflow-y:scroll;overflow-x:hidden}.selected-color-indicator{max-height:35px;border:3px solid;height:35px;border-radius:5px;position:relative;max-width:unset!important;cursor:pointer}.dash-btn{padding:5px 15px!important;border:1px dashed #121212!important;border-radius:unset!important;background-color:unset!important;color:#007bff!important}.tooltip-avatar-img-variant-1{height:36px!important;width:36px!important;margin-left:0!important;margin-right:.2em!important}.show-hide-autopaste-trigger.active .caret-down-icon{transform:rotate(180deg)}.section-item-container{margin:unset!important;margin-bottom:1rem!important;background-color:#e9ecef;border-radius:.3rem;padding:.75rem;position:relative}.section-item-container .character-count{margin-bottom:unset}.item-close{display:flex!important;align-items:center!important;height:3.5em!important}.section-item-container .item-close{position:absolute!important;right:-5px!important;top:0!important}.section-item-container .item-close.qna-close{right:-15px!important}.section-item-container .MuiFormControl-root,.section-item-container input,.section-item-container textarea{background-color:#fff!important}.section-item-number{padding:unset;height:30px!important;width:30px!important;display:flex;align-items:center;justify-content:center;color:#fff;background-color:#000;text-decoration:underline;border-radius:100%;font-weight:700}#menu-bullet_kind,#menu-tok_group,#menu-tok_type{z-index:1400!important}#menu-tok_group>.MuiMenu-paper{overflow:unset!important}#menu-level1-add,#menu-level2-add,#menu-level3-add{z-index:1307!important}.remove-copy-btn:hover{background-color:red!important;color:#fff!important;border-color:red!important}.remove-copy-btn .remove-text,.remove-copy-btn:hover .default{display:none}.remove-copy-btn:hover .remove-text{display:inline-block}.post-audience-icon{width:50px!important;height:50px!important;background-color:#d3d3d3;padding:unset!important;display:flex;align-items:center;justify-content:center;border-radius:100%}.disable-msg-container{display:-webkit-box;-webkit-box-align:center;column-gap:5px;width:max-content}.search-btn-container{position:absolute;top:0;bottom:0;right:10px;margin:auto;height:45px;width:45px;background-color:#fff}.refresh-btn,.search-btn-container{display:flex;align-items:center;justify-content:center;cursor:pointer}.refresh-btn{height:56px;width:56px}.refresh-btn:hover{background-color:#d3d3d3}.filter-options-containers{height:70vh;overflow-y:scroll;overflow-x:hidden}.filter-options-containers .filter-option{display:flex;height:48px;cursor:pointer;align-items:center;justify-content:space-between;padding:0 10px}.filter-options-containers .filter-option:hover{background-color:#d3d3d3;color:#fff}.filter-options-containers .filter-option.active{background-color:#add8e6;color:#fff}.filter-options-containers .filter-option:not(:last-child){border-bottom:1px solid #789}.filter-options-containers::-webkit-scrollbar{width:10px}.filter-options-containers::-webkit-scrollbar-track{background:#f1f1f1}.filter-options-containers::-webkit-scrollbar-thumb{background:#888}.filter-options-containers::-webkit-scrollbar-thumb:hover{background:#555}.view-tok-option-container{border-bottom:1px solid #dee2e6}.view-tok-option{border:1px solid #0000;border-top-left-radius:.25rem;border-top-right-radius:.25rem;color:#0056b3;font-weight:700;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center}.view-tok-option.active{background-color:#fff;border-color:#dee2e6 #dee2e6 #fff;color:#495057;font-size:18px}.view-tok-option-display{padding:5px 15px}.filter-option.active{color:#512da8}.proxy-hover:hover{filter:brightness(.7)}.toktile-content-container{height:100%;display:contents}.tok-tile-card{background-color:#fff;border:3px solid #6f42c1!important;box-shadow:0 4px 8px 0 #0003;font-size:30px;font-weight:700;margin:5px;text-align:center;padding:15px}.tok-tile-title{padding:unset!important}.tok-tile-title>.hover-msg{display:none;color:#000;opacity:0;transform:translateY(-100%)}.tok-tile-title:hover>.hover-msg{display:block;position:absolute;border:2px solid #0288d1;background-color:#fff;width:100%;top:130%;border-radius:10px;opacity:1;transform:translateY(0)}.dark-mode .tok-tile-title:hover>.hover-msg{background-color:#393a3d;color:#fff}.dark-mode .tok-tile-title:hover>.hover-msg:after{border-bottom:8px solid #393a3d}.tok-tile-title:hover>.hover-msg:before{content:"";width:0;height:0;position:absolute;border:5px solid #0000;border-bottom:8px solid #0288d1;left:50%;top:-12px}.tok-tile-title:hover>.hover-msg:after{content:"";width:0;height:0;position:absolute;border:5px solid #0000;border-bottom:8px solid #fff;left:50%;top:-10px}.first-invisible{position:relative}.first-invisible:first-line{color:#0000;border:1px solid #000}.first-line-only{position:absolute;top:0;color:#0000;width:100%;z-index:2}.first-line-only:first-line{color:#000}.dark-mode .first-line-only:first-line{color:#fff}.line-clamp-1:before{content:" "}.speech-bubble-tile{width:100%;border:3px solid #0288d1;position:absolute;top:0;z-index:1;background-color:#fff;color:#000}.speech-bubble-tile:before{content:"";width:0;height:0;position:absolute;border-color:#0000 #0288d1 #0288d1 #0000;border-style:solid;border-width:5px 10px;left:-21px;top:5px}.speech-bubble-tile:after{content:"";width:0;height:0;position:absolute;border-color:#0000 #fff #fff #0000;border-style:solid;border-width:5px 5px 5px 10px;left:-13px;top:3.5px}.dark-mode .speech-bubble-tile{background-color:#393a3d}.dark-mode .speech-bubble-tile:after{border-right:10px solid #393a3d;border-bottom:5px solid #393a3d}.tok-tile-container{position:relative;display:inline-block;width:100%;height:100%;border-radius:5px;background-color:#fff;box-shadow:0 1px 2px #00000026;transition:all .3s ease-in-out}.tok-tile-container:hover{transform:scale(1.1);z-index:2;box-shadow:0 0 15px 5px #000}.tok-tile-container-pulse{transition:box-shadow 0s}.tok-tile-container-pulse:hover{box-shadow:0 0 0 2em #0000;transition-duration:1s}.swing:hover{transform-origin:top center;animation:swing .5s ease infinite}@keyframes swing{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}to{transform:rotate(0deg)}}.main-text{border:3px dashed #0288d1;background-color:#fff;overflow:hidden}.dark-mode .main-text{background-color:#393a3d;color:#fff}.heart-icon .heart-filled{display:none}.heart-icon .heart-border{display:block}.heart-icon:hover .heart-filled{display:block;color:#9e0c0c}.heart-icon:hover .heart-border{display:none}.react-tiny-popover-container{z-index:1700!important}.tok-info{font-size:xx-small}.tok-info .tok-info-detail-container{width:max-content;max-width:max-content;font-size:1rem}.font-size-26,.font-size-26 *{font-size:26px!important}.tok-back-btn{height:40px;display:block;border:3px solid #542a7d;background-color:#ed7d31;color:#00b050;font-size:18px;width:187.5px}.label-option,.tok-back-btn{position:relative;cursor:pointer;font-weight:700}.label-option{font-size:1rem}.label-option.disabled{filter:grayscale(1)!important}.label-option:hover{filter:brightness(.6)}.label-option.orange-option{color:#ed7d31}.label-option.green-option{color:#00b050}.tok-view-avatar{width:32px;height:32px;background-size:cover;background-repeat:no-repeat}ul.qna-section-list{list-style-type:none;text-align:left;counter-reset:list-number}ul.qna-section-list>li:before{counter-increment:list-number;content:"Section " counter(list-number) ": ";text-decoration:underline;font-weight:700;font-size:14px}ul.qna-section-list-copy{list-style-type:none;text-align:left;counter-reset:list-number-copy}ul.qna-section-list-copy>li:before{counter-increment:list-number-copy;content:"Section " counter(list-number-copy) ": ";text-decoration:underline;font-weight:700;font-size:14px}ul.qna-section-list>li{display:flex}.qna-section-item-before{text-decoration:underline;font-weight:700;font-size:1rem;margin-right:5px}.qna-section-item{display:flex;align-items:center}.qna-section-answer-status{color:#0062cc;font-weight:700;margin-left:20px}.section-options-container>.section-option:not(:last-child):after{content:"";border:2px solid #000;border-radius:100px}.section-option{width:max-content!important;padding:unset!important;display:flex}.section-option-text{color:#007bff;padding:0 5px;border-radius:5px;cursor:pointer;font-size:18px}.section-option-text:hover{color:#fff;background-color:#007bff}#menu-level1,#menu-level2,#menu-level3{z-index:1302!important}.copytok-tokchannel-container>.copytok-tokchannel-item:not(:last-child){margin-bottom:15px}.fb-share-btn{background-color:#1877f2!important;border:none!important;color:#fff!important;border-radius:4px!important;padding:4px!important;text-align:center!important;font-size:14px!important;display:flex;align-items:center;width:unset!important}#menu-tokback{z-index:1302!important}#menu-tokhandle-count{z-index:1307!important}.tokview-toklink-container{position:fixed;top:0;right:0;background-color:#fff;width:100%;height:100%;display:block;-webkit-animation-name:fadeIn;-webkit-animation-duration:1s;animation-name:fadeIn;animation-duration:1s}@keyframes fadeIn{0%{opacity:0;right:100%}20%{opacity:0}40%{opacity:.3}60%{opacity:.5}80%{opacity:.9}to{opacity:1;right:0}}.copytok-menu-container>.btn:not(:last-child){margin-right:5px}.copytok-menu-container>.btn.group-btn{background-color:#7066e0}.copytok-menu-container>.btn.group-btn:hover{background-color:#3e387c}.show-hide-user-answer-header{font-weight:700;cursor:pointer}.answer-container{margin-left:10px;font-size:16px}.answer-photo{width:-moz-fit-content!important;width:fit-content!important;padding:unset!important;font-size:16px}.answer-display-name,.answer-main{display:flex;align-items:center}.answer-main{padding:unset!important}.section-menu>.dropdown-toggle:after{display:none!important}.qna-row{border:1px solid #000;border-radius:10px;align-items:center!important;padding:5px;margin-top:5px!important}.qna-row-title{font-size:1rem;width:-moz-fit-content!important;width:fit-content!important;border-right:2px solid;height:20px}.qna-row-title,.reaction-btn{font-weight:600;display:flex;align-items:center}.reaction-btn{width:30px!important;height:30px!important;justify-content:center;cursor:pointer}.reaction-btn>img{height:auto;width:22px}.reaction-btn:hover{background-color:#c3c3c3;border-radius:5px}.reaction-btn.active{background-color:#007bff;border-radius:5px;color:#fff}.reaction-counter{width:unset!important;display:flex;align-items:center;justify-content:center;box-shadow:1px 5px 4px #bcbcbc,-1px 0 2px #eee;border-radius:44px;padding:10px;margin-left:20px;font-size:1rem}.reaction-exist{background-color:#c3c3c3;border-radius:5px;filter:grayscale(1)}.reaction-container{align-items:center}.reaction-container>.reaction-btn:not(:last-child){margin-right:2px}.reactioner{display:flex;border-radius:5px;box-shadow:2px 2px 6px 1px gray;cursor:pointer;height:-moz-fit-content;height:fit-content}.reactioner>.reactioner-image{width:30px;height:30px;background-position:50%;background-size:contain;background-repeat:no-repeat}.reactioner>.reactioner-icon,.reactioner>.reactioner-name{display:flex;align-items:center}.reactioner>.reactioner-icon{margin-left:auto}.reactioner>.reactioner-icon>img{height:22px;width:22px}.reactioner-container>.reactioner:not(:last-child){margin-bottom:7.5px}.reactioner-container{margin:unset!important;margin-top:5px!important;padding-top:5px;padding-left:5px;padding-right:10px;height:60vh;overflow-y:scroll;align-content:flex-start}.reactioner:hover{background-color:#c3c3c3}
/*!
 * Cropper.js v1.5.13
 * https://fengyuanchen.github.io/cropperjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2022-11-20T05:30:43.444Z
 */.cropper-container{direction:ltr;font-size:0;line-height:0;position:relative;touch-action:none;-webkit-user-select:none;user-select:none}.cropper-container img{backface-visibility:hidden;display:block;height:100%;image-orientation:0deg;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}.cropper-canvas,.cropper-crop-box,.cropper-drag-box,.cropper-modal,.cropper-wrap-box{bottom:0;left:0;position:absolute;right:0;top:0}.cropper-canvas,.cropper-wrap-box{overflow:hidden}.cropper-drag-box{background-color:#fff;opacity:0}.cropper-modal{background-color:#000;opacity:.5}.cropper-view-box{display:block;height:100%;outline:1px solid #39f;outline-color:#3399ffbf;overflow:hidden;width:100%}.cropper-dashed{border:0 dashed #eee;display:block;opacity:.5;position:absolute}.cropper-dashed.dashed-h{border-bottom-width:1px;border-top-width:1px;height:calc(100% / 3);left:0;top:calc(100% / 3);width:100%}.cropper-dashed.dashed-v{border-left-width:1px;border-right-width:1px;height:100%;left:calc(100% / 3);top:0;width:calc(100% / 3)}.cropper-center{display:block;height:0;left:50%;opacity:.75;position:absolute;top:50%;width:0}.cropper-center:after,.cropper-center:before{background-color:#eee;content:" ";display:block;position:absolute}.cropper-center:before{height:1px;left:-3px;top:0;width:7px}.cropper-center:after{height:7px;left:0;top:-3px;width:1px}.cropper-face,.cropper-line,.cropper-point{display:block;height:100%;opacity:.1;position:absolute;width:100%}.cropper-face{background-color:#fff;left:0;top:0}.cropper-line{background-color:#39f}.cropper-line.line-e{cursor:ew-resize;right:-3px;top:0;width:5px}.cropper-line.line-n{cursor:ns-resize;height:5px;left:0;top:-3px}.cropper-line.line-w{cursor:ew-resize;left:-3px;top:0;width:5px}.cropper-line.line-s{bottom:-3px;cursor:ns-resize;height:5px;left:0}.cropper-point{background-color:#39f;height:5px;opacity:.75;width:5px}.cropper-point.point-e{cursor:ew-resize;margin-top:-3px;right:-3px;top:50%}.cropper-point.point-n{cursor:ns-resize;left:50%;margin-left:-3px;top:-3px}.cropper-point.point-w{cursor:ew-resize;left:-3px;margin-top:-3px;top:50%}.cropper-point.point-s{bottom:-3px;cursor:s-resize;left:50%;margin-left:-3px}.cropper-point.point-ne{cursor:nesw-resize;right:-3px;top:-3px}.cropper-point.point-nw{cursor:nwse-resize;left:-3px;top:-3px}.cropper-point.point-sw{bottom:-3px;cursor:nesw-resize;left:-3px}.cropper-point.point-se{bottom:-3px;cursor:nwse-resize;height:20px;opacity:1;right:-3px;width:20px}@media (min-width:768px){.cropper-point.point-se{height:15px;width:15px}}@media (min-width:992px){.cropper-point.point-se{height:10px;width:10px}}@media (min-width:1200px){.cropper-point.point-se{height:5px;opacity:.75;width:5px}}.cropper-point.point-se:before{background-color:#39f;bottom:-50%;content:" ";display:block;height:200%;opacity:0;position:absolute;right:-50%;width:200%}.cropper-invisible{opacity:0}.cropper-bg{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC")}.cropper-hide{display:block;height:0;position:absolute;width:0}.cropper-hidden{display:none!important}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}.tokback-card{min-height:100px;color:#fff;background-color:#884bdf;cursor:pointer;margin-bottom:15px;font-size:28px;font-weight:600;display:flex;justify-content:center;align-items:center}.tokback-card-back{background-color:#000}.tokback-detail{color:#884bdf;font-size:14px;font-weight:600;display:flex;justify-content:center;align-items:center;padding:unset;margin:unset}.tokhandle-topbar{margin-top:5px;border:4px solid #33488b;font-weight:700;font-size:17px;text-align:center;padding:25px}.nameplate-div{width:-moz-fit-content;width:fit-content;color:#fff;padding:15px 20px;margin-left:auto;margin-right:auto;border-radius:.25rem;margin-top:unset;margin-bottom:unset;font-weight:500;text-align:center;background:gold;background-repeat:no-repeat!important;background-size:cover!important;background-position:50%!important}.nameplate-title{background-color:#33488b;max-width:300px;width:100%}.position-option-b .position-displayname,.position-option-none .position-tokhandle{display:none}.position-option-c .position-displayname{color:#0000}.position-option-d .position-tokhandle{transform:scale(2);align-content:center;align-items:center;height:100%;display:flex}.position-option-none{color:#000;background:#f5f5f5}.position-option-d .position-displayname{display:none}.position-showcase{background:gold;height:150px;width:100%;text-align:center;color:#fff;padding:15px 5px;border-radius:15px;background-position:50%;background-repeat:no-repeat;background-size:cover;display:grid;align-items:center;justify-content:center;align-content:center}.color-class-tok-picker-item{height:115px;margin-bottom:5px;cursor:pointer;position:relative}.color-tok-picker-active-indicator{width:0;height:0;position:absolute;right:0;border-color:#0000 #007bff #0000 #0000;border-style:solid;border-width:0 60px 60px 0;color:#fff;display:none}.color-tok-picker-active-indicator>svg{margin-left:25px}.color-class-tok-picker-item.active>.color-tok-picker-active-indicator{display:block}.selection-container{padding:0 30px;--bs-gutter-x:0px;--bs-gutter-y:0px;margin:unset}.selection-item{width:100%;box-shadow:2px 2px 6px 1px gray;padding:0 10px;cursor:pointer;border-radius:5px;position:relative}.selection-item:hover{background-color:#6495ed;color:#fff}.selection-item.active{background-color:#4169e1;color:#fff}.selection-container>.selection-item:not(:last-child){margin-bottom:10px}.selection-container *{--bs-gutter-x:0px!important;--bs-gutter-y:0px!important}.speech-container{position:relative}.speech-bubble{position:absolute;transform-origin:0 100%;text-align:center;background-color:#5a5a5a;color:#fff;border-radius:10px;padding:10px;left:110px;top:-75px;transform:scale(0);animation-fill-mode:forwards;animation-name:shrink;animation-duration:.1s;display:none}.speech-container .speech-bubble.force-show,.speech-container:hover .speech-bubble{animation-name:expand-bounce;animation-duration:.25s;transform:scale(1);display:block}.speech-bubble-container{position:relative}.speech-bubble-container:before{content:"";display:block;width:0;position:absolute;bottom:-25px;left:5px;border-color:#5a5a5a #0000 #0000 #5a5a5a;border-style:solid;border-width:15px;transform:rotate(10deg);z-index:-1}.speech-bubble span{z-index:2}.speech-bubble.middle{top:0!important}.speech-bubble.left{right:110px!important;left:unset!important}.middle>.speech-bubble-container:before{right:-22px!important;transform:rotate(225deg)!important;bottom:15px!important;left:unset!important}@keyframes expand-bounce{0%{transform:scale(0)}50%{transform:scale(1.25)}to{transform:scale(1)}}@keyframes shrink{0%{transform:scale(1)}to{transform:scale(0)}}.left{transform-origin:right}.classtok-dropdown{position:relative}.classtok-dropdown>.dropdown-label>.open{position:absolute;background-color:#fff;padding:0 5px;transition:all .3s ease;transform-origin:top left;transform:translate(-5px,-25px) scale(.75);color:#0009}.classtok-dropdown>.dropdown-label{padding:15.2px 14px;border:1px solid #ccc;border-radius:4px;background-color:#fff;cursor:pointer;font-size:16px;transition:all .3s ease;position:relative}.classtok-dropdown>.dropdown-label.active{top:-10px;left:10px;font-size:12px;color:#1976d2}.classtok-dropdown>.dropdown-label:hover{border-color:#1976d2}.classtok-dropdown>.dropdown-menu{position:fixed;top:60px;left:0;right:0;background-color:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 8px #00000026;display:block!important;z-index:3000}.classtok-dropdown>.dropdown-menu>.dropdown-option{padding:10px;cursor:pointer;transition:background-color .3s}.classtok-dropdown>.dropdown-menu>.dropdown-option:hover{background-color:#1976d21a}.classtok-dropdown>.arrow{right:5px;position:absolute;top:50%;transform:translate(-10%,-50%);color:#0009}.dropdown-speech-item-container{margin:unset!important}.dropdown-speech-item-container>.dropdown-speech-icon{padding:unset!important;width:30px!important}.dropdown-speech-item-container>.dropdown-speech-text{padding:0 5px!important}.dropdown-speech-item-container>.dropdown-speech-star{padding:unset!important;width:30px!important;height:30px;background-position:50%;background-size:contain;background-repeat:no-repeat;border-radius:100%}.classtok-dropdown>.dropdown-menu.fushia-dropdown{background-color:initial!important;border:unset!important;box-shadow:unset!important}.classtok-dropdown>.dropdown-menu.fushia-dropdown>.dropdown-option{background-color:#ac50d9;color:#fff;margin:5px;border-radius:15px}.classtok-dropdown>.dropdown-menu.fushia-dropdown .dropdown-speech-icon{filter:brightness(0) invert(1)}.photo-cover{height:300px;width:100%;background-position:50%;background-size:cover;background-repeat:no-repeat}.profile-body{top:-60px;border-radius:8px;box-shadow:-1px 0 4px 0 grey;padding:30px;width:95%;margin-left:auto;margin-right:auto}.profile-avatar,.profile-body{background-color:#fff;position:relative}.profile-avatar{padding:unset;height:135px!important;width:135px!important;border:2px solid #542a7d;background-position:50%;background-size:cover;border-radius:100%;display:flex;justify-content:center;align-items:center}.profile-avatar .profile-avatar-edit-message{display:none;color:#542a7d;font-weight:700;z-index:2}.profile-avatar .profile-blur-background{cursor:pointer;filter:blur(2px);width:100%;position:absolute;height:100%;left:0;top:0;background-position:50%;background-size:cover;border-radius:100%;display:none;z-index:1}.profile-avatar *{cursor:pointer}.profile-avatar:hover .profile-avatar-edit-message,.profile-avatar:hover .profile-blur-background{display:block}.profile-detail-item{margin-bottom:15px;text-align:center;display:grid}.profile-detail-item .profile-detail-item-header{font-size:20px;padding-top:24px;padding-bottom:16px;text-transform:uppercase}.profile-tab-row{margin:unset;top:-45px;position:relative}.profile-tab-container{grid-gap:5px}.profile-tab-btn{border:1px solid #007bff!important;color:#007bff!important;background-color:#fff!important}.profile-tab-btn.active,.profile-tab-btn:hover{border:1px solid #007bff!important;color:#fff!important;background-color:#007bff!important}.profile-tab-btn-container{padding:unset;display:flex;justify-content:center;flex-wrap:wrap}.image-options-tabs{position:relative;font-size:16px;font-weight:700;box-shadow:0 3px 1px #d3d3d3!important;color:#000;border-bottom:unset;background-color:#fff}.image-options-tabs .nav-item .nav-link{padding-bottom:10px;border-bottom:3px solid #0000!important;color:#000}.image-options-tabs .nav-item .nav-link:hover{color:#fff;background-color:purple}.image-options-tabs .nav-item .nav-link.active{padding-bottom:10px;border:#fff;border-bottom:3px solid #6a0dad!important}.image-options-body{padding:unset!important}.image-options-body .tab-content{height:50vh;overflow-y:auto;overflow-x:hidden}.image-options-body .tab-content::-webkit-scrollbar{width:10px}.image-options-body .tab-content::-webkit-scrollbar-track{background:#f1f1f1}.image-options-body .tab-content::-webkit-scrollbar-thumb{background:#888}.image-options-body .tab-content::-webkit-scrollbar-thumb:hover{background:#555}.image-options-body .tab-content>.tab-pane{display:none!important;padding-top:10px}.image-options-body .tab-content>.tab-pane.show{display:block!important}.calender-profile-container>.react-calendar{width:100%!important;border-radius:10px}.tok-star-item-container{box-shadow:2px 2px 6px 1px gray;min-height:75px;margin-bottom:5px;cursor:pointer}.active.tok-star-item-container:after{content:"";position:absolute;top:0;right:0;width:10px;height:100%;background-color:#007bff}.tok-star-item-profile{height:75px;width:75px;background-position:50%;background-size:contain;background-repeat:no-repeat}.tok-star-item-name{width:-moz-fit-content;width:fit-content;align-content:center;font-weight:600}.image-option-item{height:18vh;margin:5px;padding:unset;box-shadow:3px 3px 3px #d3d3d3;cursor:pointer;background-position:50%;background-size:contain;position:relative}.image-option-item.active{padding:2px;border:2px solid purple}.image-option-item>.name{background-color:#fff;position:absolute;width:100%;padding:3px;font-weight:700;bottom:0;left:0;color:grey;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.classset-container .classset-container-item{width:49%!important;margin-right:.5%!important;box-shadow:2px 2px 6px 1px gray;padding:0 10px}.classset-container{display:flex}.classset-container .classset-container-item:not(:last-child){margin-bottom:10px}.classset-container-item .classset-container-item-body{display:flex;position:relative;width:100%;cursor:pointer}.classset-container-item .classset-container-item-details>span:not(:last-child){margin-right:5px}.modal-body-addclassset-height{max-height:70vh;min-height:300px;overflow-y:scroll;overflow-x:hidden}.quiz-tok-option{text-align:center;word-break:break-word;border-radius:10px;color:#fff;background-color:#6f42c1;position:relative;height:10vh;overflow:hidden;cursor:pointer;width:100%;margin-bottom:10px}.quiz-border,.quiz-tok-option{display:flex;align-items:center;justify-content:center}.quiz-border{border:3px solid green;border-radius:10px;font-size:24px}.quiz-answer{min-height:100px;text-align:center}.quiz-answer:hover{background-color:green;color:#fff}.quiz-border>.quiz-answer:not(:last-child){margin-bottom:10px}.tok-card{max-width:470px;height:470px;width:100%;background-color:#fff;border:3px solid #6f42c1!important;box-shadow:0 4px 8px 0 #0003;border-radius:8px;position:relative}.star-card.tok-card{border-color:#daa520!important}.tok-card-front{display:flex;justify-content:center;align-items:center;font-size:30px;font-weight:600;height:100%}.tok-card-table{list-style-type:disc!important;text-align:left;max-width:350px;display:table;font-size:30px;font-weight:600;width:-moz-fit-content;width:fit-content}.navigate-card-btn{border-radius:100%;height:33px!important;width:33px!important;background-color:#000;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.tok-card-bottom{position:absolute;bottom:0;right:5px;font-weight:600;font-style:italic}.tok-card-star{position:absolute;top:0;right:5px;color:gray;cursor:pointer}.star-card.tok-card .tok-card-star{color:#daa520}.tok-match-card{border:3px solid #6f42c1!important;box-shadow:0 4px 8px 0 #0003;border-radius:20px;min-height:24vh;height:100%;padding:10px;text-align:center;word-break:break-all}.tok-match-answer{display:flex;border:2px dashed #a569bd;margin:10px;min-height:24vh;align-items:center;justify-content:center}.tok-match-draggable{display:inline-block;color:#fff;height:inherit;margin:auto;background-color:#a569bd;padding:10px;transition:background-color .3s;z-index:2;text-align:center;word-break:break-all;box-shadow:0 4px 8px 0 #0003;border-radius:20px;width:100%;position:relative}.tok-match-answer>button{background:unset;border:unset;width:100%}.remove-draggable-btn{background-color:#c82333;position:absolute;right:-5px;height:28px;width:28px;border-radius:100%;display:flex;align-items:center;justify-content:center;top:-5px;cursor:pointer}.remove-draggable-btn:hover{background-color:#7c0a02}.tok-match-bottom-btn{border-radius:25px!important;max-width:250px;width:100%}.tok-match-notification{background-color:#6f42c1;position:fixed;left:30px;top:0;bottom:0;height:-moz-fit-content;height:fit-content;margin:auto!important;z-index:1306;padding:10px 20px;border-radius:25px;color:#fff}.first-div100>div{height:100%}.preview-tokstar-modal>.modal-dialog{max-width:100vw;width:100vw;height:100vh;margin:0;padding:0;max-height:100vh}.preview-tokstar-modal>.modal-dialog>.modal-content{height:100vh;border-radius:0}.preview-tokstar-modal .top-add-classtok-preview{background-color:#fff;width:100%;max-width:800px;place-self:center;border:var(--bs-modal-border-width) solid var(--bs-modal-border-color);border-top-left-radius:var(--bs-modal-border-radius);border-top-right-radius:var(--bs-modal-border-radius);border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:none}.top-add-classtok-preview>.add-classtok-header-preview{justify-content:space-between;width:100%;display:contents;font-weight:600;background-color:#f8f9fa;border-bottom:1px solid #dee2e6;padding:1rem;border-top-left-radius:.3rem;border-top-right-radius:.3rem;display:flex;flex-shrink:0;align-items:center;font-size:var(--bs-body-font-size);line-height:var(--bs-body-line-height)}.bottom-fix-container{opacity:1;padding:25px 40px;margin:0;width:100%;max-width:1150px;background-color:#fff;border:3px solid #1976d2;border-radius:10px;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10000;position:fixed}.bottom-fix-container-close-btn{cursor:pointer;width:30px;height:30px;display:flex;background-color:red;justify-content:center;align-items:center;border-radius:50%;position:absolute;right:5px;top:-15px;z-index:1}.MuiCard-root{display:flex;flex-direction:column}.MuiCardActions-root{margin-top:auto}.elipsis-one-line-parent>*{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.line-clamp{overflow:hidden}.line-clamp,.line-clamp-1{display:-webkit-box;-webkit-box-orient:vertical}.line-clamp-1{-webkit-line-clamp:1}.line-clamp-2{-webkit-line-clamp:2}.line-clamp-2,.line-clamp-3{display:-webkit-box;-webkit-box-orient:vertical}.line-clamp-3{-webkit-line-clamp:3}.line-clamp-4{-webkit-line-clamp:4}.line-clamp-4,.line-clamp-5{display:-webkit-box;-webkit-box-orient:vertical}.line-clamp-5{-webkit-line-clamp:5}.swal2-container{z-index:1500!important}.parrot-write-icon{background-image:url(https://tokketcontent.blob.core.windows.net/icons/addtok_w.png);height:18px;width:18px;background-size:25px;background-position:50%;margin-right:5px}.radious-shimmer{border-radius:8px}.container-shimmer{box-shadow:0 0 10px 0 #a9a9a9;border-radius:12px;height:326px;padding:8px;margin:4px}.wrapper{width:0;animation:fullView .5s cubic-bezier(.25,.46,.45,.94) forwards}.circle-shimmer{height:65px;width:65px;border-radius:50%}.line-shimmer{height:10px;background:#777;margin-top:20px}@keyframes fullView{to{width:100%}}.animate-shimmer{animation:shimmer 2s linear infinite;animation-iteration-count:infinite;background:linear-gradient(90deg,#eff1f3 4%,#e2e2e2 25%,#eff1f3 36%);background-size:1000px 100%}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.tile-shimmer{height:100%;display:grid}.tile-shimmer>div.row{margin:unset}.tile-shimmer>div.row>div.col-4{padding:unset}.top-tile-owner-shimmer>div:first-child{margin-top:5px}.top-tile-owner-shimmer>div:nth-child(2){margin-top:10px}.box-flag-shimmer{float:right;height:28pt;width:48px}.bottom-tile-type-shimmer{display:grid;grid-template-columns:50% 50%;position:relative}.bottom-tile-type-shimmer>div{width:50%}.bottom-tile-type-shimmer>div:first-child{margin-block-start:auto}.bottom-tile-type-shimmer>div:nth-child(2){place-self:self-end}.set-container-shimmer{height:80px;border-radius:4px;margin:unset;margin-bottom:10px;box-shadow:2px 2px 6px 1px grey}.set-container-shimmer>.wrapper-shimmer.row{margin:unset;width:100%;height:100%}.circle-set-shimmer{height:48px;width:48px;border-radius:50%}.group-tile-shimmer{border-radius:.25rem}.group-tile-shimmer>.wrapper-shimmer{height:100%}.group-tile-body-shimmer{display:grid;grid-template-rows:20% 60% 20%;height:100%}.group-tile-body-shimmer>.flexCenter>.line-shimmer{margin-top:unset;width:80%}.group-tile-image-shimmer{border-radius:unset;height:100%;width:100%}.group-tile-bottom-shimmer{justify-content:unset}.group-tile-bottom-shimmer>.line-shimmer{margin-top:unset;width:40%;margin-left:15px}.btn-shimmer{height:30px;width:60px;border-radius:.25rem}.chat-shimmer{box-shadow:unset;height:50px;background-color:#fafafa;padding:10px;margin-bottom:15px;border-radius:5px;border:1px solid #ddd}.droptokketdown-content{position:fixed!important}#root{position:relative;min-height:100vh;overflow-x:clip}#root main{padding-bottom:262px}#root footer{position:absolute;bottom:0;width:100%;height:262px}body.dark-mode>main{color:#fff!important}body.dark-mode #root,body.dark-mode>main{background-color:#393a3d!important}body.dark-mode .dark-background-1,body.dark-mode .dark-background-1>:not(.exception){background-color:#202124!important}body.dark-mode .dark-background-2{background-color:#393a3d!important}body.dark-mode .text-color-white{color:#fff!important}body.dark-mode .text-color-white .exception{color:#000!important}.flex-center{display:flex;align-items:center;justify-content:center}.speech-static-bubble{background:#000;text-align:center;font-weight:900;color:#fff;font-family:arial;position:relative;border-radius:5px;height:100%;margin:unset;margin-top:auto;margin-bottom:auto;display:flex;align-items:center;place-content:center;font-style:italic;font-weight:600;font-size:12px;height:-moz-fit-content;height:fit-content;padding:10px;border-radius:8px}.speech-static-bubble:before{content:"";width:0;height:0;position:absolute;border-color:#0000 #000 #000 #0000;border-style:solid;border-width:10px;left:-10px;bottom:5px}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}footer{height:262px;position:absolute;width:100%}.drag-drop-file-container{border:2px dashed #0d6efd;border-radius:5px;padding:15px;text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;max-width:100%}.drag-drop-file-choose{cursor:pointer;color:#0d6efd;text-decoration:underline}#menu-report-sub{z-index:1408}.menu-container-btn:hover{background-image:linear-gradient(270deg,#7f00ff 0,#e100ff 50%,#7f00ff)}.menu-container-btn{transition:all .4s ease-in-out;padding:5px 25px!important;border:1px solid #fff!important;border-top-left-radius:20px!important;border-top-right-radius:unset!important;border-bottom-right-radius:20px!important;border-bottom-left-radius:unset!important;background:#0000}.menu-option{margin:unset!important;padding:20px 15px!important;border-radius:unset!important;text-decoration:none;color:#fff}.menu-option.active{color:#ff0}.menu-option-mobile{text-decoration:none}.menu-option:hover{box-shadow:inset 0 2px 0 0 #fff;background-color:#007bff!important;color:#fff}.menu-option.active:hover{color:#ff0}.loginicon{text-align:center;font-size:16px;font-weight:700;text-transform:uppercase;padding:10.5px 39px;color:#fff}.notification-item{display:flex;box-shadow:2px 2px 6px 1px gray;border-radius:4px;width:100%;cursor:pointer;margin:unset!important;align-items:center;padding:5px}.notification-item-container{padding:0 15px!important;height:60vh;overflow:auto;overflow-x:hidden}.notification-item-container>.notification-item:not(:last-child){margin-bottom:10px!important}.notification-item-avatar{width:40px!important;height:40px!important;border-radius:100%;background-size:contain;background-position:50%;border:1px solid;background-repeat:no-repeat;background-color:#fff}@media (max-width:767px){.notification-item-avatar{width:70px!important;height:70px!important}}.notification-item-btn-container{margin:unset;justify-content:flex-start;padding-right:unset;padding-left:calc(var(--bs-gutter-x) * .5)}.notification-item-container::-webkit-scrollbar{width:10px}.notification-item-container::-webkit-scrollbar-track{background:#f1f1f1}.notification-item-container::-webkit-scrollbar-thumb{background:#888}.notification-item-container::-webkit-scrollbar-thumb:hover{background:#555}.notification-tab{font-weight:600;margin-bottom:10px;padding:5px;cursor:pointer}.notification-tab:hover{color:#138fc2}.notification-tab.active{border-bottom:3px solid #138fc2;color:#138fc2}.notification-item-unread{background-color:#e08787;color:#fff}.notifcation-btn{height:65px;width:65px;position:relative;cursor:pointer}.notification-menu>.MuiPaper-root{width:600px}.notification-count{background-color:#bb2d3b;height:25px;width:25px;font-weight:600;border-radius:100%;display:flex;position:absolute;align-items:center;justify-content:center;right:10px;top:10px;color:#fff}.notification-count>.notification-count-more9{position:absolute;top:-2px;right:2px;font-size:12px;font-weight:600}.top-navbar-btn{cursor:pointer;display:flex;align-items:center;border:1px solid;margin-right:5px;border-radius:15px;font-weight:600}.top-navbar-btn.active{color:#fff!important}.top-navbar-btn.red{border-color:#b02a37;color:#b02a37}.top-navbar-btn.blue{border-color:#0b5ed7;color:#0b5ed7}.top-navbar-btn.lightblue{border-color:#138fc2;color:#138fc2}.top-navbar-btn.red.active{background-color:#b02a37}.top-navbar-btn.blue.active{background-color:#0b5ed7}.top-navbar-btn.lightblue.active{background-color:#138fc2}.invite-user-container>.notification-item:not(:last-child){margin-bottom:10px!important}.invite-user-container{margin:unset;height:50vh;overflow-y:scroll;overflow-x:hidden;padding-right:15px}