.cv-cat{background:var(--cv-bg);color:#121212;overflow:hidden}.cv-cat__wrap{padding:0 15px}.cv-cat__box{background:var(--cv-bg);border-radius:20px}.cv-cat__box--alt{background:var(--cv-bg-alt)}.cv-cat__inner{padding:0 15px}.cv-cat__head{padding-bottom:20px}.cv-cat__pills{display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:8px}.cv-cat__pill{position:relative;display:block;padding:14px;overflow:hidden;border-radius:100px;background:var(--pill-bg);color:var(--pill-text);text-align:center}.cv-cat__swap{position:relative;display:block;font-size:calc(var(--cv-heading-scale) * 20px);line-height:1.7}.cv-cat__label{display:flex;justify-content:center;align-items:center;transition:transform .45s cubic-bezier(.22,.7,.2,1)}.cv-cat__label--hover{position:absolute;left:0;right:0;top:100%;z-index:2;color:var(--pill-hover-text);transform:translateY(0)}.cv-cat__fill{position:absolute;z-index:0;left:-12%;right:-12%;top:100%;height:300%;border-radius:50%;background:var(--pill-hover-bg);transition:top .5s cubic-bezier(.22,.7,.2,1)}.cv-cat__pill:hover .cv-cat__label:not(.cv-cat__label--hover){transform:translateY(-160%)}.cv-cat__pill:hover .cv-cat__label--hover{transform:translateY(-100%)}.cv-cat__pill:hover .cv-cat__fill{top:20%}.cv-cat__swap{z-index:1}.cv-cat__pill.cv-cat__pill--image{min-height:50px;padding:0}.cv-cat__photo{position:relative;display:block;width:80px;height:59px;overflow:hidden}.cv-cat__photo img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.cv-cat__pill--image:hover .cv-cat__photo img{transform:scale(1.12)}.js .cv-cat__pill{opacity:0;transform:translateY(26px) scale(.9)}.js .cv-cat__pills.is-in .cv-cat__pill{animation:cv-pill-in .6s cubic-bezier(.34,1.4,.5,1) both;animation-delay:calc(var(--n, 0) * 45ms)}@keyframes cv-pill-in{0%{opacity:0;transform:translateY(26px) scale(.9)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.js .cv-cat__pill{opacity:1;transform:none}.js .cv-cat__pills.is-in .cv-cat__pill{animation:none}}@media(min-width:768px){.cv-cat__wrap{padding:0 24px}.cv-cat__inner{max-width:1260px;margin:0 auto;padding:0 15px}.cv-cat__head{padding-bottom:30px}.cv-cat__pills{gap:12px;padding-top:20px}.cv-cat__pill{padding:20px 30px}.cv-cat__swap{font-size:calc(var(--cv-heading-scale) * 25px)}.cv-cat__photo{width:180px;height:78px}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/cv-categories.css.map */
