.delivery-picker{margin:2rem 0;padding:0}.delivery-picker__heading{margin-bottom:1.5rem;font-size:calc(var(--font-body-scale) * 1.1rem)}.delivery-picker__fields{display:flex;flex-direction:column;gap:2rem}.delivery-picker__field{position:relative}.delivery-picker__label{display:block;margin-bottom:.8rem;font-family:var(--font-subtitle-family);font-size:calc(var(--font-body-scale) * 1.1rem);font-weight:var(--font-subtitle-weight);color:rgba(var(--color-foreground),.8)}.delivery-picker__label .required{color:#eb001b;margin-left:.2rem}.delivery-picker__date-wrapper{position:relative}.delivery-picker__date-input{width:100%;padding:1.2rem 1.5rem;font-size:calc(var(--font-body-scale) * 1rem);font-family:var(--font-body-family);color:rgba(var(--color-foreground),1);background-color:rgb(var(--color-background-input));border:1px solid rgba(var(--color-border-input),1);border-radius:var(--border-radius-button);cursor:pointer;transition:border-color .2s ease}.delivery-picker__date-input:hover,.delivery-picker__date-input:focus{border-color:rgba(var(--color-border-input-hover),1);outline:none}.delivery-picker__date-input.error{border-color:#eb001b}.delivery-picker__date-input::placeholder{color:rgba(var(--color-foreground),.5)}.delivery-picker__calendar{position:absolute;top:calc(100% + .5rem);left:0;z-index:100;width:100%;max-width:320px;padding:1.5rem;background-color:rgb(var(--color-background));border:1px solid rgba(var(--color-border),.3);border-radius:var(--border-radius-button);box-shadow:0 4px 20px #0000001a;opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .2s ease,visibility .2s ease,transform .2s ease}.delivery-picker__calendar.active{opacity:1;visibility:visible;transform:translateY(0)}.delivery-picker__calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.delivery-picker__month-year{font-family:var(--font-heading-family);font-size:calc(var(--font-body-scale) * 1.2rem);font-weight:var(--font-heading-weight);color:rgba(var(--color-foreground-title),1)}.delivery-picker__nav{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;padding:0;background:transparent;border:1px solid rgba(var(--color-border),.3);border-radius:50%;cursor:pointer;transition:background-color .2s ease,border-color .2s ease}.delivery-picker__nav:hover:not(:disabled){background-color:rgba(var(--color-foreground),.05);border-color:rgba(var(--color-border),.5)}.delivery-picker__nav:disabled{opacity:.3;cursor:not-allowed}.delivery-picker__nav svg{width:1.2rem;height:1.2rem;fill:none;stroke:rgba(var(--color-foreground),.8)}.delivery-picker__weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:.2rem;margin-bottom:.5rem;text-align:center}.delivery-picker__weekdays span{font-size:calc(var(--font-body-scale) * .9rem);font-weight:500;color:rgba(var(--color-foreground),.5);padding:.5rem 0}.delivery-picker__days{display:grid;grid-template-columns:repeat(7,1fr);gap:.2rem}.delivery-picker__day{display:flex;align-items:center;justify-content:center;aspect-ratio:1;font-size:calc(var(--font-body-scale) * 1rem);font-family:var(--font-body-family);color:rgba(var(--color-foreground),1);background:transparent;border:none;border-radius:50%;cursor:pointer;transition:background-color .15s ease,color .15s ease}.delivery-picker__day.empty{cursor:default}.delivery-picker__day:hover:not(.disabled):not(.blocked):not(.empty):not(.selected){background-color:rgba(var(--color-foreground),.08)}.delivery-picker__day.today:not(.selected){font-weight:700;color:rgba(var(--color-button),1)}.delivery-picker__day.selected{background-color:rgb(var(--color-button));color:rgb(var(--color-button-text));font-weight:600}.delivery-picker__day.disabled,.delivery-picker__day.blocked{color:rgba(var(--color-foreground),.25);cursor:not-allowed}.delivery-picker__day.blocked{text-decoration:line-through}.delivery-picker__time-slots{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem}.delivery-picker__time-slots.error .delivery-picker__time-slot{border-color:#eb001b80}.delivery-picker__time-placeholder{grid-column:1 / -1;color:rgba(var(--color-foreground),.5);font-size:calc(var(--font-body-scale) * 1rem);font-style:italic;padding:1rem 0}.delivery-picker__time-slot{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem 1rem;background-color:rgb(var(--color-background-input));border:1px solid rgba(var(--color-border-input),1);border-radius:var(--border-radius-button);cursor:pointer;transition:border-color .2s ease,background-color .2s ease}.delivery-picker__time-slot:hover:not(.selected){border-color:rgba(var(--color-border-input-hover),1);background-color:rgba(var(--color-foreground),.02)}.delivery-picker__time-slot.selected{border-color:rgb(var(--color-button));background-color:rgba(var(--color-button),.08)}.delivery-picker__time-label{font-family:var(--font-subtitle-family);font-size:calc(var(--font-body-scale) * 1.1rem);font-weight:var(--font-subtitle-weight);color:rgba(var(--color-foreground-title),1);margin-bottom:.3rem}.delivery-picker__time-slot.selected .delivery-picker__time-label{color:rgb(var(--color-button))}.delivery-picker__time-range{font-size:calc(var(--font-body-scale) * .9rem);color:rgba(var(--color-foreground),.6)}.delivery-picker__selected-dates{margin-bottom:1rem}.delivery-picker__date-tags{display:flex;flex-wrap:wrap;gap:.5rem}.delivery-picker__date-tag{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .8rem;background-color:rgba(var(--color-button),.1);border:1px solid rgba(var(--color-button),.3);border-radius:2rem;font-size:calc(var(--font-body-scale) * .9rem)}.delivery-picker__date-tag-number{font-weight:600;color:rgb(var(--color-button))}.delivery-picker__date-tag-text{color:rgba(var(--color-foreground),.9)}.delivery-picker__date-tag-remove{display:flex;align-items:center;justify-content:center;width:1.6rem;height:1.6rem;padding:0;margin-left:.2rem;background:transparent;border:none;border-radius:50%;font-size:1.2rem;line-height:1;color:rgba(var(--color-foreground),.5);cursor:pointer;transition:background-color .15s ease,color .15s ease}.delivery-picker__date-tag-remove:hover{background-color:rgba(var(--color-foreground),.1);color:rgba(var(--color-foreground),.8)}.delivery-picker__date-count{margin-top:.5rem;font-size:calc(var(--font-body-scale) * .85rem);color:rgba(var(--color-foreground),.6);font-style:italic}.delivery-picker__error{display:block;min-height:1.5rem;margin-top:.5rem;font-size:calc(var(--font-body-scale) * .9rem);color:#eb001b;opacity:0;transition:opacity .2s ease}.delivery-picker__error.active{opacity:1}@media screen and (max-width:749px){.delivery-picker__calendar{max-width:100%;position:fixed;top:auto;bottom:0;left:0;right:0;border-radius:var(--border-radius-button) var(--border-radius-button) 0 0;max-height:70vh;overflow-y:auto;transform:translateY(100%)}.delivery-picker__calendar.active{transform:translateY(0)}.delivery-picker__time-slots{grid-template-columns:1fr}.delivery-picker__time-slot{flex-direction:row;justify-content:space-between;padding:1.2rem 1.5rem}.delivery-picker__time-label{margin-bottom:0}}@media screen and (max-width:749px){.delivery-picker__calendar:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0000;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;z-index:-1}.delivery-picker__calendar.active:before{opacity:1;visibility:visible}}[data-scheme=dark] .delivery-picker__calendar{box-shadow:0 4px 20px #0000004d}[data-scheme=dark] .delivery-picker__day.selected{background-color:rgb(var(--color-button));color:rgb(var(--color-button-text))}
/*# sourceMappingURL=/cdn/shop/t/12/assets/delivery-date-picker.css.map */