.dd-btear{touch-action:pan-y;width:100%;height:100%;position:relative}.dd-btear__canvas{-webkit-mask-composite:source-in;opacity:0;transition:opacity .26s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 93%,#0000 100%),linear-gradient(90deg,#0000 0%,#000 10% 90%,#0000 100%);mask-image:linear-gradient(#000 93%,#0000 100%),linear-gradient(90deg,#0000 0%,#000 10% 90%,#0000 100%);-webkit-mask-composite:source-in;mask-composite:intersect}.dd-btear[data-warm] .dd-btear__canvas{opacity:1}.dd-btear:before{content:"";background:radial-gradient(closest-side, #22d3ee42, rgba(var(--glow-cold), .12) 58%, transparent 78%);filter:blur(18px);pointer-events:none;border-radius:50%;transition:opacity .4s;position:absolute;inset:18% 20%}.dd-btear[data-pack=epic]:before{background:radial-gradient(closest-side,#a855f74d,#6d28d924 58%,#0000 78%)}.dd-btear[data-pack=legendary]:before{background:radial-gradient(closest-side,#fbbf244d,#fde0471f 58%,#0000 78%)}.dd-btear[data-view=flying]:before,.dd-btear[data-view=gone]:before{opacity:0}.dd-btear__hit{cursor:grab;appearance:none;background:0 0;border:0;width:100%;height:100%;position:absolute;inset:0}.dd-btear[data-view=ready] .dd-btear__hit{cursor:ew-resize}.dd-btear__hit:disabled{cursor:default}.dd-btear__hit:focus-visible{outline:2px solid rgba(var(--glow-cold), .9);outline-offset:-6px}.dd-btear__grip{top:30%;left:var(--band-left,20%);width:var(--band-width,60%);pointer-events:none;height:0;position:absolute}.dd-btear__grip-label{font-family:var(--font-mono-raw), ui-monospace, monospace;letter-spacing:.14em;text-transform:uppercase;color:#cdd8e6;white-space:nowrap;background:#080b12d1;border:1px solid #ffffff24;border-radius:999px;padding:.3rem .65rem;font-size:.68rem;position:absolute;bottom:1rem;left:0}.dd-btear__grip-track{background:#fff6;border-radius:2px;height:2px;position:absolute;inset:-1px 0 auto;-webkit-mask-image:repeating-linear-gradient(90deg,#000 0 6px,#0000 6px 11px);mask-image:repeating-linear-gradient(90deg,#000 0 6px,#0000 6px 11px)}.dd-btear__grip-knob{background:#f2f6fb;border-radius:50%;width:1.3rem;height:1.3rem;margin:-.65rem 0 0 -.65rem;animation:2.8s cubic-bezier(.5,0,.5,1) infinite dd-btear-sweep;position:absolute;top:0;left:0;box-shadow:0 .3rem .9rem #0000008c,0 0 0 .3rem #f2f6fb24}@keyframes dd-btear-sweep{0%,8%{opacity:.35;left:0}20%{opacity:1}75%,to{opacity:0;left:100%}}.dd-btear[data-tearing] .dd-btear__grip-knob{opacity:1;left:var(--knob-at,0px);animation:none}@media (prefers-reduced-motion:reduce){.dd-btear__grip-knob{opacity:1;animation:none}}
