.card[data-card=product]{view-transition-class:card;background-color:var(--color-bg);max-width:calc(var(--space-800) * 4);width:100%;margin-inline:auto;display:flex;flex-direction:column;position:relative;contain:content;isolation:isolate;content-visibility:auto;contain-intrinsic-height:31.25rem}.card[data-card=product]:has(.card-heading a:hover,.card-heading a:focus) .card-frame *{scale:1.1}.card[data-card=product]:has(.card-heading a:active) .card-frame *{scale:1.05}.card[data-card=product]>*{padding-inline:var(--space-100-200);--flow-space: var(--space-050)}.card[data-card=product] .card-frame{--aspect-ratio: 1.4/1;padding:0;margin:var(--space-100);position:relative;overflow:hidden;background-color:var(--color-bg-alt)}.card[data-card=product] .card-frame *{transition:scale .8s cubic-bezier(.22,1,.36,1);transform-origin:center}.card[data-card=product] .card-frame .card-pattern{width:100%;color:var(--color-subtle);background-color:var(--color-inverse);--pattern_color: currentColor}.card[data-card=product] .card-frame .card-pattern>*{opacity:.5}.card[data-card=product][data-featured] .card-frame{margin:0;box-shadow:inset 0 0 45px #0003;--aspect-ratio: 1.2/1}.card[data-card=product] .featured-tag{--color-tag-bg: var(--color-complementary);--color-tag-text: var(--color-text);--flow-space: 0;position:absolute;padding:0;inset:var(--space-025) auto auto var(--space-025);z-index:0}.card[data-card=product] .card-heading a{--color-interactive-decoration: transparent}.card[data-card=product] .card-heading a:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.card[data-card=product] .card-heading a:after{-webkit-mask-image:url(/build/assets/icon_arrow-right-BZyG7sC8.svg);mask-image:url(/build/assets/icon_arrow-right-BZyG7sC8.svg);content:"";will-change:opacity,transform;display:inline-block;-webkit-mask-size:cover;mask-size:cover;position:relative;top:calc(1lh - .9em);height:1em;width:1em;background-color:var(--color-complementary);translate:-.125em 0;opacity:0;transition:opacity .25s cubic-bezier(.22,1,.36,1),translate .5s cubic-bezier(.22,1,.36,1)}.card[data-card=product] .card-heading a:is(:hover,:focus,:active):after{translate:.5em 0;opacity:1;transition:opacity .1s cubic-bezier(.22,1,.36,1),translate .3s cubic-bezier(.22,1,.36,1)}.card[data-card=product] .card-body{line-height:var(--line-height-sm);margin-block-end:auto}.card[data-card=product] .card-footer{--gutter: var(--space-025)}.card[data-card=product] .card-footer .product-tags{margin-inline-start:calc(var(--space-025) * -1)}.card[data-card=product] .card-footer .tag>*{line-height:.75;letter-spacing:.1em}.card[data-card=product] .booth-link{flex-wrap:nowrap;position:relative;line-height:1;margin-inline-end:calc(var(--space-100-200) * -1);padding-inline-end:var(--space-100-200);padding-block:var(--space-150);--color-interactive-decoration: transparent;--gutter: var(--space-025)}.card[data-card=product] .booth-link:after{content:"";-webkit-mask-image:url(/build/assets/icon_arrow-ne-Da-YOOQE.svg);mask-image:url(/build/assets/icon_arrow-ne-Da-YOOQE.svg);-webkit-mask-size:cover;mask-size:cover;position:absolute;right:0;top:var(--space-150);height:1em;width:1em;background-color:var(--color-complementary);translate:-2em 0;opacity:0;will-change:opacity,transform;transition:opacity .25s cubic-bezier(.22,1,.36,1),translate .5s cubic-bezier(.22,1,.36,1)}.card[data-card=product] .booth-link:is(:hover,:focus,:active):after{translate:-.75em 0;opacity:1;transition:opacity .1s cubic-bezier(.22,1,.36,1),translate .3s cubic-bezier(.22,1,.36,1)}.card[data-card=product] .transition-exiting{transition:translate .2s cubic-bezier(.22,1,.36,1);translate:0 -5%}
