.finder-swatch-cycle{--finder-hold: 6s;--finder-lead: 1.2s;position:relative;display:block;flex-shrink:0;width:var(--finder-swatch-size, 2.8rem);height:var(--finder-swatch-size, 2.8rem);overflow:hidden;border:var(--finder-swatch-ring, 2px) solid rgb(var(--color-background));border-radius:50%;background:rgb(var(--color-background));box-shadow:0 1px 4px #00000026}.finder-swatch-cycle+.finder-swatch-cycle{margin-left:calc(-1 * var(--finder-swatch-overlap, .9rem))}.finder-swatch-cycle .finder-swatch-cycle__photo{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;border:0;border-radius:50%;box-shadow:none;object-fit:cover;opacity:0}.finder-swatch-cycle .finder-swatch-cycle__photo:first-child{opacity:1}@media(prefers-reduced-motion:no-preference){.finder-swatch-cycle .finder-swatch-cycle__photo{animation:finder-swap-2 calc(var(--finder-layers) * var(--finder-hold)) ease-out infinite backwards;animation-delay:calc(var(--finder-layer) * var(--finder-hold) - var(--finder-hold) + var(--finder-lead) + var(--finder-slot) * var(--finder-hold) / 3)}.finder-swatch-cycle--3 .finder-swatch-cycle__photo{animation-name:finder-swap-3}}@keyframes finder-swap-2{0%{z-index:2;opacity:0;transform:scale(.4)}5%{opacity:1;transform:scale(1)}50%{z-index:2;opacity:1}50.1%{z-index:1}55%,to{z-index:1;opacity:0;transform:scale(1)}}@keyframes finder-swap-3{0%{z-index:2;opacity:0;transform:scale(.4)}3.33%{opacity:1;transform:scale(1)}33.33%{z-index:2;opacity:1}33.43%{z-index:1}36.67%,to{z-index:1;opacity:0;transform:scale(1)}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/fragrance-finder-swatches.css.map */