/* Shared controls: small defaults, optional roomy group, no widget-specific colors. */
:root{--g-control-surface:#f0f3f7;--g-control-hover:#e4e9f0;--g-control-pressed:#dce4ef;--g-control-ink:#26344e;--g-control-muted:#64748b;--g-control-selected:#26344e;--g-control-focus:#479be6}
.g-control-group{--g-control-size:40px;--g-control-gap:10px;--g-control-font-size:14px;--g-control-tab-padding:16px;--g-control-icon-size:16px;display:flex;align-items:center;justify-content:center;gap:var(--g-control-gap);max-width:100%;min-width:0}
.g-control-group--roomy{--g-control-size:48px;--g-control-gap:12px;--g-control-font-size:15px;--g-control-tab-padding:20px;--g-control-icon-size:18px}
.g-control-group>.g-segmented-control{min-width:0;flex:0 1 auto}
.g-motion-control{display:inline-flex;align-items:center;justify-content:center;min-height:var(--g-control-size,40px);border:0;border-radius:999px;background:var(--g-control-surface);color:var(--g-control-ink);cursor:pointer;transition:background-color .2s ease,color .2s ease}
.g-motion-control:hover:not(:disabled){background:var(--g-control-hover)}
.g-motion-control[aria-pressed=true]{background:var(--g-control-pressed)}
.g-motion-control:focus-visible{outline:3px solid var(--g-control-focus);outline-offset:3px}
.g-motion-control:disabled{opacity:.35;cursor:default}
.g-motion-control .ml-fa{pointer-events:none}
.g-motion-control--icon{width:var(--g-control-size,40px);height:var(--g-control-size,40px);flex:0 0 var(--g-control-size,40px);padding:0;border-radius:50%}
.g-motion-control--icon img,.g-motion-control--icon svg{width:var(--g-control-icon-size,16px);height:var(--g-control-icon-size,16px);object-fit:contain;opacity:.72;pointer-events:none}
.g-segmented-control{position:relative;isolation:isolate;display:inline-flex;align-items:stretch;max-width:100%;padding:4px;gap:0;background:var(--g-control-surface);border-radius:999px;overflow-x:auto;scrollbar-width:none;scroll-padding-inline:4px;box-sizing:border-box}
.g-segmented-indicator{position:absolute;left:0;top:4px;height:calc(100% - 8px);border-radius:999px;background:var(--g-control-selected);pointer-events:none;z-index:0;transition:transform .32s ease-out,width .32s ease-out}
.g-segmented-control[data-moving-pill] .g-segmented-button{position:relative;z-index:1;transition:color .12s ease-out}
.g-segmented-control[data-moving-pill] .g-segmented-button,.g-segmented-control[data-moving-pill] .g-segmented-button:hover{background:transparent}
.g-segmented-control::-webkit-scrollbar{display:none}
.g-segmented-control[data-overflow-right=true]{mask-image:linear-gradient(to right,#000 calc(100% - 14px),transparent)}
.g-segmented-control[data-overflow-left=true]{mask-image:linear-gradient(to right,transparent,#000 14px)}
.g-segmented-control[data-overflow-left=true][data-overflow-right=true]{mask-image:linear-gradient(to right,transparent,#000 14px,#000 calc(100% - 14px),transparent)}
.g-segmented-button{display:flex;flex:0 0 auto;align-items:center;justify-content:center;min-height:calc(var(--g-control-size,44px) - 8px);padding:0 var(--g-control-tab-padding,16px);border:0;border-radius:999px;background:transparent;color:var(--g-control-muted);font:500 var(--g-control-font-size,14px)/20px var(--goxee-font,Arial,sans-serif);white-space:nowrap;cursor:pointer;transition:background-color .2s ease,color .2s ease}
.g-segmented-button:hover{background:var(--g-control-hover);color:var(--g-control-ink)}
.g-segmented-button[aria-pressed=true],.g-segmented-button[aria-selected=true]{background:var(--g-control-selected);color:#fff}
.g-segmented-button:focus-visible{outline:2px solid var(--g-control-focus);outline-offset:-2px}
@media(prefers-reduced-motion:reduce){.g-motion-control,.g-segmented-button,.g-segmented-indicator,.g-segmented-control[data-moving-pill] .g-segmented-button{transition:none}}