hr{margin:1rem 0}.time-item.time-unavailable{display:block;background-color:transparent;color:#a9a9a9}.hdx-container{position:relative;z-index:1050;min-width:70rem;display:none;flex-direction:column;align-items:center;height:auto;width:max-content;margin-left:auto;margin-right:auto;box-shadow:#64646f33 0 7px 29px;margin-top:30px;scroll-behavior:smooth}.hdx-modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000e6;z-index:1040;display:none}.calendar-time-wrapper{display:flex;width:100%}.hdx-calendar,.time-list{width:50%;display:flex;flex-direction:column}.month-picker-container{display:flex;align-items:center}#pre-month,#next-month{height:auto;width:30px;display:grid;place-items:center;margin:0 10px;cursor:pointer}#pre-month:hover,#next-month:hover{transition:all .2s ease-in-out;transform:scale(1.12)}.hdx-calendar{width:100%;height:50rem;background-color:#fff;overflow:hidden;padding:0 30px;display:flex;flex-direction:column}.hdx-calendar{margin-left:auto;margin-right:auto}.calendar-header{display:flex;justify-content:space-between;align-items:center;font-weight:700;color:#000;padding:10px}.calendar-week-days{display:grid;grid-template-columns:repeat(7,1fr);font-weight:600;cursor:pointer;color:#686868}.calendar-week-days div:hover{color:#e73312;transform:scale(1.2);transition:all .2s ease-in-out}.calendar-week-days div{display:grid;place-items:center;color:#000;height:50px}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;color:#d3d3d3}.calendar-days div{width:37px;height:33px;display:flex;align-items:center;justify-content:center;padding:5px;position:relative;cursor:pointer;animation:to-top 1s forwards}.month-picker{padding:5px 10px;cursor:pointer}.year-picker{display:flex;align-items:center;margin-right:2rem}.year-change{height:auto;width:30px;display:grid;place-items:center;margin:0 10px;cursor:pointer}.year-change:hover{transition:all .2s ease-in-out;transform:scale(1.12)}.calendar-footer{padding:10px;display:flex;justify-content:flex-end;align-items:center}#year:hover{cursor:pointer;transform:scale(1.2);transition:all .2 ease-in-out}.calendar-days div span{position:absolute}.calendar-days div:hover{transition:width .2s ease-in-out,height .2s ease-in-out;background-color:#fbc7d4;color:#f8fbff}.calendar-days div.current-date{color:#f8fbff;background-color:#d3d3d3}.month-list{position:relative;left:0;top:-130px;background-color:#ebebeb;color:#151426;display:grid;grid-template-columns:repeat(3,auto);gap:5px}.month-list>div{display:grid;place-content:center;margin:5px 10px;transition:all .2s ease-in-out}.month-list>div>div{padding:10px;cursor:pointer}.month-list>div>div:hover{color:#f8fbff;transform:scale(.9);transition:all .2s ease-in-out}.month-list.show{visibility:visible;pointer-events:visible;transition:.6s ease-in-out;animation:to-left .71s forwards}.month-list.hideonce{visibility:hidden}.month-list.hide{animation:to-right 1s forwards;visibility:none;pointer-events:none}.date-time-formate{height:4rem;width:100%;font-family:Dubai Light,Century Gothic;position:relative;display:flex;top:50px;justify-content:center;align-items:center}.day-text-formate{font-family:Microsoft JhengHei UI;font-size:1.4rem;padding-right:5%}.date-time-value{display:block;position:relative;text-align:center;padding-left:5%}.time-formate{font-size:1.5rem}.time-formate.hideTime,.day-text-formate.hidetime,.date-formate.hideTime{animation:hidetime 1.5s forwards}.day-text-formate.showtime,.time-formate.showtime,.date-formate.showtime{animation:showtime 1s forwards}.time-list{width:100%;display:flex;flex-direction:column;overflow-y:auto;background-color:#eeeef0;padding:10px 50px;margin-left:auto;max-height:500px}.hour-container{display:flex;justify-content:space-between;margin-bottom:5px;margin-top:0;padding:7px 0;background-color:#333}.time-list::-webkit-scrollbar{width:0!important}.time-list{scrollbar-width:none;-ms-overflow-style:none}.time-item{flex:1;text-align:center;margin:0 5px;line-height:20px;font-size:14px}.hdx-calendar .available{font-weight:900;color:#000}.hdx-calendar .available.selected{color:#fff;background-color:#e73312}@keyframes to-top{0%{transform:translateY(0);opacity:0}to{transform:translateY(100%);opacity:1}}@keyframes to-left{0%{transform:translate(230%);opacity:1}to{transform:translate(0);opacity:1}}@keyframes to-right{10%{transform:translate(0);opacity:1}to{transform:translate(-150%);opacity:1}}@keyframes showtime{0%{transform:translate(250%);opacity:1}to{transform:translate(0);opacity:1}}@keyframes hidetime{0%{transform:translate(0);opacity:1}to{transform:translate(-370%);opacity:1}}.hdx-container .calendar-top-bar{background-color:#000;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:10px;width:100%}.hdx-container .calendar-top-bar .top-bar-text{margin-left:10px}.hdx-container .calendar-top-bar .top-bar-close{margin-right:10px;cursor:pointer}.event-participants{margin-top:20px}#time-list-message{text-align:center;margin-top:auto;margin-bottom:auto}.hour-toggle{text-align:center;margin-top:5px;background-color:#fff;line-height:22px;font-size:15px;padding:5px 0;position:relative;cursor:pointer}.hour-toggle.selected{background-color:#151515;color:#fff}.time-item.time-available{color:#d3d3d3;position:relative;cursor:pointer}.time-item.time-available.time-available-ioniq-5-n:after{content:"";position:absolute;width:8px;height:8px;background-color:#aacae6;transform:translate(5px,-75%);top:50%}.hour-toggle.time-available-ioniq-5-n:after{content:"";position:absolute;width:8px;height:8px;background-color:#aacae6;transform:translateY(-75%);top:50%;left:calc(50% - 32px)}.time-item.time-unavailable{color:#000;display:none}.time-list-header{text-align:center;font-weight:900;margin:20px 0;font-size:20px}.time-value{font-weight:900}.participant-number{background-color:#fff;height:30px}.participant-controls{display:flex;justify-content:space-between;align-items:center;width:100%}.participant-controls button{width:30px;height:30px;display:grid;place-content:center;background-color:#fff;border:1px solid #ccc;cursor:pointer}.participant-controls span{flex-grow:1;text-align:center;margin:0 5px;background-color:#white;border:1px solid #ccc;display:flex;align-items:center;justify-content:center}.participant-controls button:focus,.participant-controls button:hover{background-color:#e6e6e6}.participant-controls span.participant-number{padding:0 10px}.vehicle-selection input{display:none}.vehicle-wrapper{display:flex;justify-content:space-between}.vehicle-container{width:48%;display:inline-block;box-sizing:border-box}.vehicle-selection .unavailable{color:#aeaeae;background-color:#e5e5e7}.vehicle-selection label{display:block;padding:10px;text-align:center;cursor:pointer;border:1px solid #ccc;margin:2px;background-color:#f9f9f9}.vehicle-selection input:checked+label{background-color:#e73312;color:#fff;border-color:#000}.cart-button{width:100%;text-align:right;padding:10px;background-color:#e73312;color:#fff;border:none;cursor:pointer;box-sizing:border-box;margin-top:20px}.cart-button:hover{background-color:gray}.bottom-bar{position:absolute;bottom:0;right:0;width:50%;background-color:#eeeef0;box-sizing:border-box}@media (max-width: 768px){.hdx-container{min-width:auto;width:100%;box-sizing:border-box;position:fixed;top:0;left:0;height:100vh;overflow-y:auto;transform:none;padding:30px 0;margin:0}.hdx-modal-backdrop{overflow-y:hidden}.calendar-time-wrapper{flex-direction:column}.hdx-calendar,.time-list{width:100%;padding-bottom:30px}.bottom-bar{width:100%;position:static;padding-bottom:10px}.cart-button{margin-top:0}}.section-titlebar__side-item--text:after{content:"";position:absolute;width:8px;height:8px;background-color:#aacae6;transform:translate(-12px,-75%);top:50%}@media (max-width: 96.1rem){.section-titlebar__side-item{justify-content:flex-end!important}}@media (max-width: 60.1rem){.section-titlebar__side-item--button{margin-left:1.6rem!important}}
/*# sourceMappingURL=/cdn/shop/t/40/assets/ntaxi-calendar.css.map */