.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}}