@layer code-components{.variant-selector{display:block;margin-left:0;margin-right:0;margin-top:.375rem;padding:0}.variant-selector__options{-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.375rem}@media (min-width:768px){.variant-selector__options{gap:.125rem}}.variant-selector__option{border-radius:9999px;cursor:pointer;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;line-height:1;overflow:hidden;padding:.125rem;position:relative}@media (min-width:768px){.variant-selector__option{padding:.25rem}}.variant-selector__option[data-out-of-stock=true]{opacity:.5}.variant-selector__option[data-out-of-stock=true]:after{--tw-rotate:45deg;background-color:var(--color-black-50);left:50%;-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));-ms-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));width:1.5px}.variant-selector__option:before,.variant-selector__option[data-out-of-stock=true]:after{--tw-content:"";content:var(--tw-content);display:block;height:100%;position:absolute;top:0}.variant-selector__option:before{border-color:transparent;border-radius:9999px;border-width:1px;left:0;pointer-events:none;-webkit-transition-duration:.15s;transition-duration:.15s;-webkit-transition-property:color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;transition-property:color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%}.variant-selector__option:active:before,.variant-selector__option:focus:before,.variant-selector__option:hover:before,.variant-selector__option[\:has\(input\:checked\)]:before,.variant-selector__option[aria-current=true]:before{border-color:var(--color-black-30)}.variant-selector__option:active:before,.variant-selector__option:focus:before,.variant-selector__option:has(input:checked):before,.variant-selector__option:hover:before,.variant-selector__option[aria-current=true]:before{border-color:var(--color-black-30)}.variant-selector__label{border-color:var(--color-black-30);border-radius:9999px;border-width:.5px;display:block;font-size:.75rem;min-height:.875rem;min-width:.875rem;padding:.25rem}@media (min-width:768px){.variant-selector__label{min-height:.75rem;min-width:.75rem}}}