#product-variant-date-picker-calendar{border-radius:23px;padding:1.375em 1.875em;border:1px solid var(--color-black)}@media (max-width:768px){#product-variant-date-picker-calendar{padding:1.375em 1.125em 2em 1.125em;margin-bottom:1.625em}}.calendar-header{margin-bottom:1em;display:flex;justify-content:space-between;align-items:center}.header-display{display:flex;align-items:center;text-align:center}.header-display p{font-size:1.25em;color:var(--color-forest);font-family:lulo,arial,sans-serif;margin-bottom:0}@media (max-width:768px){.header-display p{padding:0 1em;font-size:1em}}.calendar-information{margin:0 auto 1.5em auto;text-align:center}@media (min-width:768px){.calendar-information{max-width:75%}}.arrow{width:50px;height:50px;border-radius:50%;text-align:center;font-size:20px;cursor:pointer;background:var(--color-mint);transition:all .4s linear;display:flex;align-items:center;justify-content:center}.arrow.left{transform:rotate(180deg)}.arrow:hover{transition:all .4s linear}.week{margin-bottom:.75em}#days,.week{display:grid;grid-template-columns:repeat(7,1fr);justify-content:space-between}.week div{font-size:1.25em}#days div,.week div{display:flex;justify-content:center;align-items:center;border-radius:0}#days{border-right:1px solid var(--color-black);border-bottom:1px solid var(--color-black)}#days div,#days label{border-top:1px solid var(--color-black);border-left:1px solid var(--color-black);cursor:pointer}#days label{position:relative;display:flex;align-items:center;justify-content:center;padding:.5em}#days label.disabled{opacity:1}#days label:not(.disabled){background:var(--color-mint)}#days label.selected{background:var(--color-orange)}#days label.selected input[type=radio]:disabled{opacity:0}#days label input[type=radio]{opacity:0;width:100%;height:100%;border:none;position:absolute;top:0;left:0}#days label input[type=radio]:disabled{opacity:.5}.display-selected{margin-bottom:10px;padding:20px 20px;text-align:center}.inactive{opacity:.5}.calendar-key{margin:1.25em 0 .75em 0;display:flex;align-items:center;gap:.75em}@media (min-width:768px){.calendar-key{justify-content:center}}.calendar-key>div{display:flex;gap:.375em;align-items:center}.calendar-key__swatch{width:1.5em;height:1.5em;border-radius:50%}.calendar-key__swatch--mint{background:var(--color-mint)}.calendar-key__swatch--orange{background:var(--color-orange)}