.dev-info-tile{container-type:inline-size;container-name:info-tile;overflow:hidden;border-radius:var(--style-border-radius-card);width:100%;aspect-ratio:4 / 5;height:auto;background-color:var(--ds-gray-200)}.dev-info-tile--full-background{position:relative;display:grid;grid-template:1fr / 1fr;background-color:transparent;--dev-info-tile-full-bg-heading-size: var(--font-h7--size, 1.75rem);--dev-info-tile-full-bg-overlay-10: color-mix(in srgb, var(--ds-gray-900, rgb(30 28 26)) 10%, transparent);--dev-info-tile-full-bg-overlay-20: color-mix(in srgb, var(--ds-gray-900, rgb(30 28 26)) 20%, transparent)}.dev-info-tile--full-background.dev-info-tile--no-media{background-color:var(--ds-gray-200)}.dev-info-tile--full-background.dev-info-tile--no-media:before{content:none}.dev-info-tile--full-background .dev-info-tile__heading{font-family:var(--font-h7--family);font-style:var(--font-h7--style);font-weight:500;font-size:var(--dev-info-tile-full-bg-heading-size);line-height:var(--font-h7--line-height, 1.4);letter-spacing:var(--font-h7--letter-spacing);color:var(--color-foreground-heading)}.dev-info-tile--full-background:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:inherit;pointer-events:none;background:linear-gradient(90deg,var(--dev-info-tile-full-bg-overlay-10) 6.9%,transparent 75%)}.dev-info-tile--full-background .dev-info-tile__media{grid-area:1 / 1;position:relative;min-height:0;overflow:hidden}.dev-info-tile--full-background .dev-info-tile__bg-image-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background-color:var(--ds-gray-200)}.dev-info-tile--full-background .dev-info-tile__bg-image-wrapper:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:linear-gradient(0deg,transparent 69.85%,var(--dev-info-tile-full-bg-overlay-10) 89.85%)}.dev-info-tile--full-background .dev-info-tile__bg-image-wrapper img,.dev-info-tile--full-background .dev-info-tile__bg-image-wrapper video,.dev-info-tile--full-background .dev-info-tile__bg-image-wrapper .dev-info-tile__poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.dev-info-tile--full-background .dev-info-tile__bg-image-wrapper .dev-info-tile__poster{z-index:0}.dev-info-tile--full-background .dev-info-tile__bg-image-wrapper video{z-index:1}.dev-info-tile--full-background .dev-info-tile__content{grid-area:1 / 1;position:relative;z-index:2;display:flex;flex-direction:column;justify-content:space-between;min-height:0;padding:1.5rem;background:transparent;overflow:hidden}.dev-info-tile--full-background .dev-info-tile__content>a{align-self:flex-start}.dev-info-tile--linked{cursor:pointer}.dev-info-tile--linked .dev-info-tile__content>a{position:static}.dev-info-tile--linked .dev-info-tile__content>a:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}@media(hover:hover)and (pointer:fine){.dev-info-tile--linked:hover .button-primary-light:not(.button--has-custom-colors){--button-color: var(--ds-gray-000, #ffffff);--button-background-color: var(--ds-gray-900, #1e1c1a);--button-border-color: var(--ds-gray-900, #1e1c1a);color:var(--ds-gray-000, #ffffff);background-color:var(--ds-gray-900, #1e1c1a);box-shadow:inset 0 0 0 var(--button-border-width) var(--ds-gray-900, #1e1c1a)}.dev-info-tile--linked:hover .button--hover-slide .button__slide-track{transform:translateY(-50%)}}@media screen and (min-width:1280px){.dev-info-tile--full-background{--dev-info-tile-full-bg-heading-size: var(--font-h5--size, 2.5rem)}}@media screen and (max-width:989px){.dev-info-tile--full-background:before{background:linear-gradient(to top,var(--dev-info-tile-full-bg-overlay-20) .147%,var(--dev-info-tile-full-bg-overlay-10) 49.4%,transparent 99.853%)}.dev-info-tile--full-background .dev-info-tile__content{justify-content:space-between;padding:1rem}.dev-info-tile .dev-info-tile__content>a{flex-shrink:1;max-width:100%;min-width:0}.dev-info-tile .dev-info-tile__content>a .button__label-row{max-width:100%;min-width:0}.dev-info-tile .dev-info-tile__content>a .button__label-text,.dev-info-tile .dev-info-tile__content>a .button__slide-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dev-info-tile .dev-info-tile__content>a .button__slide-line{overflow:hidden;text-overflow:ellipsis}}.dev-info-tile--centered-image{--dev-info-tile-centered-gap: clamp(1rem, 12cqw, 2.75rem);--dev-info-tile-centered-padding: clamp(1rem, 12cqw, 2.75rem);--dev-info-tile-figure-width: clamp(4.5rem, 48cqw, 7.5rem);--dev-info-tile-heading-size: var(--font-body_l--size, 1.1875rem);--dev-info-tile-eyebrow-size: var(--font-body_xs--size, .75rem);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background-color:var(--dev-info-tile-bg, var(--color-background, var(--ds-gray-000, #fff)));color:var(--dev-info-tile-fg, var(--color-foreground, var(--ds-gray-900, rgb(30 28 26))));padding:var(--dev-info-tile-centered-padding)}.dev-info-tile--centered-image.dev-info-tile--has-figure{padding:var(--dev-info-tile-centered-padding)}.dev-info-tile--centered-image .dev-info-tile__eyebrow,.dev-info-tile--centered-image .dev-info-tile__heading{color:var(--dev-info-tile-fg, inherit)}.dev-info-tile--centered-image .dev-info-tile__content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--dev-info-tile-centered-gap);width:100%;min-height:0;padding:0}.dev-info-tile--centered-image .dev-info-tile__eyebrow{margin:0;width:100%;max-width:12rem;font-size:var(--dev-info-tile-eyebrow-size);line-height:var(--font-body_xs--line-height, 1.4);text-transform:uppercase;letter-spacing:.04em}.dev-info-tile--centered-image .dev-info-tile__figure{position:relative;width:var(--dev-info-tile-figure-width);aspect-ratio:120 / 80;flex-shrink:0;overflow:hidden;background-color:var(--ds-gray-200)}.dev-info-tile--centered-image .dev-info-tile__figure-image,.dev-info-tile--centered-image .dev-info-tile__figure-video{width:100%;height:100%;display:block}.dev-info-tile--centered-image .dev-info-tile__figure-image{object-fit:cover}.dev-info-tile--centered-image .dev-info-tile__figure-video{object-fit:cover;z-index:1}.dev-info-tile--centered-image .dev-info-tile__figure .dev-info-tile__figure-video,.dev-info-tile--centered-image .dev-info-tile__figure .dev-info-tile__poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.dev-info-tile--centered-image .dev-info-tile__figure .dev-info-tile__poster{object-fit:cover;z-index:0}.dev-info-tile--centered-image .dev-info-tile__heading{margin:0;width:100%;max-width:100%;font-size:var(--dev-info-tile-heading-size);font-weight:500;line-height:1.3}@media screen and (min-width:990px)and (max-width:1279px){.dev-info-tile--centered-image{--dev-info-tile-heading-size: clamp(.875rem, 8cqw, var(--font-body_l--size, 1.1875rem));--dev-info-tile-eyebrow-size: clamp(.625rem, 5.5cqw, var(--font-body_xs--size, .75rem))}}@media screen and (max-width:989px){.dev-info-tile--centered-image{--dev-info-tile-centered-gap: .75rem;--dev-info-tile-centered-padding: var(--padding-md, .75rem)}.dev-info-tile--centered-image .dev-info-tile__figure{display:none}.dev-info-tile--centered-image .dev-info-tile__eyebrow{max-width:none}ul.product-grid[product-grid-view=mobile-single] .dev-info-tile--centered-image{--dev-info-tile-centered-gap: 1rem;--dev-info-tile-centered-padding: 1rem;--dev-info-tile-figure-width: clamp(6rem, 42cqw, 7.5rem);--dev-info-tile-heading-size: var(--font-h7--size, 1.75rem);--dev-info-tile-eyebrow-size: var(--font-body_m--size, 1rem)}ul.product-grid[product-grid-view=mobile-single] .dev-info-tile--full-background{--dev-info-tile-full-bg-heading-size: var(--font-size--h5, 2.5rem)}ul.product-grid[product-grid-view=mobile-single] .dev-info-tile--centered-image .dev-info-tile__figure{display:block}ul.product-grid[product-grid-view=mobile-single] .dev-info-tile__heading,ul.product-grid[product-grid-view=mobile-single] .dev-info-tile__eyebrow{max-width:90%}ul.product-grid[product-grid-view=mobile-single] .product-grid__item--info-tile{margin-block-end:44px}}@media screen and (min-width:990px){@container info-tile (max-width: 240px){.dev-info-tile--centered-image .dev-info-tile__eyebrow{max-width:none}}}.dev-info-tile__heading{margin:0}.product-grid__item--info-tile{min-height:0;align-self:start}ul.product-grid[product-grid-view=zoom-out] .product-grid__item--info-tile{display:none}
/*# sourceMappingURL=/cdn/shop/t/332/assets/dev-collection-info-tile.css.map */