.guru-variant-picker{--color-option-border: var(--guru-control-border-idle, var(--line, rgb(21 21 33 / .14)));--font-size-product-choice: var(--guru-control-type, 14px);display:grid;min-width:0;gap:var(--guru-control-stack-gap, 24px)}.guru-variant-picker[data-bridge-slot=variants]{gap:24px}.guru-variant-picker .variant-picker__group{display:grid;min-width:0;gap:var(--guru-control-group-gap, 8px);margin:0;border:0;padding:0}.guru-variant-picker .variant-picker__label,.guru-variant-picker .variant-picker__group>legend:not(.sr-only){width:100%;margin:0;padding:0;font-size:13px;font-weight:700}.guru-variant-picker .variant-picker__select-wrap{position:relative}.guru-variant-picker .variant-picker__select-wrap--summary{display:grid;min-height:52px;grid-template-columns:40px minmax(0,1fr) auto 14px;align-items:center;gap:10px;overflow:hidden;border:1px solid var(--color-option-border);border-radius:8px;background:var(--guru-control-surface-soft, var(--color-cloud-grey));padding:5px 12px 5px 5px}.guru-variant-picker .variant-picker__thumbnail{display:grid;width:40px;height:40px;place-items:center;overflow:hidden;border-radius:4px;background:transparent}.guru-variant-picker .variant-picker__thumbnail-image{width:100%;height:100%;object-fit:contain}.guru-variant-picker .variant-picker__current{min-width:0;overflow:hidden;font-size:var(--font-size-product-choice);font-weight:var(--guru-font-weight-regular, 400);line-height:var(--guru-control-line-height, 1.25);text-overflow:ellipsis;white-space:nowrap}.guru-variant-picker .variant-picker__more{color:var(--color-text-secondary);font-size:var(--guru-type-label, 12px);font-weight:var(--guru-font-weight-regular, 400);line-height:1.25;white-space:nowrap}.guru-variant-picker .variant-picker__select{width:100%;min-height:52px;-webkit-appearance:none;appearance:none;border:1px solid var(--color-option-border);border-radius:8px;background:var(--guru-control-surface-soft, var(--color-cloud-grey));padding:0 48px 0 var(--guru-control-padding-inline, 16px);color:var(--color-brand-ink);cursor:pointer;font:inherit;font-size:var(--font-size-product-choice);font-weight:400;line-height:var(--guru-control-line-height, 1.25)}.guru-variant-picker .variant-picker__select-wrap--summary .variant-picker__select{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;min-height:100%;border:0;padding:0;opacity:0}.guru-variant-picker .variant-picker__select-wrap--summary:has(.variant-picker__select:focus-visible){outline:3px solid var(--color-pure-white);outline-offset:2px;box-shadow:0 0 0 5px var(--color-brand-ink)}.guru-variant-picker .variant-picker__select-wrap--summary:has(.variant-picker__select[data-pointer-focus]:focus){outline:0;outline-offset:0;box-shadow:none}.guru-variant-picker .variant-picker__select-wrap--summary:has(.variant-picker__select:disabled){cursor:not-allowed;opacity:var(--guru-control-opacity-disabled, .42)}.guru-variant-picker :is(.variant-picker__select,.variant-picker__button):focus-visible{outline:3px solid var(--color-pure-white);outline-offset:2px;box-shadow:0 0 0 5px var(--color-brand-ink)}.guru-variant-picker .variant-picker__select[data-pointer-focus]:focus,.guru-variant-picker .variant-picker__select[data-pointer-focus]:focus-visible{border-color:var(--color-option-border);outline:0;outline-offset:0;box-shadow:none}.guru-variant-picker .variant-picker__chevron{position:absolute;top:50%;right:18px;display:block;width:14px;height:14px;transform:translateY(-55%);fill:none;pointer-events:none;stroke:currentcolor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5}.guru-variant-picker .variant-picker__select-wrap--summary .variant-picker__chevron{position:static;z-index:1;top:auto;right:auto;transform:none}.guru-variant-picker .variant-picker__buttons{display:flex;flex-wrap:wrap;gap:10px}.guru-variant-picker [data-option-control=weight-buttons-wide] .variant-picker__buttons{display:flex}.guru-variant-picker [data-option-control=weight-buttons-wide] .variant-picker__button{white-space:nowrap}.guru-variant-picker .variant-picker__button{position:relative;isolation:isolate;display:inline-grid;min-width:44px;min-height:44px;place-items:center;border:0;border-radius:999px;background:transparent;padding:4px 12px;color:var(--color-brand-ink);font:inherit;font-size:var(--font-size-product-choice);font-weight:400;line-height:var(--guru-control-line-height, 1.25);text-align:center;text-decoration:none;cursor:pointer}.guru-variant-picker .variant-picker__button:before{position:absolute;z-index:-1;top:4px;right:0;bottom:4px;left:0;border:1px solid var(--color-option-border);border-radius:999px;background:var(--guru-control-surface-soft, var(--color-cloud-grey));content:""}.guru-variant-picker .variant-picker__button.is-selected,.guru-variant-picker .variant-picker__button[aria-pressed=true]{background:transparent;color:var(--color-pure-white);box-shadow:none}.guru-variant-picker .variant-picker__button:is(.is-selected,[aria-pressed=true]):before{border-color:var(--guru-control-border-selected, var(--color-brand-ink));background:var(--color-brand-ink)}.guru-variant-picker .variant-picker__button:disabled,.guru-variant-picker .variant-picker__select option:disabled{background:transparent;cursor:not-allowed;opacity:var(--guru-control-opacity-disabled, .42);text-decoration:line-through}.guru-variant-picker .variant-picker__button:disabled:before{background:var(--guru-control-surface-disabled, var(--color-cloud-grey))}@media(max-width:699px){.guru-variant-picker .variant-picker__buttons{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:inline proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch}.guru-variant-picker .variant-picker__buttons::-webkit-scrollbar{display:none}.guru-variant-picker .variant-picker__buttons .variant-picker__button{flex:0 0 auto;scroll-snap-align:start}.guru-variant-picker .variant-picker__buttons .variant-picker__button:focus-visible{outline:2px solid var(--color-brand-ink);outline-offset:-2px;box-shadow:none}}@media(max-width:360px){.guru-variant-picker .variant-picker__select-wrap--summary{gap:8px;padding-right:10px}.guru-variant-picker .variant-picker__more{font-size:11px}}@media(prefers-reduced-motion:reduce){.guru-variant-picker :is(.variant-picker__select,.variant-picker__button){scroll-behavior:auto;transition:none!important}}@media(forced-colors:active){.guru-variant-picker .variant-picker__select,.guru-variant-picker .variant-picker__button:before{border:1px solid ButtonText;forced-color-adjust:auto}.guru-variant-picker .variant-picker__button:is(.is-selected,[aria-pressed=true]){outline:2px solid Highlight;outline-offset:-4px}.guru-variant-picker :is(.variant-picker__button,.variant-picker__select):disabled{opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/guru-variant-picker.css.map */