.metafield-variant-selector-container{display:flex;flex-direction:column;gap:2.5rem;margin-top:2rem;margin-bottom:2rem}.metafield-variant-selector__fieldset{border:none;padding:0;margin:0}.metafield-variant-selector__header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:1rem}.metafield-variant-selector__legend{font-size:1rem;font-weight:600;color:rgb(var(--color-foreground),.7)}.metafield-variant-selector__sizeguide-btn{background:none;border:none;text-decoration:underline;cursor:pointer;font-size:.9rem;padding:0}.metafield-variant-selector__list{display:flex;flex-wrap:wrap;gap:.75rem;list-style:none;padding:0;margin:0}.metafield-variant-selector__input,.metafield-variant-selector__input--color{position:absolute;opacity:0;width:0;height:0}.metafield-variant-selector__label{display:inline-block;padding:.65rem 1.25rem;border:1px solid rgba(var(--color-foreground),.2);border-radius:9999px;cursor:pointer;font-size:.9rem;transition:border-color .2s ease,box-shadow .2s ease;background-color:transparent;color:rgb(var(--color-foreground));text-align:center}.metafield-variant-selector__input:hover+.metafield-variant-selector__label{border-color:rgba(var(--color-foreground),.5)}.metafield-variant-selector__input:checked+.metafield-variant-selector__label{border-color:rgb(var(--color-foreground));box-shadow:0 0 0 1px rgb(var(--color-foreground))}.metafield-variant-selector__input:disabled+.metafield-variant-selector__label{cursor:not-allowed;color:rgba(var(--color-foreground),.4);border-color:rgba(var(--color-foreground),.1);text-decoration:line-through}.metafield-variant-selector__label--color{display:block;width:36px;height:36px;border-radius:50%;cursor:pointer;border:1px solid rgba(var(--color-foreground),.1);padding:2px;transition:border-color .2s ease,transform .2s ease}.metafield-variant-selector__input--color:checked+.metafield-variant-selector__label--color{border-color:rgb(var(--color-foreground));transform:scale(1.1)}.metafield-variant-selector__input--color:disabled+.metafield-variant-selector__label--color{cursor:not-allowed;opacity:.5}.product-color-swatch{width:100%;height:100%;border-radius:50%;background-color:var(--color-value-1);background-image:linear-gradient(to bottom right,var(--color-value-1) 50%,var(--color-value-2, var(--color-value-1)) 50%);border:1px solid rgba(var(--color-foreground),.05)}.visually-hidden{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}.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 */