.card__swatches{padding:.8rem 0;gap:.8rem;position:relative;display:flex;align-items:center;flex-direction:row;flex-wrap:wrap;z-index:2}.card__swatches_swatch{padding:0;position:relative;display:flex;align-items:center;flex-direction:row;flex-wrap:wrap;z-index:2}.card__swatches_swach>.swatch-label{width:var(--swatch-size);height:var(--swatch-size);margin-top:0;margin-inline-start:0;margin-inline-end:0;border-width:1px;cursor:pointer;position:relative}.card__swatches_swach>.swatch-label.swatch-shape--portrait{height:calc(var(--swatch-card-size) / .75)}.card__swatches_swach>.swatch-label.swatch-shape--natural.variant-image--swatch{height:auto}label[data-swatch],.filter__label[data-swatch]:before{width:var(--swatch-variant-picker-size, 36px);min-width:0;height:var(--swatch-variant-picker-size, 36px);padding:0;overflow:hidden;transition:box-shadow .1s,border-color .2s ease-out;border:1px solid transparent;border-radius:var(--swatch-corner-radius);box-shadow:0 0 0 1px var(--swatch-border-color-default);cursor:default;position:relative}label[data-swatch],.filter__label[data-swatch]:before{cursor:pointer}input:checked+.swatch-label--swatch,input:checked+.filter__label[data-swatch]:before{border:2px solid rgba(var(--color-background));box-shadow:0 0 0 2px var(--swatch-border-color-active)}label[data-swatch]:hover,.filter__label[data-swatch]:hover:before,input:checked+label[data-swatch]:hover,input:checked+.filter__label[data-swatch]:hover:before{border:2px solid rgba(var(--color-background));box-shadow:0 0 0 2px var(--swatch-border-color-active)}label[data-swatch]:before{content:"";display:block;width:100%;height:100%;border-radius:var(--swatch-corner-radius);background-repeat:no-repeat;background-position:center;background-size:cover}.swatch-shape--not-circle[data-swatch],.swatch-shape--not-circle[data-swatch]:before{border-radius:0}label[data-swatch]>img.media-fit{width:100%;height:100%;top:0;left:0}.is-unavailable+.swatch-label--swatch .swatch-label__media:after,.is-unavailable+.swatch-label--swatch:not(.swatch-label--image):after{background:linear-gradient(to bottom left,transparent calc(50% - 1px),rgba(var(--color-background)) calc(50% - 1px),rgba(var(--color-background)) calc(50% + 1px),transparent calc(50% + 1px)) no-repeat!important}.is-unavailable+.swatch-label--swatch:not(.swatch-label--image):after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%}.custom-select__btn[data-swatch]:before,.custom-select__option[data-swatch]:before{border:1px solid rgb(var(--swatch-border-color-default))}
/*# sourceMappingURL=/cdn/shop/t/110/assets/component-upng-variants.css.map */