.variant-selection{display:flex;align-items:center;gap:28px}.product-color-choice{padding-left:28px;border-left:1px solid var(--line)}.product-color-choice>span{display:block;margin-bottom:8px;color:#9da8b6;font-size:10px}.variant-color-picker{display:flex;gap:8px}.variant-color-option{width:23px;height:23px;padding:0;border:2px solid transparent;border-radius:50%;outline:1px solid rgba(255,255,255,.25);outline-offset:2px;cursor:pointer;transition:.2s}.variant-color-option:hover,.variant-color-option.selected{border-color:#fff;outline-color:#178bff;transform:scale(1.12)}@media(max-width:680px){.variant-selection{align-items:flex-start;flex-direction:column;gap:17px}.product-color-choice{padding:0;border:0}.variant-color-option{width:26px;height:26px}}