/*
ФАЙЛ: pc-browsers-light-to-dark.css
  Назначение: круговая анимация смены LIGHT <-> DARK для обычных DESKTOP-браузеров.
  Область: Edge, Firefox, Chrome и другие ПК-браузеры, кроме Telegram.
  Эффект повторяет BAGID/референс-видео: круг раскрывается/схлопывается из кнопки темы.
*/

html.jukebox-theme-env-pc-browser.jukebox-theme-animating,
html.jukebox-theme-env-pc-browser.jukebox-theme-animating body{
  overflow-anchor: none !important;
}

html.jukebox-theme-env-pc-browser .jukebox-theme-transition-overlay{
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483646 !important;
  pointer-events: none !important;
  overflow: hidden !important;
  background: transparent !important;
  transition: clip-path 0.72s cubic-bezier(0.22, 1, 0.36, 1),
              -webkit-clip-path 0.72s cubic-bezier(0.22, 1, 0.36, 1) !important;
  will-change: clip-path !important;
  transform: translateZ(0) !important;
  -webkit-transform: translateZ(0) !important;
  backface-visibility: hidden !important;
  -webkit-backface-visibility: hidden !important;
}

html.jukebox-theme-env-pc-browser .jukebox-theme-transition-stage{
  position: fixed !important;
  inset: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
  transform: translateZ(0) !important;
  -webkit-transform: translateZ(0) !important;
  backface-visibility: hidden !important;
  -webkit-backface-visibility: hidden !important;
}

html.jukebox-theme-env-pc-browser .jukebox-theme-transition-clone,
html.jukebox-theme-env-pc-browser .jukebox-theme-transition-clone *{
  pointer-events: none !important;
  user-select: none !important;
  -webkit-user-select: none !important;
  transition: none !important;
  animation: none !important;
  caret-color: transparent !important;
  backface-visibility: hidden !important;
  -webkit-backface-visibility: hidden !important;
}

/*
  Реальная страница переключается под полностью закрывающим её snapshot-кругом.
  На этот короткий момент запрещаем обычные CSS-transition интерфейса, но НЕ трогаем
  transition самого кругового overlay.
*/
html.jukebox-theme-env-pc-browser.jukebox-theme-committing body,
html.jukebox-theme-env-pc-browser.jukebox-theme-committing #appContainer,
html.jukebox-theme-env-pc-browser.jukebox-theme-committing #appContainer *,
html.jukebox-theme-env-pc-browser.jukebox-theme-snapshot #appContainer,
html.jukebox-theme-env-pc-browser.jukebox-theme-snapshot #appContainer *{
  transition: none !important;
  animation: none !important;
}

/*
  v17 THEME STABILITY FIX
  Общие исправления круговой смены темы для этого режима:
  - мгновенная визуальная реакция кнопки LIGHT/DARK до построения snapshot;
  - постоянный тёмно-серый BAGID placeholder без мигания;
  - стабильные snapshot-дорожки seek/volume без исчезновения и прыжков;
  - фиксированный серый незаполненный volume track в обеих темах.
*/
html.jukebox-theme-env-pc-browser #themeToggle.jukebox-theme-press-to-dark{
  background: #2a2c31 !important;
  background-color: #2a2c31 !important;
  border-color: #3a3c42 !important;
  color: #f1f1f1 !important;
  transition: none !important;
}

html.jukebox-theme-env-pc-browser #themeToggle.jukebox-theme-press-to-dark .moon-icon{
  opacity: 0 !important;
}

html.jukebox-theme-env-pc-browser #themeToggle.jukebox-theme-press-to-dark .sun-icon{
  opacity: 1 !important;
  fill: #ff8c00 !important;
  color: #ff8c00 !important;
}

html.jukebox-theme-env-pc-browser #themeToggle.jukebox-theme-press-to-light{
  background: #ffffff !important;
  background-color: #ffffff !important;
  border-color: #ccc !important;
  color: #000000 !important;
  transition: none !important;
}

html.jukebox-theme-env-pc-browser #themeToggle.jukebox-theme-press-to-light .moon-icon{
  opacity: 1 !important;
  fill: #000000 !important;
  color: #000000 !important;
}

html.jukebox-theme-env-pc-browser #themeToggle.jukebox-theme-press-to-light .sun-icon{
  opacity: 0 !important;
}

