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}:root{--light-gray: #dadce0;--dark-gray: #494951;--yellow: #fff353;--strong-yellow: #f6c551;--pastel-red: #ff6961;--pastel-orange: #ff9688;--pastel-yellow: #f5fac1;--pastel-green: #ceffc9}.App *{margin:0;padding:0;box-sizing:border-box;font-family:sans-serif;color:var(--dark-gray)}.floating-mailbox{text-align:center}.App main{margin:20px 30px}.select-time{display:flex;justify-content:center;align-items:center;gap:10px}.select-time #select-day{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;width:50px;height:50px;background-color:var(--light-gray);border:1px solid var(--dark-gray);border-radius:5px;font-size:20px;font-weight:700;text-align:center}.select-time #select-hour{height:50px;font-size:20px;text-align:center;padding-left:5px}.select-time #btn-update-time{padding:7px;background-color:transparent;border:1px solid var(--dark-gray);border-radius:10px;font-size:20px;font-weight:700;display:flex;justify-content:center}.cards-container{margin:20px auto;max-width:350px;display:flex;flex-direction:column;gap:10px}.avoid-underline{text-decoration:none}.building-card{border:1px solid var(--strong-yellow);border-radius:5px;overflow:hidden}.building-card :first-child{padding:10px 5px;text-align:center}.building-card :last-child{padding:5px;text-align:center;background-color:#ffefd5}.building-card :last-child span{padding:0;font-weight:700}.available-lvl0{background-color:var(--pastel-red)}.available-lvl1{background-color:var(--pastel-orange)}.available-lvl2{background-color:var(--pastel-yellow)}.available-lvl3{background-color:var(--pastel-green)}header{height:80px;background-color:var(--yellow);border-bottom:1px solid var(--dark-gray);font-size:16px;font-weight:700;text-align:center;position:relative;display:flex;justify-content:center;align-items:center}header .arrow-back svg{position:absolute;left:20px;top:20px;width:40px;height:40px;fill:var(--dark-gray);border:1px solid var(--dark-gray);border-radius:50%}header .svg-icon{vertical-align:middle;fill:currentColor;overflow:hidden}.classroom-card{border:1px solid var(--strong-yellow);border-radius:5px;overflow:hidden;background-color:var(--pastel-red)}.available{background-color:var(--pastel-green)}.classroom-card :first-child{padding:10px 5px;text-align:center}.classroom-card :last-child{padding:5px;text-align:center}.classroom-card :last-child span{padding:0;font-weight:700}.switch-box{margin:20px auto;width:100%;display:flex;justify-content:center;align-items:center;text-align:justify}.switch-text{padding:0;width:70%;font-weight:700;display:flex;justify-content:center}.switch{position:relative;display:inline-block;width:60px;height:34px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s}.slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;-webkit-transition:.4s;transition:.4s}input:checked+.slider{background-color:#2196f3}input:focus+.slider{box-shadow:0 0 1px #2196f3}input:checked+.slider:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translate(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.App footer{padding-bottom:20px;display:flex;flex-direction:column;justify-content:center;align-items:center}.information p{margin:10px 0;text-align:justify}.information ol{margin:10px 0 10px 20px;text-align:justify}#loading-placeholder{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}#btn-start{display:block;margin:20px auto;padding:10px 20px;border:2px solid var(--dark-gray);border-radius:5px;background-color:var(--yellow);color:var(--dark-gray);font-weight:700;font-size:20px;cursor:pointer}#btn-start:active{-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95);-webkit-transition-duration:.1s;-o-transition-duration:.1s;transition-duration:.1s}.inactive{display:none!important}.lds-ring{display:inline-block;position:relative;width:80px;height:80px}.lds-ring div{box-sizing:border-box;display:block;position:absolute;width:64px;height:64px;margin:8px;border:8px solid var(--yellow);border-radius:50%;animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border-color:var(--yellow) transparent transparent transparent}.lds-ring div:nth-child(1){animation-delay:-.45s}.lds-ring div:nth-child(2){animation-delay:-.3s}.lds-ring div:nth-child(3){animation-delay:-.15s}.btn-container{display:flex;width:100%;justify-content:center}@keyframes lds-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}