.dg-orb{--dg-orb-card-w:clamp(230px, 58vw, 380px);--dg-orb-card-h:calc(var(--dg-orb-card-w) * 2 / 3);--dg-orb-radius:calc(var(--dg-orb-card-w) * 1.28);--dg-orb-step:calc(360deg / var(--dg-orb-count,8));--dg-orb-ctl-line:var(--dg-violet-bright);--dg-orb-ctl-bg:var(--dg-card);--dg-orb-ctl-ink:var(--dg-violet);--dg-orb-focus:var(--dg-violet-bright);position:relative}.dg-orb-scene{height:calc(var(--dg-orb-card-h) + 56px);perspective:1200px;perspective-origin:50% 40%;touch-action:pan-y pinch-zoom;cursor:grab;border-radius:18px;max-width:100%;position:relative;overflow-x:clip}.dg-orb-scene:active{cursor:grabbing}.dg-orb-scene:focus-visible{outline:2px solid var(--dg-orb-focus);outline-offset:6px}.dg-orb-scene img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.dg-orb-ring{transform-style:preserve-3d;transform:translateZ(calc(var(--dg-orb-radius) * -1));margin:0;padding:0;list-style:none;position:absolute;inset:0}.dg-orb-slot{width:var(--dg-orb-card-w);margin-left:calc(var(--dg-orb-card-w) / -2);margin-top:calc(var(--dg-orb-card-h) / -2);transform:rotateY(calc(var(--dg-orb-i) * var(--dg-orb-step))) translateZ(var(--dg-orb-radius));backface-visibility:hidden;position:absolute;top:50%;left:50%}.dg-orb-controls{justify-content:center;gap:12px;margin-top:18px;display:flex}.dg-orb-btn{border:1px solid color-mix(in srgb, var(--dg-orb-ctl-line) 55%, transparent);background:var(--dg-orb-ctl-bg);width:40px;height:40px;color:var(--dg-orb-ctl-ink);cursor:pointer;border-radius:50%;place-items:center;transition:transform .25s,border-color .25s;display:grid}@media (min-width:768px){.dg-orb-btn{background:color-mix(in srgb, var(--dg-orb-ctl-bg) 82%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}}.dg-orb-btn svg{width:18px;height:18px}.dg-orb-btn:hover,.dg-orb-btn:focus-visible{border-color:var(--dg-orb-ctl-ink);transform:translateY(-2px)}.dg-orb-btn:focus-visible{outline:2px solid var(--dg-orb-focus);outline-offset:3px}.dg-orb-toggle-icon{width:14px;height:14px;position:relative}.dg-orb-toggle-icon:before,.dg-orb-toggle-icon:after{content:"";background:var(--dg-orb-ctl-ink);border-radius:1px;width:4px;height:14px;position:absolute;top:0}.dg-orb-toggle-icon:before{left:1px}.dg-orb-toggle-icon:after{right:1px}.dg-orb-btn.is-paused .dg-orb-toggle-icon:before{border-style:solid;border-width:7px 0 7px 12px;border-color:transparent transparent transparent var(--dg-orb-ctl-ink);background:0 0;border-radius:0;width:0;height:0;top:0;left:2px}.dg-orb-btn.is-paused .dg-orb-toggle-icon:after{display:none}@media (max-width:640px){.dg-orb-scene{perspective:850px;perspective-origin:50% 38%}}