html.jukebox-theme-env-pc-browser #themeToggle.jukebox-theme-press-to-dark .theme-icon-layer,
html.jukebox-theme-env-pc-browser #themeToggle.jukebox-theme-press-to-light .theme-icon-layer{
  transition: none !important;
  animation: none !important;
}

html.jukebox-theme-env-pc-browser #bagSearchInput::placeholder,
html.jukebox-theme-env-pc-browser .bag-search-input::placeholder{
  color: #7d8593 !important;
  opacity: 1 !important;
  transition: none !important;
}

html.jukebox-theme-env-pc-browser .jukebox-theme-fake-placeholder{
  color: #7d8593 !important;
  -webkit-text-fill-color: #7d8593 !important;
  opacity: 1 !important;
}

html.jukebox-theme-env-pc-browser .jukebox-theme-range-snapshot{
  position: relative !important;
  overflow: visible !important;
  background: transparent !important;
  pointer-events: none !important;
  box-sizing: border-box !important;
  transition: none !important;
  animation: none !important;
}

html.jukebox-theme-env-pc-browser .jukebox-theme-range-track{
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: 50% !important;
  height: 6px !important;
  border: 0 !important;
  border-radius: 999px !important;
  transform: translateY(-50%) !important;
  -webkit-transform: translateY(-50%) !important;
  transition: none !important;
  animation: none !important;
  pointer-events: none !important;
}

html.jukebox-theme-env-pc-browser .jukebox-theme-range-thumb{
  position: absolute !important;
  top: 50% !important;
  width: 16px !important;
  height: 16px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #ff8c00 !important;
  box-shadow: none !important;
  transform: translate(-50%, -50%) !important;
  -webkit-transform: translate(-50%, -50%) !important;
  transition: none !important;
  animation: none !important;
  pointer-events: none !important;
}

html.jukebox-theme-env-pc-browser:not([data-theme="dark"]) .volume-bar::-webkit-slider-runnable-track{
  background: rgba(0,0,0,0.18) !important;
}

html.jukebox-theme-env-pc-browser[data-theme="dark"] .volume-bar::-webkit-slider-runnable-track{
  background: rgba(255,255,255,0.22) !important;
}

html.jukebox-theme-env-pc-browser:not([data-theme="dark"]) .volume-bar::-moz-range-track{
  background: rgba(0,0,0,0.18) !important;
}

html.jukebox-theme-env-pc-browser[data-theme="dark"] .volume-bar::-moz-range-track{
  background: rgba(255,255,255,0.22) !important;
}

/* v18 NATIVE VIEW TRANSITION STABILITY */
/*
  Browser-native theme snapshots are used when supported.
  They preserve the exact rendered pixels of native range controls, SVG icons and
  BAGID input text, so mobile Telegram/WebView does not rebuild those controls
  with different geometry/brightness during the circular wipe.
*/

@keyframes jukebox-theme-vt-expand-v18 {
  from {
    clip-path: circle(0px at var(--jukebox-theme-vt-x) var(--jukebox-theme-vt-y));
    -webkit-clip-path: circle(0px at var(--jukebox-theme-vt-x) var(--jukebox-theme-vt-y));
  }
  to {
    clip-path: circle(var(--jukebox-theme-vt-radius) at var(--jukebox-theme-vt-x) var(--jukebox-theme-vt-y));
    -webkit-clip-path: circle(var(--jukebox-theme-vt-radius) at var(--jukebox-theme-vt-x) var(--jukebox-theme-vt-y));
  }
}

@keyframes jukebox-theme-vt-collapse-v18 {
  from {
    clip-path: circle(var(--jukebox-theme-vt-radius) at var(--jukebox-theme-vt-x) var(--jukebox-theme-vt-y));
    -webkit-clip-path: circle(var(--jukebox-theme-vt-radius) at var(--jukebox-theme-vt-x) var(--jukebox-theme-vt-y));
  }
  to {
    clip-path: circle(0px at var(--jukebox-theme-vt-x) var(--jukebox-theme-vt-y));
    -webkit-clip-path: circle(0px at var(--jukebox-theme-vt-x) var(--jukebox-theme-vt-y));
  }
}

