.mio-pattern-divider{height:0;width:100%;border-top:2px solid var(--mio-color-brown);opacity:1}.mio-category-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;padding:3.2rem 1rem 2.6rem;max-width:100%;position:relative;z-index:1;background-color:var(--mio-color-cream)}@media(min-width:750px){.mio-category-grid{grid-template-columns:repeat(5,1fr);gap:20px;padding:4.6rem 1.6rem 3.8rem}.mio-category-grid__item:nth-child(6){display:none}}@media(min-width:990px){.mio-category-grid{gap:24px;padding:5.2rem 2rem 4.4rem}}.mio-category-grid__item{position:relative;aspect-ratio:1 / 1;overflow:hidden;text-decoration:none;border-radius:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.4rem;padding:2.2rem 1.2rem;transition:transform .35s ease,box-shadow .35s ease}.mio-category-grid__item:hover{transform:translateY(-4px);box-shadow:0 18px 42px #70120024}.mio-category-grid__item--bronze{background-color:var(--mio-color-orange);--tile-ink: var(--mio-color-butter)}.mio-category-grid__item--butter{background-color:var(--mio-color-butter);--tile-ink: var(--mio-color-brown)}.mio-category-grid__item--blue{background-color:var(--mio-color-blue);--tile-ink: var(--mio-color-brown)}.mio-category-grid__item--oxblood{background-color:var(--mio-color-brown);--tile-ink: var(--mio-color-butter)}.mio-category-grid__icon-box{width:52%;max-width:170px;aspect-ratio:1 / 1;background-color:var(--tile-ink);-webkit-mask-image:var(--tile-icon-src);mask-image:var(--tile-icon-src);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;opacity:.94;transition:transform .45s ease,opacity .3s ease;pointer-events:none}.mio-category-grid__item:hover .mio-category-grid__icon-box{transform:scale(1.04);opacity:1}@media(min-width:750px){.mio-category-grid__icon-box{width:48%}}.mio-category-grid__title{position:relative;display:block;font-family:var(--mio-font-heading),serif!important;font-size:clamp(2.2rem,3.2vw,3rem)!important;font-weight:400!important;color:var(--tile-ink)!important;margin:0;text-align:center;padding:0;letter-spacing:normal!important;transition:transform .3s ease}.mio-category-grid__item:hover .mio-category-grid__title{transform:translateY(-2px)}@media(min-width:750px){.mio-category-grid__icon{width:48%}.mio-category-grid__title{font-size:clamp(2.4rem,2.8vw,3.4rem)!important}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/mio-category-grid.css.map */