delivery-date-picker{display:block}.date-picker{position:fixed;top:0;right:0;bottom:0;left:0;z-index:400;display:flex;align-items:center;justify-content:center;padding:16px}.date-picker[hidden]{display:none}.date-picker__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#05343573;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.date-picker__panel{position:relative;z-index:1;width:100%;max-width:420px;max-height:calc(100dvh - 32px);overflow-y:auto;background:var(--color-off-white);border:1px solid var(--color-cream);border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:16px;color:var(--color-deep-teal);box-shadow:0 24px 64px #05343540;animation:date-picker-in var(--duration-base) var(--ease-out-quint)}@keyframes date-picker-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}.date-picker__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.date-picker__title{margin:0;font-size:18px;font-weight:700;line-height:1.2;letter-spacing:-.01em}.date-picker__subtitle{margin:4px 0 0;font-size:13px;font-weight:400;line-height:1.3;color:var(--color-dark-grey)}.date-picker__icon-btn{flex-shrink:0;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--color-cream);border-radius:50%;background:var(--color-white);color:var(--color-deep-teal);padding:0;cursor:pointer;transition:border-color var(--duration-fast) ease,background-color var(--duration-fast) ease}.date-picker__icon-btn:hover{border-color:var(--color-deep-teal)}.date-picker__icon-btn:disabled{opacity:.35;cursor:default;border-color:var(--color-cream)}.date-picker__icon-btn:focus-visible{outline:2px solid var(--color-deep-teal);outline-offset:2px}.date-picker__nav{display:flex;align-items:center;justify-content:space-between;gap:8px}.date-picker__month{margin:0;flex:1 1 auto;text-align:center;font-size:15px;font-weight:700;letter-spacing:-.01em}.date-picker__weekdays,.date-picker__grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.date-picker__weekday{text-align:center;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--color-dark-grey);padding:2px 0 4px}.date-picker__day{position:relative;aspect-ratio:1;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:8px;background:transparent;padding:0;margin:0;font:inherit;font-size:14px;font-weight:500;line-height:1;color:#9a9a9a;-webkit-user-select:none;user-select:none}.date-picker__day--outside{color:#c9c9c9}.date-picker__day--available{background:var(--color-lime-soft);border-color:#d9f3ab;border-color:color-mix(in srgb,var(--color-bright-lime) 60%,var(--color-white));color:var(--color-deep-teal);font-weight:600;cursor:pointer;transition:border-color var(--duration-fast) ease,background-color var(--duration-fast) ease,color var(--duration-fast) ease}.date-picker__day--available.date-picker__day--outside{color:var(--color-deep-teal)}.date-picker__day--available:after{content:"";position:absolute;left:50%;bottom:6px;width:4px;height:4px;border-radius:50%;background:currentColor;transform:translate(-50%)}.date-picker__day--available:hover{border-color:var(--color-deep-teal)}.date-picker__day--available:focus-visible{outline:2px solid var(--color-deep-teal);outline-offset:2px}.date-picker__day.is-selected,.date-picker__day.is-selected:hover{background:var(--color-deep-teal);border-color:var(--color-deep-teal);color:var(--color-white)}.date-picker__legend{margin:0;display:flex;align-items:center;gap:8px;font-size:12px;font-weight:500;color:var(--color-dark-grey)}.date-picker__legend-swatch{width:14px;height:14px;border-radius:4px;flex-shrink:0;background:var(--color-lime-soft);border:1px solid #d9f3ab;border-color:color-mix(in srgb,var(--color-bright-lime) 60%,var(--color-white))}.date-picker__note{margin:0;padding-top:14px;border-top:1px solid var(--color-cream);font-size:13px;font-weight:400;line-height:1.4;color:var(--color-dark-grey)}.date-picker__confirm{width:100%;border:0;border-radius:var(--radius-pill);background:var(--color-deep-teal);color:var(--color-white);font:inherit;font-size:15px;font-weight:700;letter-spacing:-.01em;padding:16px 20px;cursor:pointer;transition:background-color var(--duration-fast) ease,transform var(--duration-fast) ease}.date-picker__confirm:hover{background:var(--color-teal-muted)}.date-picker__confirm:active{transform:translateY(1px)}.date-picker__confirm:disabled{opacity:.5;cursor:default}.date-picker__confirm:focus-visible{outline:2px solid var(--color-deep-teal);outline-offset:3px}@media(max-width:480px){.date-picker{padding:12px}.date-picker__panel{padding:20px 16px;gap:14px}.date-picker__day{font-size:13px}.date-picker__weekdays,.date-picker__grid{gap:4px}}@media(prefers-reduced-motion:reduce){.date-picker__panel{animation:none}.date-picker__day--available,.date-picker__icon-btn,.date-picker__confirm{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-delivery-date-picker.css.map */