@charset "UTF-8";

@font-face {
  font-family: Inter-Regular;
  font-style: normal;
  src: url("https://storage-us.atomm.com/resource/static/passport/Inter-Regular.woff2")
    format("woff2"),
    url("https://storage-us.atomm.com/resource/static/passport/Montserrat-Medium.ttf")
    format("truetype");
  font-display: swap;
}

@font-face {
  font-family: Inter-SemiBold;
  font-style: normal;
  font-weight: bold;
  src: url("https://storage-us.atomm.com/resource/static/passport/Inter-SemiBold.woff2")
    format("woff2"),
    url("https://storage-us.atomm.com/resource/static/passport/Montserrat-Bold.ttf")
    format("truetype");
  font-display: swap;
}

.ck-content {
  --ck-color-mention-background: transparent;
  --ck-color-mention-text: rgb(0 117 95 / 100%);
}
/* ---- Cross-editor content styles. --------------------------------------------------------------- */

.ck.ck-content:not(.ck-style-grid__button__preview) {
  /* Make sure all content containers have some min height to make them easier to locate. */
  min-height: 300px;
  padding: 1em 1.5em;
}

.ck .ck-icon {
  width: var(--ck-icon-size) !important;
  height: var(--ck-icon-size) !important;
}
/* Make sure all content containers are distinguishable on a web page even of not focused. */

.ck.ck-content:not(:focus) {
  border: 1px solid var(--ck-color-base-border);
}

.ck-content {
  /* font-size: 16px; */
  font-family: Inter-Regular, Arial, Helvetica, sans-serif;
  word-break: break-word;
  white-space: pre-wrap;
}

.mention-custom-item img {
  width: 24px !important;
  height: 24px !important;
  margin-right: 8px !important;
  border-radius: 50% !important;
}

.ck-content pre {
  white-space: pre-line;
}

.ck-content img {
  max-width: 100%;
  height: auto;
}

.ck-content .mention {
  font-weight: bold;
  text-decoration: underline;
}

.ck-content p {
  /* /* margin-bottom: 8px !important; */
  line-height: 24px !important;
}
/* Font sizes and vertical rhythm for common elements (headings, lists, paragraphs, etc.) */

.ck-content h1:first-child {
  margin-top: 0 !important;
}

.ck-content h1 {
  margin-top: 28px !important;
  margin-bottom: 28px !important;
  font-family: Inter-SemiBold, Arial, Helvetica, sans-serif;
  font-size: 2.14em;
  font-weight: bold;
  line-height: 48px;
}

.ck-content h2 {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
  font-family: Inter-SemiBold, Arial, Helvetica, sans-serif;
  font-size: 1.5em;
  font-weight: bold;
  line-height: 40px;
}

.ck-content h3 {
  margin-bottom: 12px !important;
  font-family: Inter-SemiBold, Arial, Helvetica, sans-serif;
  font-size: 1.25em;
  font-weight: bold;
  line-height: 28px;
}

.ck-content h4 {
  margin-bottom: 12px !important;
  font-family: Inter-SemiBold, Arial, Helvetica, sans-serif;
  font-size: 1.12em;
  font-weight: normal;
  line-height: 26px;
}

.ck-content h5 {
  margin-bottom: 12px !important;
  font-family: Inter-SemiBold, Arial, Helvetica, sans-serif;
  font-size: 1.12em;
  font-weight: normal;
  line-height: 26px;
}

.ck-content h6 {
  margin-bottom: 12px !important;
  font-size: 1.12em;
  font-weight: normal;
  line-height: 26px;
}

.ck-content blockquote,
.ck-content ol,
.ck-content p,
.ck-content ul {
  padding-top: 0.2em;
  margin-bottom: var(--ck-spacing-large);
  font-size: 1em;
  line-height: 1.5em;
}

/* ---- Style feature content styles ------------------------------------------------------ */
/* .ck-content {
  --ck-georgia-serif-font-stack: Georgia, Times, Times New Roman, serif;
} */

.ck-content h1.document-title {
  /* font-family: var(--ck-georgia-serif-font-stack); */
  font-size: 50px;
  font-weight: bold;
  border: 0;
}

.ck-content h2.document-subtitle {
  /* font-family: var(--ck-georgia-serif-font-stack); */
  font-size: 20px;
  font-weight: bold;
  color: #d1d1d1;
  letter-spacing: 10px;
}

.ck-content p.callout {
  padding: 1.2em 2em;
  margin: 1.5em 2em;
  background: #fff9fb;
  border: 1px solid var(--border-color);
  border-left: 10px solid var(--border-color);
  border-radius: 5px;
  box-shadow: 5px 5px 0 #ffe6ef;

  --border-color: #e91e1e;
}

.ck-content blockquote.side-quote {
  position: relative;
  z-index: 1;
  float: right;
  width: 35%;
  margin-left: 1em;
  overflow: visible;
  /* font-family: var(--ck-georgia-serif-font-stack); */
  font-style: normal;
  border: 0;
}

.ck-content blockquote {
  font-style: normal !important;
  border-left: solid 4px rgb(0 117 95 / 100%) !important;
}

.ck-content blockquote.side-quote::before {
  position: absolute;
  top: -37px;
  left: -10px;
  z-index: -1;
  display: block;
  font-size: 200px;
  line-height: 1;
  color: #e7e7e7;
  content: "“";
}

.ck-content blockquote.side-quote p {
  font-size: 2em;
  line-height: 1;
}

.ck-content blockquote.side-quote p:last-child:not(:first-child) {
  font-size: 1.3em;
  color: #555;
  text-align: right;
}

.ck-content span.needs-clarification {
  position: relative;
  background: #ffe19c;
  border-radius: 2px;
  outline: 1px dashed #c8a24b;
}

.ck-content span.needs-clarification::after {
  position: absolute;
  top: -6px;
  right: -6px;
  display: inline-block;
  width: 12px;
  height: 12px;
  font-size: 12px;
  font-weight: bold;
  line-height: 12px;
  color: #fff;
  text-align: center;
  letter-spacing: initial;
  vertical-align: super;
  content: "?";
  background: #3b3b3b;
  border-radius: 10px;
}

.ck-content span.wide-spacing {
  letter-spacing: 0.3em;
}

.ck-content span.small-caps {
  font-variant: small-caps;
}

.ck-content span.spoiler {
  color: #000;
  background: #000;
}

.ck-content span.spoiler:hover {
  color: #fff;
  background: #000;
}

.ck-content p.custom-block-1 {
  min-width: 200px;
  padding: 1em;
  clear: both;
  font-style: normal;
  color: hsl(0deg 0% 20.8%);
  text-align: left;
  tab-size: 4;
  white-space: pre-wrap;
  background-color: rgb(0 117 95 / 10%);
  border: 1px solid rgb(0 117 95 / 100%);
  border-radius: 2px;
  direction: ltr;
}

.ck-content p.custom-block-2 {
  min-width: 200px;
  padding: 1em;
  clear: both;
  font-style: normal;
  color: hsl(0deg 0% 20.8%);
  text-align: left;
  tab-size: 4;
  white-space: pre-wrap;
  background-color: rgb(255 112 0 / 10%);
  border: 1px solid rgb(255 112 0 / 100%);
  border-radius: 2px;
  direction: ltr;
}

.ck-content a {
  font-weight: bold;
  color: #0075ff;
  text-decoration: underline;
}

.ck-content hr {
  height: 1px !important;
}