.inline-voucher{--iv-r:11px;--iv-w:2px;--iv-stub:21rem;--iv-contour:color-mix(in srgb, var(--zap-green) 30%, #ffffff1a);--iv-dash:color-mix(in srgb, var(--zap-green) 38%, transparent);--iv-info-bg:linear-gradient(135deg, color-mix(in oklab, var(--primary) 9%, transparent), color-mix(in srgb, var(--card) 55%, transparent));--iv-stub-bg:color-mix(in oklab, var(--primary) 7%, transparent);--iv-out:calc(-1 * var(--iv-r) - var(--iv-w));--iv-out2:calc(-1 * var(--iv-r) - 2 * var(--iv-w));filter:drop-shadow(0 18px 32px #00000047) drop-shadow(0 0 22px color-mix(in srgb, var(--zap-green) 12%, transparent));border-radius:1.25rem;display:grid;position:relative}.inline-voucher[data-expired]{--iv-contour:color-mix(in srgb, var(--border) 80%, transparent);--iv-dash:color-mix(in srgb, var(--border) 90%, transparent);--iv-info-bg:color-mix(in srgb, var(--card) 40%, transparent);--iv-stub-bg:color-mix(in srgb, var(--card) 30%, transparent);filter:none}.inline-voucher__info,.inline-voucher__stub{border:var(--iv-w) solid var(--iv-contour);-webkit-mask-composite:source-in;position:relative;-webkit-mask-composite:source-in;mask-composite:intersect}.inline-voucher__info{background:var(--iv-info-bg)}.inline-voucher__stub{background:var(--iv-stub-bg)}.inline-voucher__info:before,.inline-voucher__info:after,.inline-voucher__stub:before,.inline-voucher__stub:after{content:"";width:calc(2 * (var(--iv-r) + var(--iv-w)));height:calc(2 * (var(--iv-r) + var(--iv-w)));border:var(--iv-w) solid var(--iv-contour);pointer-events:none;border-radius:50%;position:absolute}.inline-voucher__info{-webkit-mask-image:radial-gradient(circle at 0 100%, transparent var(--iv-r), #000 calc(var(--iv-r) + .5px)), radial-gradient(circle at 100% 100%, transparent var(--iv-r), #000 calc(var(--iv-r) + .5px));mask-image:radial-gradient(circle at 0 100%, transparent var(--iv-r), #000 calc(var(--iv-r) + .5px)), radial-gradient(circle at 100% 100%, transparent var(--iv-r), #000 calc(var(--iv-r) + .5px));border-bottom-width:0;border-radius:1.25rem 1.25rem 0 0}.inline-voucher__info:before{left:var(--iv-out2);bottom:var(--iv-out)}.inline-voucher__info:after{right:var(--iv-out2);bottom:var(--iv-out)}.inline-voucher__stub{border-top-style:dashed;border-top-color:var(--iv-dash);-webkit-mask-image:radial-gradient(circle at 0 0, transparent var(--iv-r), #000 calc(var(--iv-r) + .5px)), radial-gradient(circle at 100% 0, transparent var(--iv-r), #000 calc(var(--iv-r) + .5px));mask-image:radial-gradient(circle at 0 0, transparent var(--iv-r), #000 calc(var(--iv-r) + .5px)), radial-gradient(circle at 100% 0, transparent var(--iv-r), #000 calc(var(--iv-r) + .5px));border-radius:0 0 1.25rem 1.25rem}.inline-voucher__stub:before{left:var(--iv-out2);top:var(--iv-out2)}.inline-voucher__stub:after{right:var(--iv-out2);top:var(--iv-out2)}.inline-voucher__beam{display:none}@container (min-width:40rem){.inline-voucher:not([data-stacked]){grid-template-columns:minmax(0, 1fr) var(--iv-stub)}.inline-voucher:not([data-stacked]) .inline-voucher__info{border-bottom-width:var(--iv-w);-webkit-mask-image:radial-gradient(circle at 100% 0, transparent var(--iv-r), #000 calc(var(--iv-r) + .5px)), radial-gradient(circle at 100% 100%, transparent var(--iv-r), #000 calc(var(--iv-r) + .5px));mask-image:radial-gradient(circle at 100% 0, transparent var(--iv-r), #000 calc(var(--iv-r) + .5px)), radial-gradient(circle at 100% 100%, transparent var(--iv-r), #000 calc(var(--iv-r) + .5px));border-right-width:0;border-radius:1.25rem 0 0 1.25rem}.inline-voucher:not([data-stacked]) .inline-voucher__info:before{left:auto;right:var(--iv-out);top:var(--iv-out2);bottom:auto}.inline-voucher:not([data-stacked]) .inline-voucher__info:after{right:var(--iv-out);bottom:var(--iv-out2)}.inline-voucher:not([data-stacked]) .inline-voucher__stub{border-top-style:solid;border-top-color:var(--iv-contour);border-left-style:dashed;border-left-color:var(--iv-dash);-webkit-mask-image:radial-gradient(circle at 0 0, transparent var(--iv-r), #000 calc(var(--iv-r) + .5px)), radial-gradient(circle at 0 100%, transparent var(--iv-r), #000 calc(var(--iv-r) + .5px));mask-image:radial-gradient(circle at 0 0, transparent var(--iv-r), #000 calc(var(--iv-r) + .5px)), radial-gradient(circle at 0 100%, transparent var(--iv-r), #000 calc(var(--iv-r) + .5px));border-radius:0 1.25rem 1.25rem 0}.inline-voucher:not([data-stacked]) .inline-voucher__stub:before{left:var(--iv-out2);top:var(--iv-out2)}.inline-voucher:not([data-stacked]) .inline-voucher__stub:after{left:var(--iv-out2);top:auto;right:auto;bottom:var(--iv-out2)}.inline-voucher:not([data-stacked]) .inline-voucher__beam{border-radius:inherit;pointer-events:none;-webkit-mask-image:radial-gradient(circle at calc(100% - var(--iv-stub)) 0, transparent calc(var(--iv-r) + var(--iv-w)), #000 calc(var(--iv-r) + var(--iv-w) + .5px)), radial-gradient(circle at calc(100% - var(--iv-stub)) 100%, transparent calc(var(--iv-r) + var(--iv-w)), #000 calc(var(--iv-r) + var(--iv-w) + .5px));mask-image:radial-gradient(circle at calc(100% - var(--iv-stub)) 0, transparent calc(var(--iv-r) + var(--iv-w)), #000 calc(var(--iv-r) + var(--iv-w) + .5px)), radial-gradient(circle at calc(100% - var(--iv-stub)) 100%, transparent calc(var(--iv-r) + var(--iv-w)), #000 calc(var(--iv-r) + var(--iv-w) + .5px));-webkit-mask-composite:source-in;display:block;position:absolute;inset:0;-webkit-mask-composite:source-in;mask-composite:intersect}}.inline-voucher__code.coupon-deal-foil{font-family:var(--font-mono);letter-spacing:.06em;text-transform:none;white-space:normal;overflow-wrap:anywhere;font-size:1.875rem;line-height:1.3}@container (max-width:18rem){.inline-voucher__code.coupon-deal-foil{font-size:1.5rem}}@container (max-width:16rem){.inline-voucher__code.coupon-deal-foil{font-size:1.25rem}}@container (min-width:56rem){.inline-voucher:not([data-stacked]){--iv-stub:28rem}.inline-voucher:not([data-stacked]) .inline-voucher__code.coupon-deal-foil{font-size:2.5rem}}
