.category-icon-grid{display:block;width:100%;background-color:var(--category-icon-grid-section-background);padding:var(--category-icon-grid-padding-top) 0 var(--category-icon-grid-padding-bottom)}.category-icon-grid .category-icon-grid__container{max-width:var(--category-icon-grid-container-width);margin:0 auto;padding:0 var(--category-icon-grid-padding-inline-mobile)}.category-icon-grid .category-icon-grid__wrapper{position:relative}.category-icon-grid .category-icon-grid__card-link{display:block;color:inherit;text-decoration:none}.category-icon-grid .category-icon-grid__card-content{display:flex;flex-direction:column;align-items:center;gap:var(--category-icon-grid-title-spacing)}.category-icon-grid .category-icon-grid__image-container{position:relative;width:100%;aspect-ratio:1 / 1;overflow:hidden;border-radius:var(--category-icon-grid-border-radius);background-color:var(--category-icon-grid-card-background);transform-origin:center center;backface-visibility:hidden;-webkit-backface-visibility:hidden;filter:brightness(1);transition:transform .3s ease,box-shadow .3s ease,filter .3s ease}.category-icon-grid .category-icon-grid__image{width:100%;height:100%;object-fit:contain;padding:var(--category-icon-grid-image-padding)}.category-icon-grid .category-icon-grid__image-placeholder{display:flex;width:100%;height:100%;align-items:center;justify-content:center;background-color:#f4f4f4}.category-icon-grid .category-icon-grid__image-placeholder svg{width:60%;height:60%;opacity:.3}.category-icon-grid .category-icon-grid__title{margin:0;color:var(--category-icon-grid-text-color);text-align:center;font-size:var(--category-icon-grid-title-size);font-weight:var(--category-icon-grid-title-weight);line-height:1.3;word-break:break-word}@media screen and (min-width:750px){.category-icon-grid .category-icon-grid__container{padding:0 var(--category-icon-grid-padding-inline-desktop)}.category-icon-grid .category-icon-grid__scroll{display:flex;justify-content:safe center;gap:var(--category-icon-grid-card-spacing);overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;padding-bottom:4px}.category-icon-grid .category-icon-grid__scroll::-webkit-scrollbar{display:none}.category-icon-grid .category-icon-grid__card{flex:0 0 var(--category-icon-grid-card-width);min-width:var(--category-icon-grid-card-width)}}@media screen and (min-width:750px)and (hover:hover){.category-icon-grid .category-icon-grid__scroll{padding-top:6px;margin-top:-6px}.category-icon-grid .category-icon-grid__card-link:hover .category-icon-grid__image-container{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 24px #0000001f;filter:brightness(1.04);border-radius:var(--category-icon-grid-border-radius)}}@media screen and (max-width:749px){.category-icon-grid{padding-top:var(--category-icon-grid-padding-top-mobile);padding-bottom:var(--category-icon-grid-padding-bottom-mobile)}.category-icon-grid .category-icon-grid__scroll{display:grid;grid-template-rows:repeat(2,auto);grid-auto-flow:column;grid-auto-columns:var(--category-icon-grid-mobile-card-width);gap:var(--category-icon-grid-card-spacing-mobile);overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;touch-action:auto;overscroll-behavior:auto;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:4px}.category-icon-grid .category-icon-grid__scroll::-webkit-scrollbar{display:none}.category-icon-grid .category-icon-grid__card{width:100%}.category-icon-grid .category-icon-grid__title{font-size:var(--category-icon-grid-title-size-mobile)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/category-icon-grid.css.map */