.product-categories-banner{position:relative;overflow:hidden}.product-categories-banner .categories-grid{position:relative;z-index:2;display:flex;align-items:center;gap:2rem}.product-categories-banner .categories-text{flex:0 0 auto;max-width:300px}.product-categories-banner .categories-title{white-space:pre-line;word-break:break-word}.product-categories-banner .category-item{position:relative;cursor:pointer}.product-categories-banner .category-image{border-radius:100%;box-shadow:0 4px 12px #0000001a}.product-categories-banner .category-label{border-radius:4px;transition:all .3s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.product-categories-banner .categories-text{animation:fadeInUp .8s ease-out}.product-categories-banner .category-item{animation:fadeInUp .8s ease-out;animation-fill-mode:both}.product-categories-banner .category-item:nth-child(1){animation-delay:.1s}.product-categories-banner .category-item:nth-child(2){animation-delay:.2s}.product-categories-banner .category-item:nth-child(3){animation-delay:.3s}.product-categories-banner .category-item:nth-child(4){animation-delay:.4s}.product-categories-banner .category-item:nth-child(5){animation-delay:.5s}.product-categories-banner .category-item:nth-child(6){animation-delay:.6s}@media screen and (max-width: 749px){.product-categories-banner .categories-grid{flex-direction:column;gap:1.5rem;text-align:center}.product-categories-banner .categories-text{max-width:none}.product-categories-banner .categories-title{margin-bottom:1rem}.product-categories-banner .category-image{max-width:80px}.product-categories-banner .category-label{font-size:.75rem;padding:.25rem .5rem}}@media screen and (max-width: 480px){.product-categories-banner .category-image{max-width:60px}}.product-categories-banner .categories-button:focus{outline:2px solid currentColor;outline-offset:2px}.product-categories-banner .category-item:focus-within{outline:2px solid currentColor;outline-offset:2px;border-radius:8px}@media (prefers-color-scheme: dark){.product-categories-banner{--color-background: #ffffff}}.product-categories-banner .category-image{will-change:transform}.product-categories-banner .categories-button{will-change:background-color,color}
/*# sourceMappingURL=/cdn/shop/t/10/assets/section-product-categories-banner.css.map */