.color-swatch{--swatch-offset: 2px;--swatch-size: 2.125rem;--swatch-border-size: 1px;--swatch-disabled-strike-color: rgb(var(--border-color));width:var(--swatch-size);height:var(--swatch-size);padding:var(--swatch-offset);border:var(--swatch-border-size) solid transparent;background:content-box var(--swatch-background) no-repeat center / cover;place-items:center;display:grid;position:relative}:disabled+.color-swatch:before,.color-swatch.is-disabled:before{content:"";margin:var(--swatch-disabled-margin, var(--swatch-offset));background:linear-gradient(to bottom right,transparent calc(50% - .5px),var(--swatch-disabled-strike-color) calc(50% - .5px) calc(50% + .5px),transparent calc(50% + .5px));position:absolute;top:0;right:0;bottom:0;left:0}:checked+.color-swatch,.color-swatch.is-selected{--swatch-disabled-margin: 0;--swatch-disabled-strike-color: currentColor;border-color:currentColor}:focus-visible+.color-swatch{outline-offset:calc(var(--swatch-offset))}.thumbnail-swatch{--swatch-size: 3rem;--swatch-disabled-strike-color: rgb(var(--border-color));width:var(--swatch-size);height:var(--swatch-size);border-radius:min(4px,var(--input-border-radius));border-width:1px;display:block;position:relative}:checked+.thumbnail-swatch,.thumbnail-swatch.is-selected{--swatch-disabled-strike-color: currentColor;border-color:currentColor}:disabled+.thumbnail-swatch:before,.thumbnail-swatch.is-disabled:before{content:"";background:linear-gradient(to bottom right,transparent calc(50% - .5px),var(--swatch-disabled-strike-color) calc(50% - .5px) calc(50% + .5px),transparent calc(50% + .5px));position:absolute;top:0;right:0;bottom:0;left:0}.thumbnail-swatch>img{border-radius:inherit;height:100%}:focus-visible+.thumbnail-swatch{outline-offset:2px}@media screen and (min-width: 700px){.thumbnail-swatch{--swatch-size: 4.25rem}}.block-swatch{--swatch-border-size: 1px;--swatch-padding: calc( var(--input-padding-block) - var(--swatch-border-size) * 2 ) .875rem;--swatch-disabled-strike-color: rgb(var(--border-color));padding:var(--swatch-padding);border-width:var(--swatch-border-size);border-radius:var(--input-border-radius);color:rgb(var(--text-color) / .65);justify-content:center;align-items:center;column-gap:.875rem;min-width:2.5rem;display:flex;position:relative}.block-swatch.is-disabled{color:rgb(var(--text-color) / .5)}:checked+.block-swatch,.block-swatch.is-selected{--swatch-disabled-strike-color: currentColor;color:var(--text-color);border-color:currentColor}:disabled+.block-swatch:before,.block-swatch.is-disabled:before{content:"";background:linear-gradient(to bottom right,transparent calc(50% - .5px),var(--swatch-disabled-strike-color) calc(50% - .5px) calc(50% + .5px),transparent calc(50% + .5px));position:absolute;top:0;right:0;bottom:0;left:0}:focus-visible+.block-swatch{outline-offset:2px}.block-swatch__color{background:var(--swatch-background) center / cover;width:1rem;height:1rem}
/*# sourceMappingURL=/cdn/shop/t/15/assets/color-swatch.css.map */