.Tiles-Component{---Tile-Background: transparent ;---Bar-Background: transparent ;---Bar-Opacity: 0 ;---Tile-Width: 0px }.Tiles-Component:where([data-size = "Small"]){---Tile-Width: 140px }.Tiles-Component:where([data-size = "Large"]){---Tile-Width: 240px }@media(min-width:1008px){.Tiles-Component{---Tile-Width: 240px }}.Tiles-Component{flex-direction:column;display:flex;width:100%;&[data-mode = "Slider"]{}&[data-mode = "Grid"]{display:grid}}.Tiles-Swiper{width:100%;overflow-x:clip;overflow-y:clip}@media not (min-width:1008px){.Tiles-Swiper{.Tiles-Component[data-layout-mobile = "Grid"] &{width:100%}.Tiles-Component[data-layout-mobile = "Slider"] &{position:relative;width:100dvw;left:50%;translate:-50% 0%}}}@media(min-width:1008px){.Tiles-Swiper{.Tiles-Component[data-layout-desktop = "Grid"] &{width:100%}.Tiles-Component[data-layout-desktop = "Slider"] &{position:relative;width:100dvw;left:50%;translate:-50% 0%;padding-inline:calc(var( --Container-Gutter ) - 1rem)}}}.Tiles-Controls{justify-content:flex-end;display:flex;gap:1rem;padding:1rem}@media not (min-width:1008px){.Tiles-Controls{.Tiles-Component[data-layout-mobile = "Grid"] &{display:none}}}@media(min-width:1008px){.Tiles-Controls{.Tiles-Component[data-layout-desktop = "Grid"] &{display:none}}}.Tiles-Control{display:block;cursor:pointer;&[aria-disabled = "true"],&.swiper-button-lock{opacity:.3;cursor:initial}}.Tiles-Control.swiper-button-lock{display:block}.Tiles-Control img,.Tiles-Control svg{display:block;aspect-ratio:1;height:auto;width:1.5rem;object-position:center;object-fit:contain}.Tiles-Wrapper.swiper-wrapper{---Width: minmax( var( ---Tile-Width ) , 1fr ) ;---Columns: repeat( auto-fill , var( ---Width ) ) ;grid-auto-rows:max-content;display:grid}@media not (min-width:1008px){.Tiles-Wrapper.swiper-wrapper{.Tiles-Component[data-layout-mobile = "Slider"] &{grid-auto-columns:calc(var( ---Tile-Width ) + 1rem);grid-auto-flow:column}.Tiles-Component[data-layout-mobile = "Grid"] &{transform:unset!important;grid-template-columns:var( ---Columns );gap:0 1rem}}}@media(min-width:1008px){.Tiles-Wrapper.swiper-wrapper{.Tiles-Component[data-layout-desktop = "Slider"] &{grid-auto-columns:calc(var( ---Tile-Width ) + 1rem);grid-auto-flow:column}.Tiles-Component[data-layout-desktop = "Grid"] &{transform:unset!important;grid-template-columns:var( ---Columns );gap:0 1rem}}}
/*# sourceMappingURL=/cdn/shop/t/562/assets/Tiles.css.map */