.offer-accept{--clay-tone:var(--success)}.dark .offer-accept{--clay-tone:color-mix(in oklch, var(--success) 72%, black)}.offer-clay:is(button,a):active{box-shadow:inset 0 1px 0 rgb(var(--landing-white-rgb) / .3), inset 0 -1px 0 color-mix(in oklch, var(--clay-body) 72%, black), 0 0 0 color-mix(in oklch, var(--clay-body) 50%, black);translate:0 2px}@media (prefers-reduced-motion:no-preference){.offer-clay:is(button,a){transition:translate .12s ease-out,box-shadow .12s ease-out}}@container group not (min-width:38rem){.offer-group-count.offer-clay{height:auto;color:var(--foreground);text-shadow:none;box-shadow:none;background:0 0;padding-inline:0}}.offer-sides{--lead:1.5rem;--face:3rem;--arrow:1.25rem}.trade-sides{--lead:1.5rem;--face:4rem;--arrow:1.5rem}.group-sides{--lead:0rem;--face:3rem;--arrow:1.25rem}@media (min-width:40rem){.offer-sides,.trade-sides{--lead:1.75rem}}@container trade not (min-width:20rem){.trade-sides{--face:3.25rem}}@container trade (min-width:48rem){.trade-sides{--face:5.5rem}}@container trade (min-width:52rem){.trade-sides{--face:5rem}}@container line (min-width:32rem){.offer-sides{--face:4rem}}@container line (min-width:40rem){.offer-sides{--face:4rem;--arrow:1.5rem}.offer-sides[data-sent]{--face:4rem}}@container group (min-width:38rem){.group-sides{--face:4.25rem;--arrow:1.5rem}}.offer-sides-arrow{margin-top:calc(var(--lead) + (var(--face) - var(--arrow)) / 2);align-self:flex-start}@container opened (min-width:44rem){[data-slot=offer-opened-side] .demand-cells{--demand-height:.875rem;--demand-gap:.3rem}.offer-opened-note{font-size:calc(var(--text-message-quote) * 1.1)}}.offer-group-row[data-hover]:is(:hover,:focus-within){background:color-mix(in oklab, var(--brand-ink) 6%, transparent)}.offer-group-row[data-lit]{background:color-mix(in oklab, var(--brand-ink) 10%, transparent);box-shadow:inset 3px 0 0 var(--brand-ink)}@media (prefers-reduced-motion:no-preference){.offer-group-row{transition:background-color .16s ease-out}}
