.coupon{appearance:none;font:inherit;color:var(--ink);cursor:pointer;--stub:34px;--notch:6px;--paper:var(--color-surface);--stub-paper:var(--color-water);--ink:var(--color-ink);--accent:var(--color-primary);grid-template-columns:var(--stub) auto;text-align:left;background:0 0;background:linear-gradient(90deg,var(--stub-paper) var(--stub),var(--paper) var(--stub));filter:drop-shadow(0 4px 10px #00144d2e);-webkit-mask:radial-gradient(circle var(--notch) at var(--stub) 0,transparent calc(var(--notch) - .5px),#000 var(--notch)) top/100% 51% no-repeat,radial-gradient(circle var(--notch) at var(--stub) 100%,transparent calc(var(--notch) - .5px),#000 var(--notch)) bottom/100% 51% no-repeat;-webkit-mask:radial-gradient(circle var(--notch) at var(--stub) 0,transparent calc(var(--notch) - .5px),#000 var(--notch)) top/100% 51% no-repeat,radial-gradient(circle var(--notch) at var(--stub) 100%,transparent calc(var(--notch) - .5px),#000 var(--notch)) bottom/100% 51% no-repeat;mask:radial-gradient(circle var(--notch) at var(--stub) 0,transparent calc(var(--notch) - .5px),#000 var(--notch)) top/100% 51% no-repeat,radial-gradient(circle var(--notch) at var(--stub) 100%,transparent calc(var(--notch) - .5px),#000 var(--notch)) bottom/100% 51% no-repeat;border:0;border-radius:6px;flex:none;align-items:stretch;margin:0;padding:0;transition:transform .15s cubic-bezier(.22,1,.36,1),background-color .15s cubic-bezier(.22,1,.36,1);display:inline-grid}.coupon:is(button){cursor:pointer}@media (hover:hover) and (pointer:fine){.coupon:is(button):hover{transform:translateY(-1px)rotate(-.6deg)}}.coupon:is(button):active{transform:translateY(0)scale(.98)}.coupon:is(button):focus-visible{outline-offset:3px;outline:2px solid}.coupon:is(button):disabled{cursor:progress}.coupon--on-light{--paper:var(--color-ink);--stub-paper:var(--color-primary-strong);--ink:var(--color-on-primary);--accent:var(--color-water)}.coupon--done{--stub-paper:var(--color-primary-soft)}.coupon--on-light.coupon--done{--stub-paper:var(--color-accent)}.coupon__stub{color:var(--accent);place-items:center;display:grid}.coupon__body{background:linear-gradient(to bottom,color-mix(in srgb,var(--ink) 40%,transparent) 50%,transparent 0) 0 0/1.5px 6px repeat-y;align-content:center;padding:6px 16px 6px 12px;display:grid}.coupon__label{letter-spacing:.12em;text-transform:uppercase;opacity:.66;font-size:.625rem;line-height:1.2}.coupon__code,.coupon__label{font-family:var(--font-label);font-weight:700}.coupon__code{letter-spacing:.1em;font-size:1.0625rem;line-height:1.1}.coupon__note{color:var(--accent);font-size:.6875rem}.coupon--auto .coupon__code{font-family:var(--font-sans);letter-spacing:0;font-size:.8125rem}.coupon--sm{--stub:24px;--notch:4px;border-radius:4px}.coupon--sm .coupon__body{grid-auto-flow:column;align-items:baseline;gap:8px;padding:3px 12px 3px 8px}.coupon--sm .coupon__code{font-size:.8125rem}.coupon--lg{--stub:48px;--notch:8px}.coupon--lg .coupon__body{padding:12px 24px 12px 16px}.coupon--lg .coupon__code{font-size:1.5rem}.coupon--lg .coupon__note{font-size:.8125rem}