:root{color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--flashback-canvas,#111216)}button,input,textarea{font:inherit}*:focus-visible{outline:2px solid #b4a8ff;outline-offset:3px}::selection{background:#60579b;color:white}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-thumb{background:#363840;border-radius:8px}dialog.flashback-panel{margin:0 0 0 auto;padding:0;border:0;border-left:1px solid #30313a;background:#17181e;color:#f3f3f7;width:min(760px,100vw);max-width:100vw;height:100dvh;max-height:100dvh;overflow:hidden;box-shadow:-24px 0 80px #0005}dialog.flashback-panel::backdrop{background:#0008;backdrop-filter:blur(3px)}dialog.flashback-panel[open]{animation:panel-in .18s ease-out}dialog.flashback-panel.center{margin:auto;height:auto;max-height:90dvh;width:min(620px,94vw);border:1px solid #353641;border-radius:18px} @keyframes panel-in{from{transform:translateX(24px);opacity:.5}to{transform:translateX(0);opacity:1}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

input[aria-label="Поиск багов"]:focus{outline:none}

/* Fill the current iOS/PWA viewport, including the area behind the home indicator. */
html body #root{height:100vh;height:100dvh;min-height:0;flex:none}

/* Dialogs occupy the browser's top layer and need their own safe-area padding. */
:root{
  --flashback-safe-top:env(safe-area-inset-top,0px);
  --flashback-safe-right:env(safe-area-inset-right,0px);
  --flashback-safe-bottom:env(safe-area-inset-bottom,0px);
  --flashback-safe-left:env(safe-area-inset-left,0px);
}
dialog.flashback-panel{
  padding:var(--flashback-safe-top) var(--flashback-safe-right) var(--flashback-safe-bottom) var(--flashback-safe-left);
}
.flashback-panel-content{display:flex;flex-direction:column;min-height:0;height:100%}
dialog.flashback-panel.center{
  position:fixed;
  inset:var(--flashback-safe-top) var(--flashback-safe-right) var(--flashback-safe-bottom) var(--flashback-safe-left);
  padding:0;
  max-width:calc(100vw - var(--flashback-safe-left) - var(--flashback-safe-right) - 16px);
  max-height:min(90dvh,calc(100dvh - var(--flashback-safe-top) - var(--flashback-safe-bottom) - 16px));
}
.flashback-panel.center .flashback-panel-content{
  height:auto;
  max-height:min(calc(90dvh - 2px),calc(100dvh - var(--flashback-safe-top) - var(--flashback-safe-bottom) - 18px));
}
@media(max-width:819px){
  dialog.flashback-panel.center{
    inset:0;margin:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border:0;border-radius:0;
    padding:var(--flashback-safe-top) var(--flashback-safe-right) var(--flashback-safe-bottom) var(--flashback-safe-left);
  }
  .flashback-panel.center .flashback-panel-content{height:100%;max-height:none}
}