html.jukebox-theme-env-pc-browser.jukebox-theme-native-vt::view-transition-group(root),
html.jukebox-theme-env-pc-browser.jukebox-theme-native-vt::view-transition-image-pair(root),
html.jukebox-theme-env-pc-browser.jukebox-theme-native-vt::view-transition-old(root),
html.jukebox-theme-env-pc-browser.jukebox-theme-native-vt::view-transition-new(root){
  animation: none !important;
  mix-blend-mode: normal !important;
  isolation: auto !important;
}

html.jukebox-theme-env-pc-browser.jukebox-theme-native-vt-to-dark::view-transition-old(root){
  z-index: 1 !important;
}
html.jukebox-theme-env-pc-browser.jukebox-theme-native-vt-to-dark::view-transition-new(root){
  z-index: 2 !important;
  animation: jukebox-theme-vt-expand-v18 680ms cubic-bezier(0.22, 1, 0.36, 1) both !important;
}

html.jukebox-theme-env-pc-browser.jukebox-theme-native-vt-to-light::view-transition-new(root){
  z-index: 1 !important;
}
html.jukebox-theme-env-pc-browser.jukebox-theme-native-vt-to-light::view-transition-old(root){
  z-index: 2 !important;
  animation: jukebox-theme-vt-collapse-v18 680ms cubic-bezier(0.22, 1, 0.36, 1) both !important;
}

/* No intermediate interpolation/brightness/size changes on controls while theme snapshot is captured. */
html.jukebox-theme-env-pc-browser.jukebox-theme-animating #bagSearchInput,
html.jukebox-theme-env-pc-browser.jukebox-theme-animating .bag-search-input{
  transition: none !important;
  animation: none !important;
  font-size: 14px !important;
  font-family: Arial, sans-serif !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  filter: none !important;
  box-shadow: none !important;
}

html.jukebox-theme-env-pc-browser.jukebox-theme-animating #bagSearchInput::placeholder,
html.jukebox-theme-env-pc-browser.jukebox-theme-animating .bag-search-input::placeholder{
  color: #7d8593 !important;
  -webkit-text-fill-color: #7d8593 !important;
  opacity: 1 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  transition: none !important;
  animation: none !important;
}

html.jukebox-theme-env-pc-browser #seekBar,
html.jukebox-theme-env-pc-browser #volumeBar,
html.jukebox-theme-env-pc-browser .seek-bar,
html.jukebox-theme-env-pc-browser .volume-bar{
  transition: none !important;
  animation: none !important;
  filter: none !important;
  box-shadow: none !important;
}

html.jukebox-theme-env-pc-browser:not([data-theme="dark"]) .seek-bar{
  --seek-track-idle: rgba(0,0,0,0.18) !important;
  --seek-track-buffered: rgba(255,0,0,0.90) !important;
  --seek-track-played: #ff8c00 !important;
}
html.jukebox-theme-env-pc-browser[data-theme="dark"] .seek-bar{
  --seek-track-idle: rgba(255,255,255,0.22) !important;
  --seek-track-buffered: rgba(255,0,0,0.68) !important;
  --seek-track-played: #ff8c00 !important;
}

html.jukebox-theme-env-pc-browser:not([data-theme="dark"]) .volume-bar::-webkit-slider-runnable-track{
  background: rgba(0,0,0,0.18) !important;
}
html.jukebox-theme-env-pc-browser[data-theme="dark"] .volume-bar::-webkit-slider-runnable-track{
  background: rgba(255,255,255,0.22) !important;
}
html.jukebox-theme-env-pc-browser:not([data-theme="dark"]) .volume-bar::-moz-range-track{
  background: rgba(0,0,0,0.18) !important;
}
html.jukebox-theme-env-pc-browser[data-theme="dark"] .volume-bar::-moz-range-track{
  background: rgba(255,255,255,0.22) !important;
}

/* Keep button geometry fixed while the theme circle is running. Icon-specific Desktop MiniApp 120% scale remains untouched. */
html.jukebox-theme-env-pc-browser.jukebox-theme-animating #muteBtn,
html.jukebox-theme-env-pc-browser.jukebox-theme-animating #playPauseBtn{
  transition: none !important;
  animation: none !important;
  translate: none !important;
}



