.homepage-category-bar{background-color:#fff;padding:0 0 24px;transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .3s ease,margin-top .4s ease;transform-origin:top;position:relative;z-index:10}.homepage-category-bar.is-hidden{transform:translateY(-20px) scaleY(.8);opacity:0;pointer-events:none;margin-bottom:-100px}.homepage-category-bar__inner{display:grid;grid-template-columns:repeat(4,1fr);gap:2.5rem;max-width:144rem;padding:0 4rem;margin:0 auto}.homepage-category-box{position:relative;display:block;aspect-ratio:321.446777 / 125;border-radius:6px;overflow:hidden;text-decoration:none;background-color:#f4f4f4;transition:transform .2s ease;box-shadow:none!important}.homepage-category-box:hover .homepage-category-box__image{transform:scale(1.04)}.homepage-category-box__image{position:absolute;top:0;left:0;width:100%;height:100%}.homepage-category-box__image img{width:100%;height:100%;object-fit:cover;display:block;transition:all .4s ease}.homepage-category-box:hover .homepage-category-box__image{transform:scale(1.04);transition:all .4s ease}.homepage-category-box__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#eee}.homepage-category-box__placeholder svg{width:40px;height:40px;fill:#ccc}.homepage-category-box__overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:block!important;background:linear-gradient(0deg,#0003,#0003),linear-gradient(0deg,#d9d9d91a,#d9d9d91a);transition:opacity .2s ease}.homepage-category-box:hover .homepage-category-box__overlay{opacity:1}.homepage-category-box__title{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-family:var(--font-body-family);font-size:calc(var(--font-body-scale, 1) * 1.7rem);font-weight:500;text-align:center;width:90%;text-shadow:none!important;letter-spacing:-.02em;z-index:2}@media(max-width:749px){.homepage-category-bar{display:none!important}}@media(min-width:750px)and (max-width:989px){.homepage-category-bar__inner{grid-template-columns:repeat(2,1fr);gap:12px}.homepage-category-bar{padding:12px 0 16px}.homepage-category-box__title{font-size:calc(var(--font-body-scale, 1) * 1.4rem)}}
/*# sourceMappingURL=/cdn/shop/t/79/assets/homepage-category-bar.css.map */