.wide-card{position:relative;display:grid;grid-template-columns:minmax(0,1fr) clamp(11rem,34%,22rem);block-size:100%;box-sizing:border-box;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--paper);color:var(--ink);text-align:start;transition:border-color .18s var(--ease-out)}.wide-card.is-plain{grid-template-columns:minmax(0,1fr) auto;align-items:center}.wide-card[hidden]{display:none}@media(hover:hover)and (prefers-reduced-motion:no-preference){.wide-card:hover{border-color:var(--ink-soft)}}.wide-card .about{display:grid;align-content:center;justify-items:start;gap:var(--space-1);inline-size:auto;min-inline-size:0;margin:0;padding:clamp(1.6rem,2.4vw,2.4rem);border-block:0}.wide-card .ground{position:relative;min-block-size:100%}.wide-card .ground img:not(.faces img){position:absolute;top:0;right:0;bottom:0;left:0;display:block;inline-size:100%;block-size:100%;object-fit:cover}.wide-card .kicker,.wide-card .helper{margin:0;color:var(--ink-soft);font-size:1.4rem}.wide-card h3{margin:0;color:inherit;font-size:clamp(2.2rem,2.2vw,2.8rem);line-height:1.1}.wide-card h3 a{color:inherit;text-decoration:none}.wide-card h3 a:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.wide-card h3 a:focus-visible{outline:none}.wide-card h3 a:focus-visible:after{outline:var(--focus-ring);outline-offset:-4px;border-radius:var(--radius-lg)}@media(hover:hover){.wide-card:hover h3 a{text-decoration:underline}}.wide-card .actions{position:relative;z-index:1;display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1)}.wide-card .faces{--face-size: 5.2rem;position:absolute;inset-block-end:1.2rem;inset-inline-end:1.2rem}.wide-card.is-plain .faces{position:relative;inset:auto;padding-inline-end:2rem}.wide-card.is-side{align-self:start;block-size:auto;max-inline-size:48rem;margin-inline-start:auto}.wide-card.is-side .about{padding:1.6rem 2rem}.wide-card.is-side h3{font-size:2.2rem}.wide-card.is-side .helper:not(:last-of-type){display:none}.wide-card.is-side .faces{--face-size: 4.8rem}.product-therapy-band .wide-card{block-size:auto}.wide-card .helper:not(:last-of-type){display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.wide-card.is-compact{min-block-size:0;max-inline-size:none;max-block-size:none;margin-inline-start:0;padding:1.2rem 2rem;border-radius:var(--radius-md);background:var(--paper);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}@media(hover:hover)and (prefers-reduced-motion:no-preference){.wide-card.is-compact:hover{translate:none;box-shadow:inset 0 0 0 1px var(--ink-soft)}}.wide-card.is-compact .about{inline-size:auto;margin:0;gap:.2rem;padding:0}.wide-card.is-compact .kicker{color:var(--ink-soft);font-size:1.3rem}.wide-card.is-compact h3{font-size:2rem}.wide-card.is-compact .helper{display:block;color:var(--ink-soft)}.wide-card.is-compact .helper strong{color:var(--ink)}.wide-card.is-compact .faces{--face-size: 4.4rem}.wide-card.is-compact .faces img{box-shadow:none}.wide-card.is-compact.is-plain .faces{padding-inline-end:0}
/*# sourceMappingURL=/cdn/shop/t/36/assets/ui-wide-card.css.map */