.tg-shop-by-brand{background:var(--tg-section-bg, var(--color-bg));padding-block:var(--space-section-y)!important}.tg-shop-by-brand__header{max-width:var(--container-wide);margin:0 auto var(--space-5);padding:0 var(--container-pad-x);display:flex;flex-direction:column;gap:var(--space-1)}.tg-shop-by-brand__eyebrow{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-fg-muted)}.tg-shop-by-brand__heading{font-family:var(--font-display);font-size:var(--fs-xl);letter-spacing:var(--tracking-tight);line-height:var(--lh-tight);margin:0}@media(min-width:1024px){.tg-shop-by-brand__heading{font-size:var(--fs-2xl)}}.tg-shop-by-brand__subheading{margin-top:var(--space-1);color:var(--color-fg-muted);max-width:50ch;font-size:var(--fs-sm)}.tg-shop-by-brand__grid{max-width:var(--container-wide);margin:0 auto;padding:0 var(--container-pad-x);display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2);list-style:none}@media(min-width:720px){.tg-shop-by-brand__grid{grid-template-columns:repeat(3,1fr);gap:var(--space-3)}}@media(min-width:1024px){.tg-shop-by-brand__grid{grid-template-columns:repeat(4,1fr)}}.tg-brand-tile-wrap[data-feature=true]{grid-column:span 2}@media(min-width:1024px){.tg-brand-tile-wrap[data-feature=true]{grid-row:span 2}}.tg-brand-tile{position:relative;display:block;aspect-ratio:3 / 4;background:var(--color-bg-subtle);border:1px solid var(--color-border);overflow:hidden;transition:border-color var(--dur-fast) var(--ease-out);text-decoration:none}.tg-brand-tile-wrap[data-feature=true] .tg-brand-tile{aspect-ratio:1 / 1}@media(min-width:1024px){.tg-brand-tile-wrap[data-feature=true] .tg-brand-tile{aspect-ratio:auto;height:100%}}.tg-brand-tile:hover{border-color:var(--color-border-strong)}.tg-brand-tile__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.tg-brand-tile__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.tg-brand-tile__scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(180deg,#0a0a0a00 40%,#0a0a0a8c)}.tg-brand-tile__label{position:relative;z-index:2;height:100%;padding:var(--space-3);display:flex;align-items:flex-end;justify-content:space-between}.tg-brand-tile__name{font-family:var(--font-display);font-size:var(--fs-md);font-weight:700;letter-spacing:var(--tracking-tight);color:var(--color-fg)}.tg-brand-tile-wrap[data-has-image=true] .tg-brand-tile__name,.tg-brand-tile-wrap[data-has-image=true] .tg-brand-tile__arrow{color:var(--color-bg)}@media(min-width:1024px){.tg-brand-tile__name{font-size:var(--fs-lg)}}.tg-brand-tile__arrow{font-family:var(--font-mono);color:var(--color-fg-muted);transition:transform var(--dur-fast) var(--ease-out)}.tg-brand-tile:hover .tg-brand-tile__arrow{color:var(--color-accent);transform:translate(2px)}.tg-shop-by-brand[data-variant=compact] .tg-shop-by-brand__grid{display:flex;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;gap:var(--space-2);scrollbar-width:none}.tg-shop-by-brand[data-variant=compact] .tg-shop-by-brand__grid::-webkit-scrollbar{display:none}.tg-shop-by-brand[data-variant=compact] .tg-brand-tile-wrap,.tg-shop-by-brand[data-variant=compact] .tg-brand-tile-wrap[data-feature=true]{flex:0 0 auto;grid-column:auto;scroll-snap-align:start}.tg-shop-by-brand[data-variant=compact] .tg-brand-tile,.tg-shop-by-brand[data-variant=compact] .tg-brand-tile-wrap[data-feature=true] .tg-brand-tile{aspect-ratio:auto;height:auto;background:var(--color-bg-elevated);border:1px solid var(--color-border)}.tg-shop-by-brand[data-variant=compact] .tg-brand-tile__image,.tg-shop-by-brand[data-variant=compact] .tg-brand-tile__scrim,.tg-shop-by-brand[data-variant=compact] .tg-brand-tile__bg{display:none}.tg-shop-by-brand[data-variant=compact] .tg-brand-tile__label{height:auto;padding:var(--space-3) var(--space-4);align-items:center;gap:var(--space-2)}.tg-shop-by-brand[data-variant=compact] .tg-brand-tile__name,.tg-shop-by-brand[data-variant=compact] .tg-brand-tile-wrap[data-has-image=true] .tg-brand-tile__name{color:var(--color-fg);font-size:var(--fs-sm);white-space:nowrap}.tg-shop-by-brand[data-variant=compact] .tg-brand-tile__arrow,.tg-shop-by-brand[data-variant=compact] .tg-brand-tile-wrap[data-has-image=true] .tg-brand-tile__arrow{color:var(--color-fg-muted)}@media(min-width:720px){.tg-shop-by-brand[data-variant=compact] .tg-shop-by-brand__grid{display:grid;grid-template-columns:repeat(3,1fr);overflow:visible;scroll-snap-type:none;gap:var(--space-3)}.tg-shop-by-brand[data-variant=compact] .tg-brand-tile,.tg-shop-by-brand[data-variant=compact] .tg-brand-tile-wrap[data-feature=true] .tg-brand-tile{aspect-ratio:3 / 4}.tg-shop-by-brand[data-variant=compact] .tg-brand-tile__image,.tg-shop-by-brand[data-variant=compact] .tg-brand-tile__scrim,.tg-shop-by-brand[data-variant=compact] .tg-brand-tile__bg{display:block}.tg-shop-by-brand[data-variant=compact] .tg-brand-tile__label{height:100%;padding:var(--space-3);align-items:flex-end}}@media(min-width:1024px){.tg-shop-by-brand[data-variant=compact] .tg-shop-by-brand__grid{grid-template-columns:repeat(4,1fr)}.tg-shop-by-brand[data-variant=compact] .tg-brand-tile-wrap[data-feature=true]{grid-row:span 2}}.tg-shop-by-brand[data-variant=carousel] .tg-shop-by-brand__grid{max-width:none;margin:0;padding-inline-start:var(--container-pad-x);padding-inline-end:0;display:flex;flex-wrap:nowrap;gap:var(--space-3);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}.tg-shop-by-brand[data-variant=carousel] .tg-shop-by-brand__grid::-webkit-scrollbar{display:none}.tg-shop-by-brand[data-variant=carousel] .tg-brand-tile-wrap,.tg-shop-by-brand[data-variant=carousel] .tg-brand-tile-wrap[data-feature=true]{flex:0 0 calc((100% - (var(--tiles-per-view-mobile) - 1) * var(--space-3)) / var(--tiles-per-view-mobile));grid-column:auto;grid-row:auto;scroll-snap-align:start}@media(min-width:720px){.tg-shop-by-brand[data-variant=carousel] .tg-brand-tile-wrap,.tg-shop-by-brand[data-variant=carousel] .tg-brand-tile-wrap[data-feature=true]{flex:0 0 calc((100% - (var(--tiles-per-view-tablet) - 1) * var(--space-3)) / var(--tiles-per-view-tablet))}}@media(min-width:1024px){.tg-shop-by-brand[data-variant=carousel] .tg-brand-tile-wrap,.tg-shop-by-brand[data-variant=carousel] .tg-brand-tile-wrap[data-feature=true]{flex:0 0 calc((100% - (var(--tiles-per-view-desktop) - 1) * var(--space-3)) / var(--tiles-per-view-desktop))}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/tg-shop-by-brand.css.map */