.variant-selector{margin-bottom:var(--space-4)}.variant-selector__label{font-size:var(--text-sm);font-weight:var(--weight-semibold);margin-bottom:var(--space-2);display:flex;align-items:center;gap:var(--space-2)}.variant-selector__value{font-weight:var(--weight-regular);color:var(--color-gray-600)}.variant-selector__colors{display:flex;flex-wrap:wrap;gap:var(--space-2)}.variant-selector__color{width:32px;height:32px;border-radius:var(--radius-full);border:2px solid var(--color-gray-200);cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease;position:relative}.variant-selector__color:hover{border-color:var(--color-gray-400)}.variant-selector__color.is-active{border-color:var(--color-black);box-shadow:0 0 0 2px var(--color-white),0 0 0 4px var(--color-black)}.variant-selector__color.is-unavailable{opacity:.3;cursor:not-allowed}.variant-selector__color.is-unavailable:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(135deg,transparent 45%,var(--color-gray-400) 45%,var(--color-gray-400) 55%,transparent 55%)}.variant-selector__color--image{width:60px;height:75px;border-radius:0;padding:0;overflow:hidden;background-color:var(--color-gray-100);border:2px solid var(--color-gray-200)}.variant-selector__color--image img{width:100%;height:100%;object-fit:cover;display:block}.variant-selector__color--image:hover{border-color:var(--color-gray-400)}.variant-selector__color--image.is-active{border-color:var(--color-black);box-shadow:none}.variant-selector__color--image.is-unavailable{opacity:.3;cursor:not-allowed}.variant-selector__color--image.is-unavailable:after{border-radius:0}.variant-selector__sizes{display:flex;flex-wrap:wrap;gap:var(--space-2)}.variant-selector__size{min-width:52px;min-height:44px;padding:var(--space-1) var(--space-3);display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:var(--weight-medium);border:1px solid var(--color-gray-200);border-radius:var(--radius-sm);background-color:var(--color-white);cursor:pointer;transition:border-color .2s ease,background-color .2s ease,color .2s ease}.variant-selector__size:hover{border-color:var(--color-black)}.variant-selector__size.is-active{background-color:var(--color-black);border-color:var(--color-black);color:var(--color-white)}.variant-selector__size.is-unavailable{opacity:.3;cursor:not-allowed;text-decoration:line-through;pointer-events:none}.variant-selector__size-guide{font-size:var(--text-xs);color:var(--color-primary);text-decoration:underline;cursor:pointer;margin-top:var(--space-2);display:inline-block}.variant-selector__size-guide:hover{color:var(--color-primary-hover)}
/*# sourceMappingURL=/cdn/shop/t/8/assets/component-variant-selector.css.map */