.tile{--tile-fg: #ffffff;--tile-button-bg: #ffffff;--tile-button-fg: #141414;--tile-scrim-rgb: 0, 0, 0;--tile-radius: calc(var(--radius-card) * 1.6);position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:flex-end;min-width:0;min-height:var(--tile-min-height, 260px);overflow:hidden;border-radius:var(--tile-radius);background:#141414;color:var(--tile-fg)}.tile[data-tone=dark]{--tile-fg: #141414;--tile-button-bg: #141414;--tile-button-fg: #ffffff;--tile-scrim-rgb: 255, 255, 255}.tile[data-valign=top]{justify-content:flex-start}.tile[data-valign=center]{justify-content:center}.tile__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.tile__media picture,.tile__media img{display:block;width:100%;height:100%}.tile__media img{object-fit:cover;transition:transform .6s var(--ease-out)}.tile[data-valign=center] .tile__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(var(--tile-scrim-rgb),var(--tile-overlay, 0))}@media(hover:hover){.tile:hover .tile__media img{transform:scale(1.03)}}.tile--fallback-1 .tile__media{background:linear-gradient(135deg,#5b3df5,#3a22b8)}.tile--fallback-2 .tile__media{background:linear-gradient(135deg,#2b2b2b,#141414)}.tile--fallback-3 .tile__media{background:linear-gradient(135deg,#efebff,#ddd5ff)}.tile__content{--tile-pad: clamp(20px, 3.2vw, 40px);display:flex;flex-direction:column;align-items:flex-start;width:100%;padding:var(--tile-pad);background:rgba(var(--tile-scrim-rgb),var(--tile-overlay, 0))}.tile__content:before,.tile[data-valign=top] .tile__content:after{content:"";flex:none;align-self:stretch;height:var(--tile-fade, 0px)}.tile__content:before{margin:calc(-1 * (var(--tile-pad) + var(--tile-fade, 0px))) calc(-1 * var(--tile-pad)) var(--tile-pad);background:linear-gradient(to top,rgba(var(--tile-scrim-rgb),var(--tile-overlay, 0)),rgba(var(--tile-scrim-rgb),0))}.tile[data-valign=top] .tile__content:before{display:none}.tile[data-valign=top] .tile__content:after{margin:var(--tile-pad) calc(-1 * var(--tile-pad)) calc(-1 * (var(--tile-pad) + var(--tile-fade, 0px)));background:linear-gradient(to bottom,rgba(var(--tile-scrim-rgb),var(--tile-overlay, 0)),rgba(var(--tile-scrim-rgb),0))}.tile[data-valign=center] .tile__content{background:none}.tile[data-valign=center] .tile__content:before{display:none}.tile[data-align=center] .tile__content{align-items:center;text-align:center}.tile__heading{max-width:38rem;color:inherit;line-height:1.06;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}.tile--large .tile__heading{font-size:clamp(2rem,1.05rem + 3.4vw,3.5rem)}.tile--small .tile__heading{font-size:clamp(1.375rem,1.1rem + 1.1vw,1.875rem)}.tile__text{max-width:30rem;margin:12px 0 0;font-size:1rem;line-height:1.5;overflow-wrap:anywhere}.tile--small .tile__text{font-size:.9375rem}.tile__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.tile[data-align=center] .tile__actions{justify-content:center}.tile .button--tile{background:var(--tile-button-bg);color:var(--tile-button-fg)}.tile .button--tile-outline{border-color:currentColor;background:transparent;color:var(--tile-fg)}@media(hover:hover){.tile .button--tile:hover{box-shadow:inset 0 0 0 999px #8080802e}.tile .button--tile-outline:hover{background:rgba(var(--tile-scrim-rgb),.16)}}.tile .button:focus-visible{outline:2px solid var(--tile-fg);outline-offset:3px}.tile .tile__stretch{position:static}.tile__stretch:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.tile__actions .button:not(.tile__stretch){z-index:1}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-tile.css.map */