variant-picker.variant-picker--gp-options .gp-variant-selection-label{display:none}html.gp-variant-selection-labels variant-picker.variant-picker--gp-options .variant-option--buttons>legend,html.gp-variant-selection-labels variant-picker.variant-picker--gp-options .variant-option--dropdowns>label{display:none!important}@media screen and (max-width:749px){.gruff-product-summary__mobile-flavor--with-swatch{display:flex;align-items:center;justify-content:center;gap:6px}.gruff-product-summary__mobile-swatch.swatch,.gruff-product-summary__mobile-swatch.swatch.swatch--unscaled{--swatch-width: 14px;--swatch-height: 14px;box-sizing:border-box;flex:0 0 14px;width:14px;height:14px;overflow:hidden;border:1px solid #c2c2c2;border-radius:50%;box-shadow:inset 0 0 1px #0303051f;transform:none;transition:none}.gruff-product-summary__mobile-swatch .swatch__bubble{display:none}}@media screen and (min-width:750px){variant-picker.variant-picker--gp-options .gp-variant-selection-label{display:block;margin:0 0 8px;color:gray;font-family:var(--gp-font-body-family, var(--font-body--family));font-size:15px;font-weight:500;line-height:1.2;letter-spacing:0;text-align:left;text-transform:none}}variant-picker.variant-picker--gp-options .variant-option--gp-swatches{--gp-swatch-max-size: 48px;--gp-swatch-gap: clamp(4px, 1.25vw, 8px);--gp-swatch-inner-size: 78%;--gp-swatch-selected-border: clamp(2px, .7vw, 3px);--gp-swatch-selected-scale: 1.12;--variant-picker-swatch-width: var(--gp-swatch-inner-size);--variant-picker-swatch-height: var(--gp-swatch-inner-size);--variant-picker-swatch-radius: 50%;display:grid;grid-template-columns:repeat(var(--gp-swatch-count),minmax(0,var(--gp-swatch-max-size)));justify-content:center;column-gap:var(--gp-swatch-gap);row-gap:8px}variant-picker.variant-picker--gp-options .variant-option--gp-swatches>legend{grid-column:1 / -1}variant-picker.variant-picker--gp-options .variant-option--gp-swatches .variant-option__button-label--has-swatch,variant-picker.variant-picker--gp-options .variant-option--gp-swatches .variant-option__button-label--has-swatch:has(input){box-sizing:border-box;display:grid;grid-template-columns:1fr;grid-template-rows:1fr;place-items:center;width:100%;min-width:0;height:auto;min-height:0;aspect-ratio:1;padding:0;overflow:visible;border:2px solid #c2c2c2;border-radius:50%;outline:none;background:#f3f3f5;box-shadow:none;transition:border-color .2s ease,box-shadow .2s ease}variant-picker.variant-picker--gp-options .variant-option--gp-swatches .swatch,variant-picker.variant-picker--gp-options .variant-option--gp-swatches .swatch.swatch--unscaled{box-sizing:border-box;width:var(--gp-swatch-inner-size);height:var(--gp-swatch-inner-size);border:0;border-radius:50%;overflow:visible;box-shadow:inset 0 0 3.5px 1px #0303051f;transform:scale(1);transition:transform .2s ease}variant-picker.variant-picker--gp-options .variant-option--gp-swatches .variant-option__button-label--has-swatch:not(:has(:checked)):hover{border-color:#030305;outline:none;box-shadow:0 0 0 2px #fff}variant-picker.variant-picker--gp-options .variant-option--gp-swatches .variant-option__button-label--has-swatch:not(:has(:checked)):hover .swatch{transform:scale(1.05)}variant-picker.variant-picker--gp-options .variant-option--gp-swatches .variant-option__button-label--has-swatch:has(:checked),variant-picker.variant-picker--gp-options .variant-option--gp-swatches .variant-option__button-label--has-swatch:has(:checked):hover{border:var(--gp-swatch-selected-border) solid var(--gp-color-sale, #ffc200);outline:none;box-shadow:0 0 0 3px #030305}variant-picker.variant-picker--gp-options .variant-option--gp-swatches .variant-option__button-label--has-swatch:has(:checked) .swatch{transform:scale(var(--gp-swatch-selected-scale))}variant-picker.variant-picker--gp-options .variant-option--gp-swatches .variant-option__button-label--has-swatch:has(:focus-visible){outline:2px solid #030305;outline-offset:5px}variant-picker.variant-picker--gp-options .variant-option--gp-swatches .variant-option__button-label--has-swatch:has([data-option-available=false]) .swatch{opacity:.6}variant-picker.variant-picker--gp-options .variant-option--gp-swatches .swatch__bubble{right:0;bottom:-9px;left:0;display:block;min-width:0;min-height:16px;height:16px;padding:0 3px;border:1px solid #000000;border-radius:2px;background:#030305;color:#f3f3f5;font-family:var(--font-body--family, sans-serif);font-size:14px;font-weight:600;line-height:14px;letter-spacing:-.2px;text-align:center;text-transform:none;transform-origin:center}variant-picker.variant-picker--gp-options .variant-option--gp-swatches .variant-option__button-label--has-swatch:has(:checked) .swatch__bubble{right:3px;bottom:-10.7px;left:3px;transform:scale(.9523809524)}variant-picker.variant-picker--gp-options .variant-option--gp-swatches .variant-option__button-label--has-swatch:not(:has(:checked)):hover .swatch__bubble{transform:scale(.9523809524)}variant-picker.variant-picker--gp-options .variant-option--gp-swatches[data-gp-swatch-size=large] .variant-option__button-label--has-swatch:has(:checked) .swatch__bubble{right:1px;bottom:-7px;left:1px;transform:scale(.8474576271)}variant-picker.variant-picker--gp-options .variant-option--gp-swatches[data-gp-swatch-size=small] .swatch__bubble{right:3.5px;bottom:-8.5px;left:3.5px;font-size:10px}variant-picker.variant-picker--gp-options .variant-option--gp-swatches[data-gp-swatch-size=small] .variant-option__button-label--has-swatch:has(:checked) .swatch__bubble{bottom:-7.8px;transform:scale(.9523809524)}quick-add-dialog variant-picker.variant-picker--gp-options .variant-option--gp-swatches{--gp-swatch-inner-size: 100%;--gp-swatch-selected-scale: 1}quick-add-dialog variant-picker.variant-picker--gp-options .variant-option--gp-swatches .swatch{background-size:100% 100%;background-repeat:no-repeat}quick-add-dialog variant-picker.variant-picker--gp-options .variant-option--gp-swatches .variant-option__button-label--has-swatch:not(:has(:checked)):hover{box-shadow:none}quick-add-dialog variant-picker.variant-picker--gp-options .variant-option--gp-swatches .variant-option__button-label--has-swatch:not(:has(:checked)):hover .swatch{transform:none}quick-add-dialog variant-picker.variant-picker--gp-options .variant-option--gp-swatches .variant-option__button-label--has-swatch:not(:has(:checked)):has([data-option-available=false]):hover{border-color:#c2c2c2}variant-picker.variant-picker--gp-options .variant-option--gp-size{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}variant-picker.variant-picker--gp-options .variant-option--gp-size .variant-option__size-legend{flex:0 0 100%}variant-picker.variant-picker--gp-options .variant-option--gp-size .variant-option__button-label{box-sizing:border-box;flex:1 1 58px;width:auto;min-width:52px!important;max-width:96px;min-height:64px;padding:8px 3px 7px;border:var(--gp-border-hairline) solid var(--gp-color-border-strong);border-radius:var(--gp-radius-control);background:var(--gp-color-surface-quiet);color:var(--gp-color-text);box-shadow:var(--gp-shadow-quiet);transition:border-color .2s ease,background-color .2s ease,color .2s ease,box-shadow .2s ease}variant-picker.variant-picker--gp-options .variant-option--gp-size .variant-option__button-label:not(:has(:checked)):hover{border-color:var(--gp-color-text)}variant-picker.variant-picker--gp-options .variant-option--gp-size .variant-option__button-label:has(:checked):not(:has([data-option-available=false])){border-color:var(--gp-color-ink);background:var(--gp-color-sale);color:var(--gp-color-ink);box-shadow:var(--gp-shadow-quiet),inset 0 0 0 1px var(--gp-color-ink)}variant-picker.variant-picker--gp-options .variant-option--gp-size .variant-option__button-label:has(input:focus-visible){outline:2px solid var(--gp-color-ink);outline-offset:2px}variant-picker.variant-picker--gp-options .variant-option--gp-size .variant-option__button-label__pill{background:var(--gp-color-sale)!important}variant-picker.variant-picker--gp-options .variant-option--gp-size .variant-option__button-label__text--size{display:grid;align-content:center;gap:5px;width:100%;text-align:center}variant-picker.variant-picker--gp-options .variant-option--gp-size .variant-option__size-name{color:inherit;font-family:var(--gp-font-product-family, var(--gp-font-body-family, var(--font-body--family)));font-size:clamp(1.25rem,5vw,1.45rem);font-style:var(--gp-font-product-style);font-weight:var(--gp-font-product-weight);line-height:1;letter-spacing:var(--gp-font-product-letter-spacing)}variant-picker.variant-picker--gp-options .variant-option--gp-size .variant-option__size-range{display:block;color:var(--gp-color-text-subdued);font-family:var(--gp-font-body-family, var(--font-body--family));font-size:clamp(.7rem,3vw,.8rem);font-weight:500;line-height:1;letter-spacing:-.01em;text-transform:none;white-space:nowrap}variant-picker.variant-picker--gp-options .variant-option--gp-size .variant-option__button-label:has(:checked) .variant-option__size-range{color:#030305b8}@media screen and (min-width:750px){variant-picker.variant-picker--gp-options .variant-option--gp-size .variant-option__size-separator{margin-inline:.22em}variant-picker.variant-picker--gp-options .variant-option--gp-size .variant-option__size-unit{margin-inline-start:.28em}}@media screen and (max-width:499px){variant-picker.variant-picker--gp-options .variant-option--gp-size{gap:6px}variant-picker.variant-picker--gp-options .variant-option--gp-size .variant-option__button-label{flex-basis:54px;min-width:50px!important;min-height:62px;padding-inline:2px}}@media screen and (min-width:990px){body.gp-cart-drawer-open variant-picker.variant-picker--gp-options .variant-option--gp-size{gap:4px}body.gp-cart-drawer-open variant-picker.variant-picker--gp-options .variant-option--gp-size .variant-option__button-label{flex-basis:42px;min-width:40px!important;max-width:72px;min-height:60px;padding-inline:1px}body.gp-cart-drawer-open variant-picker.variant-picker--gp-options .variant-option--gp-size .variant-option__size-name{font-size:clamp(1.08rem,1.55vw,1.25rem)}body.gp-cart-drawer-open variant-picker.variant-picker--gp-options .variant-option--gp-size .variant-option__size-range{font-size:clamp(.6rem,.9vw,.68rem);letter-spacing:-.02em}body.gp-cart-drawer-open variant-picker.variant-picker--gp-options .variant-option--gp-size .variant-option__size-unit{display:none}}variant-picker.variant-picker--gp-options.variant-picker--gp-main-pdp .variant-option--gp-swatches .swatch.gp-legacy-split-swatch{isolation:isolate}variant-picker.variant-picker--gp-options.variant-picker--gp-main-pdp .variant-option--gp-swatches .gp-legacy-swatch-circle{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;border-radius:50%;pointer-events:none;transform:rotate(225deg)}variant-picker.variant-picker--gp-options.variant-picker--gp-main-pdp .variant-option--gp-swatches .gp-legacy-swatch-half{position:absolute;top:0;height:100%;box-sizing:border-box}variant-picker.variant-picker--gp-options.variant-picker--gp-main-pdp .variant-option--gp-swatches .gp-legacy-swatch-half--secondary{left:0;width:62%;border:4px solid var(--gp-legacy-swatch-primary);border-radius:999px 0 0 999px;background:var(--gp-legacy-swatch-secondary);box-shadow:inset 0 0 3.5px 2px #0303051f}variant-picker.variant-picker--gp-options.variant-picker--gp-main-pdp .variant-option--gp-swatches .gp-legacy-swatch-half--primary{right:0;width:41%;border-radius:0 999px 999px 0;background:var(--gp-legacy-swatch-primary)}variant-picker.variant-picker--gp-options.variant-picker--gp-main-pdp .variant-option--gp-swatches .swatch__bubble{z-index:2}variant-picker.variant-picker--gp-options.variant-picker--gp-main-pdp fieldset.variant-option.variant-option--gp-style[data-option-role=style]{display:flex;flex-wrap:wrap;justify-content:center;gap:5px}variant-picker.variant-picker--gp-options.variant-picker--gp-main-pdp fieldset.variant-option.variant-option--gp-style[data-option-role=style]>.variant-option__button-label{flex:0 1 auto;width:auto;min-width:0;min-height:36px;padding:6px 8px;border:1px solid #a9a9a9;border-radius:4px;background:#f3f3f5;color:#474747;box-shadow:none;font-family:var(--gp-font-body-family, var(--font-body--family));font-size:.84rem;font-weight:400;line-height:1;letter-spacing:0;transform:scale(1);transform-origin:center;transition:transform .2s cubic-bezier(.175,.885,.32,1.275),border-color .2s ease,background-color .2s ease,color .2s ease}variant-picker.variant-picker--gp-options.variant-picker--gp-main-pdp fieldset.variant-option.variant-option--gp-style[data-option-role=style]>.variant-option__button-label:not(:has(:checked)):not(:has([data-option-available=false])):hover{z-index:1;border-color:#030305;background:#f3f3f5;color:#030305;transform:scale(1.08)}variant-picker.variant-picker--gp-options.variant-picker--gp-main-pdp fieldset.variant-option.variant-option--gp-style[data-option-role=style]>.variant-option__button-label:has(:checked),variant-picker.variant-picker--gp-options.variant-picker--gp-main-pdp fieldset.variant-option.variant-option--gp-style[data-option-role=style]>.variant-option__button-label:has(:checked):hover{transform:none}variant-picker.variant-picker--gp-options.variant-picker--gp-main-pdp .variant-option--gp-size .variant-option__button-label{min-height:57px;padding:6px 3px;border:1px solid #cfcfd1;border-radius:4px;background:#f3f3f5;box-shadow:none;transform:scale(1);transform-origin:center;transition:transform .2s cubic-bezier(.175,.885,.32,1.275),border-color .2s ease,background-color .2s ease,color .2s ease}variant-picker.variant-picker--gp-options.variant-picker--gp-main-pdp .variant-option--gp-size .variant-option__button-label:not(:has(:checked)):not(:has([data-option-available=false])):hover{z-index:1;border-color:#030305;background:#f3f3f5;color:#030305;transform:scale(1.05)}variant-picker.variant-picker--gp-options.variant-picker--gp-main-pdp .variant-option--gp-size .variant-option__button-label:has(:checked),variant-picker.variant-picker--gp-options.variant-picker--gp-main-pdp .variant-option--gp-size .variant-option__button-label:has(:checked):hover{transform:none}variant-picker.variant-picker--gp-options.variant-picker--gp-main-pdp .variant-option--gp-size .variant-option__button-label__text--size{gap:3px}variant-picker.variant-picker--gp-options.variant-picker--gp-main-pdp .variant-option--gp-size .variant-option__size-name{font-family:var(--gp-font-body-family, var(--font-body--family));font-size:1.15rem;font-style:normal;font-weight:400;letter-spacing:0}variant-picker.variant-picker--gp-options.variant-picker--gp-main-pdp .variant-option--gp-size .variant-option__size-range{color:#858589;font-size:.65rem;font-weight:400;letter-spacing:0}@media screen and (max-width:499px){variant-picker.variant-picker--gp-options.variant-picker--gp-main-pdp fieldset.variant-option.variant-option--gp-style[data-option-role=style]{display:flex;grid-template-columns:none;max-width:none;gap:4px}variant-picker.variant-picker--gp-options.variant-picker--gp-main-pdp fieldset.variant-option.variant-option--gp-style[data-option-role=style]>.variant-option__button-label{flex:0 1 auto;width:auto;min-height:36px;padding:3px 9px;font-size:13px}variant-picker.variant-picker--gp-options.variant-picker--gp-main-pdp .variant-option--gp-size .variant-option__button-label{min-height:57px}}@media(prefers-reduced-motion:reduce){variant-picker.variant-picker--gp-options .variant-option--gp-swatches .variant-option__button-label--has-swatch,variant-picker.variant-picker--gp-options .variant-option--gp-swatches .swatch,variant-picker.variant-picker--gp-options .variant-option--gp-size .variant-option__button-label,variant-picker.variant-picker--gp-options.variant-picker--gp-main-pdp .variant-option--gp-style .variant-option__button-label{transition:none}variant-picker.variant-picker--gp-options.variant-picker--gp-main-pdp .variant-option--gp-style .variant-option__button-label:not(:has(:checked)):hover,variant-picker.variant-picker--gp-options.variant-picker--gp-main-pdp .variant-option--gp-size .variant-option__button-label:not(:has(:checked)):hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/gp-product-swatches.css.map */