variant-picker{--variant-picker-swatch-width: var(--fb-swatch-fill-size);--variant-picker-swatch-height: var(--fb-swatch-fill-size);--variant-picker-swatch-radius: var(--fb-radius-option);--variant-picker-button-radius: var(--fb-radius-option);--variant-picker-button-border-width: var(--fb-control-border-width);--color-variant-background: var(--fb-color-cream);--color-variant-border: var(--fb-color-stone);--color-variant-text: var(--fb-color-espresso);--color-variant-hover-background: var(--fb-color-linen);--color-variant-hover-border: var(--fb-color-espresso);--color-variant-hover-text: var(--fb-color-espresso);--color-selected-variant-background: var(--fb-color-espresso);--color-selected-variant-border: var(--fb-color-espresso);--color-selected-variant-text: var(--fb-color-cream);--color-selected-variant-hover-background: var(--fb-color-espresso);--color-selected-variant-hover-border: var(--fb-color-espresso);--color-selected-variant-hover-text: var(--fb-color-cream)}variant-picker .variant-option--buttons{column-gap:var(--fb-control-gap-medium)}variant-picker .variant-option--equal-width-buttons{--variant-min-width: var(--fb-control-height-medium);grid-template-columns:repeat(auto-fill,minmax(var(--fb-control-height-medium),max-content))}variant-picker .variant-option__button-label:not(.variant-option__button-label--has-swatch){min-height:var(--fb-control-height-medium);padding:0}variant-picker .variant-option--equal-width-buttons:has(>.variant-option__button-label:only-of-type){grid-template-columns:max-content}variant-picker .variant-option--equal-width-buttons>.variant-option__button-label:only-of-type:not(.variant-option__button-label--has-swatch){padding-inline:var(--fb-control-padding-x-small)}variant-picker .variant-option__button-label:has([data-option-available=false]){--color-variant-border: var(--fb-color-pebble);--color-selected-variant-border: var(--fb-color-pebble);color:var(--fb-color-ash)}variant-picker .variant-option__button-label:has([data-option-available=false]):has(:checked){color:var(--fb-color-ash)}variant-picker .variant-option__button-label--has-swatch{display:grid;place-items:center;width:var(--fb-swatch-frame-size);height:var(--fb-swatch-frame-size);padding:0;border:var(--fb-control-border-width) solid transparent}variant-picker .swatch{border-radius:var(--fb-radius-swatch-fill)}variant-picker .variant-option__button-label--has-swatch:hover{outline:none}variant-picker .variant-option__button-label--has-swatch:has(:checked){--focus-outline: none;border-width:var(--fb-control-border-width-selected);border-color:var(--fb-color-espresso);outline:none}variant-picker .variant-option__button-label--has-swatch:has([data-option-available=false]) .swatch{opacity:var(--opacity-40)}variant-picker .swatch.swatch--unavailable{background-color:var(--fb-color-stone);border-style:solid}variant-picker .variant-option__button-label:has(:focus-visible){border-color:var(--fb-color-espresso);outline:var(--fb-focus-ring-width) solid var(--fb-color-azure);outline-offset:var(--fb-focus-ring-offset)}variant-picker .variant-option--buttons legend{display:flex;align-items:baseline;justify-content:space-between;gap:var(--fb-control-gap-medium);inline-size:100%}variant-picker .variant-option__name{font-family:var(--fb-font-display);font-size:var(--fb-label-font-size);font-weight:600;letter-spacing:var(--fb-letter-spacing-wide);text-transform:uppercase}variant-picker .variant-option__swatch-value{padding-inline-start:0;font-family:var(--fb-font-body);font-size:var(--fb-control-font-size-medium);text-transform:none}variant-picker .fb-size-guide-link{-webkit-appearance:none;appearance:none;padding:0;border:none;background:none;color:var(--fb-color-clay);font-family:var(--fb-font-body);font-size:var(--fb-control-font-size-small);line-height:var(--fb-control-line-height);text-decoration:none;cursor:pointer}variant-picker .fb-size-guide-link__arrow{display:inline-block;inline-size:var(--fb-size-guide-arrow-size);block-size:var(--fb-size-guide-arrow-size);margin-inline-start:var(--fb-size-guide-arrow-gap);vertical-align:middle}variant-picker .fb-size-guide-link__arrow svg{display:block;stroke-width:3}variant-picker .fb-size-guide-link:hover{color:var(--fb-color-espresso)}variant-picker .fb-size-guide-link:focus-visible{outline:var(--fb-focus-ring-width) solid var(--fb-color-azure);outline-offset:var(--fb-focus-ring-offset)}variant-picker .variant-option__button-label--has-swatch{position:relative}variant-picker .variant-option__button-label--has-swatch:after{content:attr(data-fb-swatch-tooltip);position:absolute;inset-block-end:calc(100% + var(--fb-tooltip-offset));inset-inline-start:50%;translate:-50% 0;z-index:1;padding-block:var(--fb-tooltip-padding-block);padding-inline:var(--fb-tooltip-padding-inline);border-radius:var(--fb-radius-tooltip);background-color:var(--fb-color-espresso);color:var(--fb-color-cream);font-family:var(--fb-font-display);font-size:var(--fb-label-font-size);font-weight:600;line-height:var(--fb-label-line-height);letter-spacing:var(--fb-letter-spacing-wide);text-align:center;text-transform:uppercase;white-space:nowrap;opacity:0;pointer-events:none}variant-picker .variant-option__button-label--has-swatch:hover:after,variant-picker .variant-option__button-label--has-swatch:focus-within:after{opacity:1}@media(prefers-reduced-motion:no-preference){variant-picker .variant-option__button-label--has-swatch:after{transition:opacity var(--animation-speed) var(--animation-easing)}}
/*# sourceMappingURL=/cdn/shop/t/3558/assets/freebird-variant-picker.css.map */