.visual-variant-picker{display:block}.visual-variant-picker *,.visual-variant-picker *:before,.visual-variant-picker *:after{box-sizing:border-box}.visual-variant-picker [hidden]{display:none!important}.no-js .visual-variant-picker{display:none}.visual-picker__section{border:0;margin:0 0 20px;min-width:0;padding:0}.visual-picker__section:last-of-type{margin-bottom:0}.visual-picker__label{display:block;float:none;width:100%;margin-bottom:10px;padding:0;font-weight:600}.visual-picker__cards{display:flex;flex-direction:row;width:100%;gap:8px}.visual-picker__option{position:relative;display:flex;flex:1 1 0;min-width:0}.visual-picker__input{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;scroll-margin-top:calc(var(--vvp-header-h, 110px) + 16px);scroll-margin-bottom:16px}.visual-picker__card{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:0;font-size:calc(var(--typeBaseSize) - 1px);color:var(--colorTextBody);background-color:var(--colorBody);border:1px solid #8a8a8a;font-family:var(--typeBasePrimary),var(--typeBaseFallback);font-weight:var(--typeButtonWeight);letter-spacing:var(--typeBaseSpacing);line-height:var(--typeBaseLineHeight);text-transform:uppercase;text-align:center;padding:7px 9px;transition:background-color .25s,border-color .25s;border-radius:var(--btnBorderRadius);cursor:pointer;position:relative}.visual-picker__card:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border:0;border-radius:inherit;pointer-events:none}.visual-picker__input:not(:checked):hover+.visual-picker__card{border-color:#000}.visual-picker__input:checked+.visual-picker__card{background-color:#ecf2d4;border-color:#2b554c}.visual-picker__input:checked+.visual-picker__card:after{border:2px solid #2b554c}.visual-picker__input:focus-visible+.visual-picker__card{outline:2px solid #2b554c;outline-offset:2px}.visual-picker__check{display:none;position:absolute;top:-7px;right:-7px;z-index:2;color:#2b554c;background:#fff;border-radius:50%;box-shadow:0 0 0 2px #fff;pointer-events:none}.visual-picker__input:checked+.visual-picker__card .visual-picker__check{display:block}.visual-picker__card--flavor{justify-content:flex-start;padding:0;overflow:visible}.visual-picker__media{display:block;width:100%;aspect-ratio:5 / 4;overflow:hidden;border-radius:var(--btnBorderRadius) var(--btnBorderRadius) 0 0}.visual-picker__image{display:block;width:100%;height:100%;object-fit:cover}.visual-picker__card--flavor .visual-picker__card-label{display:flex;flex:1 0 auto;align-items:center;justify-content:center;width:100%;padding:7px 4px;font-size:.8em;background:#fff;border-radius:0 0 var(--btnBorderRadius) var(--btnBorderRadius)}.visual-picker__input:checked+.visual-picker__card--flavor .visual-picker__card-label{background:#ecf2d4}.visual-picker__nowrap{white-space:nowrap}.visual-picker__card--size{padding:12px 9px}.visual-picker__card--size .visual-picker__card-label{display:block;font-weight:600}.visual-picker__card-badge{display:block;margin-top:4px;font-size:.75rem;font-style:normal;font-weight:400;opacity:.8}.visual-picker__card-status{display:block;margin-top:4px;font-size:.75rem;font-weight:600;color:#b3261e}.visual-picker__callout{margin:10px 0 0;font-weight:600}.visual-picker__status{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.visual-picker__native-inputs{position:absolute;left:-9999px;visibility:hidden}@media screen and (max-width:589px){.visual-picker__cards--flavor,.visual-picker__cards--size:not([data-count="1"]):not([data-count="2"]):not([data-count="3"]){display:grid;grid-template-columns:1fr 1fr}.visual-picker__cards--flavor .visual-picker__media{aspect-ratio:2 / 1}}@media screen and (max-width:700px){.visual-picker__card--flavor .visual-picker__card-label{padding:5px 4px;font-size:.75rem}.visual-picker__card--size .visual-picker__card-label{font-size:.8rem}.visual-picker__card-badge,.visual-picker__card-status{font-size:.65rem}}@media(prefers-reduced-motion:reduce){.visual-picker__card{transition:none}}@media(forced-colors:active){.visual-picker__card{border:1px solid CanvasText}.visual-picker__input:checked+.visual-picker__card:after{top:-1px;right:-1px;bottom:-1px;left:-1px;border:3px solid Highlight}.visual-picker__input:checked+.visual-picker__card--size,.visual-picker__input:checked+.visual-picker__card--flavor .visual-picker__card-label{forced-color-adjust:none;background-color:Highlight;color:HighlightText}.visual-picker__input:checked+.visual-picker__card .visual-picker__card-status{color:HighlightText}.visual-picker__card-badge{opacity:1}.visual-picker__input:focus-visible+.visual-picker__card{outline:2px solid CanvasText}.visual-picker__check{forced-color-adjust:none;color:Highlight;background:Canvas;box-shadow:0 0 0 2px Canvas}.visual-picker__check path{stroke:HighlightText}}
/*# sourceMappingURL=/cdn/shop/t/156/assets/variant-visual-picker.css.map */