.offer-clay{--clay-body:var(--clay-tone,var(--brand-ink));background:linear-gradient(to bottom, color-mix(in oklch, var(--clay-body) 82%, white), var(--clay-body));color:#fff;text-shadow:0 1px 0 color-mix(in oklch, var(--clay-body) 55%, black);box-shadow:inset 0 1px 0 rgb(var(--landing-white-rgb) / .4), inset 0 -2px 0 color-mix(in oklch, var(--clay-body) 72%, black), 0 2px 0 color-mix(in oklch, var(--clay-body) 50%, black), 0 6px 14px color-mix(in oklch, var(--clay-body) 28%, transparent)}.offer-swap{border:1px solid var(--button-raised-border);background:var(--button-raised-surface);color:var(--foreground);box-shadow:0 3px 0 var(--button-raised-edge)}@media (prefers-reduced-motion:no-preference){.offer-swap{transition:translate .12s ease-out,box-shadow .12s ease-out,rotate .4s cubic-bezier(.2,.7,.2,1)}}.offer-swap:active{box-shadow:0 1px 0 var(--button-raised-edge);translate:0 2px}@media not (min-width:40rem){.offer-add-cell{border:1px solid var(--offer-panel-edge);box-shadow:none;background:0 0}.offer-add-cell .offer-add-disc{border:1px solid var(--button-raised-border);background:var(--button-raised-surface);box-shadow:0 3px 0 var(--button-raised-edge)}[data-slot=offer-sheet] [data-slot=offer-panel]{box-shadow:none;background:0 0;border-color:#0000;padding:0}}
