/* V13 paint is imported immediately before this layout/state layer. */
.r11-controls .mobile-selector{position:relative;z-index:7;gap:8px;overflow:visible}
.r11-controls .mobile-selector button.field.focus-sample{position:relative;display:grid;place-items:center;isolation:isolate;min-width:0;min-height:48px;margin:0;padding:8px 7px;border-radius:6px;color:#dfeedd;font:550 12px/1.35 Exo,system-ui,sans-serif;text-align:center;--edge-light:1;--signal:103 255 111;border-color:rgb(var(--signal)/.92);box-shadow:inset 0 1px rgb(var(--signal)/.36),inset 0 -1px rgb(var(--signal)/.17),inset 0 0 21px rgb(var(--signal)/.095);transition:box-shadow 190ms ease}
.r11-controls .mobile-selector button.field.focus-sample:is(:hover,:focus-visible){box-shadow:inset 0 1px rgb(var(--signal)/.36),inset 0 -1px rgb(var(--signal)/.17),inset 0 0 21px rgb(var(--signal)/.095),0 0 4px rgb(var(--signal)/.55),0 0 18px rgb(var(--signal)/.33),0 6px 25px rgb(var(--signal)/.11)}
.r11-controls .mobile-selector button[aria-pressed=true]{text-decoration:underline;text-decoration-color:#bbf69c;text-decoration-thickness:2px;text-underline-offset:5px}
.r11-controls .mobile-selector button:focus-visible{outline:2px solid #d4ffbd;outline-offset:4px}
/* The active material is always present; hover adds a separate light layer. */
.r11-controls .r11-continuous:not([data-glass=switch])>.skin-on{opacity:1!important;transition:none!important}
.r11-controls .r11-continuous>.flow{transition:none!important}
.r11-controls .glass.r11-continuous::before{display:none!important}
.r11-controls .glass.r11-continuous>.glass-halo,
.r11-controls #v13-ui #budget-enabled>.glass-halo,
.r11-controls #v13-ui .glass.r11-continuous>.glass-halo{position:absolute;inset:3px 5px 6px;pointer-events:none;z-index:-1;border-radius:inherit;background:none;opacity:0;filter:none;box-shadow:0 0 7px 2px #87ff6be6,0 0 20px 8px #71ff6373,0 5px 32px 8px #73ed5545;transition:opacity 190ms ease}
.r11-controls .glass.r11-continuous:is(:hover,:focus-visible)>.glass-halo,
.r11-controls #v13-ui #budget-enabled:is(:hover,:focus-visible)>.glass-halo,
.r11-controls #v13-ui .glass.r11-continuous:is(:hover,:focus-visible)>.glass-halo{opacity:1}
.r11-controls .glass.r11-continuous:is(:hover,:focus-visible)::after{border:1px solid #b7ffb580!important;box-shadow:inset 0 0 4px #8aff6b73,0 0 4px #9bff6b59!important;background:none!important}
.r11-controls .glass.r11-continuous:is(:disabled,[aria-disabled=true])>.glass-halo{opacity:0!important}
.r11-controls .glass.r11-continuous:is(:disabled,[aria-disabled=true])::after{border:0!important;box-shadow:none!important}
.r11-controls .r9-service-pill>.ink{display:grid;grid-template-columns:minmax(0,1fr);justify-content:center;text-align:center;gap:0}
.r11-controls .r9-service-pill .r11-label{display:block;min-width:0;white-space:normal;text-align:center;line-height:1.2}
.r11-controls .r9-service-pill>.ink>[data-ui-icon],.r11-controls .r9-service-pill>.ink>svg{position:absolute;right:-20px;top:50%;transform:translateY(-50%);width:17px;height:17px}
.r11-controls .r9-service-pill{padding-inline:32px}
@media(max-width:700px){.r11-controls .r9-service-pill{padding-inline:25px;font-size:11.5px;min-width:0}.r11-controls .r9-service-pill>.ink>[data-ui-icon],.r11-controls .r9-service-pill>.ink>svg{right:-15px;width:14px;height:14px}.r11-controls .mobile-selector{padding-inline:2px}.r11-controls .vb-strip{padding-bottom:25px}}
@media(prefers-reduced-motion:reduce){.r11-controls .mobile-selector button,.r11-controls .glass.r11-continuous>.glass-halo{transition:none!important}}
@media(forced-colors:active){.r11-controls .mobile-selector button.field.focus-sample{background:Canvas!important;color:ButtonText!important;border:1px solid ButtonText!important;box-shadow:none!important}.r11-controls .mobile-selector button::after{display:none!important}.r11-controls .mobile-selector button[aria-pressed=true]{border-color:Highlight!important;color:Highlight!important}.r11-controls .glass.r11-continuous>.glass-halo{display:none!important}}