:root{--vow-variant-ink: #111827;--vow-variant-cream: #f8f1e5;--vow-variant-tan: #caa875;--vow-variant-tan-light: #e8d4b3;--vow-variant-white: #ffffff;--vow-variant-shadow: 0 12px 30px rgba(0, 0, 0, .28)}main[data-template*=product] variant-picker .variant-option--buttons{display:flex!important;flex-wrap:wrap;align-items:stretch;gap:12px;padding:0;border:0;margin-block:0 24px}main[data-template*=product] variant-picker .variant-option--buttons>legend{display:flex;width:100%;align-items:center;flex-wrap:wrap;gap:8px 10px;margin:0 0 4px;padding:0;color:var(--vow-variant-white)!important;font-size:1rem;font-weight:850;letter-spacing:.01em}main[data-template*=product] variant-picker .vow-selected-option{display:inline-flex;align-items:center;min-height:26px;padding:4px 10px;border:1px solid rgba(202,168,117,.55);border-radius:999px;background:#caa8751f;color:var(--vow-variant-tan-light);font-size:.78rem;font-weight:800;letter-spacing:.02em}main[data-template*=product] variant-picker label.variant-option__button-label{position:relative;isolation:isolate;display:inline-flex!important;min-width:86px;min-height:52px;align-items:center;justify-content:center;gap:9px;overflow:hidden;padding:12px 21px!important;border:1.5px solid rgba(255,255,255,.38)!important;border-radius:13px!important;background:#ffffff09!important;color:#fffffff0!important;box-shadow:inset 0 1px #ffffff0d;cursor:pointer;transform:translateY(0);transition:transform .16s ease,border-color .16s ease,background-color .16s ease,color .16s ease,box-shadow .16s ease}main[data-template*=product] variant-picker label.variant-option__button-label:hover{border-color:var(--vow-variant-tan)!important;background:#caa8751a!important;box-shadow:0 7px 18px #0000002e;transform:translateY(-2px)}main[data-template*=product] variant-picker .variant-option__button-label__pill{position:absolute!important;top:0;right:0;bottom:0;left:0;z-index:-1;border:0!important;border-radius:inherit!important;background:transparent!important;box-shadow:none!important;pointer-events:none}main[data-template*=product] variant-picker .variant-option__button-label__text{position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:750;line-height:1.1}main[data-template*=product] variant-picker label.variant-option__button-label:has(input:checked),main[data-template*=product] variant-picker label.variant-option__button-label:has(input[data-current-checked=true]){border-color:var(--vow-variant-white)!important;background:linear-gradient(135deg,var(--vow-variant-cream),var(--vow-variant-tan-light))!important;color:var(--vow-variant-ink)!important;box-shadow:0 0 0 2px #090b10,0 0 0 5px var(--vow-variant-tan),var(--vow-variant-shadow)!important;transform:translateY(-2px) scale(1.015)}main[data-template*=product] variant-picker label.variant-option__button-label:has(input:checked) .variant-option__button-label__text,main[data-template*=product] variant-picker label.variant-option__button-label:has(input[data-current-checked=true]) .variant-option__button-label__text{padding-right:20px;color:var(--vow-variant-ink)!important}main[data-template*=product] variant-picker label.variant-option__button-label:has(input:checked):after,main[data-template*=product] variant-picker label.variant-option__button-label:has(input[data-current-checked=true]):after{content:"\2713";position:absolute;z-index:3;top:50%;right:12px;display:grid;width:20px;height:20px;place-items:center;border-radius:999px;background:var(--vow-variant-ink);color:var(--vow-variant-white);font-size:.72rem;font-weight:950;line-height:1;transform:translateY(-50%)}main[data-template*=product] variant-picker label.variant-option__button-label:has(input:focus-visible){outline:3px solid var(--vow-variant-white);outline-offset:4px}main[data-template*=product] variant-picker label.variant-option__button-label:has(input[aria-disabled=true]),main[data-template*=product] variant-picker label.variant-option__button-label[aria-disabled=true]{opacity:.36;filter:grayscale(.65);cursor:not-allowed;transform:none}main[data-template*=product] variant-picker label.variant-option__button-label:has(input[aria-disabled=true]):hover{border-color:#ffffff47!important;background:#ffffff06!important;box-shadow:none;transform:none}main[data-template*=product] variant-picker label:has(input[name^=Color-]) .variant-option__button-label__text:before{content:"";flex:0 0 auto;width:15px;height:15px;border:1px solid rgba(255,255,255,.5);border-radius:999px;background:#777;box-shadow:0 0 0 1px #00000047}main[data-template*=product] variant-picker label:has(input[value=Black]) .variant-option__button-label__text:before{background:#111}main[data-template*=product] variant-picker label:has(input[value=White]) .variant-option__button-label__text:before{background:#fff;border-color:#9ca3af}main[data-template*=product] variant-picker label:has(input[value=Red]) .variant-option__button-label__text:before{background:#b91c1c}main[data-template*=product] variant-picker label:has(input[value=Maroon]) .variant-option__button-label__text:before{background:#6f1027}main[data-template*=product] variant-picker label:has(input[value=Purple]) .variant-option__button-label__text:before{background:#6d28d9}main[data-template*=product] variant-picker label:has(input[value=Natural]) .variant-option__button-label__text:before{background:#e8ddc7}main[data-template*=product] variant-picker label:has(input[value=Sand]) .variant-option__button-label__text:before{background:#d7bd91}main[data-template*=product] variant-picker label:has(input[value="Brown Savana"]) .variant-option__button-label__text:before{background:#6f4a32}main[data-template*=product] variant-picker label:has(input[value="Yellow Haze"]) .variant-option__button-label__text:before{background:#eadc70}main[data-template*=product] variant-picker label:has(input[value=Daisy]) .variant-option__button-label__text:before{background:#f7d21e}main[data-template*=product] variant-picker label:has(input[value="Light Pink"]) .variant-option__button-label__text:before{background:#f4b8c8}main[data-template*=product] variant-picker label:has(input[value=Azalea]) .variant-option__button-label__text:before{background:#db4b91}main[data-template*=product] variant-picker label:has(input[value=Heliconia]) .variant-option__button-label__text:before{background:#d72b75}main[data-template*=product] variant-picker label:has(input[value="Light Blue"]) .variant-option__button-label__text:before{background:#91c9e8}main[data-template*=product] variant-picker label:has(input[value=Sky]) .variant-option__button-label__text:before{background:#72bde8}main[data-template*=product] variant-picker label:has(input[value="Tropical Blue"]) .variant-option__button-label__text:before{background:#168bb2}main[data-template*=product] variant-picker label:has(input[value="Irish Green"]) .variant-option__button-label__text:before{background:#16834a}main[data-template*=product] variant-picker label:has(input[value=Ash]) .variant-option__button-label__text:before{background:#b8b8b2}main[data-template*=product] variant-picker label:has(input[value="Ice Grey"]) .variant-option__button-label__text:before{background:#d8dce0}main[data-template*=product] variant-picker label:has(input[value="Sport Grey"]) .variant-option__button-label__text:before{background:#9ca3a8}main[data-template*=product] variant-picker label:has(input:checked)[data-vow-selected=true]{animation:vow-option-confirm .36s ease both}@keyframes vow-option-confirm{0%{transform:translateY(-2px) scale(.98)}55%{transform:translateY(-2px) scale(1.045)}to{transform:translateY(-2px) scale(1.015)}}@media(max-width:749px){main[data-template*=product] variant-picker .variant-option--buttons{gap:11px 10px;margin-block-end:26px}main[data-template*=product] variant-picker label.variant-option__button-label{min-width:0;min-height:54px;padding:13px 18px!important;border-radius:14px!important}main[data-template*=product] variant-picker label:has(input[name^=Color-]){flex:1 1 calc(33.333% - 10px)}main[data-template*=product] variant-picker label:has(input[name^=Size-]){flex:0 1 102px}}@media(prefers-reduced-motion:reduce){main[data-template*=product] variant-picker label.variant-option__button-label{transition:none!important;animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/vowhound-variant-ux.css.map */