.tear-ticket{--tt-w:460px;--tt-h:250px;--tt-stub:150px;--tt-bg:#1a1612;--tt-stub-bg:#1a1612;--tt-ink:#f7f5f2;--tt-edge:transparent;--tt-edge-w:1;--tt-parallax:6px;--tt-body-w:310px;--tt-body-h:250px;--tt-inset:8px;--tt-span:0.78;--tt-art-radius:8px;--tt-fit:1;--tt-focus:#7e1e26;position:relative;width:min(var(--tt-w),100%);color:var(--tt-ink);user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;z-index:1}.tear-ticket[data-used]{z-index:10}.tear-ticket[data-disabled]{opacity:.6}.tear-ticket__stage{position:absolute;top:0;left:0;width:var(--tt-w);height:var(--tt-h);transform:scale(var(--tt-fit));transform-origin:top left;transition:transform .65s cubic-bezier(.22,1,.36,1);pointer-events:none}.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__piece,.tear-ticket__plane{position:absolute;inset:0}.tear-ticket__piece{pointer-events:none}.tear-ticket__piece--stub{outline:none;will-change:transform}.tear-ticket__edge{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.tear-ticket__edge path{fill:none;stroke:var(--tt-edge);stroke-width:var(--tt-edge-w)}.tear-ticket__paper{position:absolute;inset:0;background:var(--tt-bg);pointer-events:auto}.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{position:absolute;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);overflow:hidden}.tear-ticket__image{position:absolute;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 ease}.tear-ticket[data-used] .tear-ticket__image{filter:grayscale(1) brightness(.75)}.tear-ticket__scrim{position:absolute;inset:0;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%)}.tear-ticket__content{position:absolute;top:0;bottom:0;left:0;width:calc(var(--tt-w) - var(--tt-stub));transition:opacity .5s ease}.tear-ticket[data-used] .tear-ticket__content{opacity:.55}.tear-ticket__slot,.tear-ticket__stub{position:absolute;top:0;right:0;bottom:0;width:var(--tt-stub)}.tear-ticket__slot{box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding:12px;border:1.5px dashed var(--tt-edge);border-left:0;border-radius:0 var(--tt-radius) var(--tt-radius) 0;pointer-events:auto;animation:tear-ticket-slot-in .45s cubic-bezier(.22,1,.36,1) .12s both}.tear-ticket:not([data-used]) .tear-ticket__slot{display:none}.tear-ticket[data-instant] .tear-ticket__slot{animation:none}.tear-ticket[data-orientation=vertical] .tear-ticket__slot{top:auto;left:0;width:auto;height:var(--tt-stub);border:1.5px dashed var(--tt-edge);border-top:0;border-radius:0 0 var(--tt-radius) var(--tt-radius);animation-name:tear-ticket-slot-in-vertical}@keyframes tear-ticket-slot-in{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:none}}@keyframes tear-ticket-slot-in-vertical{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}.tear-ticket[data-orientation=vertical] .tear-ticket__content{bottom:auto;width:100%;height:calc(var(--tt-h) - var(--tt-stub))}.tear-ticket[data-orientation=vertical] .tear-ticket__stub{top:auto;left:0;width:auto;height:var(--tt-stub)}.tear-ticket[data-instant] .tear-ticket__content,.tear-ticket[data-instant] .tear-ticket__image,.tear-ticket[data-instant] .tear-ticket__stage{transition-duration:0ms}.tear-ticket__fibres{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.tear-ticket__fibres path{fill:none;stroke:var(--tt-fibre,var(--tt-bg));stroke-linecap:round;opacity:0}.tear-ticket__sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.tear-ticket__piece--stub:focus-visible .tear-ticket__edge path{stroke:var(--tt-focus);stroke-width:3}.tear-ticket--nudge:not([data-used]) .tear-ticket__piece--stub{animation:tear-ticket-nudge .9s cubic-bezier(.2,0,.2,1)}.tear-ticket--nudge[data-orientation=vertical]:not([data-used]) .tear-ticket__piece--stub{animation-name:tear-ticket-nudge-vertical}@keyframes tear-ticket-nudge{0%,to{transform-origin:calc(var(--tt-w) - var(--tt-stub)) 3px;transform:rotate(0deg)}28%{transform-origin:calc(var(--tt-w) - var(--tt-stub)) 3px;transform:rotate(-4.5deg)}52%{transform-origin:calc(var(--tt-w) - var(--tt-stub)) 3px;transform:rotate(-.6deg)}70%{transform-origin:calc(var(--tt-w) - var(--tt-stub)) 3px;transform:rotate(-2.4deg)}}@keyframes tear-ticket-nudge-vertical{0%,to{transform-origin:calc(var(--tt-w) - 3px) calc(var(--tt-h) - var(--tt-stub));transform:rotate(0deg)}28%{transform-origin:calc(var(--tt-w) - 3px) calc(var(--tt-h) - var(--tt-stub));transform:rotate(-4.5deg)}52%{transform-origin:calc(var(--tt-w) - 3px) calc(var(--tt-h) - var(--tt-stub));transform:rotate(-.6deg)}70%{transform-origin:calc(var(--tt-w) - 3px) calc(var(--tt-h) - var(--tt-stub));transform:rotate(-2.4deg)}}.tear-ticket--keep-colour[data-used] .tear-ticket__image{filter:none}.tear-ticket--keep-colour[data-used] .tear-ticket__content{opacity:1}.tear-ticket--collapse{transition:margin-bottom .65s cubic-bezier(.22,1,.36,1)}.tear-ticket--collapse[data-used]{margin-bottom:calc(var(--tt-stub) * var(--tt-fit) * -1)}.tear-ticket--collapse[data-instant]{transition:none}@supports not (clip-path:path("M0 0")){.tear-ticket__paper{clip-path:none!important;border-radius:16px}.tear-ticket__edge{display:none}.tear-ticket[data-orientation=horizontal] .tear-ticket__paper:not(.tear-ticket__paper--stub){right:var(--tt-stub)}.tear-ticket[data-orientation=horizontal] .tear-ticket__paper--stub{left:calc(var(--tt-w) - var(--tt-stub))}.tear-ticket[data-orientation=vertical] .tear-ticket__paper:not(.tear-ticket__paper--stub){bottom:var(--tt-stub)}.tear-ticket[data-orientation=vertical] .tear-ticket__paper--stub{top:calc(var(--tt-h) - var(--tt-stub))}}@media (prefers-reduced-motion:reduce){.tear-ticket--collapse,.tear-ticket__stage{transition:none}.tear-ticket--nudge .tear-ticket__piece--stub{animation:none!important}}