/* Google Material Symbols Sharp, Apache-2.0.
   License: /tv/samsung6/shared/material-symbols-LICENSE.txt */
@font-face {
  font-family: "Material Symbols Sharp";
  src: url("/tv/samsung6/shared/arkhi-material-symbols-sharp-be7636ac8661.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: block;
}

:root {
  --arkhi-player-icon-color: #fff;
  --arkhi-player-recording-color: #ff3b30;
}

[data-arkhi-icon="play"] { --arkhi-symbol: "\e037"; } /* play_arrow */
[data-arkhi-icon="pause"] { --arkhi-symbol: "\e034"; } /* pause */
[data-arkhi-icon="back"] { --arkhi-symbol: "\e05a"; } /* replay_30 */
[data-arkhi-icon="forward"] { --arkhi-symbol: "\e057"; } /* forward_30 */
[data-arkhi-icon="start-over"] { --arkhi-symbol: "\e045"; } /* skip_previous */
[data-arkhi-icon="go-live"] { --arkhi-symbol: "\e044"; } /* skip_next */
[data-arkhi-icon="record"], #recordBtn:not([data-arkhi-icon]) { --arkhi-symbol: "\e837"; } /* radio_button_checked */
[data-arkhi-icon="stop-record"] { --arkhi-symbol: "\e047"; } /* stop */
[data-arkhi-icon="subtitles"], #subsToggle:not([data-arkhi-icon]), #aiSubsBtn { --arkhi-symbol: "\e048"; } /* subtitles */
[data-arkhi-icon="audio"] { --arkhi-symbol: "\e050"; } /* volume_up */
[data-arkhi-icon="video-track"] { --arkhi-symbol: "\f06a"; } /* smart_display */
[data-arkhi-icon="cast"], #castBtn:not([data-arkhi-icon]) { --arkhi-symbol: "\e307"; } /* cast */
[data-arkhi-icon="share"] { --arkhi-symbol: "\e80d"; } /* share */
[data-arkhi-icon="fullscreen"] { --arkhi-symbol: "\e5d0"; } /* fullscreen */
[data-arkhi-icon="pip"] { --arkhi-symbol: "\e911"; } /* picture_in_picture_alt */
[data-arkhi-icon="help"], #feedbackOpen:not([data-arkhi-icon]) { --arkhi-symbol: "\e8fd"; } /* help */
[data-arkhi-icon="search"] { --arkhi-symbol: "\ef7a"; } /* search */
[data-arkhi-icon="account"] { --arkhi-symbol: "\f0d3"; } /* person */
[data-arkhi-icon="android"] { --arkhi-symbol: "\e859"; } /* android */
[data-arkhi-icon="tv-mode"], #arkhiWebTVSwitch { --arkhi-symbol: "\e63b"; } /* tv */
[data-arkhi-icon="guide"] { --arkhi-symbol: "\e05f"; } /* playlist_play */
[data-arkhi-icon="videoteca"] { --arkhi-symbol: "\e404"; } /* movie */
[data-arkhi-icon="exit-tv"] { --arkhi-symbol: "\e5cc"; } /* chevron_right */
[data-arkhi-icon="pip-swap"] { --arkhi-symbol: "\e8d4"; } /* swap_horiz */
[data-arkhi-icon="pip-audio"] { --arkhi-symbol: "\e405"; } /* audiotrack */
[data-arkhi-icon="pip-grow"] { --arkhi-symbol: "\e145"; } /* add */
[data-arkhi-icon="pip-shrink"] { --arkhi-symbol: "\e15b"; } /* remove */
[data-arkhi-icon="close"] { --arkhi-symbol: "\e5cd"; } /* close */

span.arkhi-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.arkhi-icon::before,
.arkhi-player-icon-only[data-arkhi-icon]::before,
#castBtn::before,
#recordBtn::before,
#subsToggle::before,
#aiSubsBtn::before,
#arkhiWebTVSwitch::before,
#feedbackOpen::before {
  content: var(--arkhi-symbol);
  display: inline-block;
  flex: 0 0 auto;
  font-family: "Material Symbols Sharp";
  font-size: var(--arkhi-symbol-size, var(--arkhi-icon-size, 24px));
  font-weight: 400;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
  text-indent: 0;
  text-transform: none;
  white-space: nowrap;
}

#feedbackOpen.feedback-fab::before {
  --arkhi-symbol-size: var(--arkhi-ui-icon-glyph);
}

.arkhi-player-compact .arkhi-player-icon-only[data-arkhi-icon]::before {
  --arkhi-symbol-size: var(--arkhi-ui-player-glyph);
  display: block;
  position: static;
  width: var(--arkhi-ui-player-glyph);
  height: var(--arkhi-ui-player-glyph);
  flex: 0 0 var(--arkhi-ui-player-glyph);
  margin: 0 auto;
  text-align: center;
}

.arkhi-player-compact .arkhi-player-icon-only[data-arkhi-icon="record"]::before {
  color: var(--arkhi-player-recording-color);
}

:root {
  --arkhi-ui-icon-target:44px;
  --arkhi-ui-icon-glyph:22px;
  --arkhi-ui-player-target:44px;
  --arkhi-ui-player-glyph:21px;
  --arkhi-ui-player-gap:8px;
}
/* Television +30% player enlargement is a platform token, not new CSS. */
html[data-arkhi-tizen-admin="1"] {
  --arkhi-ui-icon-target:51px;
  --arkhi-ui-icon-glyph:25px;
  --arkhi-ui-player-target:66px;
  --arkhi-ui-player-glyph:31px;
  --arkhi-ui-player-gap:13px;
}
/* Player controls share the same hit area and alignment. */
html[data-arkhi-page] body.arkhi-app-player[data-arkhi-app-view="menu"]
 .arkhi-player-surface[data-arkhi-player-surface]
 .arkhi-player-controls.arkhi-player-compact .arkhi-player-actions button.arkhi-player-icon-only,
