/**
 * Iconos de Switch Control y de la página del invitado.
 *
 * Antes eran emoji. Un emoji lo dibuja cada sistema a su manera —el 📡 de un
 * iPhone no se parece al de Windows—, viene con sus propios colores y no hay
 * forma de alinearlo ni de escalarlo con precisión. En un panel de realización
 * eso se nota: la fila de módulos parecía una bolsa de caramelos.
 *
 * Estos son dibujos propios, todos sobre la misma rejilla de 24×24 y con el
 * mismo grosor de trazo, sin color propio: heredan el del texto que tienen al
 * lado. Por eso siguen funcionando aunque mañana cambie la paleta entera.
 *
 * Los SVG van pegados en el HTML, no en un archivo aparte ni en una fuente de
 * iconos: así no hay una petición más que esperar antes de que el panel se
 * pueda usar, y ninguno llega tarde ni parpadea al cargar.
 */

/* ── La base ─────────────────────────────────────────────────────────────
   El tamaño se mide en em a propósito: cada sitio ya decidió su font-size
   —17px en el rail, 19px en la barra del invitado, 15px en los selectores—
   y así el icono lo sigue sin repetir aquí ninguna de esas medidas. */

.ic {
    width: 1em;
    height: 1em;
    flex: 0 0 auto;
    /* En texto corrido el icono se apoya en la línea base; bajarlo un pelo
       lo centra con las minúsculas, que es donde el ojo lo busca. */
    vertical-align: -.14em;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.75;
    stroke-linecap: round;
    stroke-linejoin: round;
    /* El dibujo no se estira aunque el hueco no sea cuadrado. */
    overflow: visible;
}

/* Las pocas partes macizas del juego —el zócalo, el punto del aire, el
   altavoz—. Son rellenos, no trazos: si heredaran el grosor saldrían con
   un borde encima del relleno y engordarían. */
.ic .ic-f {
    fill: currentColor;
    stroke: none;
}

/* ── La única excepción de color ──────────────────────────────────────────
   El punto de «Emitir» es el piloto de al aire. En una mesa de verdad ese
   piloto es rojo y no es negociable: es lo primero que se busca de un
   vistazo. Todo lo demás del juego es monocromo. */
.ic .ic-vivo {
    fill: #ef4444;
    stroke: none;
}

/* Con el módulo abierto el botón se pinta con el degradado del acento y el
   rojo se pierde encima. Ahí el punto vuelve al color del texto: el estado
   ya lo está gritando el botón entero. */
.cb-mod-on .ic .ic-vivo { fill: currentColor; }

/* ── Dentro de los botones ───────────────────────────────────────────────
   Los botones son flex sin gap, y el flex se come el espacio en blanco que
   hay entre el icono y la palabra. Se lo devolvemos como margen. */

.cb-btn > .ic,
.iv-btn > .ic {
    /* Un poco mayor que la letra: a 12px un dibujo de línea se ensucia. */
    font-size: 1.25em;
    margin-right: .4em;
}

/* Cuando el icono va detrás de la palabra —«Cerrar ✕»— el margen cambia de
   lado. Sin esto quedaría pegado al texto y con aire por fuera. */
.cb-btn > .ic:last-child,
.iv-btn > .ic:last-child {
    margin-right: 0;
    margin-left: .4em;
}

/* Un botón que solo lleva icono no necesita margen por ningún lado. */
.cb-btn > .ic:first-child:last-child,
.iv-btn > .ic:first-child:last-child { margin: 0; }

/* ── Sitios estrechos ────────────────────────────────────────────────────
   Los avisos de «Sin sonido» van en una pastilla de 11px. A ese tamaño el
   altavoz tachado se convierte en una mancha, así que se le da un punto más
   de aire y algo menos de trazo para que no se empaste. */

.cb-mon-mudo .ic,
.iv-pgm-mudo .ic {
    font-size: 1.2em;
    stroke-width: 1.7;
}

