.datepicker{width:100%;position:relative;display:inline-block;border-bottom:.75px solid var(--color-border-primary);padding-block-start:var(--spacing-4xl)}.datepicker__trigger{cursor:pointer;display:flex;align-items:center;gap:var(--spacing-md);justify-content:space-between;padding-block-end:var(--spacing-md)}.datepicker__label{color:var(--color-text-secondary);position:absolute;transition:all .3s;transform:translateY(-20px) scale(.75);transform-origin:0 0;text-transform:uppercase;pointer-events:none;width:-moz-max-content;width:max-content;letter-spacing:.4px;font-size:var(--font-size-xxs);line-height:1.2}.datepicker__input{position:absolute;opacity:0;pointer-events:none;width:0;height:0}.datepicker__content{position:absolute;top:calc(100% + var(--spacing-sm));left:0;min-width:280px;opacity:0;visibility:hidden;transition:var(--animation-2);background-color:var(--color-grey-0);z-index:10;padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md)}.datepicker.is-open .datepicker__content{opacity:1;visibility:visible}.datepicker__header{display:flex;align-items:center;justify-content:space-between;padding-block-end:var(--spacing-md)}.datepicker__month-year{font-size:var(--font-size-sm);font-weight:500}.datepicker__nav{background:none;border:none;cursor:pointer;padding:var(--spacing-sm);display:flex;align-items:center;justify-content:center;transition:var(--animation-2)}.datepicker__nav:hover{opacity:.7}.datepicker__weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--spacing-xs);text-align:center}.datepicker__weekdays span{font-size:var(--font-size-xxs);color:var(--color-text-secondary);padding:var(--spacing-sm)}.datepicker__days{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--spacing-xs)}.datepicker__day{display:flex;align-items:center;justify-content:center;padding:var(--spacing-md);font-size:var(--font-size-sm);cursor:pointer;transition:var(--animation-2);background-color:var(--color-beige-400)}.datepicker__day:hover:not(.datepicker__day--empty):not(.datepicker__day--disabled){background-color:var(--color-surface-green)}.datepicker__day--empty{background-color:transparent;cursor:default}.datepicker__day--today{border:1px solid var(--color-border-primary)}.datepicker__day--disabled{opacity:.4;cursor:not-allowed}.datepicker__day.is-selected{background-color:var(--color-surface-green)}