#root{width:100%;padding:2rem;background-color:var(--background-color)}#container-root{display:block}#container{max-width:1280px;margin-right:auto;margin-left:auto}.action-buttons{display:flex;justify-content:flex-end;gap:10px;margin:10px}.action-buttons button{margin:10px 0 0;height:38px;padding:0 1rem;border:1px solid #ccc;background-color:var(--refresh-button-color);cursor:pointer;color:var(--font-color);border-radius:4px;max-width:150px;max-height:50px;text-align:center}#share-button{display:flex;gap:10px;align-items:center;justify-content:center}.subject-selection-controls button:hover{border-color:#aaa}.time-table{width:100%;border-collapse:collapse;overflow-x:auto;margin:1rem 0}.time-table th{background-color:var(--table-header-color);border:1px solid var(--border-color);padding:.5rem}.time-table td{border:1px solid var(--border-color);padding:.5rem;cursor:default;position:relative}.time-table td:hover{background-color:var(--table-td-hover-color)}.time-table td[data-hover]:after{width:200px;content:attr(data-hover);display:none;position:absolute;background-color:var(--table-subject-box-bg-color);padding:.5rem;border:1px solid var(--border-color);border-radius:4px;z-index:1}.time-table td:hover:after{display:block}.tutorial{background-color:var(--table-subject-box-bg-color);padding:20px;border-radius:4px}.time-table-container{display:flex;flex-direction:column;align-items:center}.subject-color-grid{width:100%;display:grid;grid-template-columns:repeat(auto-fit,250px);place-content:center;grid-gap:1rem;margin:1rem 0}.subject-block{display:block;position:relative;padding:.5rem;border-radius:4px;border:1px solid var(--border-color);font-size:small}.subject-block div{position:absolute;background:rgba(0,0,0,.3);top:0;right:0;padding:5px;border-radius:4px;font-size:1rem;font-weight:700}.subject-checkbox h3{position:relative;padding-left:35px}.subject-checkbox h3:before{content:"";position:absolute;top:50%;transform:translateY(-50%);background-color:var(--data-pre-color);display:inline-block;width:30px;height:30px;margin-left:-35px;border-radius:4px}.blocked-time-slot{background-color:var(--blocked-slot-bg-color);color:red}#custom-check-box-grid{display:flex;flex-wrap:wrap;gap:5px}.select_subjects__control{background-color:var(--search-box-bg)!important;color:var(--search-box-font-color)!important}.select_subjects__control input{color:var(--search-box-font-color)!important}.select_subjects__multi-value{background-color:var(--search-box-chip-bg)!important}.select_subjects__multi-value__label{color:var(--search-box-font-color)!important}.select_subjects__menu{background-color:var(--search-box-menu-item-bg)!important;color:var(--search-box-font-color)!important}.select_subjects__option{border-bottom:1px dotted grey}.select_subjects__option--is-focused{background-color:var(--search-box-menu-item-hover-bg)!important}.select-unselect-div{padding:1rem 0}.spacer{margin-left:1rem}@media screen and (min-width: 768px){.subject-checkbox>div{margin-left:1rem}}.error-message{display:flex;gap:.5rem;align-items:center;justify-content:center;background-color:red;border-radius:.3rem;width:100%;margin-top:1rem}.error-message>i{font-size:2rem}@media screen and (min-width: 768px){.error-message{margin:0;width:50%}}.error-message h2{color:#fff;font-size:medium}.min-w{min-width:100px}.checkbox-wrapper-4 *{box-sizing:border-box}.checkbox-wrapper-4 .cbx{-webkit-user-select:none;user-select:none;cursor:pointer;padding:6px 8px;border-radius:6px;overflow:hidden;transition:all .2s ease;display:inline-block}.checkbox-wrapper-4 .cbx:not(:last-child){margin-right:6px}.checkbox-wrapper-4 .cbx{background:rgba(108,109,109,.1)}.checkbox-wrapper-4 .cbx span{float:left;vertical-align:middle;transform:translateZ(0)}.checkbox-wrapper-4 .cbx span:first-child{position:relative;width:18px;height:18px;border-radius:4px;transform:scale(1);border:1px solid #cccfdb;transition:all .2s ease;box-shadow:0 1px 1px #00104b0d}.checkbox-wrapper-4 .cbx span:first-child svg{position:absolute;top:3px;left:2px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:16px;stroke-dashoffset:16px;transition:all .3s ease;transition-delay:.1s;transform:translateZ(0)}.checkbox-wrapper-4 .cbx span:last-child{padding-left:8px;line-height:18px}.checkbox-wrapper-4 .cbx:hover span:first-child{border-color:#07f}.checkbox-wrapper-4 .inp-cbx{position:absolute;visibility:hidden}.checkbox-wrapper-4 .inp-cbx:checked+.cbx span:first-child{background:#07f;border-color:#07f;animation:wave-4 .4s ease}.checkbox-wrapper-4 .inp-cbx:checked+.cbx span:first-child svg{stroke-dashoffset:0}.checkbox-wrapper-4 .inp-cbx:disabled+.cbx span:first-child{background:rgb(248,68,68);border-color:gray;animation:wave-4 .4s ease}.checkbox-wrapper-4 .inp-cbx:disabled+.cbx span{color:gray;text-decoration:line-through}.checkbox-wrapper-4 .inline-svg{position:absolute;width:0;height:0;pointer-events:none;user-select:none}@media screen and (max-width: 640px){.checkbox-wrapper-4 .cbx{width:100%;display:inline-block}}@-moz-keyframes wave-4{50%{transform:scale(.9)}}@-webkit-keyframes wave-4{50%{transform:scale(.9)}}@-o-keyframes wave-4{50%{transform:scale(.9)}}@keyframes wave-4{50%{transform:scale(.9)}}.carousel .control-arrow,.carousel.carousel-slider .control-arrow{-webkit-transition:all .25s ease-in;-moz-transition:all .25s ease-in;-ms-transition:all .25s ease-in;-o-transition:all .25s ease-in;transition:all .25s ease-in;opacity:.4;filter:alpha(opacity=40);position:absolute;z-index:2;top:20px;background:none;border:0;font-size:32px;cursor:pointer}.carousel .control-arrow:focus,.carousel .control-arrow:hover{opacity:1;filter:alpha(opacity=100)}.carousel .control-arrow:before,.carousel.carousel-slider .control-arrow:before{margin:0 5px;display:inline-block;border-top:8px solid transparent;border-bottom:8px solid transparent;content:""}.carousel .control-disabled.control-arrow{opacity:0;filter:alpha(opacity=0);cursor:inherit;display:none}.carousel .control-prev.control-arrow{left:0}.carousel .control-prev.control-arrow:before{border-right:8px solid #fff}.carousel .control-next.control-arrow{right:0}.carousel .control-next.control-arrow:before{border-left:8px solid #fff}.carousel-root{outline:none}.carousel{position:relative;width:100%}.carousel *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.carousel img{width:100%;display:inline-block;pointer-events:none}.carousel .carousel{position:relative}.carousel .control-arrow{outline:0;border:0;background:none;top:50%;margin-top:-13px;font-size:18px}.carousel .thumbs-wrapper{margin:20px;overflow:hidden}.carousel .thumbs{-webkit-transition:all .15s ease-in;-moz-transition:all .15s ease-in;-ms-transition:all .15s ease-in;-o-transition:all .15s ease-in;transition:all .15s ease-in;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translateZ(0);position:relative;list-style:none;white-space:nowrap}.carousel .thumb{-webkit-transition:border .15s ease-in;-moz-transition:border .15s ease-in;-ms-transition:border .15s ease-in;-o-transition:border .15s ease-in;transition:border .15s ease-in;display:inline-block;margin-right:6px;white-space:nowrap;overflow:hidden;border:3px solid #fff;padding:2px}.carousel .thumb:focus{border:3px solid #ccc;outline:none}.carousel .thumb.selected,.carousel .thumb:hover{border:3px solid #333}.carousel .thumb img{vertical-align:top}.carousel.carousel-slider{position:relative;margin:0;overflow:hidden}.carousel.carousel-slider .control-arrow{top:0;color:#fff;font-size:26px;bottom:0;margin-top:0;padding:5px}.carousel.carousel-slider .control-arrow:hover{background:rgba(0,0,0,.2)}.carousel .slider-wrapper{overflow:hidden;margin:auto;width:100%;-webkit-transition:height .15s ease-in;-moz-transition:height .15s ease-in;-ms-transition:height .15s ease-in;-o-transition:height .15s ease-in;transition:height .15s ease-in}.carousel .slider-wrapper.axis-horizontal .slider{-ms-box-orient:horizontal;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex}.carousel .slider-wrapper.axis-horizontal .slider .slide{flex-direction:column;flex-flow:column}.carousel .slider-wrapper.axis-vertical{-ms-box-orient:horizontal;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex}.carousel .slider-wrapper.axis-vertical .slider{-webkit-flex-direction:column;flex-direction:column}.carousel .slider{margin:0;padding:0;position:relative;list-style:none;width:100%}.carousel .slider.animated{-webkit-transition:all .35s ease-in-out;-moz-transition:all .35s ease-in-out;-ms-transition:all .35s ease-in-out;-o-transition:all .35s ease-in-out;transition:all .35s ease-in-out}.carousel .slide{min-width:100%;margin:0;position:relative;text-align:center}.carousel .slide img{width:100%;vertical-align:top;border:0}.carousel .slide iframe{display:inline-block;width:calc(100% - 80px);margin:0 40px 40px;border:0}.carousel .slide .legend{-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out;position:absolute;bottom:40px;left:50%;margin-left:-45%;width:90%;border-radius:10px;background:#000;color:#fff;padding:10px;font-size:12px;text-align:center;opacity:.25;-webkit-transition:opacity .35s ease-in-out;-moz-transition:opacity .35s ease-in-out;-ms-transition:opacity .35s ease-in-out;-o-transition:opacity .35s ease-in-out;transition:opacity .35s ease-in-out}.carousel .control-dots{position:absolute;bottom:0;margin:10px 0;padding:0;text-align:center;width:100%;z-index:1}@media (min-width: 960px){.carousel .control-dots{bottom:0}}.carousel .control-dots .dot{-webkit-transition:opacity .25s ease-in;-moz-transition:opacity .25s ease-in;-ms-transition:opacity .25s ease-in;-o-transition:opacity .25s ease-in;transition:opacity .25s ease-in;opacity:.3;filter:alpha(opacity=30);box-shadow:1px 1px 2px #000000e6;background:#fff;border-radius:50%;width:8px;height:8px;cursor:pointer;display:inline-block;margin:0 8px}.carousel .control-dots .dot.selected,.carousel .control-dots .dot:hover{opacity:1;filter:alpha(opacity=100)}.carousel .carousel-status{position:absolute;top:0;right:0;padding:5px;font-size:10px;text-shadow:1px 1px 1px rgba(0,0,0,.9);color:#fff}.carousel:hover .slide .legend{opacity:1}.container{padding:30px}.container img{max-width:500px;max-height:500px;border:2px solid black;padding:10px;outline:2px solid rgba(0,0,0,.15);border-radius:8px;margin:0 auto}*{box-sizing:border-box}:root{font-family:Inter,Avenir,Helvetica,Arial,sans-serif;font-size:16px;line-height:24px;font-weight:400}:root,:root.light-theme{--background-color: none;--border-color: #ccc;--font-color: none;--table-header-color: #eee;--table-td-hover-color: #eee;--table-subject-box-bg-color: #eee;--blocked-slot-bg-color: #eee;--refresh-button-color: #ccc;--search-box-bg: none;--search-box-chip-bg: #e6e6e6;--search-box-font-color: none;--search-box-menu-item-bg: #ffffff;--search-box-menu-item-hover-bg: #deebff}:root.dark-theme{--background-color: #1e293b;--border-color: #475569;--font-color: white;--table-header-color: #0f172a;--table-td-hover-color: #0f172a;--table-subject-box-bg-color: #0f172a;--blocked-slot-bg-color: #334155;--refresh-button-color: #1f2937;--search-box-bg: transparent;--search-box-chip-bg: #334155;--search-box-font-color: var(--font-color);--search-box-menu-item-bg: #475569;--search-box-menu-item-hover-bg: #334155}body{margin:0;min-height:100vh;background-color:var(--background-color);color:var(--font-color)}h1{font-size:3.2em;line-height:1.1}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:8px}::-webkit-scrollbar-thumb{background:#888;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#555}