/* La pastilla del invitado no es flex: aquí el hueco lo pone el margen. */
.iv-pgm-mudo .ic { margin-right: .3em; }

/* ── Vida ────────────────────────────────────────────────────────────────
   Nada de animaciones: en una cabina lo que se mueve distrae. Solo el
   acuse de recibo del dedo, y solo donde el contenedor no lo hace ya. */

.cb-mod .ic { transition: transform .12s ease; }
.cb-mod:active .ic { transform: scale(.92); }

/* Quien haya pedido menos movimiento no lo tendrá. */
@media (prefers-reduced-motion: reduce) {
    .cb-mod .ic { transition: none; }
    .cb-mod:active .ic { transform: none; }
}


/* ── Los que dibuja el guion ─────────────────────────────────────────────
   Aquí el icono no está en el HTML: el guion lo escribe con textContent
   cada vez que cambia el estado —el micrófono se abre, el invitado empieza
   a sonar— y por eso quedaron con emoji cuando el resto ya no los tenía.

   No hacía falta tocar el guion para arreglarlos. Junto al emoji siempre
   alterna una clase que dice el estado, así que se tapa el carácter y se
   dibuja el icono desde aquí, según esa clase. El guion sigue escribiendo
   su emoji; simplemente ya no se ve.

   Van como máscara y no como imagen de fondo a propósito: una imagen trae
   su color puesto, una máscara se pinta con el color del texto, que es lo
   que hace que estos iconos sigan al tema como los demás. */

