.new-pdp .new-pdp-variant-options{display:block;min-width:0}.new-pdp-variant-options fieldset{min-width:0;margin:0 0 1.6rem;padding:0;border:0}.new-pdp-variant-options legend{margin-bottom:.6rem;padding:0}.new-pdp-variant-options input[type=radio]{position:absolute;width:1px;height:1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%)}.new-pdp .new-pdp-variant-options input[type=radio]+label{position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:44px;min-height:44px;max-width:calc(100% - .6rem);margin:0 .6rem .6rem 0;padding:1rem 1.6rem;border:1px solid rgba(var(--color-foreground),.4);border-radius:0;background:rgb(var(--color-background));color:rgb(var(--color-foreground));font-size:16px;line-height:1.3;text-align:center;white-space:normal;overflow-wrap:anywhere;cursor:pointer;touch-action:manipulation}.new-pdp .new-pdp-variant-options input[type=radio]+label:before{content:none}.new-pdp .new-pdp-variant-options input[type=radio]:checked+label{background:rgb(var(--color-foreground));color:rgb(var(--color-background))}.new-pdp .new-pdp-variant-options input[type=radio]+label[hidden]{display:none}.new-pdp .new-pdp-variant-options input[type=radio][data-unavailable]+label{opacity:.65;text-decoration:line-through}.new-pdp .new-pdp-variant-options input[type=radio]+label[data-sold-out]{border-color:rgba(var(--color-foreground),.2);background:rgba(var(--color-foreground),.06);color:rgba(var(--color-foreground),.5);overflow:hidden}.new-pdp .new-pdp-variant-options input[type=radio]+label[data-sold-out]:after{content:"";position:absolute;inset:50% -10% auto;border-top:1px solid rgba(var(--color-foreground),.5);transform:rotate(-18deg);pointer-events:none}.new-pdp .new-pdp-variant-options input[type=radio]:checked+label[data-sold-out]{background:rgba(var(--color-foreground),.55);color:rgb(var(--color-background))}.new-pdp .new-pdp-variant-options input[type=radio]:checked+label[data-sold-out]:after{border-top-color:rgba(var(--color-background),.85)}.new-pdp .new-pdp-variant-options input[type=radio]:focus-visible+label{outline:2px solid rgb(var(--color-foreground));outline-offset:3px}@media(hover:hover)and (pointer:fine){.new-pdp .new-pdp-variant-options input[type=radio]+label:hover{border-color:rgb(var(--color-foreground))}}@media(forced-colors:active){.new-pdp .new-pdp-variant-options input[type=radio]:checked+label{outline:2px solid Highlight}}
/*# sourceMappingURL=/cdn/shop/t/568/assets/component-new-pdp-variant-options.css.map */
