.product-attribute__name{display:flex;align-items:center;margin-bottom:0;font-weight:600;line-height:1.5}.product-attribute{margin-top:calc(var(--spacer) * 2)}.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:#fff;box-shadow:0 5px 15px rgba(0,0,0,.05);transition:box-shadow .3s ease-in-out;border-radius:var(--corner_10);border:2px solid var(--text-on-body-bg);overflow:hidden;display:flex;align-items:center;justify-content:center}.list-icon .variable:hover{box-shadow:0 0 0 4px rgba(var(--rgb-text-on-body-bg),.4)}.list-icon .variable:hover .variable-link{text-decoration:none;box-shadow:0 0 0 4px rgba(var(--rgb-text-on-body-bg),.4)}.list-list .variable{box-shadow:0 5px 15px rgba(0,0,0,.05);border-radius:var(--corner_10)}.list-list .variable .variable-link{display:flex;align-items:center;justify-content:center;padding:18px 25px;min-width:38px;text-align:center;font-weight:600;font-size:.8125rem;line-height:1;color:inherit;transition:border-color .2s ease-in-out;border:2px solid var(--text-on-body-bg);border-radius:var(--corner_10)}.list-icon .variable.selected,.list-list .variable.selected{box-shadow:0 0 0 4px rgba(var(--rgb-text-on-body-bg),.4);border:2px solid var(--global-color)}.list-list .variable.selected a{border:2px solid var(--global-color);font-weight:600}.list-list .variable:hover a{border:2px solid #2f3132}@media (max-width:991px){.product-attribute__name{margin-bottom:10px}}@media (min-width:992px){.product-attribute{display:flex;gap:20px}}