.awita-finder{padding-block:clamp(48px,6vw,88px);background:radial-gradient(50% 35% at 90% 0%,#fdf3d7 0%,transparent 55%),radial-gradient(55% 40% at 5% 5%,#e2edf5 0%,transparent 60%),#fdfcf9;overflow:clip}.awita-finder__inner{max-width:900px;margin-inline:auto}.awita-finder__header{max-width:620px;margin:0 auto clamp(26px,4vw,40px);text-align:center}.awita-finder__eyebrow{display:inline-block;margin:0 0 12px;padding:6px 14px;border-radius:100px;background:color-mix(in srgb,var(--colorAnnouncement, #5271ff) 12%,#fff);color:var(--colorAnnouncement, #5271ff);font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.awita-finder__heading{margin:0 0 10px}.awita-finder__lead{margin:0;opacity:.75}.awita-finder__dots{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(12px,2.4vw,22px);margin-bottom:14px}.awita-finder__dot{position:relative;width:clamp(44px,6vw,58px);height:clamp(44px,6vw,58px);padding:0;background:none;border:none;cursor:pointer}.awita-finder__dot-fill{display:block;width:100%;height:100%;border-radius:50% 50% 46% 54%/54% 46%;background:var(--awita-dot-color, #5e6350);border:3px solid #fff;box-shadow:0 6px 18px -6px color-mix(in srgb,var(--awita-dot-color, #5e6350) 80%,transparent);transition:transform .3s cubic-bezier(.34,1.56,.64,1),border-radius .4s ease,box-shadow .3s ease}.awita-finder__dot:hover .awita-finder__dot-fill{transform:scale(1.12);border-radius:46% 54% 58% 42%/44% 58% 42% 56%}.awita-finder__dot.is-active .awita-finder__dot-fill{transform:scale(1.18);outline:3px solid var(--colorTextBody, #321004);outline-offset:3px}.awita-finder__active-name{margin:0 0 clamp(20px,3vw,30px);text-align:center;font-family:var(--typeHeaderPrimary),var(--typeHeaderFallback);font-weight:600;font-size:clamp(17px,2.2vw,22px);color:var(--colorTextBody, #321004)}.awita-finder__panel{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(16px,3vw,30px)}.awita-finder__panel[hidden]{display:none}.awita-finder__card{display:flex;flex-direction:column;align-items:center;gap:4px;width:clamp(180px,26vw,250px);text-decoration:none;color:var(--colorTextBody, #321004)}.awita-finder__card-media{display:block;width:100%;aspect-ratio:1;overflow:hidden;border-radius:50% 50% 46% 54%/54% 46%;background:color-mix(in srgb,var(--awita-card-tint, #5e6350) 20%,#fff);transition:border-radius .5s ease,transform .35s cubic-bezier(.34,1.56,.64,1)}.awita-finder__card-media img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply;transition:transform .45s cubic-bezier(.34,1.56,.64,1)}.awita-finder__card:hover .awita-finder__card-media{transform:translateY(-6px);border-radius:46% 54% 58% 42%/44% 58% 42% 56%}.awita-finder__card:hover .awita-finder__card-media img{transform:scale(1.08) rotate(2deg)}.awita-finder__card-title{margin-top:12px;font-family:var(--typeHeaderPrimary),var(--typeHeaderFallback);font-weight:600;font-size:clamp(15px,1.8vw,18px);text-align:center}.awita-finder__card-price{font-size:var(--typeBodySmallSize);opacity:.65}@media(prefers-reduced-motion:no-preference){.awita-finder__header,.awita-finder__dots,.awita-finder__active-name{animation:awita-finder-in .7s cubic-bezier(.22,1,.36,1) both}.awita-finder__dots{animation-delay:.1s}.awita-finder__active-name{animation-delay:.16s}@keyframes awita-finder-in{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}.awita-finder__panel:not([hidden]) .awita-finder__card{animation:awita-finder-pop .5s cubic-bezier(.34,1.56,.64,1) both}.awita-finder__panel:not([hidden]) .awita-finder__card:nth-child(2){animation-delay:.08s}.awita-finder__panel:not([hidden]) .awita-finder__card:nth-child(3){animation-delay:.16s}@keyframes awita-finder-pop{0%{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}}@media(prefers-reduced-motion:reduce){.awita-finder__dot-fill,.awita-finder__card-media,.awita-finder__card-media img{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/awita-color-finder.css.map */