/*
 * Copyright 2024. Prewrite Inc.
 */
html {
  font-size: 62.5%;
}
body {
  -webkit-print-color-adjust: exact;
  color-adjust: exact;
}
@media print {
  body {
    counter-reset: page-counter;
  }
  @page {
    size: 8.5in 11in;
    margin: 0in calc(11.5 * 1rem) 0in calc(13.5 * 1rem);
  }
  #interactive-tour,
  #knowledge-base-overlay,
  #toast-notifications,
  #dropdown-menu-holder,
  #homer,
  .modal,
  .app-modal,
  .dev-watermark,
  .slideshow-modal,
  .loading-modal {
    display: none !important;
  }
  #story-viewer-container > * {
    display: none;
  }
  #page-metrics-view {
    font-family: "Courier Final Draft", "Courier Prime", "Courier New", monospace;
    display: block !important;
    width: 100%;
    height: 100%;
    position: relative;
    visibility: visible;
  }
  #cconsent-bar {
    display: none !important;
  }
  .text-item-text-input {
    position: relative;
    letter-spacing: -0.05em;
    text-align: left;
    font-size: 1.6rem;
    min-width: 1rem;
    min-height: 1em;
    line-height: 1em;
    width: 100%;
    border-radius: 0;
    box-sizing: content-box;
    /* stylelint-disable */
    /* stylelint-enable */
    display: block;
    outline: none;
    white-space: pre-wrap;
    word-break: break-word;
  }
  [data-font-style="traditional"] .text-item-text-input {
    font-family: "Courier Final Draft", "Courier Prime", "Courier New", monospace;
  }
  [data-font-style="modern"] .text-item-text-input {
    font-family: "Open Sans", helvetica, sans-serif;
    font-size: 1.475rem;
    line-height: 1.325em;
    min-height: 1.325em;
  }
  .text-item-text-input[style*="--data-padding-bottom"]:not(:last-child) {
    page-break-after: always;
    counter-increment: page-counter;
  }
  .text-item-text-input[style*="--data-padding-bottom"]:last-child {
    page-break-after: avoid;
  }
  .text-item-text-input[style*="--data-padding-bottom"] + .text-item-text-input {
    padding-top: 9rem;
  }
  .text-item-text-input[style*="--data-padding-bottom"] + .text-item-text-input::after {
    content: counter(page-counter) ".";
    position: absolute;
    right: 0;
    top: 4rem;
  }
  [data-text-type="character"].text-item-text-input,
  [data-text-type="scene_heading"].text-item-text-input,
  [data-text-type="transition"].text-item-text-input {
    text-transform: uppercase;
  }
  [data-text-type="transition"].text-item-text-input {
    text-align: right;
  }
  .text-item-text-input:not([style*="--data-padding-bottom"]) + [data-text-type="action"].text-item-text-input::before,
  .text-item-text-input:not([style*="--data-padding-bottom"]) + [data-text-type="general"].text-item-text-input::before,
  .text-item-text-input:not([style*="--data-padding-bottom"]) + [data-text-type="transition"].text-item-text-input::before,
  .text-item-text-input:not([style*="--data-padding-bottom"]) + [data-text-type="paragraph"].text-item-text-input::before {
    content: "\200B";
    line-height: 2em;
    display: inline-table;
    height: 0;
    width: 0;
    vertical-align: bottom;
  }
  [data-text-type="heading"].text-item-text-input {
    font-weight: bold;
  }
  [data-font-style="modern"] [data-text-type="heading"].text-item-text-input {
    font-size: 1.675rem;
    line-height: 1.525em;
    min-height: 1.525em;
  }
  .text-item-text-input:not([style*="--data-padding-bottom"]) + [data-text-type="heading"].text-item-text-input::before {
    content: "\200B";
    line-height: 2em;
    display: inline-table;
    height: 0;
    width: 0;
    vertical-align: bottom;
  }
  .text-item-text-input:not([style*="--data-padding-bottom"]) + [data-text-type="scene_heading"].text-item-text-input::before {
    content: "\200B";
    line-height: 2.4em;
    display: inline-table;
    height: 0;
    width: 0;
    vertical-align: bottom;
  }
  .text-item-text-input:not([style*="--data-padding-bottom"]) + [data-text-type="character"].text-item-text-input::before {
    content: "\200B";
    line-height: 2em;
    display: inline-table;
    height: 0;
    width: 0;
    vertical-align: bottom;
  }
  .text-item-text-input[data-text-type="parenthetical"] {
    padding-left: calc(calc(28 - 13.5) * 1rem);
    padding-right: calc(calc(28 - 13.5) * 1rem);
    max-width: calc(100% - calc(calc(28 - 13.5) * 1rem) - calc(calc(28 - 13.5) * 1rem));
  }
  .text-item-text-input[data-text-type="parenthetical"]::before {
    content: "(";
    position: absolute;
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px);
  }
  .text-item-text-input[data-text-type="parenthetical"]::after {
    content: ")";
    position: absolute;
  }
  .h-inset--page .text-item-text-input:first-child {
    counter-increment: page-counter;
    padding-top: 7rem;
  }
  .h-inset--page .text-item-text-input:first-child::before {
    content: "";
    line-height: 0;
  }
  .h-inset--page [data-text-type="character"].text-item-text-input {
    padding-left: calc(calc(33 - 13.5) * 1rem);
    padding-right: 0;
    max-width: calc(100% - calc(calc(33 - 13.5) * 1rem));
  }
  .h-inset--page [data-text-type="dialogue"].text-item-text-input {
    padding-left: calc(calc(23 - 13.5) * 1rem);
    padding-right: calc(calc(26 - 11.5) * 1rem);
    max-width: calc(100% - calc(calc(23 - 13.5) * 1rem) - calc(calc(26 - 11.5) * 1rem));
  }
  .h-inset--page [data-text-type="transition"].text-item-text-input {
    padding-left: calc(calc(45 - 13.5) * 1rem);
    padding-right: 0;
    max-width: calc(100% - calc(calc(45 - 13.5) * 1rem));
  }
  [data-text-type="list"].text-item-text-input::before {
    content: "\2022";
    position: absolute;
    -webkit-transform: translate(-10px, 1px);
            transform: translate(-10px, 1px);
  }
  [data-text-type="list"].text-item-text-input {
    padding-left: calc(calc(17 - 13.5) * 1rem);
    padding-right: 0;
    max-width: calc(100% - calc(calc(17 - 13.5) * 1rem));
  }
  .text-item-text-input[data-text-type="numbered"]:first-child,
  .text-item-text-input[data-text-type]:not(.text-item-text-input[data-text-type="numbered"]) + .text-item-text-input[data-text-type="numbered"] {
    counter-reset: list-counter;
  }
  [data-text-type="numbered"].text-item-text-input::before {
    counter-increment: list-counter;
    content: counter(list-counter) ".";
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
  .h-inset--page [data-text-type="numbered"].text-item-text-input {
    padding-left: calc(calc(15 - 13.5) * 1rem);
    padding-right: 0;
    max-width: calc(100% - calc(calc(15 - 13.5) * 1rem));
  }
  .h-inset--page [data-text-type="cta"].text-item-text-input,
  .h-inset--page [data-text-type="time"].text-item-text-input,
  .h-inset--page [data-text-type="title"].text-item-text-input,
  .h-inset--page [data-text-type="camera"].text-item-text-input,
  .h-inset--page [data-text-type="sponsor"].text-item-text-input {
    padding-left: 1.6rem;
    padding-right: 0;
    font-weight: bold;
  }
  .h-inset--page [data-text-type="cta"].text-item-text-input::before,
  .h-inset--page [data-text-type="time"].text-item-text-input::before,
  .h-inset--page [data-text-type="title"].text-item-text-input::before,
  .h-inset--page [data-text-type="camera"].text-item-text-input::before,
  .h-inset--page [data-text-type="sponsor"].text-item-text-input::before {
    content: "";
    pointer-events: none;
    position: absolute;
    left: -0.07em;
    top: 0.15em;
    width: 1.25rem;
    height: 1.25rem;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
  }
  [data-text-type="cta"].text-item-text-input::before {
    top: 0.1em;
    background-image: url(/web-app/img/text_type_icons/cta.svg);
  }
  [data-text-type="time"].text-item-text-input::before {
    background-image: url(/web-app/img/text_type_icons/time.svg);
  }
  [data-text-type="title"].text-item-text-input::before {
    background-image: url(/web-app/img/text_type_icons/title.svg);
  }
  [data-text-type="camera"].text-item-text-input::before {
    background-image: url(/web-app/img/text_type_icons/camera.svg);
  }
  [data-text-type="sponsor"].text-item-text-input::before {
    top: 0.3em;
    background-image: url(/web-app/img/text_type_icons/sponsor.svg);
  }
}