.sasu-card-swatches{position:relative;z-index:8;width:100%;margin-top:9px}.sasu-card-swatches__items{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.sasu-card-swatches__swatch{position:relative;z-index:9;display:block;width:25px;height:25px;flex:0 0 25px;padding:2px;border:1px solid rgba(var(--color-foreground),.28);border-radius:50%;background:rgb(var(--color-background));cursor:pointer;appearance:none;-webkit-appearance:none;transition:border-color .14s ease,box-shadow .14s ease,opacity .14s ease}.sasu-card-swatches__material{display:block;width:100%;height:100%;overflow:hidden;border-radius:50%;background-repeat:no-repeat;background-position:center center;pointer-events:none}.sasu-card-swatches__material.is-custom-material{background-size:cover}.sasu-card-swatches__material.is-fallback-product{background-size:360%}.sasu-card-swatches__swatch.is-active{border-color:rgba(var(--color-foreground),.3);box-shadow:0 0 0 1px rgb(var(--color-background)),0 0 0 1.5px rgba(var(--color-foreground),.72)}.sasu-card-swatches__swatch.is-unavailable{opacity:.34}.sasu-card-swatches__swatch:focus-visible{outline:1px solid rgb(var(--color-foreground));outline-offset:3px}.sasu-card-swatches__more{position:relative;z-index:9;display:inline-flex;margin-left:-1px;min-width:22px;height:24px;align-items:center;justify-content:center;padding-left:1px;color:rgba(var(--color-foreground),.58);font-size:10px;line-height:1;letter-spacing:.02em;text-decoration:none;white-space:nowrap}.card-wrapper .sasu-card-swatches,.card-wrapper .sasu-card-swatches *{pointer-events:auto}.card-wrapper.sasu-swatch-interacting .media.media--hover-effect>img:first-child:not(:only-child){opacity:1!important;transform:none!important}.card-wrapper.sasu-swatch-interacting .media.media--hover-effect>img+img{opacity:0!important;transform:none!important}@media(hover:hover){.sasu-card-swatches__swatch:hover{border-color:rgba(var(--color-foreground),.56)}.sasu-card-swatches__more:hover{color:rgb(var(--color-foreground))}}@media screen and (max-width:749px){.sasu-card-swatches{margin-top:8px}.sasu-card-swatches__items{gap:6px}.sasu-card-swatches__swatch{width:22px;height:22px;flex-basis:22px;padding:2px}.sasu-card-swatches__more{height:22px;min-width:20px;font-size:9px}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/01_sasu-card-swatches.css.map */