:host{--day-width:48px !important;--day-height:48px !important}:root{--title-color:#235a65;--arrow-btn-color:#235a65;--divider-color:#dde3e8;--calender-color:#eaeff2;--unpicked-color:#fff;--unpicked-text-color:#235a65;--highlight-color:#95c22d;--unavailable-color:#f2f5f6;--unavailable-text-color:#a1aaad;--locked-color:#dde3e8}.reservation__top{border-bottom:1px solid #dde3e8;display:flex;column-gap:50px;row-gap:10px;padding-bottom:50px;margin-bottom:30px;justify-content:space-between}@media(max-width: 1000px){.reservation__top{flex-direction:column}}.reservation__top__title>*{font-weight:600;font-size:35px;margin:0;color:#235a65}@media(max-width: 450px){.reservation__top__title>*{font-size:25px}}@media(max-width: 1200px){.reservation__top__title{width:max-content !important}}@media(min-width: 1201px){.reservation__top__title{flex-grow:1;flex-basis:0}}.reservation__top__title-room{display:flex;align-items:center}.reservation__top__title-room
span{font-family:"Source Sans Pro";font-weight:400;font-size:20px;margin:0}.reservation__top__select{display:flex;gap:25px;align-items:center;max-width:480px;width:100%}.reservation__top__select
label{max-width:160px;width:100%;font-weight:600;font-size:18px;color:#235a65}.reservation__top__select
select{width:100%}@media(max-width: 1200px){.reservation__top__select{max-width:unset;flex:1}}@media(max-width: 600px){.reservation__top__select
label{display:none}}.reservation__top__select__readyness{display:flex;gap:20px;align-items:center;justify-content:flex-end;flex-grow:1;flex-basis:0}.reservation__top__select__readyness>span{font-weight:300;font-size:18px;color:#535658;display:flex;justify-content:center;align-items:center;align-content:center;gap:10px;color:#235a65}.reservation__top__select__readyness>span::after{content:"";width:15px;height:15px;background-color:var(--locked-color);border:1px
solid #dde3e8}.reservation__top__select__readyness>span:last-of-type::after{background-color:#95c22d;border:1px
solid #95c22d}@media(max-width: 1200px){.reservation__top__select__readyness{display:none}}.grid-3{display:flex;gap:clamp(40px,3.125vw,60px);max-width:1150px;width:100%}@media(max-width: 1300px){.grid-3{grid-template-columns:repeat(2, 1fr) !important;max-height:408px;overflow:hidden}}@media(max-width: 1000px){.grid-3{grid-template-columns:1fr !important}}.calendar .header .month-name{color:#000;color:#235a65;font-family:var(--calandertitle);font-size:35px !important;gap:20px;display:flex;align-items:center;align-content:center;justify-content:center;text-transform:capitalize}.calendar .header .month-name
span{font-weight:600 !important}.calendar>.days-grid{row-gap:0 !important}.calendar .next-button,.calendar .previous-button{position:absolute !important;right:-150px !important;top:50%;transform:translateY(-50%) !important;width:clamp(40px,3vw,50px) !important;height:clamp(40px,3vw,50px) !important;border-radius:50% !important;display:flex !important;justify-content:center !important;align-items:center !important;align-content:center !important;background-color:#235a65 !important;color:#fff !important}@media(max-width: 1500px){.calendar .next-button,.calendar .previous-button{right:-80px !important}}@media(max-width: 1200px){.calendar .next-button,.calendar .previous-button{width:30px !important;height:30px !important}}.calendar .next-button svg,.calendar .previous-button
svg{fill:#fff !important;color:#fff !important}.calendar .previous-button{left:-150px !important;right:auto !important}@media(max-width: 1500px){.calendar .previous-button{left:-80px !important}}.day{border:1px
solid #dde3e8 !important;background-color:#fff !important;color:#235a65 !important;font-style:inherit !important;font-weight:300 !important;font-size:18px !important;transition:.2s ease-in-out;border-radius:0 !important;cursor:pointer !important;margin:0
-1px -1px 0;position:relative}.day.locked{background:var(--locked-color) !important;cursor:inherit !important;pointer-events:none !important}.day.not-available{background:#f2f5f6 !important;color:#a1aaad !important;cursor:inherit !important}.day.today{color:#000 !important}.day::after{position:absolute;width:100%;height:100%;content:"";box-sizing:border-box;z-index:5;border:1px
solid rgba(0,0,0,0) !important;outline:1px
solid rgba(0,0,0,0) !important;transition:.2s ease-in-out}.day:hover{color:#95c22d !important}.day:hover::after{border:1px
solid #95c22d !important;outline:1px
solid #95c22d !important}.day.start,.day.end,.day.in-range{background-color:#95c22d !important;border:2px
solid #95c22d !important;color:#fff !important}.day.start::before,.day.start::after,.day.end::before,.day.end::after,.day.in-range::before,.day.in-range::after{display:none}@media(max-width: 1200px){.day{height:var(--day-height) !important;max-height:var(--day-height) !important;min-height:var(--day-height) !important}}.days-grid{background-color:#eaeff2;padding:0
1px 1px 0}.dayname{font-family:"source sans pro";font-weight:700;color:#000 !important;font-size:15px;color:#235a65 !important}.reservation{padding:100px
0}.reservation__calendars{display:flex;justify-content:center;margin-top:30px}.reservation__chosen{margin:0
auto;max-width:530px;width:100%;margin-top:50px;display:flex;gap:81px;justify-content:center;align-items:end;align-content:center;display:none}.reservation__chosen>div{display:flex;flex-direction:column}.reservation__chosen.is-active{display:flex}.reservation__chosen
.btn{margin-bottom:5px}@media(max-width: 600px){.reservation__chosen{flex-direction:column;align-items:start;max-width:330px;gap:20px}}.easepick-wrapper{max-width:100%;width:100%;display:flex;justify-content:center}.container.inline{box-shadow:none !important;overflow:visible}.container.inline
main{background-color:rgba(0,0,0,0)}@media(max-width: 1200px){.grid-3 .calendar:nth-child(n+2){display:block !important}.calendar
.header{position:relative}.calendar .previous-button{left:0 !important}.calendar .next-button{right:0 !important}}.reservation #chosen-date{position:relative}.reservation #chosen-date::after{content:"";position:absolute;width:1px;height:100%;top:0;right:-40px;background-color:#dde3e8}@media(max-width: 600px){.reservation #chosen-date::after{display:none}}.res-form__date .grid-3{grid-template-columns:1fr !important}