.tile-row{position:relative}.tile-row__filters{position:absolute;width:0;height:0}.tile-row--border-top{border-top:.1rem solid rgb(var(--color-border))}.tile-row--border-bottom{border-bottom:.1rem solid rgb(var(--color-border))}.tile-row__list{display:grid;grid-template-columns:repeat(var(--tile-row-columns-mobile, 2),minmax(0,1fr));column-gap:var(--tile-row-column-gap, 2.4rem);row-gap:var(--tile-row-row-gap, 3.2rem);width:100%;margin:0;padding:0;list-style:none}.tile-row__slider-wrap{position:relative}.tile-row--slider .tile-row__list{--tile-row-slider-visible: 1;display:flex;flex-wrap:nowrap;gap:var(--tile-row-column-gap, 2.4rem);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;touch-action:pan-x pan-y;cursor:grab;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;column-gap:0;row-gap:0;justify-content:space-between}.tile-row--slider .tile-row__item,.tile-row--slider .tile-row__link{cursor:inherit}.tile-row--slider .tile-row__link,.tile-row--slider .tile-row__image,.tile-row--slider .tile-row__media{-webkit-user-drag:none}.tile-row--slider .tile-row__list.is-pointer-down{cursor:grabbing}.tile-row--slider .tile-row__list.is-dragging{scroll-snap-type:none}.tile-row--slider .tile-row__list.is-dragging,.tile-row--slider .tile-row__list.is-dragging *{-webkit-user-select:none;user-select:none}.tile-row--slider .tile-row__list.is-dragging .tile-row__link{pointer-events:none}.tile-row--slider .tile-row__list::-webkit-scrollbar{display:none}.tile-row--slider .tile-row__item{flex:0 0 calc((100% - ((var(--tile-row-slider-visible) - 1) * var(--tile-row-column-gap, 2.4rem))) / var(--tile-row-slider-visible));scroll-snap-align:start}.tile-row__slider-nav{display:none;align-items:center;justify-content:space-between;pointer-events:none;position:absolute;top:50%;left:-1.6rem;right:-1.6rem;transform:translateY(-50%);z-index:2}.tile-row__slider-nav.is-visible{display:flex}.tile-row__slider-nav .slider-button{pointer-events:auto}@media screen and (max-width:989px){.tile-row--slider>.container{padding-left:0;padding-right:0}.tile-row--slider .tile-row__slider-nav{left:1.6rem;right:1.6rem}.tile-row__slider-nav--hide-mobile,.tile-row__slider-nav--hide-mobile.is-visible{display:none}}@media screen and (max-width:749px){.tile-row--slider .tile-row__list{--tile-row-slider-mobile-peek: clamp(4.4rem, 15vw, 8rem)}.tile-row--slider .tile-row__item{flex-basis:calc(100% - var(--tile-row-column-gap, 2.4rem) - var(--tile-row-slider-mobile-peek))}}@media screen and (min-width:750px){.tile-row--slider .tile-row__list{--tile-row-slider-visible: 3}.tile-row__slider-nav{left:-2.4rem;right:-2.4rem}}.tile-row__item,.tile-row__link,.tile-row__media{min-width:0;width:100%}.tile-row__link{display:flex;flex-direction:column;gap:1.2rem;color:rgb(var(--color-foreground));text-decoration:none}.tile-row__media{position:relative;display:block;overflow:hidden;border-radius:var(--border-radius-block-small)}.tile-row__media:after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;content:"";background:var(--tile-row-image-url) center / cover no-repeat;filter:var(--tile-row-image-tint-filter);opacity:var(--tile-row-image-tint-opacity, 0);transition:opacity var(--duration-default) ease}.tile-row__media--landscape{aspect-ratio:3 / 2}.tile-row__media--portrait{aspect-ratio:3 / 4}.tile-row__media--square{aspect-ratio:1}.tile-row__image{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(var(--tile-row-image-desaturation, 0%));transition:filter var(--duration-default) ease,transform var(--duration-default) ease}.tile-row__title{display:block;margin:0;color:inherit;font-family:var(--font-button-family);font-weight:var(--font-button-weight);letter-spacing:var(--font-boing-letter-spacing)}.tile-row__title.h5{font-size:calc(var(--font-heading-h5-scale) * 1.2rem)}@media screen and (pointer:fine){.tile-row__list:not(.tile-row__list--image-treatment) a.tile-row__link:hover .tile-row__image{transform:scale(1.03)}.tile-row__list--image-treatment a.tile-row__link:hover .tile-row__image{filter:grayscale(0)}.tile-row__list--image-treatment a.tile-row__link:hover .tile-row__media:after{opacity:0}}@media screen and (min-width:990px){.tile-row__list{grid-template-columns:repeat(var(--tile-row-columns, 4),minmax(0,1fr))}.tile-row--slider .tile-row__list{--tile-row-slider-visible: 4;grid-template-columns:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-tile-row.css.map */
