.awita-colors{padding-block:clamp(56px,7vw,96px);overflow:hidden;background:#faf8f4}.awita-colors__header{max-width:600px;margin:0 auto clamp(28px,4vw,44px);text-align:center}.awita-colors__eyebrow{display:inline-block;margin:0 0 12px;padding:6px 14px;border-radius:100px;background:color-mix(in srgb,var(--colorTextSavings, #d74a5d) 12%,#fff);color:var(--colorTextSavings, #d74a5d);font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.awita-colors__heading{margin:0 0 10px}.awita-colors__lead{margin:0;opacity:.75}.awita-colors__row{display:flex;justify-content:safe center;gap:clamp(14px,2vw,24px);margin:0;padding:12px 4px 16px;list-style:none;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none}.awita-colors__row::-webkit-scrollbar{display:none}.awita-colors__item{flex:0 0 auto;scroll-snap-align:center;width:clamp(140px,15vw,185px)}.awita-colors__item:nth-child(2n){transform:translateY(14px)}.awita-colors__card{display:flex;flex-direction:column;align-items:center;gap:4px;text-decoration:none;color:var(--colorTextBody)}.awita-colors__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-color-swatch, #5e6350) 20%,#fff);transition:border-radius .5s ease,background .4s ease}.awita-colors__card:hover .awita-colors__media,.awita-colors__card:focus-visible .awita-colors__media{border-radius:46% 54% 58% 42%/44% 58% 42% 56%;background:color-mix(in srgb,var(--awita-color-swatch, #5e6350) 34%,#fff)}.awita-colors__image{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply;transition:transform .45s cubic-bezier(.34,1.56,.64,1)}.awita-colors__card:hover .awita-colors__image,.awita-colors__card:focus-visible .awita-colors__image{transform:scale(1.1) rotate(2deg)}.awita-colors__name{margin-top:12px;font-family:var(--typeHeaderPrimary),var(--typeHeaderFallback);font-weight:600;font-size:clamp(15px,1.6vw,17px);transition:color .3s ease}.awita-colors__card:hover .awita-colors__name,.awita-colors__card:focus-visible .awita-colors__name{color:color-mix(in srgb,var(--awita-color-swatch, #5e6350) 75%,#321004)}.awita-colors__price{font-size:var(--typeBodySmallSize);opacity:.65}.awita-colors__footer{margin-top:clamp(24px,3vw,36px);text-align:center}.awita-colors__cta{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;border-radius:100px;border:2px solid var(--colorBtnPrimary, #5e6350);color:var(--colorBtnPrimary, #5e6350);font-weight:700;font-size:14px;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;transition:background .3s ease,color .3s ease,transform .3s ease}.awita-colors__cta:hover,.awita-colors__cta:focus-visible{background:var(--colorBtnPrimary, #5e6350);color:#fff;transform:scale(1.04)}@media(prefers-reduced-motion:no-preference){@supports (animation-timeline: view()){.awita-colors__item{animation:awita-colors-reveal .7s cubic-bezier(.34,1.56,.64,1) both;animation-timeline:view();animation-range:entry 0% cover 25%;animation-delay:var(--awita-color-delay, 0ms)}.awita-colors__item:nth-child(2n){animation-name:awita-colors-reveal-offset}@keyframes awita-colors-reveal{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes awita-colors-reveal-offset{0%{opacity:0;transform:translateY(44px) scale(.9)}to{opacity:1;transform:translateY(14px) scale(1)}}}}@media(prefers-reduced-motion:reduce){.awita-colors__card,.awita-colors__media,.awita-colors__image,.awita-colors__cta{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/awita-color-explorer.css.map */