/* r1103: a round information face matches the native switch's 20px track.
 * The existing 28px button remains the actual focus/click target. */
@layer sukun-r1103-ambience-info {
html body #tab-amb #mixer .chn .chInfo {
 position:relative!important;
 isolation:isolate!important;
 border:0!important;border-image:none!important;border-radius:50%!important;
 background:none!important;box-shadow:none!important;
 color:#f4ead1!important;
}
html body #tab-amb #mixer .chn .chInfo::before {
 content:""!important;
 display:block!important;position:absolute!important;
 left:50%!important;top:50%!important;right:auto!important;bottom:auto!important;
 transform:translate(-50%,-50%)!important;
 box-sizing:border-box!important;
 width:20px!important;height:20px!important;
 min-width:20px!important;min-height:20px!important;
 max-width:20px!important;max-height:20px!important;
 border:1px solid #bfa46d!important;border-image:none!important;
 border-radius:50%!important;
 background:radial-gradient(circle at 35% 30%,#183841,#071725)!important;
 box-shadow:inset 0 1px 2px #ffffff18!important;
 z-index:-1!important;pointer-events:none!important;
}
html[data-r1074-theme="berhet"] body #tab-amb #mixer .chn .chInfo::before {
 background:var(--r1101-gem-sapphire) center/100% 100% no-repeat,#071725!important;
}
html body #tab-amb #mixer .chn .chInfo:active::before {
 border-color:#fff0ba!important;
}
@media(forced-colors:active) {
 html body #tab-amb #mixer .chn .chInfo {color:ButtonText!important}
 html body #tab-amb #mixer .chn .chInfo::before {
  background:ButtonFace!important;border-color:ButtonText!important;
  box-shadow:none!important;
 }
}
}