/* v19 THEME CIRCLE PRECISION + STABLE BUTTON/TEXT */
/*
  - theme button has no pressed/scale-down effect; target icon/theme appears immediately;
  - BAGID field keeps its real 10px typography during the transition (no temporary enlargement);
  - native View Transition root circle is animated from JS/WAAPI for exact button-centred coordinates;
  - the theme button is a separate View Transition layer so the old icon cannot flash back;
  - CSS keyframes remain only as fallback for older Chromium.
*/
html.jukebox-theme-env-pc-browser #themeToggle:active{
  transform: none !important;
  -webkit-transform: none !important;
}

html.jukebox-theme-env-pc-browser.jukebox-theme-animating #themeToggle,
html.jukebox-theme-env-pc-browser.jukebox-theme-native-vt #themeToggle{
  transition: none !important;
  animation: none !important;
}

html.jukebox-theme-env-pc-browser.jukebox-theme-native-vt #themeToggle{
  view-transition-name: jukebox-theme-toggle;
}

html.jukebox-theme-env-pc-browser.jukebox-theme-native-vt::view-transition-group(jukebox-theme-toggle),
html.jukebox-theme-env-pc-browser.jukebox-theme-native-vt::view-transition-image-pair(jukebox-theme-toggle),
html.jukebox-theme-env-pc-browser.jukebox-theme-native-vt::view-transition-old(jukebox-theme-toggle),
html.jukebox-theme-env-pc-browser.jukebox-theme-native-vt::view-transition-new(jukebox-theme-toggle){
  animation: none !important;
  mix-blend-mode: normal !important;
}

html.jukebox-theme-env-pc-browser.jukebox-theme-native-vt::view-transition-group(jukebox-theme-toggle){
  z-index: 2147483647 !important;
}

html.jukebox-theme-env-pc-browser.jukebox-theme-native-vt::view-transition-old(jukebox-theme-toggle){
  opacity: 0 !important;
}

html.jukebox-theme-env-pc-browser.jukebox-theme-native-vt::view-transition-new(jukebox-theme-toggle){
  opacity: 1 !important;
}

/* JS animates the root pseudo-element directly. Disable the old CSS keyframe while WAAPI is active. */
html.jukebox-theme-env-pc-browser.jukebox-theme-native-waapi::view-transition-old(root),
html.jukebox-theme-env-pc-browser.jukebox-theme-native-waapi::view-transition-new(root){
  animation: none !important;
}

/* Keep BAGID text/placeholder at the exact live size; v18's temporary 14px rule caused the visible zoom. */
html.jukebox-theme-env-pc-browser.jukebox-theme-animating #bagSearchInput,
html.jukebox-theme-env-pc-browser.jukebox-theme-animating .bag-search-input{
  font-size: 10px !important;
  line-height: 1.05 !important;
  font-family: Arial, sans-serif !important;
  font-weight: 800 !important;
  transform: none !important;
  -webkit-transform: none !important;
}

html.jukebox-theme-env-pc-browser.jukebox-theme-animating #bagSearchInput::placeholder,
html.jukebox-theme-env-pc-browser.jukebox-theme-animating .bag-search-input::placeholder{
  color: #7d8593 !important;
  -webkit-text-fill-color: #7d8593 !important;
  opacity: 1 !important;
  font-size: 10px !important;
  line-height: 1.05 !important;
  font-weight: 700 !important;
  transition: none !important;
  animation: none !important;
}

/* Manual fallback (Telegram WebView / older engines): same timing as the JS engine. */
html.jukebox-theme-env-pc-browser .jukebox-theme-transition-overlay{
  transition: clip-path 620ms cubic-bezier(0.22, 1, 0.36, 1),
              -webkit-clip-path 620ms cubic-bezier(0.22, 1, 0.36, 1) !important;
}

html.jukebox-theme-env-pc-browser .jukebox-theme-button-proxy{
  transform: none !important;
  -webkit-transform: none !important;
  transition: none !important;
  animation: none !important;
}

/* v19 fallback timing + global no-press geometry */
#themeToggle.theme-btn:active{
  transform: none !important;
  -webkit-transform: none !important;
}

