.date-picker{display:flex;flex-direction:column;gap:0;width:100%}.air-datepicker--navigation{width:100%;padding:0 32px}.date-picker--header{display:flex;align-items:center;justify-content:flex-start;gap:4px;padding-bottom:16px;min-height:48px}@media(min-width:992px){.date-picker--header{gap:8px}}.date-picker--date-display{display:flex;align-items:center;gap:12px;min-height:48px;border-radius:var(--Rounded-corners-M, 12px);border:.5px solid var(--Colours-Neutral-500-Grey, #c7cdd6);background:var(--Colours-Neutral-White, #fff);padding:0 16px}@media(min-width:992px){.date-picker--date-display{padding:0 16px;min-width:366px}}.air-datepicker-nav--action{display:flex;width:40px;height:40px;justify-content:center;align-items:center;border-radius:var(--Rounded-corners-M, 12px);border:1px solid rgb(var(--color-neutral-grey-500))}.date-picker--calendar-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:8px;color:rgb(var(--color-primary-dark));flex-shrink:0}.date-picker--calendar-icon svg{width:20px;height:20px}.date-picker--date-btn{background:none;border:none;padding:0;cursor:pointer;text-align:left;width:100%}.date-picker--date-text{color:rgb(var(--color-neutral-black));font-size:16px;font-weight:var(--font-body-weight);line-height:1.4;text-wrap-style:pretty}.date-picker--nav{display:flex;align-items:stretch;justify-content:flex-start;gap:4px;flex:1 0 auto;height:100%;min-height:48px}.date-picker--nav-btn{display:flex;align-items:center;justify-content:center;width:40px;height:auto;border-radius:8px;border:1px solid rgb(var(--color-neutral-grey-500));background:rgb(var(--color-neutral-white));color:rgb(var(--color-primary-dark));cursor:pointer;transition:border-color .2s ease,background-color .2s ease}.date-picker--nav-btn:hover{border-color:rgb(var(--color-primary-base))}.date-picker--nav-btn:disabled{opacity:.4;cursor:not-allowed}.date-picker--nav-btn svg{width:16px;height:16px}.date-picker--tabs{display:flex;margin-bottom:16px}.date-picker--tab{background:none;border:none;padding:10px 0;cursor:pointer;font-size:16px;font-weight:400;line-height:1.4;color:rgb(var(--color-neutral-grey-700));position:relative;transition:color .2s ease;min-height:42px;min-width:150px;width:fit-content;border-bottom:2px solid rgb(var(--color-neutral-grey-500))}.date-picker--tab:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background-color:transparent;transition:background-color .2s ease}.date-picker--tab[aria-selected=true]{color:rgb(var(--color-primary-base));font-weight:700}.date-picker--tab[aria-selected=true]:after{background-color:rgb(var(--color-primary-base))}.date-picker--tab:hover:not([aria-selected=true]){color:rgb(var(--color-neutral-black))}.date-picker--slots{flex-grow:1;overflow-y:auto}.date-picker--slots.loading{opacity:.5;pointer-events:none}.date-picker--slots-list{display:grid;grid-template-columns:1fr;gap:8px}@media(min-width:768px){.date-picker--slots-list{grid-template-columns:repeat(2,1fr)}}@media(min-width:992px){.date-picker--slots-list{grid-template-columns:repeat(3,1fr)}}.date-picker--slot{display:flex;align-items:center;gap:12px;padding:12px 16px;border:1px solid rgb(var(--color-neutral-grey-500));border-radius:12px;background:rgb(var(--color-neutral-white));cursor:pointer;transition:border-color .2s ease}.date-picker--slot[hidden]{display:none}.date-picker--slot:hover{border-color:rgb(var(--color-primary-base))}.date-picker--slot:has(input:checked){border-color:rgb(var(--color-primary-base));border-width:2px;padding:11px 15px}.date-picker--slot.active{border-color:rgb(var(--color-primary-base));border-width:2px;padding:11px 15px;background:rgb(var(--color-neutral-grey-100))}.date-picker--slot.active .date-picker--slot-icon{display:flex;width:16px;height:16px;justify-content:center;align-items:center;flex-shrink:0;border-radius:100%;background:rgb(var(--color-secondary-light));color:rgb(var(--color-secondary-dark))}.date-picker--slot.active .date-picker--slot-icon .icon{width:6px;height:6px}.date-picker--slot[data-expired=true]{color:rgb(var(--color-neutral-grey-700));text-align:center;font-size:16px;font-style:normal;font-weight:400;line-height:140%;text-decoration-line:line-through;border:1px solid var(--Colours-Neutral-500-Grey, #c7cdd6);background:#f3f3f3;cursor:not-allowed;pointer-events:none}.date-picker--slot input[type=radio]{flex-shrink:0}.date-picker--slot span{color:rgb(var(--color-neutral-black));font-size:16px;font-weight:400;line-height:1.4}.date-picker--slot .date-picker--slot-icon{display:none}.date-picker--slot .date-picker--slot-btn{border:none;background:none;cursor:pointer;width:100%;display:flex;gap:8px;align-items:center}.date-picker--actions{display:flex;flex-direction:column;align-items:center;gap:12px;padding-top:16px;margin-top:auto}.date-picker--actions .btn{width:100%}.date-picker--fallback-label{color:rgb(var(--color-neutral-black));font-size:14px;font-weight:700;line-height:1.3;text-align:center}.date-picker--fallback-link{justify-content:center}.date-picker--calendar{--adp-font-family: var(--font-body-family), "Mona Sans", sans-serif;--adp-font-size: 16px;--adp-color: rgb(var(--color-neutral-black));--adp-color-secondary: rgb(var(--color-neutral-grey-700));--adp-accent-color: rgb(var(--color-primary-base));--adp-color-current-date: rgb(var(--color-primary-base));--adp-background-color: rgb(var(--color-neutral-white));--adp-background-color-hover: rgba(var(--color-primary-base), .08);--adp-background-color-active: rgb(var(--color-primary-base));--adp-background-color-in-range: rgba(var(--color-primary-base), .1);--adp-border-color: rgb(var(--color-neutral-grey-500));--adp-border-color-inner: transparent;--adp-border-radius: 12px;--adp-cell-border-radius: 8px;--adp-day-name-color: rgb(var(--color-neutral-grey-700));--adp-nav-arrow-color: rgb(var(--color-primary-dark));--adp-nav-color: rgb(var(--color-neutral-black));--adp-cell-background-color-selected: rgb(var(--color-primary-base));--adp-cell-color-selected: rgb(var(--color-neutral-white));--adp-pointer-size: 0;--adp-day-cell-width: 40px;--adp-day-cell-height: 40px;--adp-month-cell-height: 40px;border:1px solid rgb(var(--color-neutral-grey-500));box-shadow:0 1px 12px #0e0e2c1a;padding:32px 0;width:100%;max-width:344px;place-content:center;align-items:center;align-content:center;justify-items:center}.date-picker--calendar .air-datepicker--content{width:calc(100% - 64px);margin:0 auto;padding:0}.date-picker--calendar .air-datepicker-body{width:fit-content}.date-picker--calendar .air-datepicker-body--cells{justify-content:center}.date-picker--calendar .air-datepicker-body--cells .air-datepicker-cell{align-self:center;justify-self:center}.date-picker--calendar .air-datepicker-nav{padding:0 0 8px;border-bottom:none}.date-picker--calendar .air-datepicker-nav .air-datepicker-nav--title{font-size:16px;font-weight:500;color:rgb(var(--color-neutral-black))}.date-picker--calendar .air-datepicker-nav .air-datepicker-nav--title:hover{background:transparent}.date-picker--calendar .air-datepicker-body--day-names{margin:0;align-items:center;justify-content:center}.date-picker--calendar .air-datepicker-body--day-names .air-datepicker-body--day-name{width:40px;height:40px;font-size:14px;font-weight:500;color:rgb(var(--color-neutral-grey-700));text-transform:none;justify-self:center}.date-picker--calendar .air-datepicker-cell{font-size:14px;font-weight:400;aspect-ratio:1;width:40px;border-radius:8}.date-picker--calendar .air-datepicker-cell.-current-{color:rgb(var(--color-neutral-black));border:1px solid rgb(var(--color-primary-lighter));background:rgb(var(--color-primary-lighter))}.date-picker--calendar .air-datepicker-cell.-current-.-selected-{color:rgb(var(--color-neutral-white));background:rgb(var(--color-primary-base));border-color:rgb(var(--color-primary-base))}.date-picker--calendar .air-datepicker-cell.-selected-{color:rgb(var(--color-neutral-white));background:rgb(var(--color-primary-base))}.date-picker--calendar .air-datepicker-cell.-selected-:hover{background:rgb(var(--color-primary-base))}.date-picker--calendar .air-datepicker-cell.-disabled-{color:rgb(var(--color-neutral-grey-500));cursor:not-allowed}.date-picker--calendar .air-datepicker-cell.-other-month-{color:rgb(var(--color-neutral-grey-500))}.date-picker--calendar .air-datepicker-cell:hover:not(.-disabled-):not(.-selected-){background:rgba(var(--color-primary-base),.08);border-radius:50%}.date-picker--calendar .air-datepicker-cell.-focus-{background:rgba(var(--color-primary-base),.08)}
/*# sourceMappingURL=/cdn/shop/t/2/assets/date-picker.css.map */