/* ============================================================
* v2.1.154 — EOS icon set
* SVG-based replacement for the Tabler webfont. Wins via CSS specificity
* so icons render even if the Tabler font/CSS fails.
* Each icon is the Tabler outline SVG, base64-free, encoded as data URI.
* Color follows currentColor via CSS masks.
* ============================================================ */
.eos-watch--cinema .ti {
display: inline-block;
width: 1em;
height: 1em;
vertical-align: -0.15em;
background-color: currentColor;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
/* Make sure no glyph from a fallback font shows */
font-size: inherit;
color: inherit;
}
.eos-watch--cinema .ti::before { content: none !important; }
/* Helper: an SVG outline at 24px viewBox, stroke width 2, rounded caps/joins. */
.eos-watch--cinema .ti-align-center { -webkit-mask-image: url('data:image/svg+xml;utf8,'); mask-image: url('data:image/svg+xml;utf8,'); }
.eos-watch--cinema .ti-align-left { -webkit-mask-image: url('data:image/svg+xml;utf8,'); mask-image: url('data:image/svg+xml;utf8,'); }
.eos-watch--cinema .ti-arrow-back-up { -webkit-mask-image: url('data:image/svg+xml;utf8,'); mask-image: url('data:image/svg+xml;utf8,'); }
.eos-watch--cinema .ti-arrow-forward-up { -webkit-mask-image: url('data:image/svg+xml;utf8,'); mask-image: url('data:image/svg+xml;utf8,'); }
.eos-watch--cinema .ti-arrows-maximize { -webkit-mask-image: url('data:image/svg+xml;utf8,'); mask-image: url('data:image/svg+xml;utf8,'); }
.eos-watch--cinema .ti-badge-cc { -webkit-mask-image: url('data:image/svg+xml;utf8,'); mask-image: url('data:image/svg+xml;utf8,'); }
.eos-watch--cinema .ti-bookmark { -webkit-mask-image: url('data:image/svg+xml;utf8,'); mask-image: url('data:image/svg+xml;utf8,'); }
.eos-watch--cinema .ti-calendar-event { -webkit-mask-image: url('data:image/svg+xml;utf8,'); mask-image: url('data:image/svg+xml;utf8,'); }
.eos-watch--cinema .ti-checkbox { -webkit-mask-image: url('data:image/svg+xml;utf8,'); mask-image: url('data:image/svg+xml;utf8,'); }
.eos-watch--cinema .ti-copy { -webkit-mask-image: url('data:image/svg+xml;utf8,'); mask-image: url('data:image/svg+xml;utf8,'); }
.eos-watch--cinema .ti-download { -webkit-mask-image: url('data:image/svg+xml;utf8,'); mask-image: url('data:image/svg+xml;utf8,'); }
.eos-watch--cinema .ti-eraser { -webkit-mask-image: url('data:image/svg+xml;utf8,'); mask-image: url('data:image/svg+xml;utf8,'); }
.eos-watch--cinema .ti-eye { -webkit-mask-image: url('data:image/svg+xml;utf8,'); mask-image: url('data:image/svg+xml;utf8,'); }
.eos-watch--cinema .ti-highlight { -webkit-mask-image: url('data:image/svg+xml;utf8,'); mask-image: url('data:image/svg+xml;utf8,'); }
.eos-watch--cinema .ti-indent-increase { -webkit-mask-image: url('data:image/svg+xml;utf8,'); mask-image: url('data:image/svg+xml;utf8,'); }
.eos-watch--cinema .ti-link { -webkit-mask-image: url('data:image/svg+xml;utf8,'); mask-image: url('data:image/svg+xml;utf8,'); }
.eos-watch--cinema .ti-list { -webkit-mask-image: url('data:image/svg+xml;utf8,'); mask-image: url('data:image/svg+xml;utf8,'); }
.eos-watch--cinema .ti-list-numbers { -webkit-mask-image: url('data:image/svg+xml;utf8,'); mask-image: url('data:image/svg+xml;utf8,'); }
.eos-watch--cinema .ti-pencil { -webkit-mask-image: url('data:image/svg+xml;utf8,'); mask-image: url('data:image/svg+xml;utf8,'); }
.eos-watch--cinema .ti-photo { -webkit-mask-image: url('data:image/svg+xml;utf8,'); mask-image: url('data:image/svg+xml;utf8,'); }
.eos-watch--cinema .ti-picture-in-picture { -webkit-mask-image: url('data:image/svg+xml;utf8,'); mask-image: url('data:image/svg+xml;utf8,'); }
.eos-watch--cinema .ti-printer { -webkit-mask-image: url('data:image/svg+xml;utf8,'); mask-image: url('data:image/svg+xml;utf8,'); }
.eos-watch--cinema .ti-quote { -webkit-mask-image: url('data:image/svg+xml;utf8,'); mask-image: url('data:image/svg+xml;utf8,'); }
.eos-watch--cinema .ti-rectangle { -webkit-mask-image: url('data:image/svg+xml;utf8,'); mask-image: url('data:image/svg+xml;utf8,'); }
.eos-watch--cinema .ti-rewind-backward-10 { -webkit-mask-image: url('data:image/svg+xml;utf8,'); mask-image: url('data:image/svg+xml;utf8,'); }
.eos-watch--cinema .ti-rewind-forward-10 { -webkit-mask-image: url('data:image/svg+xml;utf8,'); mask-image: url('data:image/svg+xml;utf8,'); }
.eos-watch--cinema .ti-share-2 { -webkit-mask-image: url('data:image/svg+xml;utf8,'); mask-image: url('data:image/svg+xml;utf8,'); }
.eos-watch--cinema .ti-trash { -webkit-mask-image: url('data:image/svg+xml;utf8,'); mask-image: url('data:image/svg+xml;utf8,'); }
.eos-watch--cinema .ti-typography { -webkit-mask-image: url('data:image/svg+xml;utf8,'); mask-image: url('data:image/svg+xml;utf8,'); }
/* v2.3.8 — complete the cinema icon mask set (fixes black-square icons: gear/settings/volume/players/chevrons/etc.) */
.eos-watch--cinema .ti-arrow-left { -webkit-mask-image: url('data:image/svg+xml;utf8,'); mask-image: url('data:image/svg+xml;utf8,'); }
.eos-watch--cinema .ti-arrow-right { -webkit-mask-image: url('data:image/svg+xml;utf8,'); mask-image: url('data:image/svg+xml;utf8,'); }
.eos-watch--cinema .ti-book-2 { -webkit-mask-image: url('data:image/svg+xml;utf8,'); mask-image: url('data:image/svg+xml;utf8,'); }
.eos-watch--cinema .ti-bulb { -webkit-mask-image: url('data:image/svg+xml;utf8,'); mask-image: url('data:image/svg+xml;utf8,'); }
.eos-watch--cinema .ti-chevron-down { -webkit-mask-image: url('data:image/svg+xml;utf8,'); mask-image: url('data:image/svg+xml;utf8,'); }
.eos-watch--cinema .ti-chevron-up { -webkit-mask-image: url('data:image/svg+xml;utf8,'); mask-image: url('data:image/svg+xml;utf8,'); }
.eos-watch--cinema .ti-chevron-right { -webkit-mask-image: url('data:image/svg+xml;utf8,'); mask-image: url('data:image/svg+xml;utf8,'); }
.eos-watch--cinema .ti-external-link { -webkit-mask-image: url('data:image/svg+xml;utf8,'); mask-image: url('data:image/svg+xml;utf8,'); }
.eos-watch--cinema .ti-headphones { -webkit-mask-image: url('data:image/svg+xml;utf8,'); mask-image: url('data:image/svg+xml;utf8,'); }
.eos-watch--cinema .ti-message-circle-2 { -webkit-mask-image: url('data:image/svg+xml;utf8,'); mask-image: url('data:image/svg+xml;utf8,'); }
.eos-watch--cinema .ti-player-pause { -webkit-mask-image: url('data:image/svg+xml;utf8,'); mask-image: url('data:image/svg+xml;utf8,'); }
.eos-watch--cinema .ti-player-play { -webkit-mask-image: url('data:image/svg+xml;utf8,'); mask-image: url('data:image/svg+xml;utf8,'); }
.eos-watch--cinema .ti-player-track-next { -webkit-mask-image: url('data:image/svg+xml;utf8,'); mask-image: url('data:image/svg+xml;utf8,'); }
.eos-watch--cinema .ti-settings { -webkit-mask-image: url('data:image/svg+xml;utf8,'); mask-image: url('data:image/svg+xml;utf8,'); }
.eos-watch--cinema .ti-shield-cog { -webkit-mask-image: url('data:image/svg+xml;utf8,'); mask-image: url('data:image/svg+xml;utf8,'); }
.eos-watch--cinema .ti-volume { -webkit-mask-image: url('data:image/svg+xml;utf8,'); mask-image: url('data:image/svg+xml;utf8,'); }
.eos-watch--cinema .ti-volume-2 { -webkit-mask-image: url('data:image/svg+xml;utf8,'); mask-image: url('data:image/svg+xml;utf8,'); }
.eos-watch--cinema .ti-volume-off { -webkit-mask-image: url('data:image/svg+xml;utf8,'); mask-image: url('data:image/svg+xml;utf8,'); }