.calendar-wrapper{position:absolute;width:100%;background-color:#fff;top:100%;z-index:1000;box-shadow:3px 3px 10px 1px #5f5f5f25;border-radius:5px}.calendar-wrapper:not(.show){display:none}.calendar-wrapper .calendar{padding:20px;display:flex;flex-direction:column;row-gap:15px}.calendar-wrapper .calendar-heading{display:flex;justify-content:space-between;cursor:pointer}.calendar-wrapper .year-month{font-weight:600;font-size:18px;display:flex;align-items:center;column-gap:5px}.calendar-wrapper .year-month p{color:#ff2424}.calendar-wrapper .buttons{display:flex}.calendar-wrapper .arrow-direction{width:40px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:8px;background-color:#ff2424;transition:all .3s ease-in-out}.calendar-wrapper .arrow-direction:hover{background-color:#ff242480}.calendar-wrapper .arrow-direction.top{border-radius:5px 0 0 5px}.arrow-direction.top svg,.arrow-direction.down svg{transform:rotate(270deg)}.calendar-wrapper .arrow-direction.down{border-radius:0 5px 5px 0}.calendar-wrapper .arrow-direction svg{width:100%;height:auto}.calendar-wrapper .calendar-content{position:relative}.calendar-wrapper .calendar-year-list{position:absolute;max-height:100%;overflow:auto;width:100%;background-color:#fff;z-index:1;display:none}.calendar-wrapper .calendar-year-list.show{display:block}.calendar-wrapper .calendar-year-list::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#f5f5f5}.calendar-wrapper .calendar-year-list::-webkit-scrollbar{width:6px;background-color:#f5f5f5}.calendar-wrapper .calendar-year-list::-webkit-scrollbar-thumb{background-color:#000}.calendar-wrapper .year-item-month{display:flex;flex-wrap:wrap;justify-content:space-between;height:0px;overflow:hidden;transition:all .2s;padding:0}.calendar-wrapper .year-item-heading{margin:0;font-size:15px;font-weight:400;background-color:#efefef;padding:10px;border-bottom:1px solid #ccc;cursor:pointer}.calendar-wrapper .month-item{width:calc((100% - 15px)/4);box-sizing:border-box;padding:10px;text-align:center;cursor:pointer;border-radius:3px;border:1px solid transparent;font-size:16px;font-family:system-ui}.calendar-wrapper .month-item:hover{background-color:#f5f5f5}.calendar-wrapper .month-item.this-month{border-color:#121212}.calendar-wrapper .month-item.selected{background-color:#6de6ff}.calendar-wrapper .current-month-content{width:100%}.calendar-wrapper .calendar-header,.calendar-wrapper .calendar-row{display:flex;justify-content:space-between}.calendar-wrapper .date-item,.calendar-wrapper .header-item{width:calc((100% - 60px) / 7);text-align:center;font-family:none}.calendar-wrapper .header-item{font-size:20px;font-weight:700}.calendar-wrapper .date-item{text-align:center;font-size:15px;font-weight:300;cursor:pointer;border-radius:5px;padding-block:10px}.calendar-wrapper .date-item.selected{background-color:#ff2424;color:#fff}.calendar-wrapper .date-item.out{color:#ccc}.calendar-wrapper .clock-slider-item{padding:13px;font-weight:300;text-align:center;border-radius:3px;height:fit-content;box-sizing:border-box;cursor:pointer;-webkit-user-select:none;user-select:none}.calendar-wrapper .clock-slider-item.selected{background-color:#2929aa;color:#fff}.calendar-wrapper .clock-slider-item:hover{background-color:#4dd5ff;color:#000}.calendar-wrapper .clock{width:40%;display:flex;padding:10px;justify-content:space-between;max-height:100%}.calendar-wrapper .clock>div{width:calc((100% - 20px) / 3);overflow:hidden}.init-today{margin-left:auto;display:block;margin-top:10px;border:1px solid #121212;padding:6px 30px;background-color:#fff;cursor:pointer;font-size:16px;text-transform:capitalize;height:auto}.init-today:hover{background-color:#58ecff}.init-today:active{background-color:#00e1ff}@media screen and (max-width: 749px){.calendar-wrapper{max-height:unset}.calendar-wrapper .calendar{border-bottom:1px solid #e3e3e3}.calendar-wrapper .clock{width:100%;max-height:360px}}
/*# sourceMappingURL=/cdn/shop/t/34/assets/custom-calendar.css.map */
