color-variant-selector{--cvs-surface: var(--color-secondary, #fff);--cvs-fg: var(--color-primary, currentColor);--cvs-border: color-mix(in srgb, var(--cvs-fg) 20%, transparent);--cvs-hover: color-mix(in srgb, var(--cvs-fg) 8%, transparent);--cvs-current: color-mix(in srgb, var(--cvs-fg) 12%, transparent);--cvs-focus: var(--color-focus, #4a9afc);--cvs-thumb-size: var(--size-10, 2.5rem);--cvs-radius: 3px;display:block;position:relative;color:var(--cvs-fg)}.color-variant-selector__native{display:none}.color-variant-selector__heading{display:block;margin-block-end:var(--size-2, .5rem);font-size:var(--text-size-3-5, .875rem);font-weight:var(--font-weight-600, 600)}.color-variant-selector__trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--size-2, .5rem);width:100%;padding:var(--size-2, .5rem) var(--size-3, .75rem);background-color:var(--cvs-surface);color:inherit;font:inherit;text-align:start;border:0;border-radius:var(--cvs-radius);box-shadow:inset 0 0 0 1px var(--cvs-border);cursor:pointer;transition:box-shadow .15s ease,background-color .15s ease}.color-variant-selector__trigger:hover{background-color:var(--cvs-hover)}.color-variant-selector__trigger:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--cvs-focus)}.color-variant-selector__current{display:flex;align-items:center;gap:var(--size-3, .75rem);min-width:0}.color-variant-selector__current--static{width:100%;padding:var(--size-2, .5rem) var(--size-3, .75rem);background-color:var(--cvs-surface);border-radius:var(--cvs-radius);box-shadow:inset 0 0 0 1px var(--cvs-border)}.color-variant-selector__current-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.color-variant-selector__chevron{width:1em;height:1em;flex:none;transition:transform .15s ease}.color-variant-selector__trigger[aria-expanded=true] .color-variant-selector__chevron{transform:rotate(180deg)}.color-variant-selector__list{position:absolute;z-index:30;inset-inline:0;margin:var(--size-1, .25rem) 0 0;padding:var(--size-1, .25rem);max-height:20rem;overflow-y:auto;list-style:none;background-color:var(--cvs-surface);color:var(--cvs-fg);border-radius:var(--cvs-radius);box-shadow:inset 0 0 0 1px var(--cvs-border),var(--shadow-lg, 0 8px 16px -4px rgba(0, 0, 0, .08))}.color-variant-selector__list[hidden]{display:none}.color-variant-selector__option{margin:0}.color-variant-selector__option[hidden]{display:none}.color-variant-selector__row{display:flex;align-items:center;gap:var(--size-3, .75rem);width:100%;padding:var(--size-2, .5rem);background:transparent;border:0;border-radius:var(--radius-xs, 4px);color:inherit;font:inherit;text-align:start;cursor:pointer}.color-variant-selector__row:hover{background-color:var(--cvs-hover)}.color-variant-selector__row:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--cvs-focus)}.color-variant-selector__option.is-current .color-variant-selector__row{background-color:var(--cvs-current);font-weight:var(--font-weight-600, 600)}.color-variant-selector__row.is-unavailable{opacity:.45;cursor:not-allowed}.color-variant-selector__row.is-unavailable .color-variant-selector__name{text-decoration:line-through}.color-variant-selector__thumb{display:block;flex:none;width:var(--cvs-thumb-size);height:var(--cvs-thumb-size);border-radius:var(--radius-xs, 4px);overflow:hidden;background-color:color-mix(in srgb,var(--cvs-fg) 8%,transparent)}.color-variant-selector__thumb-img{display:block;width:100%;height:100%;object-fit:cover}.color-variant-selector__name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.color-variant-selector__check{width:1em;height:1em;flex:none;margin-inline-start:auto;opacity:0}.color-variant-selector__option.is-current .color-variant-selector__check{opacity:1}@media(prefers-reduced-motion:reduce){.color-variant-selector__trigger,.color-variant-selector__chevron{transition:none}}.modal-content .color-variant-selector__list{max-height:14rem}
/*# sourceMappingURL=/cdn/shop/t/16/assets/color-variant-selector.css.map */