.spare-battens-select{--spare-select-border: rgb(var(--input-text-color) / .15);position:relative}button.spare-battens-select__trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--loft-space-md);width:100%;min-height:calc(var(--loft-touch-min) + var(--loft-space-md));padding:var(--input-padding-block) var(--input-padding-inline);border:1px solid var(--spare-select-border);border-radius:var(--input-border-radius);background:rgb(var(--input-background));color:rgb(var(--input-text-color));cursor:pointer;text-align:start;transition:border-color var(--loft-transition-fast),box-shadow var(--loft-transition-fast)}button.spare-battens-select__trigger:hover,.spare-battens-select.is-open button.spare-battens-select__trigger{border-color:var(--loft-accent)}button.spare-battens-select__trigger:focus-visible{outline:2px solid var(--loft-focus-color);outline-offset:2px}button.spare-battens-select__trigger:disabled{cursor:not-allowed;opacity:.5}button.spare-battens-select__trigger [data-select-value][data-empty=true]{color:rgb(var(--input-text-color) / .7)}.spare-battens-select__chevron{width:.65rem;height:.65rem;flex:0 0 auto;border-inline-end:2px solid currentColor;border-block-end:2px solid currentColor;transform:rotate(45deg) translateY(-.15rem);transition:transform var(--loft-transition-fast)}.spare-battens-select.is-open .spare-battens-select__chevron{transform:rotate(225deg) translate(-.15rem,-.15rem)}.spare-battens-select__options{position:absolute;z-index:var(--z-overlay);inset-block-start:calc(100% + var(--loft-space-sm));inset-inline:0;display:grid;gap:var(--loft-space-xs);max-height:min(calc(10 * var(--loft-touch-min)),50vh);padding:var(--loft-space-sm);overflow-y:auto;border:1px solid var(--loft-border-strong);border-radius:var(--loft-radius-xl);background:var(--loft-bg-glass);box-shadow:var(--loft-shadow-modal);-webkit-backdrop-filter:blur(var(--loft-menu-glass-blur));backdrop-filter:blur(var(--loft-menu-glass-blur))}.spare-battens-select__option{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:var(--loft-touch-min);padding:0 var(--loft-space-md);border:0;border-radius:var(--loft-radius-md);background:transparent;color:var(--loft-text);cursor:pointer;text-align:start}.spare-battens-select__option:hover,.spare-battens-select__option:focus-visible,.spare-battens-select__option.is-selected{background:var(--loft-accent-light);color:var(--loft-accent);outline:none}.spare-battens-select__option.is-selected:after{content:"";width:.45rem;height:.75rem;border-inline-end:2px solid currentColor;border-block-end:2px solid currentColor;transform:rotate(45deg) translate(-.1rem,-.1rem)}.spare-battens-select__context{display:flex;grid-column:1 / -1;align-items:center;justify-content:space-between;gap:var(--loft-space-md);min-height:var(--loft-space-xl);padding:0 var(--loft-space-xs) var(--loft-space-sm);border-block-end:1px solid var(--loft-border);color:var(--loft-text-subtle);font-family:var(--loft-font-mono);font-size:var(--loft-text-xs);letter-spacing:.08em;text-transform:uppercase}.spare-battens-select__context strong{color:var(--loft-text);font-weight:500;letter-spacing:0;text-transform:none}.spare-battens-select[data-field-key=sail-size] .spare-battens-select__options{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--loft-space-xs)}.spare-battens-select[data-field-key=sail-size] .spare-battens-select__option{justify-content:center;min-height:var(--loft-touch-min);padding-inline:var(--loft-space-xs);border:1px solid var(--loft-border);background:var(--loft-bg-card);font-family:var(--loft-font-mono);font-size:var(--loft-text-md);text-align:center}.spare-battens-select__native{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;border:0;clip:rect(0 0 0 0);white-space:nowrap}@media screen and (max-width:699px){.spare-battens-select[data-field-key=sail-size] .spare-battens-select__options{grid-template-columns:repeat(3,minmax(0,1fr))}}@media screen and (max-width:399px){.spare-battens-select[data-field-key=sail-size] .spare-battens-select__options{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.spare-battens-select__trigger,.spare-battens-select__chevron{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/27/compiled_assets/styles.css.map?subset=AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAC */