.vp__input{--column-gap: var(--hh-space-xs);--row-gap: var(--hh-space-xs);--count: 2;width:100%;padding:0;margin:var(--hh-space-lg) 0 0 0;border:none;column-gap:var(--column-gap);row-gap:var(--row-gap)}@media screen and (min-width: 990px){.vp__input{margin-top:var(--hh-space-md)}}.vp__input--dropdown{margin-bottom:1.6rem}.vp__input legend{margin-bottom:var(--hh-space-xs);letter-spacing:.02em;margin-bottom:20px;font-weight:500;line-height:1.15}.vp__input input[type=radio]{clip:rect(0,0,0,0);overflow:hidden;position:absolute;height:1px;width:1px}.vp__input input[type=radio]+label{border:2px solid var(--hh-color-foreground);border-radius:0;background-color:var(--hh-color-background);color:var(--hh-color-foreground);display:flex;align-items:center;justify-content:center;margin:0;padding:var(--hh-padding, 5px);text-align:center;transition:border var(--hh-duration-short) ease;line-height:1.15;width:calc((100% - var(--column-gap)*(var(--count) - 1)) / var(--count));cursor:pointer;-webkit-user-select:none;user-select:none}.vp__input input[type=radio]:checked+label{background-color:var(--hh-color-foreground);color:var(--hh-color-background);border-color:var(--hh-color-foreground)}.vp__input input[type=radio]:disabled+label{border-color:var(--hh-color-light);color:var(--hh-color-neutral);text-decoration:line-through}.vp__input input[type=radio]:focus-visible+label{box-shadow:0 0 0 .3rem var(--hh-color-background),0 0 0 .5rem var(--hh-color-neutral)}.vp__input input[type=radio]:focus+label{box-shadow:0 0 0 .3rem var(--hh-color-background),0 0 0 .5rem var(--hh-color-neutral)}.vp__input input[type=radio]:focus:not(:focus-visible)+label{box-shadow:none}.vp__input__select{display:inline-block;position:relative;width:100%;max-width:25rem}.vp__input__select svg{height:.6rem;pointer-events:none;position:absolute;top:calc(50% - .35rem);right:1.5rem}.vp__input__select__select{padding:0 4rem 0 1.5rem;-webkit-appearance:none;appearance:none;background-color:transparent;border:0;border-radius:0;color:rgb(var(--hh-color-foreground));width:100%;box-shadow:0 0 0 .1rem var(--hh-color-foreground);height:4.5rem;box-sizing:border-box;transition:box-shadow var(--hh-duration-short) ease}@media screen and (min-width: 990px){.vp__input{--count: 3}.vp__input input[type=radio]+label{min-width:160px;width:min-content}}
/*# sourceMappingURL=/cdn/shop/t/119/assets/snippet-variant-picker.css.map */