#shipping-calendar-selector{margin:2rem 0}.date-picker-btn{padding:.7rem 1.2rem;background:var(--select-date-btn-bg);color:#fff;border:none;border-radius:6px;font-size:1rem;cursor:pointer;transition:background .3s}.date-picker-btn:hover{opacity:.8}calendar-date-picker{display:none;background:var(--select-date-btn-bg);border-radius:20px;padding:1rem;transition:transform .3s,opacity .3s;box-shadow:0 5px 20px #0003;min-width:300px;margin-top:2rem}calendar-date-picker.active{display:flex}calendar-date-picker.active .calendar-popup{display:flex;width:100%}#date-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1rem;margin-top:.5rem;width:100%}.date-day,.day-header{text-align:center;padding:.5rem;border-radius:4px;-webkit-user-select:none;user-select:none;color:#000}.day-header{font-weight:700;color:var(--select-date-bg);font-size:large}.date-day{cursor:pointer;border-radius:100%;display:flex;aspect-ratio:1;transition:all .2s;align-items:center;justify-content:center;padding:0;position:relative;color:#fff}.date-day:hover:not(.disabled),.date-day:focus:not(.disabled){background:var(--select-date-bg);color:#fff}.date-day:is(.disabled):hover:after,.date-day:is(.disabled):focus:after{content:attr(title);position:absolute;top:-1.5em;left:50%;transform:translate(-50%);background:#333;color:#fff;padding:2px 6px;font-size:12px;white-space:nowrap;border-radius:4px;pointer-events:none;z-index:10}.date-day:focus{outline:2px solid var(--select-date-btn-bg);outline-offset:2px}.date-day.disabled{color:#aaa;pointer-events:none;opacity:.5}.date-day.selected{background:var(--select-date-bg);color:#fff;font-weight:700;border:1px solid white}.popup-actions{text-align:right;margin-top:1rem}.popup-actions button{padding:.5rem 1rem;margin-left:.5rem;border:none;border-radius:4px;cursor:pointer}.popup-actions #accept-btn{background:var(--accept-color);color:#fff}.popup-actions #cancel-btn{background:var(--cancel-color);color:#fff}#reset-shipping-date{background:var(--select-date-bg);color:#fff;margin:1rem 0}#reset-shipping-date:hover{font-weight:700;color:var(--select-date-bg)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{transform:translate(-50%,-50%) scale(.7)}to{transform:translate(-50%,-50%) scale(1)}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/calendar.css.map */