:root{--blue:#0d6efd;--indigo:#6610f2;--purple:#6f42c1;--pink:#d63384;--red:#dc3545;--orange:#fd7e14;--yellow:#ffc107;--green:#198754;--teal:#20c997;--cyan:#0dcaf0;--white:#fff;--black:#000;--bs-primary:#0d6dfd;--cp-blue:#196dc8;--cp-card:#fdf496;--cp-green:#b1fe3f;--cp-green-light:#defd96;--cp-tourquoise:#95f3e7;--cp-green-dark:#cce689;--cp-orange:#fdd496;--cp-olive:#e6d789;--cp-red:#ff6a00;--cp-red-light:#f4a994;--cp-gray:#96a3ab;--cp-dark-gray:#444e55;--cp-help-bg:#ecf0f4;--cp-help-content:#1f1f1f;--cp-sidebar-bg:#fff;--cp-sidebar-cta:#18b0fb;--cp-sidebar-button:#fff;--cp-sidebar-icon:#566a7a;--cp-highlight:color-mix(in srgb, white 40%, var(--bs-primary));--cp-nav-bg-color:var(--white);--cp-nav-hover-color:color-mix(in srgb, white 90%, var(--bs-primary));--cp-nav-active-color:color-mix(in srgb, white 70%, var(--bs-primary));--cp-nav-text-color:var(--white);--login-bg:linear-gradient(0deg, #614385, #516395);--primary:var(--blue);--secondary:color-mix(in srgb, white 30%, var(--cp-green));--success:var(--green);--info:var(--cyan);--warning:var(--yellow);--danger:var(--red);--light:#f2f2f2;--dark:#0d0d0d;--folder-blue:#00f;--bg-light:#d2d2d233;--cp-toolbar-bg:#ecf0f4;--bg-toolbar:linear-gradient(0deg, #181b34, #181b34);--bg-toolbar-button:#f9f9f9;--cp-toolbar-content:#1f1f1f;--board-container-card-header-bg:#0d6efdcc;--board-card-header-bg:#0000001a;--slider-bg:#fff6;--card-header-bg:#8080801a}#websocketStatus{position:fixed;top:1.2rem;right:.75rem}#floatmenu .navDotsLabel{z-index:1000;background-color:#fff;border-radius:50%;width:3.2rem;height:3.2rem;transition:all .3s;position:fixed;top:.4rem;right:1rem;box-shadow:0 0 16px #0003}#floatmenu .navDotsLabel:hover .navDots{box-shadow:0 0 5px #ffffff4d}#floatmenu .navDotsLabel:before{content:"";background-color:#0000;border-radius:0%;width:100%;height:100%;position:absolute;top:0;left:0}#floatmenu .navCheckbox{display:none}#floatmenu .navDots{opacity:1;background-color:#000;border-radius:50%;width:5px;height:5px;transition:all .3s;position:absolute;top:26px;transform:translate(0%)translateY(-50%)rotate(0)}#floatmenu .navDots-1{animation-delay:0s;left:14px}#floatmenu .navDots-2{animation-delay:.4s;left:50%;transform:translate(-50%)translateY(-50%)}#floatmenu .navDots-3{animation-delay:.8s;right:14px}#floatmenu button.toolbar{padding:0}#floatmenu ul.hovernav{z-index:9999;text-align:right;background:#fff;border-radius:4px;width:16rem;margin:0;padding:.2rem;list-style:none;display:none;position:absolute;top:2rem;right:1rem;box-shadow:0 0 6px #0000004d}#floatmenu ul.hovernav li{z-index:9999;padding:0;position:relative}#floatmenu .navCheckbox:checked~.hovernav{display:block;transform:translate(-4.2rem)translateY(-1rem)}#floatmenu a,#floatmenu a:hover{text-decoration:none}.menu-item,.menu-open-button{color:#fff;text-align:center;border-radius:100%;width:32px;height:32px;margin-left:.5rem;margin-right:.5rem;line-height:38px;transform:translate(0,0)}.menu-item:hover svg,.menu-open-button:hover svg{fill:#da4567}#sidebar-toggle{z-index:1000}#sidebar-toggle-button,#sidebar-triggle-button{background-color:#fff;background-color:var(--cp-sidebar-button)}#sidebar-triggle-button{display:inline-block}#sidebar-toggle-button{display:none}#sidebar{height:100vh}#sidebar a{color:#333!important}#sidebar.collapsed{margin-right:.4rem;width:3rem!important}#sidebar.collapsed .sidebar-text,#sidebar.animating .sidebar-text{display:none!important}#sidebar.collapsed h5,#sidebar.animating h5{display:none}.sidebar-static{position:static}.sidebar-content{margin:1.4rem .2rem 0 1.4rem;overflow-y:hidden}.sidebar-bottom{margin:.2rem .2rem 0 1.4rem;overflow:hidden}.sidebar-item{color:var(--cp-help-content);padding:.4rem .2rem;text-decoration:none;display:block}.sidebar-item a:hover{text-decoration:underline}.sidebar-item i{color:var(--cp-sidebar-icon);margin-left:auto;margin-right:auto;font-size:20px}.sidebar-text{margin-left:2rem;font-size:1.2rem}.sidebar-text:hover{font-weight:700;text-decoration:none!important}.sidebar-cta{border-radius:.2rem;padding:.2rem;font-weight:700}.sidebar-cta .sidebar-icon{animation:1.5s ease-in-out infinite pulse}.sidebar-cta .sidebar-icon i{color:var(--cp-sidebar-cta)}.sidebar-item.new-version .sidebar-icon{animation:1.5s ease-in-out infinite pulse}.sidebar-item.new-version .sidebar-icon i{color:red}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.sidebar-current-user{font-weight:700}@media (width<=768px){#sidebar-triggle-button{display:none}#sidebar-toggle-button{padding:1px 2px;display:inline-block}#sidebar-toggle-button img{max-width:16px}#sidebar.collapsed{width:0!important}.sidebar-content{margin:.2rem 0}.sidebar-item{padding:.4rem 0 .4rem .5rem}.sidebar-item i{font-size:16px}#sidebar+#content-pane{margin-left:3rem}}body{font-size:20px}footer{margin-top:12rem}#partners img{max-width:120px;max-height:120px}p{line-height:1.6em}.canpan-nav-logo{filter:drop-shadow(5px 5px 5px #222);height:4rem}.my-6{margin-top:12rem;margin-bottom:12rem}#static-nav a.navbar-brand,#static-nav a.navbar-brand:visited,.static-nav a.navbar-brand,.static-nav a.navbar-brand:visited{padding:.2rem 1rem;color:var(--cp-nav-text-color)!important}#static-nav a.navbar-brand:hover,.static-nav a.navbar-brand:hover{text-decoration:none}#static-nav ul li.nav-item,.static-nav ul li.nav-item{border:2px solid #0000;border-radius:.8rem}#static-nav ul li.nav-item:hover,.static-nav ul li.nav-item:hover{border:2px solid #e7f0ff;border:2px solid var(--cp-nav-hover-color)}#static-nav ul li.active,.static-nav ul li.active{border:2px solid #b6d3fe;border:2px solid var(--cp-nav-active-color)}#static-nav ul a,#static-nav ul a:visited,#static-nav ul a.nav-link,#static-nav ul a.nav-link:visited,.static-nav ul a,.static-nav ul a:visited,.static-nav ul a.nav-link,.static-nav ul a.nav-link:visited{color:var(--dark);padding:.2rem 1rem}#static-nav ul a:hover,.static-nav ul a:hover{text-decoration:none}.boad-jumbotron{height:30vh;min-height:24rem}.feature{width:100%;margin-left:auto;margin-right:auto}@media (width>=48em){.feature{flex:auto;justify-content:center;display:flex}}@media (width>=62em){.feature{flex-direction:row;justify-content:space-around}}.feature_card{border:1px solid #999;border-radius:.4rem;align-items:center;height:100%;padding:0;font-size:1rem}.feature_card img{width:100%;margin-bottom:1rem;margin-left:auto;margin-right:auto}.feature-card-image-container{border-bottom:1px solid #aaa;max-height:25vh;margin-bottom:1rem;overflow:hidden}main.devise,.form-signin,.exam-login-container{width:100%;max-width:480px;margin:20vh auto auto;padding:15px;overflow:scroll}.form-group{margin-bottom:1rem}.devise-link-list a{margin-bottom:1rem;text-decoration:none}.devise-link-list a:hover{text-decoration:none}.board-container-list{scrollbar-width:none;height:78vh;overflow-y:scroll}.board-container-list li{border-bottom:1px solid #0000001a;border-bottom:1px solid var(--board-card-header-bg)}.board-container-list li.shared{background-color:#eaedee!important}@supports (color:color-mix(in lch, red, blue)) and (top:var(--f)){.board-container-list li.shared{background-color:color-mix(in srgb, white 80%, var(--cp-gray))!important}}.board-index-list{scrollbar-width:none;height:50vh;overflow-y:scroll}.board-index-cards{scrollbar-width:none;height:80vh;overflow-y:scroll}.board-list-item{border:none!important;border-bottom:1px solid #0000001a!important;border-bottom:1px solid var(--board-card-header-bg)!important}.boardcontainer-list-item{background-color:#e8f0fa!important}@supports (color:color-mix(in lch, red, blue)) and (top:var(--f)){.boardcontainer-list-item{background-color:color-mix(in srgb, white 90%, var(--cp-blue))!important}}.boardcontainer-highlight{background-color:#1457a0!important}@supports (color:color-mix(in lch, red, blue)) and (top:var(--f)){.boardcontainer-highlight{background-color:color-mix(in srgb, black 20%, var(--cp-blue))!important}}li:has(.boardcontainer-highlight){border:1px solid;background-color:#6ca4f9!important;border-color:#699ff1!important}@supports (color:color-mix(in lch, red, blue)) and (top:var(--f)){li:has(.boardcontainer-highlight){background-color:color-mix(in srgb, black 2%, var(--cp-highlight))!important;border-color:color-mix(in srgb, black 5%, var(--cp-highlight))!important}}.boardindex-dragover{background-color:#fabd07!important}@supports (color:color-mix(in lch, red, blue)) and (top:var(--f)){.boardindex-dragover{background-color:color-mix(in srgb, black 2%, var(--warning))!important}}.boardcontainer-card,.board-card{background-color:#d2d2d233;background-color:var(--bg-light);border:none!important}.boardcontainer-card .card-title,.board-card .card-title{text-overflow:ellipsis;white-space:nowrap;height:1.2em;overflow:hidden}.boardcontainer-card .card-text,.board-card .card-text{height:10rem;overflow-y:scroll}.boardcontainer-card .card-footer,.board-card .card-footer{padding:.2em}.boardcontainer-card .card-header{background-color:#0d6efdcc!important;background-color:var(--board-container-card-header-bg)!important}.boardcontainer-card ul.board-container-inline{list-style-type:none}.board-card .card-header{height:2.2rem;background-color:#0000001a!important;background-color:var(--board-card-header-bg)!important}#move-up-field:hover{background-color:#c1dafef0}@supports (color:color-mix(in lch, red, blue)) and (top:var(--f)){#move-up-field:hover{background-color:color-mix(in srgb, white 70%, var(--board-container-card-header-bg))}}.sorter-inactive{padding-right:28px}.sorter-active{background-color:#bad3ef}@supports (color:color-mix(in lch, red, blue)) and (top:var(--f)){.sorter-active{background-color:color-mix(in srgb, white 70%, var(--cp-blue))}}.sorter-active:hover{background-color:#d1e2f4}@supports (color:color-mix(in lch, red, blue)) and (top:var(--f)){.sorter-active:hover{background-color:color-mix(in srgb, white 80%, var(--cp-blue))}}@font-face{font-family:inter-font;src:url(/vite/assets/Inter-Regular-DJOZHnwz.woff)format("woff");font-weight:400;font-style:normal}@font-face{font-family:inter-font;src:url(/vite/assets/Inter-Bold-2PT7Q-hu.woff)format("woff");font-weight:600;font-style:normal}body{height:100%;margin:0;padding:0;font-family:Inter;font-size:16px}body a{text-decoration:none}body a:hover{color:inherit;background-color:inherit;text-decoration:underline}body.stimulus-reflex-connected{border-top:2px solid #fff}body.stimulus-reflex-connected .displaywhenwsconnected{display:block}body.stimulus-reflex-connected .hidewhenwsconnected{display:none}body.stimulus-reflex-disconnected,body.wssdisconnected{border-top:2px solid #f0f0f0}body.stimulus-reflex-disconnected .displaywhenwsconnected,body.wssdisconnected .displaywhenwsconnected{display:none}body.stimulus-reflex-disconnected .hidewhenwsconnected,body.wssdisconnected .hidewhenwsconnected{display:block}.signin-body{align-items:center;min-height:100vh;padding-bottom:40px}#floatmenu{z-index:1000}.btn-toolbar{aspect-ratio:1;vertical-align:middle;background-color:#f9f9f9;background-color:var(--bg-toolbar-button);display:inline-block}.bg-toolbar-gradient{background:#ecf0f4;background:var(--cp-toolbar-bg);color:var(--cp-toolbar-content)}div.toolbar{background:#ecf0f4;background:var(--cp-toolbar-bg);color:var(--cp-toolbar-content);text-transform:uppercase;-webkit-user-select:none;user-select:none;border-radius:.4rem;padding:.2rem;font-size:.6875rem;font-weight:600;line-height:1.2}.tooltip-inner{text-align:left}button.table{width:16px}.draggable{cursor:move}.nav-item-small a{font-size:.8rem}.canpan-login-logo{width:30rem;height:30rem;margin:0 auto}#flash-alert{z-index:9999;position:absolute;top:0;right:8rem}#flash-alert button.close{float:right;position:relative;right:0}.small{font-size:.8rem}.standardModal{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#00000080}.standardModal #modalBody{min-height:20rem;margin:0 1.5rem}.htmlStyleModal{height:25vh;top:75vh;bottom:0}.htmlStyleModal .modal-dialog-scrollable{height:100%}.htmlStyleModal .modal-dialog{filter:drop-shadow(0 0 10px #00000080);width:100vw;max-width:100vw;margin:0;padding:.2rem 0}.htmlStyleModal .modal-content{width:100vw;margin-top:2rem;padding-bottom:4rem}.htmlStyleModal #modalBody{margin:0 1.5rem}.modal-header{padding:.4rem}.modal-title{width:100%;margin-top:.4rem;font-weight:700}a.command-link,a.command-link:hover,a.command-link:active{text-decoration:none}.dropdown-menu{z-index:2000;margin:0;position:absolute;inset:0 auto auto 0;transform:translateY(40px)}.dropdown-top{transform:translate(1.6rem,-3rem)}.subtext{font-size:.8rem}.help{background-color:#ecf0f4;background-color:var(--cp-help-bg);color:var(--cp-help-content);border-radius:.2rem;padding:.4rem;font-size:.8rem}.threeDText{color:#eee;white-space:nowrap;text-shadow:1px 1px gray,1px 2px gray,1px 3px gray,1px 4px gray,1px 5px gray,1px 6px gray,1px 7px gray,1px 8px gray,5px 13px 15px gray;transition:all .3s}.shoutout-text{color:var(--cp-olive);white-space:nowrap;text-shadow:1px 1px gray,1px 2px gray,1px 3px gray,1px 4px gray,1px 5px gray,1px 6px gray,1px 7px gray,1px 8px gray,5px 13px 15px gray;text-align:center;letter-spacing:-.05em;font-size:8rem;font-weight:700;transition:all .3s}.shoutout-small{text-shadow:0 0 8px #000;text-align:center;letter-spacing:-.05em;color:var(--white);font-size:2rem;font-weight:700}input.invalid{border:1px solid red}@keyframes circle{0%{transform:rotate(0)translate(-16px)rotate(0)}to{transform:rotate(360deg)translate(-16px)rotate(-360deg)}}#boadspinner{filter:drop-shadow(4px 4px 4px #0006)}#boadspinner #dot_blue{animation:1s infinite circle}#boadspinner #dot_pink{animation:1.2s infinite circle}#boadspinner #dot_green{animation:1.4s infinite circle}.subscription-magic{white-space:nowrap;text-shadow:0 0 12px #fffc;text-align:center;color:#fff;background:linear-gradient(15deg,#7b55aa66,#3280b3cc,#7b55aa66);font-size:8rem;font-weight:700;transition:all .3s}.vcard{background-color:#afd2e9cc;border-radius:1rem;margin:4rem 0;padding:1rem}td[data-sort=ASC]:after,th[data-sort=ASC]:after{content:"↓";margin-left:1rem}td[data-sort=DESC]:after,th[data-sort=DESC]:after{content:"↑";margin-left:1rem}.bg-feedback{background-color:#afd2e9cc}.bg-task-solution{background-color:#bfe9afcc}.bg-task-text{background-color:#afd2e9cc}.bg-task-key{background-color:#bfe9afcc}.share-token-input{border:1px solid #444e55;border:1px solid var(--cp-dark-gray);text-align:center;border-radius:.2rem;width:100%;padding:.5rem;font-family:monospace;font-size:2rem}.student-card{float:left;border:1px solid #000;width:45%}