/* Independent, optional finishes for only the requested three buttons. */
#f8la.f8la-appearance[data-glass-tabs="true"]:not(.f8la-has-motion) .f8la-modes button.is-active,
#f8la.f8la-appearance.f8la-has-motion[data-glass-tabs="true"] .f8la-mode-indicator,
#pino-design-lab[data-glass-tabs="true"] .pd-mode-indicator {
  --f8la-glass-base:var(--pino-tabs-activeBg);--f8la-glass-matte:var(--pino-tabs-matte);--f8la-glass-intensity:var(--pino-tabs-intensity);--f8la-glass-rim:var(--pino-tabs-rim);
}
#f8la.f8la-appearance[data-glass-start="true"] .f8la-talk,
#pino-design-lab[data-glass-start="true"] #pd-start {
  --f8la-glass-base:var(--pino-start-bg);--f8la-glass-matte:var(--pino-start-matte);--f8la-glass-intensity:var(--pino-start-intensity);--f8la-glass-rim:var(--pino-start-rim);
}
#f8la.f8la-appearance[data-glass-send="true"] .f8la-composer button,
#pino-design-lab[data-glass-send="true"] #pd-send {
  --f8la-glass-base:var(--pino-send-bg);--f8la-glass-matte:var(--pino-send-matte);--f8la-glass-intensity:var(--pino-send-intensity);--f8la-glass-rim:var(--pino-send-rim);
}
#f8la.f8la-appearance[data-glass-start="true"].is-ptt-speaking .f8la-talk {--f8la-glass-base:var(--pino-start-recordingBg);}
#f8la.f8la-appearance[data-glass-start="true"].is-ptt-warning .f8la-talk {--f8la-glass-base:var(--pino-start-warningBg);}
#f8la.f8la-appearance[data-glass-start="true"].is-ptt-cancel .f8la-talk {--f8la-glass-base:var(--pino-start-cancelBg);}
#f8la.f8la-appearance[data-glass-tabs="true"]:not(.f8la-has-motion) .f8la-modes button.is-active,
#f8la.f8la-appearance.f8la-has-motion[data-glass-tabs="true"] .f8la-mode-indicator,
#f8la.f8la-appearance[data-glass-start="true"] .f8la-talk,
#f8la.f8la-appearance[data-glass-start="true"].is-push-to-talk.is-ptt-speaking:is(.is-ptt-speaking,.is-ptt-warning,.is-ptt-cancel) .f8la-talk,
#f8la.f8la-appearance[data-glass-send="true"] .f8la-composer button,
#pino-design-lab[data-glass-tabs="true"] .pd-mode-indicator,
#pino-design-lab[data-glass-start="true"] #pd-start,
#pino-design-lab[data-glass-send="true"] #pd-send {
  --glass-i:var(--f8la-glass-intensity,0.85);--glass-m:var(--f8la-glass-matte,0.15);
  background-color:var(--f8la-glass-base);
  background-color:color-mix(in srgb,var(--f8la-glass-base) calc(100% - 24% * var(--glass-i) + 18% * var(--glass-m) * var(--glass-i)),transparent);
  background-image:radial-gradient(ellipse at var(--f8la-glass-x,25%) var(--f8la-glass-y,0%),rgb(255 255 255 / calc(.34 * var(--glass-i) * (1 - .4 * var(--glass-m)))),transparent 58%),linear-gradient(167deg,rgb(255 255 255 / calc(.15 * var(--glass-i))),rgb(255 255 255 / calc(.025 * var(--glass-i))) 42%,rgb(0 0 0 / calc(.08 * var(--glass-i))) 57%,rgb(255 255 255 / calc(.13 * var(--glass-i))));
  backdrop-filter:blur(calc(18px * var(--glass-m) * var(--glass-i))) saturate(calc(1 + .35 * var(--glass-i)));
  -webkit-backdrop-filter:blur(calc(18px * var(--glass-m) * var(--glass-i))) saturate(calc(1 + .35 * var(--glass-i)));
  box-shadow:inset 0 1px 1px rgb(255 255 255 / calc(.67 * var(--glass-i))),inset 1px 0 1px rgb(255 255 255 / calc(.35 * var(--glass-i))),inset 0 -2px 2px rgb(255 255 255 / calc(.28 * var(--glass-i))),inset 0 0 0 var(--f8la-glass-rim,3px) rgb(255 255 255 / calc(.12 * var(--glass-i))),0 4px 10px rgb(0 0 0 / calc(.13 * var(--glass-i)));
  background-clip:padding-box;
}