.categories__bar{padding:2rem 0}@media(min-width:1024px){.categories__bar{padding-top:2.4rem}}.categories__bar-button{margin-top:.4rem}.cat-tiles{display:grid;grid-template-columns:repeat(var(--cat-columns-mobile, 2),1fr);gap:1rem}@media(min-width:768px){.cat-tiles{grid-template-columns:repeat(var(--cat-columns-desktop, 6),1fr);gap:1.2rem}}.cat-tile{position:relative;display:flex;flex-direction:column;align-items:center;gap:.8rem;padding:1.4rem .4rem 1.2rem;grid-column:span var(--tile-col-span, 1);background-color:rgb(var(--color-background));text-decoration:none;color:rgb(var(--color-foreground));text-align:center;transition:transform .18s ease,box-shadow .18s ease;cursor:pointer}a.cat-tile:hover{transform:translateY(-3px);box-shadow:0 4px 16px #0000001a}.cat-tile--featured{box-shadow:inset 0 0 0 2px rgb(var(--color-button))}@media(min-width:768px){.cat-tile{padding:1.4rem .8rem 1.2rem;gap:.8rem}}.cat-tile__badge{position:absolute;top:.5rem;right:.5rem;z-index:1;padding:.3rem .7rem;border-radius:0;font-size:1.15rem;line-height:1.2;font-weight:var(--font-body-weight-bold);color:#fff;background-color:rgb(var(--color-button));pointer-events:none}.cat-tile__media{display:block;width:var(--tile-icon-size-mobile, var(--cat-icon-size-mobile, 100px));height:var(--tile-icon-size-mobile, var(--cat-icon-size-mobile, 100px));flex-shrink:0;overflow:hidden;background-color:#fff;border-radius:.4rem;padding:.6rem}.cat-tile__media--cover{padding:0}@media(min-width:768px){.cat-tile__media{width:var(--tile-icon-size, var(--cat-icon-size, 170px));height:var(--tile-icon-size, var(--cat-icon-size, 170px))}}.cat-tile__img{width:100%;height:100%;display:block;transition:transform .22s ease}.cat-tile__media--contain .cat-tile__img{object-fit:contain}.cat-tile__media--cover .cat-tile__img{object-fit:cover}a.cat-tile:hover .cat-tile__img{transform:scale(1.08)}.cat-tile__img--placeholder{opacity:.3}.cat-tile__label{display:block;font-size:var(--font-body-size);line-height:1.3;font-weight:var(--font-body-weight-bold);overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;width:100%}.cat-tile__sub{display:block;font-size:1.2rem;line-height:1.35;color:rgba(var(--color-foreground),.65);overflow-wrap:break-word;width:100%}@media(min-width:1280px){.cat-tile__sub{font-size:var(--font-size-sm, 1.3rem)}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-banners-with-categories.css.map */