@layer theme,base;@layer components{.lp .loop-art{width:100%;margin-inline:auto;position:relative}.lp .loop-art-compact{display:none}.lp .loop-glow{opacity:0;transition:opacity .35s}.lp .loop-glow path{fill:var(--iso-tint-top,#eeebfe);stroke:var(--iso-accent-ink,#8674f6)}.lp .loop-glow.is-on{opacity:1}.lp .loop-obj{transition:transform .45s cubic-bezier(.3,1.4,.5,1)}.lp .loop-obj.is-on{transform:translateY(-5px)}.lp .loop-lane{opacity:0;transition:opacity .3s}.lp .loop-lane.is-on{opacity:1}.lp .loop-lane-reveal{stroke-dasharray:1 1;stroke-dashoffset:0;animation:.9s cubic-bezier(.22,1,.36,1) both loop-lane-in}.lp .iso-live .iso-move-loop-in{animation:2.4s cubic-bezier(.5,0,.3,1) infinite loop-in;animation-delay:var(--iso-delay,0s)}.lp .iso-live .loop-rise{transform-box:fill-box;transform-origin:50% 100%;animation:2.4s cubic-bezier(.3,0,.3,1) infinite loop-rise}.lp .loop-pick{color:var(--navy);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:12px;padding:0;position:absolute}.lp .loop-pick:focus-visible{outline:2px solid var(--violet);outline-offset:2px}.lp .loop-pick-name{font-family:var(--font-display), var(--font-sans), sans-serif;white-space:nowrap;font-size:14.5px;font-weight:800;line-height:1.2;transition:color .25s;position:absolute}.lp .loop-pick.is-on .loop-pick-name{color:var(--violet)}.lp .loop-pick-top .loop-pick-name{margin-bottom:5px;bottom:100%;left:50%;transform:translate(-50%)}.lp .loop-pick-bottom .loop-pick-name{margin-top:5px;top:100%;left:50%;transform:translate(-50%)}.lp .loop-pick-right .loop-pick-name{margin-left:6px;top:50%;left:100%;transform:translateY(-50%)}.lp .loop-pick-left .loop-pick-name{margin-right:6px;top:50%;right:100%;transform:translateY(-50%)}.lp .loop .loop-detail{top:var(--loop-cy,50%)}.lp .loop-legend .loop-touch{width:20px;display:block}.lp .loop-token{width:33px;position:absolute;top:7px;left:-1px}.lp .loop-token .loop-token-n{font-family:var(--font-display), var(--font-sans), sans-serif;font-weight:800}.lp .loop-bullet{width:28px;position:absolute;top:10px;left:2px}@media (max-width:860px){.lp .loop-art{margin-block:12px 22px}}@media (max-width:760px){.lp .loop-art-wide{display:none}.lp .loop-art-compact{display:block}.lp .loop-pick-name{font-size:12px}}@media (prefers-reduced-motion:reduce){.lp .loop-obj,.lp .loop-glow,.lp .loop-lane{transition:none}}@keyframes loop-lane-in{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes loop-in{0%{transform:translate(var(--iso-dx), var(--iso-dy));opacity:0}15%{opacity:1}50%,to{opacity:1;transform:translate(0)}}@keyframes loop-rise{0%{transform:scaleY(.25)}45%,to{transform:scaleY(1)}}}@layer utilities;