@import url("/css/tim-standard.toc.css");
      @import url("/css/tim-standard.header.css");
      @import url("/css/tim-standard.preloader.css");
      @import url("/css/tim-standard.layout.css");
      @import url("/css/tim-standard.scrollbars.css");
      @import url("/css/tim-standard.lightbox.css");
      @import url("/css/tim-standard.tables.css");
      @import url("/css/tim-standard.typography.css");
      @import url("/css/tim-standard.doc-content.css");

      * {
        box-sizing: border-box;
      }

      html,
      body {
        height: 100%;
        overflow: hidden;
        overflow-x: clip;
      }

      body {
        margin: 0;
        font-family: "Museo Sans Cyrl", "Segoe UI", Arial, sans-serif;
        color: var(--doc-text);
        background: var(--doc-bg);
      }

      .viewer-page {
        height: 100vh;
        display: flex;
        flex-direction: column;
        width: 100%;
        overflow: hidden;
        overflow-x: clip;
      }

      .viewer-loading {
        display: none;
        flex: 1;
        align-items: center;
        justify-content: center;
      }

      .viewer-page.is-loading .viewer-layout {
        display: none;
      }

      .viewer-page.is-loading .viewer-loading {
        display: flex;
      }

      .placeholder {
        color: var(--doc-muted);
      }