.rosanera-card-colors{display:block;margin:0 0 1rem;position:relative;z-index:3}.rosanera-card-colors__options{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin:0 -6px}.rosanera-card-colors__swatch{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;flex:0 0 40px;border:0;background:transparent;border-radius:50%;position:relative;text-decoration:none;color:inherit;-webkit-tap-highlight-color:transparent}.rosanera-card-colors__swatch:before{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;border:1px solid transparent;border-radius:50%;transition:border-color .15s}.rosanera-card-colors__swatch[aria-checked=true]:before{border-color:rgb(var(--color-foreground))}.rosanera-card-colors__swatch:hover:before{border-color:rgba(var(--color-foreground),.55)}.rosanera-card-colors__swatch:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}.rosanera-card-colors__fill,.rosanera-card-colors__swatch img{display:block;width:26px;height:26px;border-radius:50%;border:1px solid rgba(0,0,0,.16);object-fit:cover;box-sizing:border-box}.rosanera-card-colors__swatch.is-unavailable:after{content:"";position:absolute;width:30px;height:1px;background:#666;transform:rotate(-45deg);box-shadow:0 0 1px #fff}.rosanera-card-colors__label{display:block;margin-top:1px;font-size:1.1rem;line-height:1.5;color:rgba(var(--color-foreground),.75)}.rosanera-color-selected .card__media .media>img:first-child{opacity:1!important;transform:none!important}.rosanera-color-selected .card__media .media>img+img{display:none!important}@media(prefers-reduced-motion:reduce){.rosanera-card-colors__swatch:before{transition:none}}.rosanera-card-colors__pattern{display:block;position:relative;overflow:hidden;width:26px;height:26px;flex:0 0 26px;border-radius:50%;border:1px solid rgba(0,0,0,.16);box-sizing:border-box;background:#f7f7f7}.rosanera-card-colors .rosanera-card-colors__pattern>img{display:block;position:absolute;width:var(--pattern-image-width);height:auto;max-width:none;left:var(--pattern-image-left);top:var(--pattern-image-top);border:0;border-radius:0;object-fit:initial;margin:0;transform:none}
/*# sourceMappingURL=/cdn/shop/t/7/assets/rosanera-card-colors.css.map */