.variant-picker{width:100%}.variant-picker__form{display:flex;flex-direction:column;gap:var(--padding-lg);width:100%}.variant-picker[data-shopify-visual-preview]{min-width:300px;padding-inline-start:max(4px,var(--padding-inline-start))}.variant-option{--options-border-radius:var(--variant-picker-button-radius);--options-border-width:var(--variant-picker-button-border-width);--variant-option-padding-inline:var(--padding-md)}.variant-option--swatches{--options-border-radius:var(--variant-picker-swatch-radius);width:100%}.variant-option--swatches-disabled{pointer-events:none;cursor:not-allowed}.variant-option--swatches>overflow-list{justify-content:var(--product-swatches-alignment)}@media (max-width:749px){.variant-option--swatches>overflow-list{justify-content:var(--product-swatches-alignment-mobile)}}.variant-option--buttons{display:flex;flex-wrap:wrap;gap:var(--gap-sm);margin:0;padding:0;border:none}.variant-option--buttons legend{padding:0;margin-block-end:var(--margin-xs)}.variant-option__swatch-value{padding-inline-start:var(--padding-xs);color:rgb(var(--color-foreground-rgb) / var(--opacity-70))}.variant-option__button-label{--variant-picker-stroke-color:var(--color-variant-border);display:flex;flex:0 0 calc(3ch + 1.3em);align-items:center;position:relative;padding-block:var(--padding-sm);padding-inline:var(--padding-lg);border:var(--style-border-width) solid var(--color-variant-border);border-radius:var(--options-border-radius);border-width:var(--options-border-width);overflow:clip;justify-content:center;min-height:calc(3ch + 1.3em);min-width:fit-content;white-space:nowrap;background-color:var(--color-variant-background);color:var(--color-variant-text);transition:background-color var(--animation-speed) var(--animation-easing),border-color var(--animation-speed) var(--animation-easing)}.variant-option__button-label:hover{background-color:var(--color-variant-hover-background);border-color:var(--color-variant-hover-border);color:var(--color-variant-hover-text)}@media (min-width:750px){.variant-option__button-label{padding:var(--padding-xs) var(--variant-option-padding-inline)}}.variant-option__button-label__text{text-align:left;text-wrap:auto}.variant-option--equal-width-buttons{--variant-min-width: clamp(44px, calc(var(--variant-option-padding-inline) * 2 + var(--variant-ch)), 100%);display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--variant-min-width),1fr))}.variant-option--equal-width-buttons .variant-option__button-label{min-width:var(--variant-min-width)}.variant-option--equal-width-buttons .variant-option__button-label__text{text-align:center;text-wrap:balance}.variant-option__button-label input,.variant-option--images input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;margin:0;cursor:pointer;width:100%;height:100%}.variant-option__button-label svg{position:absolute;top:0;left:0;cursor:pointer;pointer-events:none;stroke-width:var(--style-border-width);stroke:var(--variant-picker-stroke-color)}.variant-option__select-wrapper{display:flex;position:relative;border:var(--style-border-width-inputs) solid var(--color-border);border-radius:var(--style-border-radius-inputs);align-items:center;margin-top:var(--margin-2xs);overflow:hidden;transition:background-color var(--animation-speed) var(--animation-easing),border-color var(--animation-speed) var(--animation-easing)}.variant-option__select{padding-block:var(--padding-md);padding-inline:var(--padding-lg) calc(var(--padding-lg) + var(--icon-size-2xs));-webkit-appearance:none;appearance:none;border:0;width:100%;margin:0;cursor:pointer;border-radius:0;background:transparent}.variant-option__select-wrapper .icon{position:absolute;right:var(--padding-md);top:50%;transform:translateY(-50%);width:var(--icon-size-2xs);height:var(--icon-size-2xs);pointer-events:none}.variant-option__select--has-swatch{padding-inline-start:calc((2 * var(--padding-sm)) + var(--variant-picker-swatch-width))}.variant-option__select-wrapper .swatch{position:absolute;top:50%;left:var(--padding-md);transform:translateY(-50%)}.variant-picker--center,.variant-picker--center .variant-option{text-align:center;align-items:center;justify-content:center;width:100%}.variant-picker--right,.variant-picker--right .variant-option{text-align:right;justify-content:right}:root{--eg-gap: 8px;--eg-pill-h: 40px;--eg-pill-r: 20px;--eg-bar-h: 16px;--eg-bar-r: 8px;--eg-ring: 2px}.variant-option[data-eg-frame=true]{width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:var(--eg-gap);row-gap:var(--eg-gap);align-items:center;justify-items:stretch}.variant-option[data-eg-frame=true] .variant-option__button-label{height:var(--eg-pill-h);border-radius:var(--eg-pill-r);padding-inline:7px;display:flex;align-items:center;justify-content:center;background:transparent!important;border:0!important;min-width:0}.variant-option[data-eg-frame=true] .variant-option__button-label:where(*){background:transparent!important;border:0!important}.variant-option[data-eg-frame=true] .variant-option__button-label__text{display:contents}.variant-option[data-eg-frame=true] .eg-bar,.variant-option[data-eg-frame=true] .eg-print{width:100%;height:var(--eg-bar-h);border-radius:var(--eg-bar-r);display:flex;align-items:center;justify-content:center;transition:box-shadow .15s ease}.variant-option[data-eg-frame=true] .variant-option__button-label input:checked~.variant-option__button-label__text .eg-bar,.variant-option[data-eg-frame=true] .variant-option__button-label input:checked~.variant-option__button-label__text .eg-print{box-shadow:0 0 0 var(--eg-ring) rgb(var(--color-foreground-rgb, 0 0 0) / .9)}.eg-pill[data-swatch=white] input:checked~.variant-option__button-label__text .eg-bar{box-shadow:inset 0 0 0 1px #000,0 0 0 var(--eg-ring) rgb(var(--color-foreground-rgb, 0 0 0) / .9)}.eg-pill[data-swatch=black] .eg-bar{background:#000}.eg-pill[data-swatch=white] .eg-bar{background:#fff;box-shadow:inset 0 0 0 1px #000}.eg-pill[data-swatch=oak] .eg-bar{background-color:#c8a46a;background-image:url(/cdn/shop/files/oak_46728c46-cc4b-4187-81e9-ca8ab522a86d.jpg?v=1760399820);background-size:cover;background-position:center;background-repeat:no-repeat}.variant-option[data-eg-frame=true] .eg-print{background:#d9d9d9;color:#6a6a6a;font-size:9px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}@media (max-width: 980px){.variant-option[data-eg-frame=true]{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 640px){.variant-option[data-eg-frame=true]{grid-template-columns:repeat(2,minmax(0,1fr))}}.variant-option__select-wrapper{overflow:hidden}.variant-option__select{border-radius:0;background:transparent}.variant-option__select{font-size:16px!important;line-height:1.25!important;-webkit-text-size-adjust:100%;text-size-adjust:100%}:root{--eg-select-font: 12px}.variant-option__select-wrapper>select.variant-option__select,select.variant-option__select[id^=Option-],select.variant-option__select,select.variant-option__select option{font-size:var(--eg-select-font)!important;line-height:1.25!important;font-weight:400!important}.variant-option__select{-webkit-text-size-adjust:100%;text-size-adjust:100%}.eg-size-guide-wrapper{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:0}.eg-size-guide-wrapper label{margin:0;font-size:12px;font-weight:400;color:#000;flex:0 0 auto}.eg-size-guide-link{font-size:12px;text-decoration:underline;color:#000;background:none;border:none;padding:0;cursor:pointer;transition:opacity .2s;white-space:nowrap;margin-left:auto;flex:0 0 auto}.eg-size-guide-link:hover{opacity:.6}.eg-custom-dropdown{position:relative;width:100%;margin-top:8px}.eg-custom-dropdown__button{width:100%;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#fff;border:1px solid #d1d1d1;border-radius:4px;font-size:12px;font-weight:400;line-height:1.4;color:#000;text-align:left;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.eg-custom-dropdown__button:hover{border-color:#999}.eg-custom-dropdown__button:focus{outline:none;border-color:#000;box-shadow:0 0 0 1px #000}.eg-custom-dropdown__text{flex:1;display:flex;justify-content:space-between;align-items:center;gap:12px;overflow:hidden}.eg-custom-dropdown__text .eg-size-name{font-weight:600;flex-shrink:0;min-width:70px}.eg-custom-dropdown__text .eg-size-measurements{flex:1;font-weight:300;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#000000b3}.eg-custom-dropdown__text .eg-size-price{font-weight:600;flex-shrink:0;text-align:right;color:#000}.eg-custom-dropdown__icon{width:10px;height:10px;margin-left:8px;fill:currentColor;color:#000;transition:transform .2s ease;flex-shrink:0}.eg-custom-dropdown--open .eg-custom-dropdown__icon{transform:rotate(180deg)}.eg-custom-dropdown__list{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:100;margin:0;padding:8px 0;list-style:none;background:#fff;border:1px solid #d1d1d1;border-radius:4px;box-shadow:0 4px 12px #0000001a;max-height:300px;overflow-y:auto;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .2s ease,transform .2s ease,visibility .2s}.eg-custom-dropdown--open .eg-custom-dropdown__list{opacity:1;visibility:visible;transform:translateY(0)}.eg-custom-dropdown__list li{margin:0;padding:0}.eg-custom-dropdown__option{width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;background:transparent;border:none;font-size:12px;font-weight:400;line-height:1.4;color:#000;text-align:left;cursor:pointer;transition:background-color .15s ease}.eg-custom-dropdown__option .eg-size-name{font-weight:600;flex-shrink:0;min-width:70px}.eg-custom-dropdown__option .eg-size-measurements{flex:1;font-weight:300;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#000000b3}.eg-custom-dropdown__option .eg-size-price{font-weight:600;flex-shrink:0;text-align:right;color:#000}.eg-custom-dropdown__option:hover{background-color:#f5f5f5}.eg-custom-dropdown__option--selected{background-color:#f0f0f0;font-weight:500}.eg-custom-dropdown__option:disabled{color:#999;cursor:not-allowed;opacity:.5}.eg-custom-dropdown__option:disabled:hover{background-color:transparent}.eg-variant-accordion{width:100%;margin-bottom:20px}.eg-variant-accordion__trigger{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 24px;background:#000;color:#fff;border:none;border-radius:0;font-size:14px;font-weight:600;letter-spacing:.02em;cursor:pointer;transition:background-color .2s ease;position:relative}.eg-variant-accordion__trigger:hover{background:#1a1a1a}.eg-variant-accordion__trigger[aria-expanded=true]{background:#f5f5f5;color:#000;border-bottom:1px solid #e0e0e0;border-radius:0}.eg-variant-accordion__pulse-indicator{width:8px;height:8px;background:#386f49;border-radius:2px;animation:eg-pulse 2s ease-in-out infinite;flex-shrink:0}@keyframes eg-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.eg-variant-accordion__trigger[aria-expanded=true] .eg-variant-accordion__pulse-indicator{animation:none;opacity:0}.eg-variant-accordion__text{flex:1;text-align:center}.eg-variant-accordion__icon{transition:transform .3s ease;flex-shrink:0}.eg-variant-accordion__trigger[aria-expanded=true] .eg-variant-accordion__icon{transform:rotate(180deg)}.eg-variant-accordion__content{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.25,.46,.45,.94);padding:0}.eg-variant-accordion__content[aria-hidden=false]{max-height:2000px;padding:24px;border:1px solid #e0e0e0;border-top:none;overflow:visible}@media (max-width: 749px){.eg-variant-accordion:has([aria-expanded=true]){position:fixed;inset:auto 0 0 0;max-height:92vh;min-height:60vh;z-index:1000;background:#fff;border-top:1px solid #e0e0e0;box-shadow:0 -4px 20px #00000026;border-radius:12px 12px 0 0;display:flex;flex-direction:column;animation:slideUp .3s cubic-bezier(.25,.46,.45,.94);margin:0!important;padding:0}.eg-variant-accordion__trigger[aria-expanded=true]{order:-1;position:sticky;top:0;z-index:1001;background:#f5f5f5;border-bottom:1px solid #e0e0e0;border-radius:12px 12px 0 0;margin:0}.eg-variant-accordion__content[aria-hidden=false]{position:relative;max-height:none;flex:1;overflow-y:auto;padding:24px 24px 40px;border:none;box-shadow:none;border-radius:0;animation:none}.eg-variant-accordion__content .eg-custom-dropdown__list{max-height:50vh}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}}.eg-variant-accordion__content>*{opacity:0;transform:translateY(-10px);transition:opacity .3s ease .1s,transform .3s ease .1s}.eg-variant-accordion__content[aria-hidden=false]>*{opacity:1;transform:translateY(0)}
/*# sourceMappingURL=/cdn/shop/t/10/assets/variant-picker-custom.css.map */