@layer code-components{.product-variant{-webkit-box-orient:vertical;-webkit-box-direction:normal;border-color:transparent;border-radius:var(--border-radius);border-width:1px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;overflow:hidden;text-align:center;-webkit-text-decoration-line:none;text-decoration-line:none;-webkit-transition-duration:.15s;transition-duration:.15s;-webkit-transition-property:color,background-color,border-color,fill,stroke,opacity,-webkit-text-decoration-color,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,fill,stroke,opacity,-webkit-text-decoration-color,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}.product-variant[aria-current=page]{background-color:var(--product-gen-product-page);border-color:var(--color-secondary);pointer-events:none}.product-variant:active,.product-variant:focus,.product-variant:hover{border-color:var(--color-black-30);color:var(--text-color-default)}.grouped-products-drawer .product-variant[aria-current=page]{background-color:var(--color-accent)}.product-variant--size{padding:.25rem .25rem .5rem}.product-variant--size,.product-variant--size:active,.product-variant--size:focus,.product-variant--size:hover{background-color:transparent}}