/* Mobile recording and source controls: keep text within the jeweled frames. */
@layer sukun-r1146-recordings {
@media (max-width: 700px) {
html[data-r1074-theme="berhet"] body #tab-zkr #ydkBox > .zBtns {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 8px !important;
}
html[data-r1074-theme="berhet"] body #tab-zkr #ydkBox :is(#recMgrBtn,#ydkDisa,#ydkIce,#r1011VoiceRestore,#ydkSetReset) {
  box-sizing: border-box !important;
  width: 100% !important; max-width: 100% !important; min-width: 0 !important;
  height: auto !important; min-height: 52px !important; max-height: none !important;
  padding: 13px 32px !important;
  border-image-width: 12px 24px !important;
  white-space: normal !important; overflow-wrap: anywhere !important;
  text-align: center !important; line-height: 1.35 !important;
}
html[data-r1074-theme="berhet"] body #tab-zkr #sesKutuphane .r168MediaItem {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) 44px 44px !important;
  align-items: center !important; gap: 6px !important;
  width: auto !important; min-width: 0 !important; max-width: 100% !important;
  box-sizing: border-box !important;
}
html[data-r1074-theme="berhet"] body #tab-zkr #sesKutuphane .r168MediaItem > span {
  display: block !important; min-width: 0 !important; max-width: 100% !important;
  white-space: normal !important; overflow-wrap: anywhere !important;
}
html[data-r1074-theme="berhet"] body #tab-zkr #sesKutuphane .r168MediaItem > span b {
  display: block !important; white-space: normal !important;
  overflow-wrap: anywhere !important; line-height: 1.35 !important;
}
html[data-r1074-theme="berhet"] body #tab-zkr #sesKutuphane .r168MediaItem > span small {
  display: block !important; max-width: 100% !important;
  white-space: normal !important; overflow-wrap: anywhere !important;
  line-height: 1.35 !important;
}
html[data-r1074-theme="berhet"] body #tab-zkr #sesKutuphane .r168MediaItem > button {
  width: 44px !important; min-width: 44px !important; max-width: 44px !important;
  height: 44px !important; min-height: 44px !important; max-height: 44px !important;
  padding: 0 !important;
}
html[data-r1074-theme="berhet"] body #tab-zkr #r170Studio > summary {
  display: grid !important; grid-template-columns: 22px minmax(0,1fr) 12px !important;
  align-items: center !important; gap: 8px !important;
  width: 100% !important; min-width: 0 !important; max-width: 100% !important;
  box-sizing: border-box !important; height: auto !important; min-height: 64px !important; max-height: none !important;
  padding: 14px 27px !important; border-image-width: 12px 24px !important;
  white-space: normal !important; overflow: visible !important;
}
html[data-r1074-theme="berhet"] body #tab-zkr #r170Studio > summary > span {
  position: static !important; min-width: 0 !important; max-width: 100% !important;
  white-space: normal !important; overflow-wrap: anywhere !important;
}
html[data-r1074-theme="berhet"] body #tab-zkr #r170Studio > summary > span :is(b,small) {
  display: block !important; position: static !important;
  white-space: normal !important; overflow-wrap: anywhere !important;
  line-height: 1.35 !important;
}
html[data-r1074-theme="berhet"] body #tab-zkr #r170Studio > summary::after {
  position: static !important; width: auto !important; height: auto !important;
  margin: 0 !important; justify-self: center !important;
}
html[data-r1074-theme="berhet"] body #tab-zkr #r170Studio #r1094SourceMatrix > summary,
html[data-r1074-theme="berhet"] body #tab-zkr #trkBox .r174Cites > summary {
  display: block !important; position: relative !important; box-sizing: border-box !important;
  width: 100% !important; min-width: 0 !important; max-width: 100% !important;
  height: auto !important; min-height: 54px !important; max-height: none !important;
  padding: 13px 40px 13px 28px !important;
  border-image-width: 12px 24px !important;
  font: 600 14px/1.4 system-ui,sans-serif !important;
  text-align: left !important; white-space: normal !important;
  overflow-wrap: anywhere !important; overflow: visible !important;
}
html[data-r1074-theme="berhet"] body #tab-zkr #r170Studio #r1094SourceMatrix > summary::after,
html[data-r1074-theme="berhet"] body #tab-zkr #trkBox .r174Cites > summary::after {
  position: absolute !important; right: 22px !important; top: 17px !important;
}
html[data-r1074-theme="berhet"] body #recList .lsItem {
  display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important; gap: 8px !important; min-width: 0 !important;
}
html[data-r1074-theme="berhet"] body #recList .lsItem > b {
  min-width: 0 !important; max-width: 100% !important;
  white-space: normal !important; overflow-wrap: anywhere !important;
}
html[data-r1074-theme="berhet"] body #recList .lsItem > .m { flex-shrink: 0 !important; }
html[data-r1074-theme="berhet"] body #tab-zkr #r170Studio #r170StudioSel {
  box-sizing: border-box !important; min-width: 0 !important; max-width: 100% !important;
  min-height: 48px !important; padding: 10px 32px !important;
  border-image-width: 12px 24px !important;
  font-size: 15px !important; text-overflow: ellipsis !important;
}
}
}