@keyframes igu3140{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
.igu3141{border-radius:var(--spot-radius-full);box-shadow:var(--spot-shadow-lg);flex:none;display:inline-flex;position:relative}
.igu3142{border-radius:var(--spot-radius-full);pointer-events:none;box-shadow:inset 0 0 0 1px var(--spot-color-menuOutline);filter:saturate(1.3);opacity:.75;will-change:transform, opacity;background:conic-gradient(#5eead4,#3b82f6,#818cf8,#5eead4);animation:4s ease-in-out infinite igu3140;position:absolute;inset:0}
.igu3143{border-radius:var(--spot-radius-full);color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex:none;justify-content:center;align-items:center;width:50px;height:50px;padding:0;display:inline-flex;position:relative}
.igu3143:focus-visible{outline:2px solid var(--spot-color-link);outline-offset:2px}
@media (prefers-reduced-motion:reduce){.igu3142{animation:none}}
.r8bts30{left:50%;bottom:calc(var(--native-safe-area-inset-bottom,env(safe-area-inset-bottom,0px)) + var(--spot-space-md));z-index:var(--spot-zIndex-modal);align-items:center;gap:var(--spot-space-smd);display:flex;position:fixed;transform:translate(-50%)}
.r8bts31{display:flex}
.r8bts32{align-items:center;gap:var(--spot-space-xs);border-radius:var(--spot-radius-full);background:var(--spot-color-background);border:1px solid var(--spot-color-borderLight);box-shadow:var(--spot-shadow-lg);touch-action:none;display:flex;position:relative;overflow:hidden}
.r8bts33{pointer-events:none;width:50px;height:50px;transform:translateX(calc(var(--gnb-index,0) * 54px)) scale(.9);margin-top:-25px;transition:transform .36s cubic-bezier(.28,1,.6,1);position:absolute;top:50%;left:0}
.r8bts34{border-radius:var(--spot-radius-full);box-shadow:inset 0 0 0 1.5px rgb(from var(--spot-color-foreground) r g b / .5);background:conic-gradient(from 0deg, var(--spot-color-muted), var(--spot-color-foreground), var(--spot-color-muted), var(--spot-color-secondary), var(--spot-color-muted));filter:blur()saturate(.4);opacity:.32;position:absolute;inset:2px}
.r8bts35{width:50px;height:50px;padding:var(--spot-space-xsm);border-radius:var(--spot-radius-full);color:var(--spot-color-muted);opacity:.6;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;justify-content:center;align-items:center;transition:color .22s,opacity .22s;display:inline-flex;position:relative}
.r8bts35[data-selected]{color:var(--spot-color-foreground);opacity:1}
.r8bts35:active{color:var(--spot-color-foreground);opacity:1}
.r8bts35:focus-visible{outline:2px solid var(--spot-color-link);outline-offset:2px}
.r8bts36{z-index:1;width:28px;height:28px;display:block;position:relative}
.r8bts37{height:calc(var(--native-safe-area-inset-bottom,env(safe-area-inset-bottom,0px)) + 120px);z-index:var(--spot-zIndex-modal);pointer-events:none;background:linear-gradient(to top, var(--spot-color-background), rgb(from var(--spot-color-background) r g b / 0));position:fixed;bottom:0;left:0;right:0}
@media (prefers-reduced-motion:reduce){.r8bts33{transition:none}}