.reserve__section{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;row-gap:20px;min-height:100vh}.reserver{-webkit-box-sizing:border-box;box-sizing:border-box;padding:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%;height:500px;position:relative}.calendar{-webkit-transition:opacity .6s ease;transition:opacity .6s ease;position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;row-gap:10px;width:100%;height:100%;z-index:-1}.calendar.active{z-index:2;position:relative}.calendar .controls{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-column-gap:20px;-moz-column-gap:20px;column-gap:20px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.calendar .days__otw,.calendar .dates{display:-webkit-box;display:-ms-flexbox;display:flex;list-style:none;padding:0;margin:0;-ms-flex-wrap:wrap;flex-wrap:wrap}.calendar .dates{margin-top:20px}.dates ul{row-gap:10px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.calendar .days__otw li,.calendar .dates li{text-align:center;-ms-flex-line-pack:center;align-content:center;width:13%}.calendar .dates li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.date__card{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:5px;padding:5px 15px;width:40%;font-size:14px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.date__card.unavailable{background-color:var(--transparent-color)}.date__card.available{position:relative}.date__card.selected{background-color:var(--contrast-color-4)}#selectedList{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;padding:20px;border-radius:10px;list-style:none;overflow-y:auto;height:200px;margin:20px 0;row-gap:20px}#selectedList li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}#selectedList button{border-radius:10px;border:1px solid var(--transparent-color);color:var(--contrast-color);background-color:#fff0;padding:5px}#selectedList button.selected{border-color:var(--contrast-color-3);background-color:var(--contrast-color-4)}#selectedList .time-buttons{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;row-gap:10px}.date__card.next,.date__card.prev{opacity:0}.date__card.available:after{content:"";position:absolute;bottom:0;width:40%;height:3px;background-color:var(--contrast-color-3)}.time__selection{position:absolute;row-gap:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;width:10%}.time__selection.active{opacity:1;z-index:2;position:relative;width:100%}.pool__select{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-column-gap:10px;-moz-column-gap:10px;column-gap:10px;display:-webkit-box;display:-ms-flexbox;display:flex;row-gap:10px}.pool__link{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid var(--contrast-color-2);border-radius:10px;padding:5px 10px;font-size:18px}.pool__link.selected{background-color:var(--contrast-color-4);border-color:var(--contrast-color-3)}.legend li{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:30px}.legend .available:before{-ms-flex-item-align:center;align-self:center;content:"";position:absolute;width:20px;height:3px;background-color:var(--contrast-color-3);left:0}.legend .unavailable:before{-ms-flex-item-align:center;align-self:center;height:20px;width:20px;background-color:var(--transparent-color);content:"";position:absolute;left:0}.calendar .controls .month{text-transform:capitalize}.reserver #submitBtn{border-color:#fff0;margin:5px 0}.btn__container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}#frmReserve{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;row-gap:10px}#frmReserve label{display:none}#frmReserve input,#description{border-color:var(--transparent-color);border-radius:10px;background-color:var(--main-color);color:var(--contrast-color);padding:2px 12px;font-size:16px}#description{max-width:100%}#frmReserve input:focus,#description:focus{border-color:var(--contrast-color-3);outline:none}.feedback{-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;margin:5px auto;-ms-flex-line-pack:center;align-content:center;display:-webkit-box;display:-ms-flexbox;display:flex;border-radius:10px;display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-height:40px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:0 5px}.reserver.stage__1 .feedback{margin-top:100px}.reserver.stage__2 .feedback{margin-top:0;bottom:100px}.feedback.success{color:#fff;background-color:#28803c;border:1px solid #00a026}.feedback.error{color:#fff;font-weight:700;background-color:#942b34;border:1px solid #d60116}.dates{position:relative;overflow:hidden;height:auto}.days__otw{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.dates ul{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0;margin:0;list-style:none;-webkit-transition:opacity .4s ease-in-out,-webkit-transform .4s ease-in-out;transition:opacity .4s ease-in-out,-webkit-transform .4s ease-in-out;transition:transform .4s ease-in-out,opacity .4s ease-in-out;transition:transform .4s ease-in-out,opacity .4s ease-in-out,-webkit-transform .4s ease-in-out;position:relative}.dates ul.slide-left{-webkit-transform:translateX(-100%);transform:translate(-100%);opacity:0}.dates ul.slide-right{-webkit-transform:translateX(100%);transform:translate(100%);opacity:0}.dates ul.show{-webkit-transform:translateX(0);transform:translate(0);opacity:1}.legend,.reserver.stage__1 .calendar,.reserver.stage__1 .legend,.reserver.stage__1 #frmReserve{display:none}.reserver.stage__1 .pool__select,.reserver.stage__1 .time__selection,.reserver.stage__2 .calendar,.reserver.stage__3 .time__selection,.reserver.stage__3 #frmReserve{width:100%;position:relative;margin-top:20px}.reserver.stage__3 #frmReserve textarea{position:static;-webkit-box-sizing:border-box;box-sizing:border-box;max-width:100%;margin:0 auto}.reserver.stage__3 #frmReserve{position:absolute;width:80%;margin:20px auto;top:0}.reserver.stage__1 .pool__select,.reserver.stage__3 .time__selection{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative}.reserver.stage__2 .pool__select,.reserver.stage__2 .legend,.reserver.stage__2 #frmReserve,.reserver.stage__3 .pool__select,.reserver.stage__3 .legend,.reserver.stage__3 .calendar{display:none}.btn__stage{background-color:var(--contrast-color-3);color:#fff;border-radius:10px;outline:none;top:0;padding:5px;border:10px}.stage__btns{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;left:0;top:0;-webkit-column-gap:10px;-moz-column-gap:10px;column-gap:10px;z-index:2}.btn__stage:hover{background-color:none}.btn__stage--next{right:60px}.btn__stage--previous{left:60px}@media (min-width: 1360px){.calendar{position:relative;z-index:1;height:100%;-webkit-transform:none;transform:none}.reserver{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%;-webkit-transform:none;transform:none}.time__selection{row-gap:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:auto;position:relative;opacity:1;z-index:1;height:100%}.pool__select{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.toggle-panel-btn{display:none}.btn__container{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.legend{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;row-gap:10px;margin:0;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;list-style:none;padding:0}.reserver.stage__1 .calendar,.reserver.stage__1 .legend,.reserver.stage__1 #frmReserve{display:-webkit-box;display:-ms-flexbox;display:flex}.reserver.stage__1 .pool__select,.reserver.stage__1 .time__selection,.reserver.stage__2 .calendar,.reserver.stage__3 .time__selection,.reserver.stage__3 #frmReserve{width:initial;position:initial;margin-top:initial}.date__card{font-size:24px;padding:10px 20px}.reserver.stage__3 #frmReserve textarea{position:initial;-webkit-box-sizing:initial;box-sizing:initial;max-width:initial;margin:initial}.reserver.stage__3 #frmReserve{position:absolute;width:initial;margin:initial;top:initial}.reserver.stage__1 .pool__select,.reserver.stage__3 .time__selection{-webkit-box-align:initial;-ms-flex-align:initial;align-items:initial;-webkit-box-pack:initial;-ms-flex-pack:initial;justify-content:initial;position:initial}.reserver.stage__2 .pool__select,.reserver.stage__2 .legend,.reserver.stage__2 #frmReserve,.reserver.stage__3 .pool__select,.reserver.stage__3 .legend,.reserver.stage__3 .calendar{display:initial}.btn__stage{display:none}.btn__stage:hover{background-color:none}.btn__stage--next{right:60px;z-index:10}.btn__stage--previous{left:60px;z-index:10}}