.halloween-ticket-frame{width:100%;padding-block:calc(var(--spacing) * 6) 0;perspective:calc(var(--spacing) * 250)}.halloween-ticket{--ticket-stub-width:38%;--ticket-notch:calc(var(--spacing) * 3);--ticket-depth:calc(var(--spacing) * .75);--ticket-number-size:clamp(3rem, 5vw, 5.5rem);grid-template-columns:minmax(0, 1fr) var(--ticket-stub-width);min-height:calc(var(--spacing) * 62);border-radius:var(--radius-xl);background:var(--ticket);color:var(--ticket-foreground);box-shadow:0 var(--ticket-depth) 0 color-mix(in oklch, var(--ticket) 65%, var(--ticket-ink-soft)), 0 calc(var(--spacing) * 6) calc(var(--spacing) * 10) calc(var(--spacing) * -4) var(--ticket-shadow);transform-style:preserve-3d;transition:transform .25s ease-out;display:grid;position:relative;transform:rotate(-2deg)}.halloween-ticket-frame:focus-within .halloween-ticket,.halloween-ticket-frame:hover .halloween-ticket{transform:rotate(-1deg)}.halloween-ticket:before,.halloween-ticket:after{content:"";z-index:4;right:calc(var(--ticket-stub-width) - var(--ticket-notch) / 2);width:var(--ticket-notch);height:var(--ticket-notch);background:var(--campaign-surface);pointer-events:none;border-radius:50%;position:absolute}.halloween-ticket:before{top:calc(var(--ticket-notch) / -2)}.halloween-ticket:after{bottom:calc(var(--ticket-notch) / -2)}.halloween-ticket-face{min-width:0;padding:calc(var(--spacing) * 5) calc(var(--spacing) * 6);background:linear-gradient(125deg, var(--ticket-highlight), transparent 65%);border-radius:var(--radius-xl) 0 0 var(--radius-xl);flex-direction:column;display:flex}.halloween-ticket-edition{justify-content:space-between;align-items:center;gap:calc(var(--spacing) * 2);margin-bottom:calc(var(--spacing) * 5);color:var(--ticket-ink-soft);font-size:var(--text-xs);font-weight:600;display:flex}.halloween-ticket-number{font-size:var(--ticket-number-size);letter-spacing:-.04em;font-weight:600}.halloween-ticket-dates{margin-top:calc(var(--spacing) * 5);color:var(--ticket-ink-soft)}.halloween-storefront .halloween-ticket-value{align-items:baseline;gap:calc(var(--spacing) * 2);font-family:var(--font-sans);flex-wrap:wrap;line-height:1;display:flex}.halloween-ticket-code{justify-content:center;align-items:center;gap:calc(var(--spacing) * 2);min-width:0;padding:calc(var(--spacing) * 2);border-left:1px dashed var(--ticket-rule);border-radius:0 var(--radius-xl) var(--radius-xl) 0;cursor:copy;background:var(--ticket);flex-direction:column;display:flex}.halloween-ticket-treat{margin-bottom:calc(var(--spacing) * 2)}.halloween-ticket-coupon{font-size:var(--text-sm);overflow-wrap:anywhere}.halloween-ticket-code:hover:enabled{background:var(--ticket-hover)}.halloween-ticket-code:disabled{pointer-events:none}.halloween-ticket-stub{z-index:2;width:var(--ticket-stub-width);border-radius:0 var(--radius-xl) var(--radius-xl) 0;color:var(--ticket-foreground);cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;position:absolute;inset:0 0 0 auto}.halloween-ticket-stub-content{justify-content:center;align-items:center;gap:calc(var(--spacing) * 4);border-left:1px dashed var(--ticket-rule);border-radius:0 var(--radius-xl) var(--radius-xl) 0;background:var(--ticket-cover);transform-origin:0 100%;transform-style:preserve-3d;box-shadow:inset 0 1px 0 var(--ticket-highlight), calc(var(--spacing) * -1) 0 calc(var(--spacing) * 3) var(--ticket-shadow);clip-path:polygon(0 0,100% 0,100% 100%,0 100%,3% 95%,0 90%,3% 85%,0 80%,3% 75%,0 70%,3% 65%,0 60%,3% 55%,0 50%,3% 45%,0 40%,3% 35%,0 30%,3% 25%,0 20%,3% 15%,0 10%,3% 5%);pointer-events:none;flex-direction:column;display:flex;position:absolute;inset:0}.halloween-ticket-stub[data-paper-ready=true] .halloween-ticket-stub-content{visibility:hidden}.halloween-ticket-paper{pointer-events:none;position:absolute}.halloween-ticket-fold{border-radius:inherit;background:linear-gradient(110deg, transparent 15%, var(--ticket-fold));pointer-events:none;position:absolute;inset:0}.halloween-ticket-stub-edition{top:calc(var(--spacing) * 5);font-size:var(--text-xs);color:var(--ticket-ink-soft);position:absolute}.halloween-ticket-caption{justify-content:space-between;align-items:center;gap:calc(var(--spacing) * 2);min-height:calc(var(--spacing) * 16);padding-top:calc(var(--spacing) * 4);color:var(--campaign-foreground);font-size:var(--text-xs);flex-wrap:wrap;display:flex}.halloween-ticket-reset{align-items:center;gap:var(--spacing);min-height:calc(var(--spacing) * 11);text-underline-offset:var(--spacing);text-decoration:underline;display:inline-flex}.halloween-ticket-reset:focus-visible{outline-offset:var(--spacing);outline:2px solid}.halloween-ticket-frame[data-motion=reduced] .halloween-ticket{transition:none;transform:none}.halloween-ticket-stub:active{cursor:grabbing}.halloween-ticket-stub:focus-visible,.halloween-ticket-code:focus-visible{outline:2px solid var(--ticket-foreground);outline-offset:calc(var(--spacing) * -2)}.halloween-ticket-barcode{width:calc(var(--spacing) * 18);height:calc(var(--spacing) * 7)}@media (max-width:639px){.halloween-ticket{--ticket-stub-width:40%;--ticket-number-size:clamp(2.75rem, 12vw, 4rem);min-height:calc(var(--spacing) * 58)}.halloween-ticket-face{padding:calc(var(--spacing) * 4)}.halloween-ticket-edition{margin-bottom:calc(var(--spacing) * 4)}.halloween-ticket-stub-edition{display:none}.halloween-ticket-coupon{font-size:var(--text-xs)}}@media (prefers-reduced-motion:reduce){html:not([data-motion=full]) .halloween-ticket,html:not([data-motion=full]) .halloween-ticket-frame:hover .halloween-ticket,html:not([data-motion=full]) .halloween-ticket-frame:focus-within .halloween-ticket{transition:none;transform:none}}
.halloween-countdown{justify-content:space-between;align-items:center;gap:calc(var(--spacing) * 6);padding-bottom:calc(var(--spacing) * 8);margin-bottom:calc(var(--spacing) * 8);border-bottom:1px solid var(--border);flex-wrap:wrap;display:flex}.halloween-countdown-copy{align-items:center;gap:calc(var(--spacing) * 3);display:flex}.halloween-countdown-timer{max-width:100%}.halloween-countdown-units{--countdown-card-size:calc(var(--spacing) * 16);gap:calc(var(--spacing) * 3);width:calc(var(--countdown-card-size) * 4 + var(--spacing) * 9);grid-template-columns:repeat(4,minmax(0,1fr));max-width:100%;display:grid}.halloween-countdown-unit{align-items:stretch;gap:calc(var(--spacing) * 2);flex-direction:column;min-width:0;display:flex}.halloween-countdown-label{font-size:var(--text-xs);text-align:center;order:2}.halloween-countdown-card{height:var(--countdown-card-size);border-radius:var(--radius-lg);background:var(--ticket);color:var(--ticket-foreground);perspective:calc(var(--spacing) * 80);box-shadow:0 calc(var(--spacing) * .75) 0 color-mix(in oklch, var(--ticket) 70%, var(--ticket-ink-soft));place-items:center;margin:0;display:grid;position:relative}.halloween-countdown-card[data-seconds=true]{background:var(--ticket-cover)}.halloween-countdown-card:after{content:"";border-top:1px solid var(--ticket-rule);opacity:.35;pointer-events:none;position:absolute;inset:50% 0 auto}.halloween-countdown-number{font-size:var(--text-3xl);font-variant-numeric:tabular-nums;transform-origin:50%;font-weight:600;line-height:1;display:block}.halloween-countdown-live{align-items:center;gap:calc(var(--spacing) * 3);padding-bottom:calc(var(--spacing) * 6);color:var(--campaign);font-size:var(--text-lg);font-weight:500;display:flex}@media (max-width:39.999rem){.halloween-countdown-units{--countdown-card-size:calc(var(--spacing) * 13);gap:calc(var(--spacing) * 2)}.halloween-countdown-number{font-size:var(--text-2xl)}}