html.jukebox-theme-env-pc-browser.jukebox-theme-native-vt-to-dark:not(.jukebox-theme-native-waapi)::view-transition-new(root),
html.jukebox-theme-env-pc-browser.jukebox-theme-native-vt-to-light:not(.jukebox-theme-native-waapi)::view-transition-old(root){
  animation-duration: 620ms !important;
  animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1) !important;
}


/* v20 THEME ORIGIN + GEOMETRY STABILITY
   - theme circle always reveals the NEW theme outward from the real theme-button centre;
   - theme button is no longer a separate View-Transition layer, so it cannot shift horizontally;
   - BAGID field keeps its actual 12px geometry during snapshot capture;
   - DARK -> LIGHT uses the same outward reveal, so the page does not switch early under a collapsing mask.
*/
html.jukebox-theme-env-pc-browser.jukebox-theme-native-vt #themeToggle{
  view-transition-name: none !important;
  transform: none !important;
  -webkit-transform: none !important;
  translate: none !important;
}

html.jukebox-theme-env-pc-browser.jukebox-theme-animating #bagSearchInput,
html.jukebox-theme-env-pc-browser.jukebox-theme-animating .bag-search-input{
  font-size: 12px !important;
  line-height: 1.08 !important;
  font-family: Arial, sans-serif !important;
  font-weight: 800 !important;
  transform: none !important;
  -webkit-transform: none !important;
  transition: none !important;
  animation: none !important;
}

html.jukebox-theme-env-pc-browser.jukebox-theme-animating #bagSearchInput::placeholder,
html.jukebox-theme-env-pc-browser.jukebox-theme-animating .bag-search-input::placeholder{
  color: #7d8593 !important;
  -webkit-text-fill-color: #7d8593 !important;
  opacity: 1 !important;
  font-size: 12px !important;
  line-height: 1.08 !important;
  font-weight: 700 !important;
  transition: none !important;
  animation: none !important;
}

html.jukebox-theme-env-pc-browser.jukebox-theme-native-vt-to-light::view-transition-old(root){
  z-index: 1 !important;
  animation: none !important;
}
html.jukebox-theme-env-pc-browser.jukebox-theme-native-vt-to-light::view-transition-new(root){
  z-index: 2 !important;
}
html.jukebox-theme-env-pc-browser.jukebox-theme-native-vt-to-light:not(.jukebox-theme-native-waapi)::view-transition-new(root){
  animation: jukebox-theme-vt-expand-v18 620ms cubic-bezier(0.22, 1, 0.36, 1) both !important;
}

/* v22.1 LANGUAGE BUTTON BORDER FIX
   Do not force the DARK border into LIGHT theme.
   LIGHT matches the PLAY button (#ccc); DARK keeps #3a3c42.
   No border-color animation is allowed while the circular theme transition runs.
*/
html.jukebox-theme-env-pc-browser[data-theme="light"] #langToggle,
html.jukebox-theme-env-pc-browser[data-theme="light"].jukebox-theme-animating #langToggle{
  border-color: #ccc !important;
  transition-property: transform !important;
}

html.jukebox-theme-env-pc-browser[data-theme="dark"] #langToggle,
html.jukebox-theme-env-pc-browser[data-theme="dark"].jukebox-theme-animating #langToggle{
  border-color: #3a3c42 !important;
  transition-property: transform !important;
}

html.jukebox-theme-env-pc-browser .jukebox-theme-transition-clone #langToggle{
  transition: none !important;
}

/* v22.2 THEME BUTTON BORDER STABILITY */
/*
  The theme button must never pass through a lighter temporary border.
  LIGHT endpoint = #ccc (same as the normal light button border).
  DARK endpoint = #3a3c42.
  Press state wins immediately over the source theme while the circular reveal is prepared.
*/
html.jukebox-theme-env-pc-browser #themeToggle{
  transition-property: transform !important;
}

html.jukebox-theme-env-pc-browser[data-theme="light"] #themeToggle{
  border-color: #ccc !important;
}

html.jukebox-theme-env-pc-browser[data-theme="dark"] #themeToggle{
  border-color: #3a3c42 !important;
}

html.jukebox-theme-env-pc-browser #themeToggle.jukebox-theme-press-to-light{
  border-color: #ccc !important;
  transition: none !important;
}

html.jukebox-theme-env-pc-browser #themeToggle.jukebox-theme-press-to-dark{
  border-color: #3a3c42 !important;
  transition: none !important;
}

