@import "https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";body{color:#fff;font-optical-sizing:auto;font-variation-settings:"wdth" 100;background-color:#1b4d7e;min-height:100vh;margin-top:1rem;font-family:Roboto,sans-serif;font-style:normal;font-weight:400}div[role=tablist]{margin:0 auto}div[role=tablist] button{border:1px solid rgba(255,255,255,.267);border-radius:10px;font-size:2rem;font-weight:900}@media (width<768px){div[role=tablist] button{font-size:1rem}}div[role=tablist] button[data-state=active]{border:1px solid #fff}h1{text-align:center}.loading{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:90%;height:90vh;font-size:2rem;display:flex}.loader{box-sizing:border-box;border:15px solid #fff;border-bottom-color:#ff3d00;border-radius:50%;width:150px;height:150px;margin:1rem;animation:1s linear infinite loader-rotation;display:inline-block}.loader-error{box-sizing:border-box;background-color:#ff3d00;border:15px solid #ff3d00;border-radius:50%;justify-content:center;align-items:center;width:150px;height:150px;margin:1rem;display:flex}.loader-error-bar{box-sizing:border-box;background-color:#fff;width:100%;height:30px;display:inline-block}@keyframes loader-rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#file-upload{flex-direction:column;gap:1rem;display:flex}#file-upload input[type=file]::file-selector-button{color:#000;background:#85b0e9;border:1px solid #fff;border-radius:5px;padding:5px;font-weight:900}#file-upload input[type=submit]{color:#000;background:#85e989;border:1px solid #fff;border-radius:5px;max-width:16rem;padding:5px;font-weight:900}#file-upload progress{align-self:center;width:90%}#calendar{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin-top:1rem;display:grid}#calendar>div{text-align:center;border:1px solid rgba(0,0,0,.333);flex-direction:column;justify-content:center;align-items:center;min-height:3rem;padding:5px;display:flex}@media (width<768px){#calendar>div{padding:2px}}#calendar .header{text-align:center;border:unset;min-height:unset;background-color:#2d5f9c;font-weight:900}@media (width<768px){#calendar .header{font-size:.9rem}}#calendar .reservation{color:#000;background-color:#85b0e9;border:1px solid #fff;font-size:clamp(.4rem,1.7vw + .1rem,1rem)}#calendar .reservation a{color:inherit;text-decoration:none}#calendar .reservation .time{font-size:clamp(.4rem,1.7vw + .1rem,.8rem)}#calendar .today{border:1px solid #10cf1a}#reservation-list{margin:0 auto}#reservation-list th{border-bottom:5px solid #fff}#reservation-list th,#reservation-list td{text-align:center;padding:2px;font-size:clamp(.4rem,3vw + .1rem,1rem)}#reservation-list tr:nth-child(2n){background-color:rgba(255,255,255,.2)}#reservation-list button{background:0 0}.date-picker{grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;margin:10px 0;display:grid}.date-picker>div{text-align:center;cursor:pointer;border:1px solid #000;font-size:clamp(.4rem,1.7vw + .1rem,.8rem)}.date-picker .disabled{color:rgba(255,255,255,.467)}.date-picker .selected{color:#000;background:#10cf1a;font-weight:900}#reservation-creation{flex-direction:column;gap:10px;display:flex}#reservation-creation label{margin-right:10px}#reservation-creation select{color:#000;background:#85b0e9;border:1px solid #fff;border-radius:5px;padding:5px;font-weight:900}#reservation-creation input[type=submit]{color:#000;background:#85e989;border:1px solid #fff;border-radius:5px;max-width:16rem;padding:5px;font-weight:900}#file-reservation,#create-reservation{text-align:left}hr{margin-top:2rem;margin-bottom:2rem}