#camMic, #camCam,
[id^="esc-"],
.cb-gv-pie [onclick^="gvHablar"],
.cb-gv-pie [onclick^="gvCopy"],
.cb-gv-pie [onclick^="gvRemove"] {
    /* El emoji desaparece por tamaño, no por color: los emoji traen sus
       propios colores y no obedecen a `color`. */
    font-size: 0;
    line-height: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

#camMic::before, #camCam::before,
[id^="esc-"]::before,
.cb-gv-pie [onclick^="gvHablar"]::before,
.cb-gv-pie [onclick^="gvCopy"]::before,
.cb-gv-pie [onclick^="gvRemove"]::before {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    background: currentColor;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: center;
            mask-position: center;
    -webkit-mask-size: contain;
            mask-size: contain;
}

/* El micrófono y la cámara del estudio. Cerrados, el guion les pone
   cb-btn-danger: el mismo dibujo con una barra encima.

   Las dos reglas del cerrado acababan en «NO» pegado a la url —resto de
   una edición a medias—, así que el navegador las tiraba enteras y el
   micrófono cerrado enseñaba exactamente el mismo dibujo que el abierto:
   el único aviso era el fondo rojo. Y el dato del tachado tampoco estaba,
   era una copia del otro. Ahora la barra está de verdad. */
#camMic::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%271.75%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%279%27%20y%3D%272.8%27%20width%3D%276%27%20height%3D%2710.6%27%20rx%3D%273%27%2F%3E%3Cpath%20d%3D%27M5.6%2011.4a6.4%206.4%200%200%200%2012.8%200%27%2F%3E%3Cpath%20d%3D%27M12%2017.8v3.4%27%2F%3E%3Cpath%20d%3D%27M8.8%2021.2h6.4%27%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%271.75%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%279%27%20y%3D%272.8%27%20width%3D%276%27%20height%3D%2710.6%27%20rx%3D%273%27%2F%3E%3Cpath%20d%3D%27M5.6%2011.4a6.4%206.4%200%200%200%2012.8%200%27%2F%3E%3Cpath%20d%3D%27M12%2017.8v3.4%27%2F%3E%3Cpath%20d%3D%27M8.8%2021.2h6.4%27%2F%3E%3C%2Fsvg%3E"); }
#camMic.cb-btn-danger::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%271.75%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%279%27%20y%3D%272.8%27%20width%3D%276%27%20height%3D%2710.6%27%20rx%3D%273%27%2F%3E%3Cpath%20d%3D%27M5.6%2011.4a6.4%206.4%200%200%200%2012.8%200%27%2F%3E%3Cpath%20d%3D%27M12%2017.8v3.4%27%2F%3E%3Cpath%20d%3D%27M8.8%2021.2h6.4%27%2F%3E%3Cpath%20d%3D%27M4.2%203.6%2019.8%2020.4%27%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%271.75%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%279%27%20y%3D%272.8%27%20width%3D%276%27%20height%3D%2710.6%27%20rx%3D%273%27%2F%3E%3Cpath%20d%3D%27M5.6%2011.4a6.4%206.4%200%200%200%2012.8%200%27%2F%3E%3Cpath%20d%3D%27M12%2017.8v3.4%27%2F%3E%3Cpath%20d%3D%27M8.8%2021.2h6.4%27%2F%3E%3Cpath%20d%3D%27M4.2%203.6%2019.8%2020.4%27%2F%3E%3C%2Fsvg%3E"); }
#camCam::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%271.75%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%272.6%27%20y%3D%276.4%27%20width%3D%2713%27%20height%3D%2711.2%27%20rx%3D%272.5%27%2F%3E%3Cpath%20d%3D%27m15.6%2010.4%205.4-3v9.2l-5.4-3Z%27%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%271.75%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%272.6%27%20y%3D%276.4%27%20width%3D%2713%27%20height%3D%2711.2%27%20rx%3D%272.5%27%2F%3E%3Cpath%20d%3D%27m15.6%2010.4%205.4-3v9.2l-5.4-3Z%27%2F%3E%3C%2Fsvg%3E"); }
#camCam.cb-btn-danger::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%271.75%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%272.6%27%20y%3D%276.4%27%20width%3D%2713%27%20height%3D%2711.2%27%20rx%3D%272.5%27%2F%3E%3Cpath%20d%3D%27m15.6%2010.4%205.4-3v9.2l-5.4-3Z%27%2F%3E%3Cpath%20d%3D%27M4.2%203.6%2019.8%2020.4%27%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%271.75%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%272.6%27%20y%3D%276.4%27%20width%3D%2713%27%20height%3D%2711.2%27%20rx%3D%272.5%27%2F%3E%3Cpath%20d%3D%27m15.6%2010.4%205.4-3v9.2l-5.4-3Z%27%2F%3E%3Cpath%20d%3D%27M4.2%203.6%2019.8%2020.4%27%2F%3E%3C%2Fsvg%3E"); }

/* Los auriculares de cada tarjeta de invitado. Mientras se le escucha, el
   guion le pone cb-btn-primary y el dibujo pasa a altavoz sonando: así se
   ve a quién se está oyendo sin leer un solo rótulo. */
[id^="esc-"]::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%271.75%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M4.2%2015.4v-3.6a7.8%207.8%200%200%201%2015.6%200v3.6%27%2F%3E%3Cpath%20d%3D%27M4.2%2013.4h2.2a1%201%200%200%201%201%201v3.4a1%201%200%200%201-1%201H5.4a1.2%201.2%200%200%201-1.2-1.2Z%27%20fill%3D%27%23000%27%2F%3E%3Cpath%20d%3D%27M19.8%2013.4h-2.2a1%201%200%200%200-1%201v3.4a1%201%200%200%200%201%201h1a1.2%201.2%200%200%200%201.2-1.2Z%27%20fill%3D%27%23000%27%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%271.75%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M4.2%2015.4v-3.6a7.8%207.8%200%200%201%2015.6%200v3.6%27%2F%3E%3Cpath%20d%3D%27M4.2%2013.4h2.2a1%201%200%200%201%201%201v3.4a1%201%200%200%201-1%201H5.4a1.2%201.2%200%200%201-1.2-1.2Z%27%20fill%3D%27%23000%27%2F%3E%3Cpath%20d%3D%27M19.8%2013.4h-2.2a1%201%200%200%200-1%201v3.4a1%201%200%200%200%201%201h1a1.2%201.2%200%200%200%201.2-1.2Z%27%20fill%3D%27%23000%27%2F%3E%3C%2Fsvg%3E"); }
[id^="esc-"].cb-btn-primary::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%271.75%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M3.4%209.2h3.4L11.4%205.4a.6.6%200%200%201%201%20.5v12.2a.6.6%200%200%201-1%20.5L6.8%2014.8H3.4a.6.6%200%200%201-.6-.6V9.8a.6.6%200%200%201%20.6-.6Z%27%20fill%3D%27%23000%27%20stroke%3D%27none%27%2F%3E%3Cpath%20d%3D%27M16%209.4a3.6%203.6%200%200%201%200%205.2%27%2F%3E%3Cpath%20d%3D%27M18.8%207a7.2%207.2%200%200%201%200%2010%27%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%271.75%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M3.4%209.2h3.4L11.4%205.4a.6.6%200%200%201%201%20.5v12.2a.6.6%200%200%201-1%20.5L6.8%2014.8H3.4a.6.6%200%200%201-.6-.6V9.8a.6.6%200%200%201%20.6-.6Z%27%20fill%3D%27%23000%27%20stroke%3D%27none%27%2F%3E%3Cpath%20d%3D%27M16%209.4a3.6%203.6%200%200%201%200%205.2%27%2F%3E%3Cpath%20d%3D%27M18.8%207a7.2%207.2%200%200%201%200%2010%27%2F%3E%3C%2Fsvg%3E"); }

/* Los tres botones del pie de cada tarjeta: escribirle, copiar su enlace
   y quitarle la invitación. Se reconocen por lo que hacen, que es lo único
   estable: el guion los pinta enteros cada vez que repinta la lista. */
.cb-gv-pie [onclick^="gvHablar"]::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%271.75%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M5%204h14a2%202%200%200%201%202%202v9a2%202%200%200%201-2%202H9.6L5%2020.6V17a2%202%200%200%201-2-2V6a2%202%200%200%201%202-2Z%27%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%271.75%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M5%204h14a2%202%200%200%201%202%202v9a2%202%200%200%201-2%202H9.6L5%2020.6V17a2%202%200%200%201-2-2V6a2%202%200%200%201%202-2Z%27%2F%3E%3C%2Fsvg%3E"); }
.cb-gv-pie [onclick^="gvCopy"]::before   { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%271.75%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%278.4%27%20y%3D%278.4%27%20width%3D%2711.2%27%20height%3D%2711.2%27%20rx%3D%272.2%27%2F%3E%3Cpath%20d%3D%27M15.6%204.4H6.6a2.2%202.2%200%200%200-2.2%202.2v9%27%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%271.75%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%278.4%27%20y%3D%278.4%27%20width%3D%2711.2%27%20height%3D%2711.2%27%20rx%3D%272.2%27%2F%3E%3Cpath%20d%3D%27M15.6%204.4H6.6a2.2%202.2%200%200%200-2.2%202.2v9%27%2F%3E%3C%2Fsvg%3E"); }
.cb-gv-pie [onclick^="gvRemove"]::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%271.75%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M6.6%206.6%2017.4%2017.4%27%2F%3E%3Cpath%20d%3D%27M17.4%206.6%206.6%2017.4%27%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%271.75%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M6.6%206.6%2017.4%2017.4%27%2F%3E%3Cpath%20d%3D%27M17.4%206.6%206.6%2017.4%27%2F%3E%3C%2Fsvg%3E"); }


/* ── El micrófono y la cámara del invitado ───────────────────────────────
   Mismo caso que arriba, en la página del invitado: el guion escribe el
   emoji dentro del hueco del icono y alterna iv-ctl-off en el botón. Aquí
   importa más que en ningún sitio, porque es lo que mira alguien que está
   a punto de salir al aire y quiere saber si le oyen. */

#ivMicIco, #ivCamIco {
    font-size: 0;
    line-height: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

#ivMicIco::before, #ivCamIco::before {
    content: '';
    display: block;
    width: 21px;
    height: 21px;
    background: currentColor;
    -webkit-mask-repeat: no-repeat;  mask-repeat: no-repeat;
    -webkit-mask-position: center;   mask-position: center;
    -webkit-mask-size: contain;      mask-size: contain;
}

#ivMicIco::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%271.75%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%279%27%20y%3D%272.8%27%20width%3D%276%27%20height%3D%2710.6%27%20rx%3D%273%27%2F%3E%3Cpath%20d%3D%27M5.6%2011.4a6.4%206.4%200%200%200%2012.8%200%27%2F%3E%3Cpath%20d%3D%27M12%2017.8v3.4%27%2F%3E%3Cpath%20d%3D%27M8.8%2021.2h6.4%27%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%271.75%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%279%27%20y%3D%272.8%27%20width%3D%276%27%20height%3D%2710.6%27%20rx%3D%273%27%2F%3E%3Cpath%20d%3D%27M5.6%2011.4a6.4%206.4%200%200%200%2012.8%200%27%2F%3E%3Cpath%20d%3D%27M12%2017.8v3.4%27%2F%3E%3Cpath%20d%3D%27M8.8%2021.2h6.4%27%2F%3E%3C%2Fsvg%3E"); }
.iv-ctl-off #ivMicIco::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%271.75%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%279%27%20y%3D%272.8%27%20width%3D%276%27%20height%3D%2710.6%27%20rx%3D%273%27%2F%3E%3Cpath%20d%3D%27M5.6%2011.4a6.4%206.4%200%200%200%2012.8%200%27%2F%3E%3Cpath%20d%3D%27M12%2017.8v3.4%27%2F%3E%3Cpath%20d%3D%27M8.8%2021.2h6.4%27%2F%3E%3Cpath%20d%3D%27M4.2%203.6%2019.8%2020.4%27%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%271.75%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%279%27%20y%3D%272.8%27%20width%3D%276%27%20height%3D%2710.6%27%20rx%3D%273%27%2F%3E%3Cpath%20d%3D%27M5.6%2011.4a6.4%206.4%200%200%200%2012.8%200%27%2F%3E%3Cpath%20d%3D%27M12%2017.8v3.4%27%2F%3E%3Cpath%20d%3D%27M8.8%2021.2h6.4%27%2F%3E%3Cpath%20d%3D%27M4.2%203.6%2019.8%2020.4%27%2F%3E%3C%2Fsvg%3E"); }
#ivCamIco::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%271.75%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%272.6%27%20y%3D%276.4%27%20width%3D%2713%27%20height%3D%2711.2%27%20rx%3D%272.5%27%2F%3E%3Cpath%20d%3D%27m15.6%2010.4%205.4-3v9.2l-5.4-3Z%27%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%271.75%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%272.6%27%20y%3D%276.4%27%20width%3D%2713%27%20height%3D%2711.2%27%20rx%3D%272.5%27%2F%3E%3Cpath%20d%3D%27m15.6%2010.4%205.4-3v9.2l-5.4-3Z%27%2F%3E%3C%2Fsvg%3E"); }
.iv-ctl-off #ivCamIco::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%271.75%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%272.6%27%20y%3D%276.4%27%20width%3D%2713%27%20height%3D%2711.2%27%20rx%3D%272.5%27%2F%3E%3Cpath%20d%3D%27m15.6%2010.4%205.4-3v9.2l-5.4-3Z%27%2F%3E%3Cpath%20d%3D%27M4.2%203.6%2019.8%2020.4%27%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%271.75%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%272.6%27%20y%3D%276.4%27%20width%3D%2713%27%20height%3D%2711.2%27%20rx%3D%272.5%27%2F%3E%3Cpath%20d%3D%27m15.6%2010.4%205.4-3v9.2l-5.4-3Z%27%2F%3E%3Cpath%20d%3D%27M4.2%203.6%2019.8%2020.4%27%2F%3E%3C%2Fsvg%3E"); }