/* The document root is the behavior-only component's scope. Content stays visible without JS. */
.dac-motion-core [data-roll]{font-variant-numeric:tabular-nums}
.dac-motion-core [data-roll] .motion-roll,.dac-motion-core [data-roll] .motion-digit,.dac-motion-core [data-roll] .motion-reel,.dac-motion-core [data-roll] .motion-numeral{box-sizing:content-box;margin:0;padding:0;border:0;font:inherit;color:inherit;letter-spacing:inherit;text-transform:none;text-align:inherit}
.dac-motion-core [data-roll] .motion-roll{display:inline-flex;align-items:flex-start;height:1lh;line-height:inherit;vertical-align:bottom;white-space:pre}
.dac-motion-core [data-roll] .motion-digit{display:inline-block;flex:1 1 1ch;min-width:0;height:1lh;overflow:hidden;text-align:center}
.dac-motion-core [data-roll] .motion-reel{display:block;line-height:inherit}
.dac-motion-core [data-roll] .motion-numeral{display:block;height:1lh;line-height:inherit}
.dac-motion-core svg[data-draw],.dac-motion-core [data-float]{transform-box:fill-box;transform-origin:center}
.dac-motion-core [data-bg]{position:relative;isolation:isolate;overflow:clip}
.dac-motion-core [data-bg]::before{content:"";position:absolute;z-index:-1;inset:-24px;pointer-events:none;opacity:.24;animation:dac-motion-background 12s cubic-bezier(.45,0,.25,1) infinite alternate;animation-play-state:paused}
.dac-motion-core [data-bg="grid"]::before{background-image:linear-gradient(#67e8f91c 1px,transparent 1px),linear-gradient(90deg,#67e8f91c 1px,transparent 1px);background-size:48px 48px}
.dac-motion-core [data-bg="mesh"]::before{background:radial-gradient(ellipse at 15% 25%,#22d3ee24,transparent 50%),radial-gradient(ellipse at 85% 75%,#3b82f630,transparent 55%)}
.dac-motion-core [data-bg="dots"]::before{background-image:radial-gradient(circle,#67e8f94d 1px,transparent 1.5px);background-size:24px 24px}
.dac-motion-core [data-bg="candles"]::before{background-image:repeating-linear-gradient(90deg,transparent 0 26px,#4ade8024 26px 28px,transparent 28px 46px,#fb71851c 46px 48px,transparent 48px 72px);mask-image:repeating-linear-gradient(0deg,transparent 0 24px,#000 24px 64px,transparent 64px 104px);background-size:144px 128px}
.dac-motion-core [data-bg][data-motion-active]::before{animation-play-state:running}
.dac-motion-core [data-tilt]{position:relative;isolation:isolate;overflow:hidden}
.dac-motion-core [data-tilt]::after{content:"";position:absolute;z-index:1;left:0;top:0;width:360px;height:360px;pointer-events:none;border-radius:50%;background:radial-gradient(circle,#67e8f916,transparent 70%);opacity:0;transform:translate3d(var(--motion-spot-x,0px),var(--motion-spot-y,0px),0);transition:opacity .3s cubic-bezier(.22,.72,.24,1)}
@media(hover:hover) and (pointer:fine){
.dac-motion-core [data-tilt].motion-tilting{transform:perspective(1200px) rotateX(var(--motion-rx,0deg)) rotateY(var(--motion-ry,0deg));transition:transform .18s cubic-bezier(.22,.72,.24,1)}
.dac-motion-core [data-tilt].motion-tilting::after{opacity:1}
}
@keyframes dac-motion-background{from{transform:translate3d(-6px,-4px,0);opacity:.18}to{transform:translate3d(6px,4px,0);opacity:.3}}
@media(prefers-reduced-motion:reduce){
.dac-motion-core [data-bg]::before{animation:none;transform:none;opacity:.24}
.dac-motion-core [data-tilt],.dac-motion-core [data-tilt]::after{transition:none!important}
.dac-motion-core [data-tilt]::after{opacity:0}
}