.hull-color-options{display:block;font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:var(--font-body-weight);font-size:var(--font-body-size)}.hull-color-options .text-subheading{font-style:var(--font-subheading-style)}.hull-color-options__layout{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;gap:3.2rem}.hull-color-options__media{min-width:0;aspect-ratio:4 / 3;overflow:hidden;border:0;border-radius:var(--card-corner-radius);background:transparent}.hull-color-options [data-hull-color-panel]{width:100%;height:100%}.hull-color-options [data-hull-color-panel][hidden]{display:none}.hull-color-options__image,.hull-color-options__illustration{display:block;width:100%;height:100%;object-fit:contain}.hull-color-options__content{min-width:0;overflow-wrap:anywhere}.hull-color-options__swatches{display:grid;min-width:0;padding:0;margin:0;border:0;color:var(--color-text-body)}.hull-color-options__option{position:relative;display:block;margin:0;cursor:pointer}.hull-color-options__option-inner{display:flex;align-items:center;gap:1.6rem;min-height:6rem;padding:1.4rem 1.2rem;border-top:1px solid var(--color-border);transition:background-color .16s ease}.hull-color-options__option:last-child .hull-color-options__option-inner{border-bottom:1px solid var(--color-border)}.hull-color-options__option input:checked+.hull-color-options__option-inner{background:rgba(var(--color-foreground),.04)}.hull-color-options__option input:focus-visible+.hull-color-options__option-inner{position:relative;z-index:1;outline:2px solid currentColor;outline-offset:2px}.hull-color-options__chip{flex:0 0 3.2rem;width:3.2rem;height:3.2rem;border:1px solid rgba(var(--color-foreground),.25);border-radius:50%;background:var(--swatch-color)}.hull-color-options__option input:checked+.hull-color-options__option-inner .hull-color-options__chip{outline:1px solid currentColor;outline-offset:3px}.hull-color-options__name{flex:1;min-width:0;overflow-wrap:anywhere}.hull-color-options__check{flex:0 0 2rem;width:2rem;height:2rem;visibility:hidden}.hull-color-options__option input:checked+.hull-color-options__option-inner .hull-color-options__check{visibility:visible}@media(hover:hover){.hull-color-options__option:hover .hull-color-options__option-inner{background:rgba(var(--color-foreground),.06)}}@media(min-width:768px){.hull-color-options__layout{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);column-gap:clamp(3.2rem,5vw,8rem)}.hull-color-options__media{grid-column:1;grid-row:1}.hull-color-options__content,.hull-color-options__swatches{grid-column:2}.hull-color-options__layout--with-content .hull-color-options__media{grid-row:1 / span 2}.hull-color-options__content{grid-row:1;align-self:end}.hull-color-options__layout--with-content .hull-color-options__swatches{grid-row:2;align-self:start}}@media(prefers-reduced-motion:reduce){.hull-color-options__option-inner{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/hull-color-options.css.map */