html[data-arkhi-page] body.arkhi-app-player[data-arkhi-app-view="menu"]
 .arkhi-player-surface[data-arkhi-player-surface]
 .arkhi-player-controls.arkhi-player-compact .arkhi-player-actions button[data-arkhi-icon],
html[data-arkhi-page="tv-home"] body.arkhi-app-player[data-arkhi-app-view="menu"]
 .arkhi-player-surface[data-arkhi-player-surface] .arkhi-player-controls.arkhi-player-compact
 .arkhi-player-actions .arkhi-player-utilities > #feedbackOpen.arkhi-player-help:not([hidden]) {
  display:inline-flex!important;
  box-sizing:border-box!important;
  position:relative!important;
  align-items:center!important;
  justify-content:center!important;
  vertical-align:middle!important;
  text-align:center!important;
  top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;
  flex:0 0 var(--arkhi-ui-player-target)!important;
  width:var(--arkhi-ui-player-target)!important;
  min-width:var(--arkhi-ui-player-target)!important;
  max-width:var(--arkhi-ui-player-target)!important;
  height:var(--arkhi-ui-player-target)!important;
  min-height:var(--arkhi-ui-player-target)!important;
  max-height:var(--arkhi-ui-player-target)!important;
  padding:0!important;
  margin:0!important;
  gap:0!important;
  font-size:0!important;
  line-height:1!important;
  white-space:nowrap!important;
}
/* Both action groups have identical alignment and spacing. */
html[data-arkhi-page] body .arkhi-player-surface[data-arkhi-player-surface]
 .arkhi-player-controls.arkhi-player-compact .arkhi-player-transport,
html[data-arkhi-page] body .arkhi-player-surface[data-arkhi-player-surface]
 .arkhi-player-controls.arkhi-player-compact .arkhi-player-utilities {
  align-items:center!important;
  flex-wrap:nowrap!important;
  gap:var(--arkhi-ui-player-gap)!important;
}
/* M76 flex gap fallback is part of the SAME system, not in Tizen CSS. */
html.arkhi-tizen-no-flex-gap[data-arkhi-tizen-admin="1"] body.arkhi-app-player
 .arkhi-player-surface[data-arkhi-player-surface]
 .arkhi-player-controls.arkhi-player-compact .arkhi-player-actions
 .arkhi-player-transport > button + button,
html.arkhi-tizen-no-flex-gap[data-arkhi-tizen-admin="1"] body.arkhi-app-player
 .arkhi-player-surface[data-arkhi-player-surface]
 .arkhi-player-controls.arkhi-player-compact .arkhi-player-actions
 .arkhi-player-utilities > button + button {
  margin-left:var(--arkhi-ui-player-gap)!important;
}
/* Upper icons have their own token but the identical alignment system. */
html[data-arkhi-page] body #arkhi-global-header .arkhi-shared-tools > button:not([hidden]),
html[data-arkhi-page] body #arkhi-global-header .arkhi-shared-tools > a:not([hidden]),
html[data-arkhi-page] body #arkhi-global-header .arkhi-account-avatar:not([hidden]) {
  display:inline-flex!important;
  box-sizing:border-box!important;
  justify-content:center!important;
  align-items:center!important;
  width:var(--arkhi-ui-icon-target)!important;
  min-width:var(--arkhi-ui-icon-target)!important;
  height:var(--arkhi-ui-icon-target)!important;
  min-height:var(--arkhi-ui-icon-target)!important;
  padding:0!important;text-align:center!important;
}
html[data-arkhi-page] body #arkhi-global-header .arkhi-shared-tools span.arkhi-icon,
html[data-arkhi-page] body #arkhi-global-header .arkhi-account-avatar span.arkhi-icon {
  --arkhi-symbol-size:var(--arkhi-ui-icon-glyph);
  width:var(--arkhi-ui-icon-glyph)!important;
  height:var(--arkhi-ui-icon-glyph)!important;
  margin:auto!important;
}
/* Hidden state overrides visible flex rules on all devices. */
html[data-arkhi-page] body.arkhi-app-player[data-arkhi-app-view="menu"]
 .arkhi-player-surface[data-arkhi-player-surface] .arkhi-player-controls.arkhi-player-compact
 .arkhi-player-actions button[hidden],
html[data-arkhi-page] body .arkhi-player-surface .arkhi-player-controls [hidden],
html[data-arkhi-page] body #arkhi-global-header [hidden] {display:none!important;}

/* Original Google Material Symbols Sharp subset for the favourite/upload actions. */
@font-face {
 font-family:"Material Symbols Sharp Favorite";
 src:url("/tv/samsung6/shared/arkhi-material-favorites-20261112.ttf") format("truetype");
 font-style:normal;font-weight:400;font-display:block;
}
[data-arkhi-icon="upload-file"]{--arkhi-symbol:"\e9fc";}
/* The M3U file-upload glyph uses the Google Material Symbols subset.
   The channel heart uses its original Google SVG path in the one player. */
.arkhi-player-icon-only[data-arkhi-icon="upload-file"]::before,
.arkhi-icon[data-arkhi-icon="upload-file"]::before {
 font-family:"Material Symbols Sharp Favorite";
}