@import"https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap";.courses-list{height:fit-content;display:grid;grid-template-columns:1fr;gap:1rem}.courses-forms-container{display:grid;grid-template-columns:1fr;gap:.5rem;position:relative}.btn-primary{--btn-color: #CCCCCC;--btn-bg: white;--btn-bg-hover: #CCCCCC;--btn-color-hover: white;--btn-bg-active: #CCCCCC;--btn-color-active: black}.btn-secondary{--btn-color: #CCCCCC;--btn-bg: transparent;--btn-bg-hover: #F3F3F3;--btn-bg-active: #f6eef6}.btn-traslucid{--btn-color: rgb(255, 255, 255);--btn-bg: #00000016;--btn-bg-hover: #ffffff2d;--btn-bg-active: #ffffff60;--btn-color-hover: white;--btn-color-active: #000000}.button{border-radius:4px;padding:8px;background-color:var(--btn-bg, #fff);border:none;display:flex;align-items:center;justify-content:center;color:var(--btn-color, #CCCCCC);cursor:pointer}.button .tabler-icon{width:1rem;height:1rem}.button:focus,.button:focus-visible{outline:none}.button:hover{background-color:var(--btn-bg-hover, #F3F3F3);color:var(--btn-color-hover, #CCCCCC);border:none}.button:active,.button.active{background-color:var(--btn-bg-active, #f6eef6);color:var(--btn-color-active, #CCCCCC);border:none}.button-vertical{position:relative;height:100%;width:fit-content}.button-horizontal{position:relative;width:100%;height:fit-content}.button-rounded{border-radius:200px;aspect-ratio:1}.button-icon{aspect-ratio:1;width:fit-content;height:auto}.button-small{height:1rem;width:1rem;padding:.15rem}.input__color-bg-text{position:relative;width:100%;height:100%;min-height:1rem;min-width:1rem;padding:0}.input__color-bg-text .input__color__box{position:relative;width:100%;height:100%;min-height:1rem;outline:none;border:none;background:none;padding:0;border-radius:0%;display:grid;grid-template-columns:4px 1fr 4px;grid-template-rows:4px 1fr 4px;justify-items:center;align-items:center}.input__color-bg-text .input__color__color{width:100%;height:100%;min-height:100%;border-radius:4px;grid-column:1/-1;grid-row:1/-1}.input__color-bg-text .input__color__text{--input-color-text-color: var(--btn-color);width:fit-content;height:fit-content;min-height:fit-content;border-radius:0;grid-column:2/3;grid-row:2/3;position:relative;font-weight:800;display:flex;justify-content:center;align-items:center;top:-3px}.input__color__text:after{content:"";background-color:var(--input-color-text-color, var(--btn-color));height:3px;width:120%;border-radius:0;display:block;position:absolute;top:100%}.color__picker__popover{top:calc(100% + .5rem);position:absolute;z-index:10;background-color:#fff;border:1px solid #ececec;box-shadow:0 .5rem 1rem -.5rem #ececec;border-radius:4px;overflow:hidden}.color__picker__out{position:fixed;right:0;left:0;top:0;bottom:0;z-index:-1}.color__picker{background-color:#fff!important;border-radius:4px 4px 0 0!important;box-shadow:none!important;border:none!important}.color__picker>:first-child{border-radius:4px}.color__picker .hue-horizontal{border-radius:2px}.color__picker input{width:100%!important;border-radius:4px}.color__picker__controls{display:flex;justify-content:stretch;gap:.5rem;padding:.5rem}.custom-color{--hour-bg-hue: 0;--hour-bg-saturation: 0;--hour-bg-lightness: .67;background:hsl(var(--hour-bg-hue),var(--hour-bg-saturation),var(--hour-bg-lightness))!important;background:linear-gradient(-10deg,hsl(var(--hour-bg-hue),calc(var(--hour-bg-saturation) * .9),calc(var(--hour-bg-lightness) * .9)),hsl(var(--hour-bg-hue),var(--hour-bg-saturation),var(--hour-bg-lightness)) 20%,hsl(var(--hour-bg-hue),calc(var(--hour-bg-saturation) * .9),calc((var(--hour-bg-lightness) * 1.1) + 20%)))!important;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=hsl(var(--hour-bg-hue),var(--hour-bg-saturation),var(--hour-bg-lightness)),endColorstr=hsl(var(--hour-bg-hue),0%,100%),GradientType=1)}.custom-color-text{--input-color-text-color: #000000;color:var(--input-color-text-color)!important}.course-card{display:grid;grid-template-areas:"CC CCI CF" "CC CCI CF";grid-template-columns:auto auto 1fr;justify-content:start;align-items:stretch;gap:.25rem;padding:.5rem;background-color:#fff;border:1px solid #ececec;box-shadow:0 .5rem 1rem -.5rem #ececec;border-radius:4px;max-width:100%;box-sizing:border-box}.course-card .button{position:relative;height:100%;width:fit-content}.course-controls{display:flex;flex-direction:column;gap:.25rem;grid-area:CC}.button-drag{cursor:grab}.course-color-input{width:2rem;grid-area:CCI}.course-form{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.5rem;min-width:13rem;width:100%;grid-area:CF}.form-controls-inline{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%}@media (max-width: 400px){.course-card{display:grid;grid-template-areas:"CC CCI" "CF CF"}.course-controls{display:flex;flex-direction:unset;gap:.25rem;grid-area:CC}.course-color-input{width:100%;grid-area:CCI}.course-card .button{position:relative;width:100%;height:fit-content}}.section-controls{display:flex;width:fit-content;justify-content:flex-end;margin-left:auto;gap:.5rem;padding:.25rem;background-color:#fff;border:1px solid #ececec;box-shadow:0 .5rem 1rem -.5rem #ececec;border-radius:4px}.app__container{height:100%;display:grid;grid-template-rows:max-content}.playground{display:grid;grid-template-columns:5fr 2fr 8fr;grid-template-areas:"cl cs cal";background-color:#f4f4f4;gap:1rem;padding:1.25rem}.courses-list{grid-area:cl}.course-selection-manager{grid-area:cs}.calendar{grid-area:cal;margin-left:1rem}@media (max-width: 1289px){.playground{grid-template-columns:8fr 4fr 14fr}}@media (max-width: 1024px){.playground{grid-template-columns:6fr 2fr;grid-template-areas:"cl cs" "cal cal"}}@media (max-width: 497px){.playground{grid-template-columns:100%;grid-template-areas:"cl" "cs" "cal"}}.hour__class{--hour-row-start: 1;--hour-row-length: 1;grid-row-start:var(--hour-row-start);grid-row-end:span var(--hour-row-length);aspect-ratio:2/calc(var(--hour-row-length));z-index:2;background:none;border-bottom:0;border-right:0;box-sizing:border-box}.course-selection-manager{display:grid;grid-template-columns:1fr;gap:1rem;height:fit-content;container-type:inline-size;container-name:course-selection-manager}.course-options{display:grid;grid-template-columns:1fr 1fr;gap:3cqi;width:100%}.course-option .active-box{border-radius:2cqi;box-shadow:inset -1cqi 1cqi 3cqi #ffffff8d,inset -2cqi 2cqi 3cqi #ffffff70,inset 0 -0cqi 1cqi #241d079b,inset 2cqi -2cqi 3cqi #ffd7525d,inset 0 0 0 3cqi #e5ce1e,inset 0 0 3cqi 3cqi #000,0 0 2cqi #000;--relative-paddings: 6cqi;height:calc(100cqh - var(--relative-paddings) * 2);width:calc(100cqw - var(--relative-paddings) * 2);position:absolute;top:var(--relative-paddings);left:var(--relative-paddings);container-type:size}.course-option .active-box:after{content:"";border-radius:4cqi;box-shadow:inset -1cqi 1cqi 3cqi #ffffff8d,inset -3cqi 3cqi 3cqi #ffffff70,inset 0 -0cqi 1cqi #241d079b,inset 2cqi -2cqi 3cqi #ffd7525d,inset 0 0 0 2cqi #e5ce1e,inset 0 0 3cqi 3cqi #000,0 0 3cqi #000;height:calc(100cqh + var(--relative-paddings) * 2);width:calc(100cqw + var(--relative-paddings) * 2);position:absolute;top:calc(-1 * var(--relative-paddings));left:calc(-1 * var(--relative-paddings))}.course-option-name{margin:.25rem;font-size:10cqi;overflow:hidden;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}@media (max-width: 497px){.course-options{grid-template-columns:repeat(4,1fr)}}@container course-selection-manager (max-width: 360px){.course-options{grid-template-columns:repeat(3,1fr)}}@container course-selection-manager (max-width: 280px){.course-options{grid-template-columns:1fr 1fr}}@container course-selection-manager (max-width: 140px){.course-options{grid-template-columns:1fr}}.class-box{display:inline-grid;box-sizing:border-box;position:relative;width:100%;height:100%;overflow:hidden;aspect-ratio:2/1;border:none;border-radius:4px;font-weight:600;font-size:.65rem;container-type:size;padding:0}.class-box .classroom{position:absolute;z-index:-1;width:100%;height:100%;top:4px;right:4px;display:flex;align-items:flex-start;justify-content:flex-end;opacity:.4;text-shadow:0px 1px 2px rgba(0,0,0,.1)}.class-box .content{--relative-padding: 4cqi;width:calc(100% - var(--relative-padding) * 2);height:calc(100% - var(--relative-padding) * 2);margin:var(--relative-padding);display:flex;justify-content:center;align-items:center}.hour__space{position:relative;z-index:2;width:100%;height:100%;aspect-ratio:2/1;background:none;border:2px dashed rgb(205,205,205);border-bottom:0;border-right:0;box-sizing:border-box}.hour__space:focus-visible{outline:none}.hour__space--class{position:relative;z-index:2;width:100%;height:100%;background:none;border:none;border-bottom:0;border-right:0;box-sizing:border-box}.day__column{position:relative}.day__column:last-child .day__hours .hour__space{border-right:2px dashed rgb(205,205,205)}.day__hours .hour__space:last-child{border-bottom:2px dashed rgb(205,205,205)}.day__classes{z-index:0;display:grid;width:100%;height:100%;grid-auto-rows:1fr;grid-template-rows:repeat(var(--hours-amount),1fr);position:absolute;bottom:0}.day__hours{display:grid;width:100%;height:100%;position:relative;grid-template-rows:repeat(var(--hours-amount),1fr)}.week{display:grid;grid-template-columns:repeat(7,1fr);height:100%}.week__header{bottom:100%;display:grid;grid-template-columns:repeat(7,1fr);width:100%}.day__name{height:1rem;padding-bottom:.5rem;overflow:hidden;width:100%;position:relative;font-size:.75rem;font-weight:700;line-height:1;text-align:center}.week__controls{height:100%;max-height:100%;display:flex;flex-direction:column;justify-content:space-between;position:absolute;left:-1.25rem;top:0;padding-top:1rem;padding-bottom:1rem}.hour-control-btn{position:relative}.hour-control---begin{position:relative;top:0rem;display:flex;flex-direction:column;gap:.5rem}.hour-control--end{position:relative;margin-top:auto;bottom:0rem;display:flex;flex-direction:column;gap:.5rem}.add-btn{--btn-bg-hover: #98d79f;--btn-color-hover: white}.remove-btn{--btn-bg-hover: #ff677c;--btn-color-hover: white}.hour__time{line-height:1;position:relative}.hours-namespace__column{display:grid;width:100%;height:100%;grid-auto-rows:1fr;grid-template-rows:1rem;position:relative;text-align:end;font-size:.75rem;font-weight:700;color:#fff;z-index:10px}.hours-namespace__column--floating{position:absolute;z-index:5;padding:inherit;width:min-content;background:none;color:#000}.calendar-container{background-color:#fff;border-radius:1rem;width:100%;height:fit-content;padding:1rem;container-type:inline-size;container-name:calendar;position:relative}.calendar{width:calc(100% - 1rem);height:inherit;position:relative}.calendar-title{text-align:center;margin:0rem .5rem .5rem;font-size:1.5rem}.calendar-title:empty{margin:0}.calendar__grid{display:grid;grid-template-columns:auto 1fr;gap:.25rem;position:relative}.calendar__grid--fixed{position:absolute;width:100%;height:100%;padding:inherit;bottom:0;left:0}.week__container{position:relative}.week__area{display:grid;grid-template-areas:1fr/ 1fr 0px;position:relative}@container calendar (max-width: 475px){.day__name,.hours-namespace__column{font-size:.65rem}}@container calendar (max-width: 420px){.day__name,.hours-namespace__column{font-size:.6rem}.calendar__grid{overflow-y:hidden;overflow-x:scroll}.calendar__grid--fixed{overflow:unset}.week{width:600px}}.history-menu{display:flex;gap:.5rem}.header{width:100%;background-color:#ff578c;padding:.5rem;display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center}.title{width:30rem;max-width:100%}.header .form-input{border:1px solid #FF578C;background:#eb5182;color:#fff;font-size:large;font-weight:600;text-align:center}.header .form-input:active,.header .form-input:focus{background:#ee628e;outline:none}.header .form-input::placeholder{color:#e7e7e7}@media (max-width: 768px){.header{flex-direction:flex;align-items:stretch;gap:.5rem}.title{order:-1;width:100%;margin-bottom:.5rem}}.file-actions{display:flex;gap:.5rem}.select{background-color:#e94f80}.select-option{background-color:#ff75a0}.select-option:focus,.select-option:active,.select-option:hover{background-color:#e94f80}html,body,#root{height:100%;width:100%;padding:0;margin:0}*{font-family:var(--main-font);box-sizing:border-box}:root{--main-font: "Inter", sans-serif}.page{width:100%;height:100%;position:relative;display:flex;justify-content:center}.page__content{margin-top:5vh;max-width:700px}.form-input{border:1px solid #ececec;background:#f4f4f4;border-radius:4px;font-size:1rem;padding:.25rem .5rem;width:100%;height:2rem}.form-input:active,.form-input:focus{background:#ececec;outline:none}