.product-attributes{display:grid;row-gap:var(--gap-row-product-page-right)}.product-attribute{--product-attribute-variable-border-color:var(--sr-dark-grey);--product-attribute-variable-border-active-color:var(--bs-body-color)}.product-attribute__value{min-width:44px;text-align:center;font-weight:600;font-size:1.25rem}.product-attribute__name{display:flex;align-items:center;margin-bottom:var(--spacer);font-weight:400;text-transform:uppercase}.product-attribute__value .ring-list{margin:0;display:flex;flex-wrap:wrap;list-style:none;padding:0;gap:10px}.product-attribute__value .form-select{width:auto}.list-icon .variable{background-color:var(--sr-white-color);transition:border-color .3s ease-in-out;border:2px solid var(--product-attribute-variable-border-color);border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;padding:2px}.list-icon .variable .color,.list-icon .variable .icon{border-radius:var(--border-radius)}.list-icon .variable:hover{border:2px solid var(--product-attribute-variable-border-active-color)}.list-icon .variable:hover .variable-link{text-decoration:none}.list-list .variable{border-radius:var(--border-radius)}.list-list .variable .variable-link{display:flex;align-items:center;justify-content:center;padding:5px 10px;min-width:44px;text-align:center;font-weight:600;font-size:1rem;color:inherit;background-color:var(--sr-white-color);transition:border-color .2s ease-in-out;border:2px solid var(--product-attribute-variable-border-color);border-radius:var(--border-radius)}.list-icon .variable.selected{border:2px solid var(--product-attribute-variable-border-active-color)}.list-list .variable.selected a{border:2px solid var(--product-attribute-variable-border-active-color);font-weight:600}.list-list .variable:hover a{border:2px solid var(--product-attribute-variable-border-active-color)}.list-icon .variable.out_of_stock .icon,.list-list .variable.out_of_stock{opacity:.3}.list-icon .variable.out_of_stock:before{content:"";width:30px;display:block;position:absolute;background:var(--sr-grey-text);height:2px;transform:rotate(45deg)}.list-icon .variable.out_of_stock:after{content:"";width:30px;display:block;position:absolute;background:var(--sr-grey-text);height:2px;transform:rotate(-45deg)}