.tear-ticket{--tt-w:460px;--tt-h:250px;--tt-stub:150px;--tt-bg:#27272a;--tt-stub-bg:#27272a;--tt-ink:#f5f5f5;--tt-edge:transparent;--tt-edge-w:1;--tt-parallax:6px;--tt-body-w:310px;--tt-body-h:250px;--tt-inset:8px;--tt-span:.78;--tt-art-radius:8px;--tt-fit:1;width:min(var(--tt-w), 100%);color:var(--tt-ink);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;position:relative}.tear-ticket[data-disabled]{opacity:.6}.tear-ticket__stage{width:var(--tt-w);height:var(--tt-h);transform:scale(var(--tt-fit));transform-origin:0 0;transition:transform .65s cubic-bezier(.22,1,.36,1);position:absolute;top:0;left:0}.tear-ticket[data-shift=x] .tear-ticket__stage{transform:translateX(calc(var(--tt-stub) * var(--tt-fit) / 2)) scale(var(--tt-fit))}.tear-ticket[data-shift=y] .tear-ticket__stage{transform:translateY(calc(var(--tt-stub) * var(--tt-fit) / 2)) scale(var(--tt-fit))}.tear-ticket__plane{position:absolute;inset:0}.tear-ticket__piece{pointer-events:none;position:absolute;inset:0}.tear-ticket__piece--stub{will-change:transform;outline:none}.tear-ticket__edge{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.tear-ticket__edge path{fill:none;stroke:var(--tt-edge);stroke-width:var(--tt-edge-w)}.tear-ticket__paper{background:var(--tt-bg);pointer-events:auto;position:absolute;inset:0}.tear-ticket__paper--stub{background:var(--tt-stub-bg);cursor:grab;touch-action:none}.tear-ticket[data-grabbing] .tear-ticket__paper--stub{cursor:grabbing}.tear-ticket[data-disabled] .tear-ticket__paper--stub{cursor:default}.tear-ticket__art{top:var(--tt-inset);left:var(--tt-inset);width:calc(var(--tt-body-w) - var(--tt-inset) * 2);height:calc(var(--tt-body-h) * var(--tt-span) - var(--tt-inset) * 2);border-radius:var(--tt-art-radius);position:absolute;overflow:hidden}.tear-ticket__image{top:calc(var(--tt-parallax) * -1);left:calc(var(--tt-parallax) * -1);width:calc(100% + var(--tt-parallax) * 2);max-width:none;height:calc(100% + var(--tt-parallax) * 2);object-fit:cover;-webkit-user-drag:none;transition:filter .7s;position:absolute}.tear-ticket[data-used] .tear-ticket__image{filter:grayscale()brightness(.75)}.tear-ticket__scrim{background:linear-gradient(to top, var(--tt-bg) 0%, color-mix(in srgb, var(--tt-bg) 72%, transparent) 30%, color-mix(in srgb, var(--tt-bg) 18%, transparent) 58%, transparent 80%);position:absolute;inset:0}.tear-ticket__content{width:calc(var(--tt-w) - var(--tt-stub));transition:opacity .5s;position:absolute;top:0;bottom:0;left:0}.tear-ticket[data-used] .tear-ticket__content{opacity:.55}.tear-ticket__stub{width:var(--tt-stub);position:absolute;top:0;bottom:0;right:0}.tear-ticket[data-orientation=vertical] .tear-ticket__content{width:100%;height:calc(var(--tt-h) - var(--tt-stub));bottom:auto}.tear-ticket[data-orientation=vertical] .tear-ticket__stub{width:auto;height:var(--tt-stub);top:auto;left:0}.tear-ticket[data-instant] .tear-ticket__stage,.tear-ticket[data-instant] .tear-ticket__content,.tear-ticket[data-instant] .tear-ticket__image{transition-duration:0s}.tear-ticket__fibres{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.tear-ticket__fibres path{fill:none;stroke:var(--tt-bg);stroke-linecap:round;opacity:0}.tear-ticket__sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.tear-ticket__stage{transition:none}}.tear-ticket__piece--stub:focus-visible .tear-ticket__paper{background:color-mix(in srgb, var(--tt-stub-bg) 80%, var(--tt-ink))}
.activation-dialog{color:#17181a;background:0 0;border:0;width:min(640px,100vw - 24px);max-height:calc(100dvh - 24px);margin:auto;padding:28px 20px;overflow:visible}.activation-dialog::backdrop{background:#fafafae8}.activation-close{border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:fixed;top:20px;right:20px}.activation-close:hover{background:#eeedf3}.activation-heading{text-align:center}.activation-heading h2{letter-spacing:-.025em;text-wrap:balance;font-size:32px;font-weight:600;line-height:1.2}.activation-heading p{color:#565660;max-width:48ch;margin:12px auto 0;font-size:14px;line-height:1.7}.activation-ticket-stage{justify-content:center;padding:20px 4px;display:flex}.activation-ticket-stage[hidden]{display:none}.activation-ticket-stage .tear-ticket__image{object-position:center 72%}.activation-ticket-stage .tear-ticket__plane{filter:drop-shadow(0 20px 24px #17181a24)}.activation-ticket-copy{height:100%;position:relative}.activation-art-signature{color:#fff;align-items:center;gap:9px;display:flex;position:absolute;top:22px;left:24px}.activation-art-signature>span:last-child{letter-spacing:-.035em;font-size:23px;font-weight:600}.activation-mark{width:34px;height:36px;display:block;position:relative;overflow:hidden}.activation-mark svg{width:76px;height:76px;position:absolute;top:-17px;left:-20px}.activation-ticket-footer{justify-content:space-between;align-items:center;gap:10px;width:100%;min-height:62px;padding:10px 22px;display:flex;position:absolute;bottom:0;left:0}.activation-ticket-footer>span:first-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:15px;font-weight:500;overflow:hidden}.activation-confirmed{color:#bfc1c8;flex:none;align-items:center;gap:5px;font-size:11px;display:flex}.activation-stub{flex-direction:column;align-items:flex-start;height:100%;padding:28px 22px 22px;display:flex}.activation-stub-brand{color:#bfc1c8;font-size:14px;font-weight:500}.activation-stub strong{letter-spacing:-.03em;margin-top:6px;font-size:30px;font-weight:600;line-height:1.2}.activation-member-label{color:#bfc1c8;margin-top:12px;font-size:13px;line-height:1.6}.activation-tear-hint{color:#e6f4dd;flex-direction:column;gap:10px;margin-top:auto;font-size:12px;display:flex}.activation-actions{justify-items:center;gap:8px;display:grid}.activation-actions>button:not(.workflow-button){text-underline-offset:4px;min-height:44px;padding:10px 16px;font-size:13px;text-decoration:underline}.activation-complete{background:#d9f3c8;border-radius:50%;place-items:center;width:88px;height:88px;margin:36px auto;display:grid}.activation-dialog button:focus-visible{outline-offset:3px;outline:2px solid #17181a}.activation-screenreader,.activation-keyboard-skip:not(:focus-visible){clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden;padding:0!important}@media (max-width:540px){.activation-dialog{padding:24px 8px}.activation-heading h2{font-size:27px}.activation-ticket-stage{padding:28px 0}}
