.on-tiles{background:var(--on-color-white)}.on-tiles__list{display:grid;grid-template-columns:repeat(var(--on-tiles-columns, 2),minmax(0,1fr));margin:0;padding:0;list-style:none}.on-tile{position:relative;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;aspect-ratio:var(--on-tile-ratio, 9 / 16);overflow:hidden;color:var(--on-color-white);text-decoration:none}.on-tile__media{position:absolute;top:0;right:0;bottom:0;left:0}.on-tile__image{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s var(--on-ease-out)}@media(hover:hover){a.on-tile:hover .on-tile__image{transform:scale(1.03)}}.on-tile__content{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:0 0 24px 32px}.on-tile__title{margin:0;color:inherit;font-family:var(--on-font-sans);font-size:32px;font-weight:700;line-height:44px;letter-spacing:var(--on-tracking);text-transform:uppercase}.on-tile__cta{font-family:var(--on-font-display);font-size:16.5px;font-weight:400;line-height:22px;letter-spacing:var(--on-tracking);text-transform:uppercase}a.on-tile:hover .on-tile__cta,a.on-tile:focus-visible .on-tile__cta{text-decoration:underline;text-underline-offset:3px}a.on-tile:focus-visible{outline:2px solid var(--on-color-white);outline-offset:-6px}.on-tiles--content-row .on-tile,.on-tiles--content-featured .on-tile{align-items:center}.on-tiles--content-row .on-tile__content,.on-tiles--content-featured .on-tile__content{flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;padding-inline:16px;text-align:center}.on-tiles--content-row-left .on-tile__content{flex-direction:row;flex-wrap:wrap;align-items:center;gap:6px 12px;padding-right:16px}.on-tiles--content-featured .on-tile{justify-content:center;align-items:stretch}.on-tiles--content-featured .on-tile__content{flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;gap:0;padding:0 16px 23px calc(593 / 1440 * 100%);text-align:left}.on-tiles--content-featured .on-tile__title{min-width:0;font-size:48px;line-height:58px}.on-tiles--content-featured .on-tile__cta{flex:none}@media(prefers-reduced-motion:reduce){.on-tile__image{transition:none}}@media screen and (max-width:749px){.on-tile{aspect-ratio:var(--on-tile-ratio-mobile, 9 / 16)}.on-tile__content{gap:2px;padding:0 0 10px 16px}.on-tile__title{font-size:28px;line-height:32px}.on-tiles--mobile-scroll .on-tiles__list{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.on-tiles--mobile-scroll .on-tiles__list::-webkit-scrollbar{display:none}.on-tiles--mobile-scroll .on-tiles__item{flex:0 0 88%;max-width:330px;scroll-snap-align:start}.on-tiles--mobile-stack .on-tiles__list{grid-template-columns:minmax(0,1fr)}.on-tiles--content-row-left .on-tile__content{gap:2px 12px;padding-bottom:12px}.on-tiles--content-featured .on-tile__content{padding-bottom:17px;padding-left:calc(50 / 375 * 100%)}.on-tiles--content-featured .on-tile__title{font-size:28px;line-height:32px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/on-category-tiles.css.map */