.tl-collection-grid{container-name:tl-collection-grid;container-type:inline-size;display:grid;row-gap:var(--gap)}.tl-collection-grid .tl-collection-grid__header{display:grid;gap:var(--gap-sm)}.tl-collection-grid .tl-collection-grid__copy{width:100%;max-width:none;display:grid;gap:var(--gap-sm)}.tl-collection-grid .tl-collection-grid__heading{margin:0;color:var(--font-h3--color);font-family:var(--font-h3--family);font-size:var(--font-h3--size);font-style:var(--font-h3--style);font-weight:var(--font-h3--weight);line-height:var(--font-h3--line-height);letter-spacing:var(--font-h3--letter-spacing);text-transform:var(--font-h3--case);text-wrap:pretty}.tl-collection-grid .tl-collection-grid__description{width:100%;max-width:none;color:var(--color-foreground);font-family:var(--font-paragraph--family);font-size:var(--font-size--md);line-height:var(--line-height--body-normal);letter-spacing:var(--letter-spacing--body-normal)}.tl-collection-grid .tl-collection-grid__description>*:first-child{margin-block-start:0}.tl-collection-grid .tl-collection-grid__description>*:last-child{margin-block-end:0}.tl-collection-grid .tl-collection-grid__cta{min-height:var(--minimum-touch-target);display:inline-flex;align-items:center;justify-content:center;gap:var(--gap-xs);border:var(--style-border-width) solid transparent;border-radius:var(--style-border-radius-buttons-secondary);background:transparent;padding-block:var(--padding-md);padding-inline:var(--padding-xs);color:var(--color-text-link, var(--color-primary-hover));font-family:var(--font-heading--family);font-size:var(--font-size--sm);font-weight:var(--font-accent--weight);line-height:var(--line-height--body-normal);text-decoration:none;transition:background-color var(--animation-speed-medium) var(--ease-out-cubic),border-color var(--animation-speed-medium) var(--ease-out-cubic),color var(--animation-speed-medium) var(--ease-out-cubic)}.tl-collection-grid .tl-collection-grid__cta:hover{color:var(--color-foreground-heading)}.tl-collection-grid .tl-collection-grid__cta-icon{width:var(--icon-size-sm);height:var(--icon-size-sm);display:inline-flex;flex:0 0 auto}.tl-collection-grid .tl-collection-grid__cta-icon svg{width:100%;height:100%}.tl-collection-grid .tl-collection-grid__grid{--tl-collection-grid-gap: var(--tl-collection-grid-gap-mobile);width:100%;display:grid;grid-template-columns:repeat(var(--tl-collection-grid-mobile-columns),minmax(0,1fr));gap:var(--tl-collection-grid-gap);margin:auto;padding:0;list-style:none;container-name:tl-collection-grid-list;container-type:inline-size}.tl-collection-grid .tl-collection-grid__card-wrap{min-width:0;display:grid;overflow:hidden;border:var(--style-border-width) solid rgb(var(--color-foreground-rgb) / var(--tl-collection-grid-card-border-opacity));border-radius:var(--style-border-radius-card)}.tl-collection-grid .tl-collection-grid__card{width:100%;min-width:0;display:grid;grid-template-rows:auto auto;overflow:hidden;border:0;border-radius:inherit;background:transparent;color:var(--color-foreground);text-decoration:none;-webkit-user-select:none;user-select:none;contain:layout paint;transition:border-color var(--animation-speed-medium) var(--ease-out-cubic)}.tl-collection-grid .tl-collection-grid__card-wrap:has(.tl-collection-grid__card:hover){border-color:rgb(var(--color-foreground-rgb) / var(--opacity-25))}.tl-collection-grid .tl-collection-grid__card-wrap:has(.tl-collection-grid__card:focus-visible){border-color:rgb(var(--color-foreground-rgb) / var(--opacity-25));outline:var(--border-width-md) solid var(--color-primary);outline-offset:var(--padding-2xs)}.tl-collection-grid .tl-collection-grid__card-copy{min-width:0;display:grid;align-content:center;justify-items:start;gap:var(--tl-collection-grid-tile-copy-gap);padding:var(--padding-md) var(--padding-lg) var(--padding-lg);background:rgb(var(--color-background-rgb))}.tl-collection-grid .tl-collection-grid__card-title{margin:0;color:var(--color-foreground-heading);font-family:var(--font-heading--family);font-size:var(--font-size--md);font-weight:var(--font-accent--weight);line-height:var(--line-height--body-normal);letter-spacing:0;text-wrap:pretty}.tl-collection-grid .tl-collection-grid__card-description,.tl-collection-grid .tl-collection-grid__card-meta{margin:0;color:rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text));font-size:var(--font-size--sm);line-height:var(--line-height--body-normal)}.tl-collection-grid .tl-collection-grid__card-meta{color:var(--color-text-link, var(--color-primary-hover));font-family:var(--font-heading--family);font-weight:var(--font-accent--weight)}.tl-collection-grid .tl-collection-grid__card-media{min-width:0;aspect-ratio:1 / .86;display:grid;place-items:stretch;overflow:hidden;padding:var(--padding-xl) var(--padding-md) var(--padding-sm)}.tl-collection-grid .tl-collection-grid__card-image{width:100%;height:100%;min-width:0;min-height:0;display:block;object-fit:contain;object-position:center}.tl-collection-grid--content-bottom .tl-collection-grid__card{grid-template-rows:auto auto}.tl-collection-grid--content-bottom .tl-collection-grid__card-copy{order:2}.tl-collection-grid--content-bottom .tl-collection-grid__card-media{order:1}.tl-collection-grid--text-center .tl-collection-grid__card-copy{justify-items:center;text-align:center}.tl-collection-grid--text-right .tl-collection-grid__card-copy{justify-items:end;text-align:end}.tl-collection-grid .tl-collection-grid__card-placeholder{width:100%;aspect-ratio:1;display:block;border-radius:var(--style-border-radius-product);background:rgb(var(--color-foreground-rgb) / var(--opacity-5))}.tl-collection-grid .tl-collection-grid__empty{padding:var(--padding-2xl);border:var(--style-border-width) dashed rgb(var(--color-foreground-rgb) / var(--opacity-25));border-radius:var(--style-border-radius-card);color:rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text));font-size:var(--font-size--sm)}@media screen and (min-width:750px){.tl-collection-grid .tl-collection-grid__grid{--tl-collection-grid-gap: var(--tl-collection-grid-gap-desktop);grid-template-columns:var(--tl-collection-grid-columns-tablet)}}@container tl-collection-grid (min-width: 1040px){.tl-collection-grid .tl-collection-grid__grid{grid-template-columns:var(--tl-collection-grid-columns-desktop)}}@container (max-width: 989px){.tl-collection-grid{row-gap:var(--gap-xl)}.tl-collection-grid .tl-collection-grid__header{align-items:start;gap:var(--gap-sm)}.tl-collection-grid .tl-collection-grid__cta,.tl-collection-grid .tl-collection-grid__card-description,.tl-collection-grid .tl-collection-grid__card-meta{font-size:var(--font-size--xs)}.tl-collection-grid .tl-collection-grid__card{grid-template-rows:auto auto}.tl-collection-grid .tl-collection-grid__card-copy{padding:var(--padding-md) var(--padding-lg)}.tl-collection-grid .tl-collection-grid__card-title{font-size:var(--font-size--md)}.tl-collection-grid .tl-collection-grid__card-media{aspect-ratio:1 / .92;padding-block:var(--padding-lg) var(--padding-xs);padding-inline:var(--padding-md)}}@media screen and (max-width:749px){.tl-collection-grid .tl-collection-grid__card-media{aspect-ratio:1 / .9}}@media screen and (max-width:399px){.tl-collection-grid .tl-collection-grid__card-title{font-size:var(--font-size--sm)}}@media(prefers-reduced-motion:reduce){.tl-collection-grid :is(.tl-collection-grid__cta,.tl-collection-grid__card){transition:none}}
/*# sourceMappingURL=/cdn/shop/t/123/assets/tl-collection-grid.css.map */