.product-attributes{display:grid;row-gap:var(--gap-row-product-page-right)}.product-attribute{--product-attribute-variable-border-color:#e7e7e7;--product-attribute-variable-border-active-color:var(--bs-body-color)}.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:4px}.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(--corner_50);display:flex;align-items:center;justify-content:center;padding:2px}.list-icon .variable .color,.list-icon .variable .icon{border-radius:var(--corner_50)}.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(--corner_10)}.list-list .variable .variable-link{display:flex;align-items:center;justify-content:center;padding:12px 10px;min-width:44px;text-align:center;font-weight:600;font-size:.75rem;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(--corner_50)}.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)}