html.jukebox-theme-env-pc-browser .jukebox-theme-transition-clone #themeToggle{
  transition: none !important;
}

/* v22.3 DIRECTIONAL THEME ANIMATION */
/*
  This browser-family stylesheet owns the direction of its theme circle:
  LIGHT -> DARK = NEW dark theme expands from the theme button.
  DARK -> LIGHT = OLD dark theme collapses back into the theme button,
  revealing the already-rendered light theme underneath.
*/
html.jukebox-theme-env-pc-browser.jukebox-theme-native-vt-to-dark::view-transition-old(root){
  z-index: 1 !important;
  animation: none !important;
}

html.jukebox-theme-env-pc-browser.jukebox-theme-native-vt-to-dark::view-transition-new(root){
  z-index: 2 !important;
}

html.jukebox-theme-env-pc-browser.jukebox-theme-native-vt-to-dark:not(.jukebox-theme-native-waapi)::view-transition-new(root){
  animation: jukebox-theme-vt-expand-v18 620ms cubic-bezier(0.22, 1, 0.36, 1) both !important;
}

html.jukebox-theme-env-pc-browser.jukebox-theme-native-vt-to-light::view-transition-new(root){
  z-index: 1 !important;
  animation: none !important;
}

html.jukebox-theme-env-pc-browser.jukebox-theme-native-vt-to-light::view-transition-old(root){
  z-index: 2 !important;
}

html.jukebox-theme-env-pc-browser.jukebox-theme-native-vt-to-light:not(.jukebox-theme-native-waapi)::view-transition-old(root){
  animation: jukebox-theme-vt-collapse-v18 620ms cubic-bezier(0.22, 1, 0.36, 1) both !important;
}

/* v22.4 PLATFORM TIMING CONTRACT
   Normal PC browsers were already correct in v22.3. Keep their exact 620 ms timing
   explicitly in this platform file; JS reads this value without changing the PC animation path.
*/
html.jukebox-theme-env-pc-browser{
  --jukebox-theme-animation-ms: 620;
}



/* v22.18 PC SCROLLBAR: no permanent bar and no opposite-theme side gutters. */
html.jukebox-theme-env-pc-browser,
html.jukebox-theme-env-pc-browser body{
  overflow-y: auto !important;
  scrollbar-gutter: auto !important;
  overflow-x: hidden !important;
}
html.jukebox-theme-env-pc-browser body{
  width: 100vw !important;
  min-width: 100vw !important;
  max-width: 100vw !important;
}


/* v22.21 TON CONNECT VIEWPORT SCROLLBAR
   TON Connect sets wallet-modal-open while its fixed modal is visible. The legacy billing CSS
   forces body overflow-y:scroll in that state; on desktop this exposes a page scrollbar beside
   the TON Connect modal. Lock only the page viewport while the modal is open; TON Connect keeps
   its own internal scrolling. */
html.jukebox-theme-env-pc-browser.wallet-modal-open,
html.jukebox-theme-env-pc-browser.wallet-modal-open body{
  overflow: hidden !important;
  overflow-x: hidden !important;
  overflow-y: hidden !important;
  scrollbar-gutter: auto !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}
html.jukebox-theme-env-pc-browser.wallet-modal-open::-webkit-scrollbar,
html.jukebox-theme-env-pc-browser.wallet-modal-open body::-webkit-scrollbar{
  width: 0 !important;
  height: 0 !important;
  display: none !important;
}


/* v22.21 TON CONNECT OUTER MODAL SCROLLBAR VISUAL */
html.jukebox-theme-env-pc-browser [data-tc-wallets-modal-container="true"],
html.jukebox-theme-env-pc-browser [data-tc-actions-modal-container="true"],
html.jukebox-theme-env-pc-browser [data-tc-modal="true"]{
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
  scrollbar-gutter: auto !important;
}
html.jukebox-theme-env-pc-browser [data-tc-wallets-modal-container="true"]::-webkit-scrollbar,
html.jukebox-theme-env-pc-browser [data-tc-actions-modal-container="true"]::-webkit-scrollbar,
html.jukebox-theme-env-pc-browser [data-tc-modal="true"]::-webkit-scrollbar{
  width: 0 !important;
  height: 0 !important;
  display: none !important;
}