/**
 * Any CSS included here will be global. The classic template
 * bundles Infima by default. Infima is a CSS framework designed to
 * work well for content-centric websites.
 */

/* You can override the default Infima variables here. */

/* Custom styling made by CSCT */

.video-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-bottom: 56.25%;
  margin: 0 auto 20px;
}

.video-iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

@media (max-width: 768px) {
  .video-container {
    width: 100%;
  }
}

.center-container {
  display: flex;
  justify-content: center;
}

.img-xsmall {
  width: 200px;
  max-width: 100%;
  margin: 0 auto 20px;
  flex-shrink: 0;
}

.img-small {
  width: 350px;
  max-width: 100%;
  margin: 0 auto 20px;
  flex-shrink: 0;
}

.img-medium {
  max-width: 60%;
  margin: 0 auto 20px;
  flex-shrink: 0;
}

.img-large {
  max-width: 90%;
  margin: 0 auto 20px;
  flex-shrink: 0;
}

@media (max-width: 768px) {
  .img-xsmall {
    width: 50%;
    flex-shrink: 0;
  }

  .img-small {
    width: 80%;
    flex-shrink: 0;
  }

  .img-medium {
    max-width: none;
    width: 90%;
    flex-shrink: 0;
  }

  .img-large {
    max-width: none;
    width: 90%;
    flex-shrink: 0;
  }
}

.mermaid-xsmall {
  max-width: 200px;
  width: 100%;
  margin: 0 auto 20px;
  flex-shrink: 0;
}

.mermaid-small {
  max-width: 350px;
  width: 100%;
  margin: 0 auto 20px;
  flex-shrink: 0;
}

.mermaid-medium {
  max-width: 60%;
  width: 100%;
  margin: 0 auto 20px;
  flex-shrink: 0;
}

.mermaid-large {
  max-width: 90%;
  width: 100%;
  margin: 0 auto 20px;
  flex-shrink: 0;
}

.mermaid-xsmall svg,
.mermaid-small svg,
.mermaid-medium svg,
.mermaid-large svg {
  display: block;
  width: 100% !important;
  max-width: inherit !important;
  height: auto !important;
  margin: 0 auto;
}

@media (max-width: 768px) {
  .mermaid-xsmall {
    width: 50%;
  }

  .mermaid-small {
    width: 80%;
  }

  .mermaid-medium {
    width: 90%;
  }

  .mermaid-large {
    width: 100%;
  }
}

/* Atyp font */

@font-face {
  font-family: AtypDisplay;
  src:
    url("/fonts/AtypDisplay-Regular.woff2") format("woff2"),
    url("/fonts/AtypDisplay-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: fallback;
}

@font-face {
  font-family: AtypDisplay;
  src:
    url("/fonts/AtypDisplay-Medium.woff2") format("woff2"),
    url("/fonts/AtypDisplay-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: fallback;
}

@font-face {
  font-family: AtypDisplay;
  src:
    url("/fonts/AtypDisplay-Semibold.woff2") format("woff2"),
    url("/fonts/AtypDisplay-Semibold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: fallback;
}

@font-face {
  font-family: AtypDisplay;
  src:
    url("/fonts/AtypDisplay-Bold.woff2") format("woff2"),
    url("/fonts/AtypDisplay-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: fallback;
}

@font-face {
  font-family: AtypDisplay;
  src:
    url("/fonts/AtypDisplay-Light.woff2") format("woff2"),
    url("/fonts/AtypDisplay-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: fallback;
}

@font-face {
  font-family: AtypDisplay;
  src:
    url("/fonts/AtypDisplay-BoldItalic.woff2") format("woff2"),
    url("/fonts/AtypDisplay-BoldItalic.woff") format("woff");
  font-weight: bold;
  font-style: italic;
  font-display: fallback;
}

@font-face {
  font-family: AtypDisplay;
  src:
    url("/fonts/AtypDisplay-MediumItalic.woff2") format("woff2"),
    url("/fonts/AtypDisplay-MediumItalic.woff") format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: fallback;
}

@font-face {
  font-family: AtypDisplay;
  src:
    url("/fonts/AtypDisplay-SemiboldItalic.woff2") format("woff2"),
    url("/fonts/AtypDisplay-SemiboldItalic.woff") format("woff");
  font-weight: 600;
  font-style: italic;
  font-display: fallback;
}

@font-face {
  font-family: AtypText;
  src:
    url("/fonts/AtypText-Regular.woff2") format("woff2"),
    url("/fonts/AtypText-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: fallback;
}

@font-face {
  font-family: AtypText;
  src:
    url("/fonts/AtypText-Semibold.woff2") format("woff2"),
    url("/fonts/AtypText-Semibold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: fallback;
}

@font-face {
  font-family: AtypText;
  src:
    url("/fonts/AtypText-Medium.woff2") format("woff2"),
    url("/fonts/AtypText-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: fallback;
}

@font-face {
  font-family: AtypText;
  src:
    url("/fonts/AtypText-Bold.woff2") format("woff2"),
    url("/fonts/AtypText-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: fallback;
}

body {
  font-family: AtypText, sans-serif;
}

h1 {
  font-family: AtypDisplay, sans-serif;
  font-weight: 500;
}

h2 {
  font-family: AtypDisplay, sans-serif;
  font-weight: 500;
}

h3 {
  font-family: AtypDisplay, sans-serif;
  font-weight: 600;
}

h4 {
  font-family: AtypDisplay, sans-serif;
  font-weight: 600;
}

em {
  font-style: italic;
}

html {
  line-height: 1.5;
  tab-size: 4;
  font-family: inherit;
  font-feature-settings: normal;
  background: var(--page-background) !important;
}

hr {
  font-family: inherit;
  height: 0;
  color: inherit;
  border-top-width: 1px;
}

abbr:where([title]) {
  text-decoration: underline dotted;
}

a {
  font-family: inherit;
  color: var(--linea-link-highlight-color);
  text-decoration: inherit;
}

b,
strong {
  font-family: inherit;
}

code,
kbd,
pre,
samp {
  font-family: var(--ifm-font-family-monospace);
  font-size: var(--ifm-code-font-size);
}

small {
  font-family: inherit;
  font-size: 80%;
}

sub,
sup {
  font-family: inherit;
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

table {
  font-family: inherit;
  text-indent: 0;
  border-color: inherit;
  border-collapse: collapse;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
  margin: 0;
  padding: 0;
}

:root {
  font-family: AtypDisplay, serif;
  --docusaurus-highlighted-code-line-bg: rgb(0 0 0 / 10%);
  --ifm-code-border-radius: 15px;
  --doc-sidebar-width: 350px !important;
}

.footer--dark {
  --ifm-footer-background-color: var(--footer-background);
}

/* For readability concerns, you should choose a lighter palette in dark mode. */
[data-theme="dark"] {
  --page-background: #121212;
  --search-background: #121212;
  --ifm-color-primary-lightest: #fff;
  --ifm-color-primary-lighter: #fff;
  --ifm-color-primary-light: #bfe8ff;
  --ifm-color-primary: #fff;
  --ifm-color-primary-dark: #dcf1fd;
  --ifm-color-primary-darker: #61dfff;
  --ifm-color-primary-darkest: #58cbe8;
  --ifm-color-success: #61dfff;
  --ifm-color-success-dark: #58cbe8;
  --ifm-color-info: #c0c0c0;
  --ifm-color-info-dark: #989898;
  --ifm-link-color: #61dfff;
  --ifm-menu-color-active: #61dfff;
  --ifm-footer-background-color: #000;
  --ifm-background-color: #121212;
  --ifm-navbar-link-hover-color: #61dfff;
  --docusaurus-highlighted-code-line-bg: rgb(66 66 66 / 35%);
  --banner-background: #1d1d1d;
  --banner-text: #fff;
  --banner-text-shadow: #121212;
  --banner-button-hover: #fff;
  --banner-button-text-hover: #121212;
  --homepage-card-background: #1d1d1d;
  --homepage-card-text: #fff;
  --homepage-card-border-color: #505050;
  --homepage-card-border-color-hover: #61dfff;
  --homepage-card-dot-hover: #fff;
  --homepage-card-icon: #fff;
  --footer-background: #121212;
  --linea-highlight-color-1: #fff068;
  --linea-highlight-color-2: #6119ef;
  --linea-navbar-background: #190066;
  --linea-navbar-items: #61dfff;
  --linea-navbar-items-highlight: #61dfff;
  --linea-banner-logo: #fff;
  --linea-text-color-1: #190066;
  --linea-sidebar-text-color: #fff;
  --linea-link-highlight-color: #61dfff;
  --search-bar-background: #fff;
  --ifm-navbar-search-input-icon: url("data:image/svg+xml,%3Csvg fill='%23505050' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' height='16px' width='16px'%3E%3Cpath d='M6.02945,10.20327a4.17382,4.17382,0,1,1,4.17382-4.17382A4.15609,4.15609,0,0,1,6.02945,10.20327Zm9.69195,4.2199L10.8989,9.59979A5.88021,5.88021,0,0,0,12.058,6.02856,6.00467,6.00467,0,1,0,9.59979,10.8989l4.82338,4.82338a.89729.89729,0,0,0,1.29912,0,.89749.89749,0,0,0-.00087-1.29909Z'/%3E%3C/svg%3E") !important;
  --searchbar-background: #50505d;
  --searchbar-background-hover: #1e1f24;
  --search-local-modal-background: #24292e;
  --search-local-hit-background: #161616;
  --search-local-hit-shadow: none;
  --search-local-hit-active-color: #fff;
  --search-local-modal-shadow: none;
  --search-local-muted-color: #61dfff;
  --search-local-hit-color: #fff;
  --search-local-highlight-color: #6f7da6;
  --search-result-hl: #23282a;
}

[data-theme="light"] {
  --page-background: #f8f7f2;
  --search-background: #ebeae5;
  --ifm-color-primary-lightest: #eaf0ff;
  --ifm-color-primary-lighter: #a5e5ff;
  --ifm-color-primary-light: #61dfff;
  --ifm-color-primary: #000;
  --ifm-color-primary-dark: #313131;
  --ifm-color-primary-darker: #545454;
  --ifm-color-primary-darkest: #818181;
  --ifm-color-success: #61dfff;
  --ifm-color-success-dark: #58cbe8;
  --ifm-link-color: #2eb9dc;
  --ifm-link-hover-color: #61dfff;
  --ifm-menu-color-active: #2eb9dc;
  --ifm-color-info: #c0c0c0;
  --ifm-color-info-dark: #989898;
  --ifm-footer-background-color: #000;
  --ifm-footer-link-hover-color: #c0c0c0;
  --ifm-background-color: #fff;
  --ifm-navbar-link-hover-color: #61dfff;
  --banner-background: #fff;
  --banner-text: #121212;
  --banner-text-shadow: #fff;
  --banner-button-hover: #121212;
  --banner-button-text-hover: #fff;
  --homepage-card-background: #fff;
  --homepage-card-text: #fff;
  --homepage-card-border-color: #c0c0c0;
  --homepage-card-border-color-hover: #505050;
  --homepage-card-dot-hover: #61dfff;
  --homepage-card-icon: #c0c0c0;
  --footer-background: #f8f7f2;
  --linea-highlight-color-1: #fff068;
  --linea-highlight-color-2: #6119ef;
  --linea-text-color-1: #190066;
  --linea-navbar-background: #190066;
  --linea-navbar-items: #61dfff;
  --linea-navbar-items-highlight: #61dfff;
  --linea-banner-logo: #190066;
  --linea-sidebar-text-color: #190066;
  --linea-link-highlight-color: #6119ef;
  --search-bar-background: #fff;
  --ifm-navbar-search-input-icon: url("data:image/svg+xml,%3Csvg fill='%23190066' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' height='16px' width='16px'%3E%3Cpath d='M6.02945,10.20327a4.17382,4.17382,0,1,1,4.17382-4.17382A4.15609,4.15609,0,0,1,6.02945,10.20327Zm9.69195,4.2199L10.8989,9.59979A5.88021,5.88021,0,0,0,12.058,6.02856,6.00467,6.00467,0,1,0,9.59979,10.8989l4.82338,4.82338a.89729.89729,0,0,0,1.29912,0,.89749.89749,0,0,0-.00087-1.29909Z'/%3E%3C/svg%3E") !important;
  --searchbar-background: #e9ebee;
  --searchbar-background-hover: #efefef;
  --search-local-modal-background: #e9ebee;
  --search-local-hit-background: #fff;
  --search-local-hit-shadow: none;
  --search-local-hit-active-color: #fff;
  --search-local-modal-shadow: none;
  --search-local-muted-color: #190066;
  --search-local-hit-color: #161616;
  --search-local-highlight-color: #6119ef;
  --search-result-hl: #fff068;
}

/* github */
.header-github-link:hover {
  opacity: 0.6;
}

.header-github-link::before {
  content: "";
  width: 28px;
  height: 28px;
  display: flex;
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12'/%3E%3C/svg%3E")
    no-repeat;
}

html[data-theme="dark"] .header-github-link::before {
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12'/%3E%3C/svg%3E")
    no-repeat;
}

/* discord */
.header-discord-link:hover {
  opacity: 0.6;
}

.header-discord-link::before {
  content: "";
  width: 28px;
  height: 28px;
  display: flex;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 127.14 96.36'%3E%3Cg id='图层_2' data-name='图层 2'%3E%3Cg id='Discord_Logos' data-name='Discord Logos'%3E%3Cg id='Discord_Logo_-_Large_-_White'%3E%3Cpath d='M107.7,8.07A105.15,105.15,0,0,0,81.47,0a72.06,72.06,0,0,0-3.36,6.83A97.68,97.68,0,0,0,49,6.83,72.37,72.37,0,0,0,45.64,0,105.89,105.89,0,0,0,19.39,8.09C2.79,32.65-1.71,56.6.54,80.21h0A105.73,105.73,0,0,0,32.71,96.36,77.7,77.7,0,0,0,39.6,85.25a68.42,68.42,0,0,1-10.85-5.18c.91-.66,1.8-1.34,2.66-2a75.57,75.57,0,0,0,64.32,0c.87.71,1.76,1.39,2.66,2a68.68,68.68,0,0,1-10.87,5.19,77,77,0,0,0,6.89,11.1A105.25,105.25,0,0,0,126.6,80.22h0C129.24,52.84,122.09,29.11,107.7,8.07ZM42.45,65.69C36.18,65.69,31,60,31,53s5-12.74,11.43-12.74S54,46,53.89,53,48.84,65.69,42.45,65.69Zm42.24,0C78.41,65.69,73.25,60,73.25,53s5-12.74,11.44-12.74S96.23,46,96.12,53,91.08,65.69,84.69,65.69Z' fill='%23190066'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
    no-repeat;
  background-size: contain;
  background-position: center;
}

html[data-theme="dark"] .header-discord-link::before {
  content: "";
  width: 28px;
  height: 28px;
  display: flex;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 127.14 96.36'%3E%3Cg id='图层_2' data-name='图层 2'%3E%3Cg id='Discord_Logos' data-name='Discord Logos'%3E%3Cg id='Discord_Logo_-_Large_-_White'%3E%3Cpath d='M107.7,8.07A105.15,105.15,0,0,0,81.47,0a72.06,72.06,0,0,0-3.36,6.83A97.68,97.68,0,0,0,49,6.83,72.37,72.37,0,0,0,45.64,0,105.89,105.89,0,0,0,19.39,8.09C2.79,32.65-1.71,56.6.54,80.21h0A105.73,105.73,0,0,0,32.71,96.36,77.7,77.7,0,0,0,39.6,85.25a68.42,68.42,0,0,1-10.85-5.18c.91-.66,1.8-1.34,2.66-2a75.57,75.57,0,0,0,64.32,0c.87.71,1.76,1.39,2.66,2a68.68,68.68,0,0,1-10.87,5.19,77,77,0,0,0,6.89,11.1A105.25,105.25,0,0,0,126.6,80.22h0C129.24,52.84,122.09,29.11,107.7,8.07ZM42.45,65.69C36.18,65.69,31,60,31,53s5-12.74,11.43-12.74S54,46,53.89,53,48.84,65.69,42.45,65.69Zm42.24,0C78.41,65.69,73.25,60,73.25,53s5-12.74,11.44-12.74S96.23,46,96.12,53,91.08,65.69,84.69,65.69Z' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
    no-repeat;
  background-size: contain;
  background-position: center;
}

@media (max-width: 996px) {
  .header-discord-link {
    padding-left: 12px;
  }

  .header-discord-link::before {
    content: "";
    width: 28px;
    height: 28px;
    display: flex;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 127.14 96.36'%3E%3Cg id='图层_2' data-name='图层 2'%3E%3Cg id='Discord_Logos' data-name='Discord Logos'%3E%3Cg id='Discord_Logo_-_Large_-_White'%3E%3Cpath d='M107.7,8.07A105.15,105.15,0,0,0,81.47,0a72.06,72.06,0,0,0-3.36,6.83A97.68,97.68,0,0,0,49,6.83,72.37,72.37,0,0,0,45.64,0,105.89,105.89,0,0,0,19.39,8.09C2.79,32.65-1.71,56.6.54,80.21h0A105.73,105.73,0,0,0,32.71,96.36,77.7,77.7,0,0,0,39.6,85.25a68.42,68.42,0,0,1-10.85-5.18c.91-.66,1.8-1.34,2.66-2a75.57,75.57,0,0,0,64.32,0c.87.71,1.76,1.39,2.66,2a68.68,68.68,0,0,1-10.87,5.19,77,77,0,0,0,6.89,11.1A105.25,105.25,0,0,0,126.6,80.22h0C129.24,52.84,122.09,29.11,107.7,8.07ZM42.45,65.69C36.18,65.69,31,60,31,53s5-12.74,11.43-12.74S54,46,53.89,53,48.84,65.69,42.45,65.69Zm42.24,0C78.41,65.69,73.25,60,73.25,53s5-12.74,11.44-12.74S96.23,46,96.12,53,91.08,65.69,84.69,65.69Z' fill='%23190066'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
      no-repeat;
    background-size: contain;
    background-position: center;
  }

  html[data-theme="dark"] .header-discord-link::before {
    content: "";
    width: 28px;
    height: 28px;
    display: flex;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 127.14 96.36'%3E%3Cg id='图层_2' data-name='图层 2'%3E%3Cg id='Discord_Logos' data-name='Discord Logos'%3E%3Cg id='Discord_Logo_-_Large_-_White'%3E%3Cpath d='M107.7,8.07A105.15,105.15,0,0,0,81.47,0a72.06,72.06,0,0,0-3.36,6.83A97.68,97.68,0,0,0,49,6.83,72.37,72.37,0,0,0,45.64,0,105.89,105.89,0,0,0,19.39,8.09C2.79,32.65-1.71,56.6.54,80.21h0A105.73,105.73,0,0,0,32.71,96.36,77.7,77.7,0,0,0,39.6,85.25a68.42,68.42,0,0,1-10.85-5.18c.91-.66,1.8-1.34,2.66-2a75.57,75.57,0,0,0,64.32,0c.87.71,1.76,1.39,2.66,2a68.68,68.68,0,0,1-10.87,5.19,77,77,0,0,0,6.89,11.1A105.25,105.25,0,0,0,126.6,80.22h0C129.24,52.84,122.09,29.11,107.7,8.07ZM42.45,65.69C36.18,65.69,31,60,31,53s5-12.74,11.43-12.74S54,46,53.89,53,48.84,65.69,42.45,65.69Zm42.24,0C78.41,65.69,73.25,60,73.25,53s5-12.74,11.44-12.74S96.23,46,96.12,53,91.08,65.69,84.69,65.69Z' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
      no-repeat;
    background-size: contain;
    background-position: center;
  }
}

/* twitter */
.header-twitter-link:hover {
  opacity: 0.6;
}

.header-twitter-link::before {
  content: "";
  width: 28px;
  height: 28px;
  margin-top: 8px;
  display: flex;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 300.25'%3E%3Cpath d='M178.57 127.15L290.27 0h-26.46l-97.03 110.38L89.34 0H0l117.13 166.93L0 300.25h26.46l102.4-116.59 81.8 116.59h89.34M36.01 19.54H76.66l187.13 262.13h-40.66' fill='%23190066'/%3E%3C/svg%3E")
    no-repeat;
  background-size: 20px 20px;
}

html[data-theme="dark"] .header-twitter-link::before {
  content: "";
  width: 28px;
  height: 28px;
  margin-top: 8px;
  display: flex;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 300.25'%3E%3Cpath d='M178.57 127.15L290.27 0h-26.46l-97.03 110.38L89.34 0H0l117.13 166.93L0 300.25h26.46l102.4-116.59 81.8 116.59h89.34M36.01 19.54H76.66l187.13 262.13h-40.66' fill='%23fff'/%3E%3C/svg%3E")
    no-repeat;
  background-size: 20px 20px;
}

@media (max-width: 996px) {
  .header-twitter-link::before {
    content: "";
    width: 28px;
    height: 28px;
    margin-top: 0;
    margin-left: 2px;
    display: flex;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 300.25'%3E%3Cpath d='M178.57 127.15L290.27 0h-26.46l-97.03 110.38L89.34 0H0l117.13 166.93L0 300.25h26.46l102.4-116.59 81.8 116.59h89.34M36.01 19.54H76.66l187.13 262.13h-40.66' fill='%23190066'/%3E%3C/svg%3E")
      no-repeat;
    background-size: 24px 24px;
  }

  html[data-theme="dark"] .header-twitter-link::before {
    content: "";
    width: 28px;
    height: 28px;
    margin-top: 0;
    margin-left: 2px;
    display: flex;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 300.25'%3E%3Cpath d='M178.57 127.15L290.27 0h-26.46l-97.03 110.38L89.34 0H0l117.13 166.93L0 300.25h26.46l102.4-116.59 81.8 116.59h89.34M36.01 19.54H76.66l187.13 262.13h-40.66' fill='%23fff'/%3E%3C/svg%3E")
      no-repeat;
    background-size: 24px 24px;
  }
}

/* release notes navbar item handling */
.header-release-notes-link::before {
  /* icon */
  content: "";
  display: inline-block;
  width: 23px;
  height: 23px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='Layer_1' version='1.1' viewBox='0 0 109.9 125.9'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23190066%3Bstroke-width%3A0px%3B%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M74.6%2C34.8h-41.5c-2.6%2C0-4.6%2C2.1-4.6%2C4.7s2.1%2C4.6%2C4.6%2C4.6h41.5c2.6%2C0%2C4.6-2.1%2C4.6-4.6s-2.1-4.7-4.6-4.7Z'/%3E%3Cpath class='cls-1' d='M74.6%2C57.1h-41.5c-2.6%2C0-4.6%2C2.1-4.6%2C4.6s2.1%2C4.7%2C4.6%2C4.7h41.5c2.6%2C0%2C4.6-2.1%2C4.6-4.7s-2.1-4.6-4.6-4.6Z'/%3E%3Cpath class='cls-1' d='M49.8%2C116.8v-.3H9.3V9.3h89.1v49.7c0%2C2.6%2C2.1%2C4.6%2C4.7%2C4.6s4.6-2.1%2C4.6-4.6V8.8c0-2.4-.9-4.6-2.6-6.2-1.7-1.7-3.9-2.6-6.2-2.6H8.8c-2.4%2C0-4.6.9-6.2%2C2.6C.9%2C4.3%2C0%2C6.5%2C0%2C8.8v108.2c0%2C2.4.9%2C4.6%2C2.6%2C6.2%2C1.7%2C1.7%2C3.9%2C2.6%2C6.2%2C2.6h39.4c2.6%2C0%2C4.6-2.1%2C4.6-4.7s-1.3-3.8-3.1-4.4Z'/%3E%3Cpath class='cls-1' d='M53.5%2C79.4h-20.5c-2.6%2C0-4.7%2C2.1-4.7%2C4.7s2.1%2C4.7%2C4.7%2C4.7h20.5c2.6%2C0%2C4.7-2.1%2C4.7-4.7s-2.1-4.7-4.7-4.7Z'/%3E%3Cpath class='cls-1' d='M108.7%2C81.9l-7.4-7.1c-.8-.8-1.8-1.1-2.8-1.1-1.1%2C0-2%2C.4-2.8%2C1.2l-4.9%2C5.1l13.1%2C12.7l5-5.2c.7-.7%2C1.1-1.7%2C1.1-2.9%2C0-1.1-.4-2.1-1.2-2.8Z'/%3E%3Cpath class='cls-1' d='M67.7%2C103.9l-.3.3-2.8%2C10.8c-1.2%2C4.6-1.2%2C5.5-.4%2C6.2.3.3.7.4%2C1.1.4s.3%2C0%2C.4%2C0c.4-.1%2C2-.6%2C5.8-1.9l1.8-.6c.8-.3%2C1.7-.6%2C2.5-.8l1.4-.4c1-.3%2C2-.6%2C3-1h.4c0-.1%2C21.8-22.9%2C21.8-22.9l-13.1-12.6-21.6%2C22.5Z'/%3E%3C/svg%3E")
    no-repeat;
  background-size: contain;
  margin-top: 9px;
  position: relative;
}

.header-release-notes-link:hover::before {
  /* icon hover effect */
  opacity: 0.6;
}

/* Dark mode */
html[data-theme='dark'] .header-release-notes-link::before {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='Layer_1' version='1.1' viewBox='0 0 109.9 125.9'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23fff%3Bstroke-width%3A0px%3B%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M74.6%2C34.8h-41.5c-2.6%2C0-4.6%2C2.1-4.6%2C4.7s2.1%2C4.6%2C4.6%2C4.6h41.5c2.6%2C0%2C4.6-2.1%2C4.6-4.6s-2.1-4.7-4.6-4.7Z'/%3E%3Cpath class='cls-1' d='M74.6%2C57.1h-41.5c-2.6%2C0-4.6%2C2.1-4.6%2C4.6s2.1%2C4.7%2C4.6%2C4.7h41.5c2.6%2C0%2C4.6-2.1%2C4.6-4.7s-2.1-4.6-4.6-4.6Z'/%3E%3Cpath class='cls-1' d='M49.8%2C116.8v-.3H9.3V9.3h89.1v49.7c0%2C2.6%2C2.1%2C4.6%2C4.7%2C4.6s4.6-2.1%2C4.6-4.6V8.8c0-2.4-.9-4.6-2.6-6.2-1.7-1.7-3.9-2.6-6.2-2.6H8.8c-2.4%2C0-4.6.9-6.2%2C2.6C.9%2C4.3%2C0%2C6.5%2C0%2C8.8v108.2c0%2C2.4.9%2C4.6%2C2.6%2C6.2%2C1.7%2C1.7%2C3.9%2C2.6%2C6.2%2C2.6h39.4c2.6%2C0%2C4.6-2.1%2C4.6-4.7s-1.3-3.8-3.1-4.4Z'/%3E%3Cpath class='cls-1' d='M53.5%2C79.4h-20.5c-2.6%2C0-4.7%2C2.1-4.7%2C4.7s2.1%2C4.7%2C4.7%2C4.7h20.5c2.6%2C0%2C4.7-2.1%2C4.7-4.7s-2.1-4.7-4.7-4.7Z'/%3E%3Cpath class='cls-1' d='M108.7%2C81.9l-7.4-7.1c-.8-.8-1.8-1.1-2.8-1.1-1.1%2C0-2%2C.4-2.8%2C1.2l-4.9%2C5.1l13.1%2C12.7l5-5.2c.7-.7%2C1.1-1.7%2C1.1-2.9%2C0-1.1-.4-2.1-1.2-2.8Z'/%3E%3Cpath class='cls-1' d='M67.7%2C103.9l-.3.3-2.8%2C10.8c-1.2%2C4.6-1.2%2C5.5-.4%2C6.2.3.3.7.4%2C1.1.4s.3%2C0%2C.4%2C0c.4-.1%2C2-.6%2C5.8-1.9l1.8-.6c.8-.3%2C1.7-.6%2C2.5-.8l1.4-.4c1-.3%2C2-.6%2C3-1h.4c0-.1%2C21.8-22.9%2C21.8-22.9l-13.1-12.6-21.6%2C22.5Z'/%3E%3C/svg%3E")
    no-repeat;
  background-size: contain;
}

.header-release-notes-link {
  position: relative;
  display: inline-block;
}

.header-release-notes-link::after {
  /* "release notes" button, which appears on hover */
  content: "Release Notes";
  position: absolute;
  left: -130px;
  top: 50%;
  transform: translateY(-50%);
  background-color: var(--linea-highlight-color-2);
  color: #fff;
  padding: 8px 12px;
  border-radius: 99px;
  font-size: 14px;
  font-weight: 500;
  white-space: nowrap;
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  transition:
    opacity 0.25s ease,
    visibility 0.3s ease;
}

.header-release-notes-link:hover::after {
  opacity: 1;
  visibility: visible;
}

@media (max-width: 1080px) {
  .navbar__inner:has(.navbar__search input:focus) .header-release-notes-link {
    display: none !important;
  }
}

@media (max-width: 996px) {
  .header-release-notes-link::before {
    background: none !important;
    width: 0;
    height: 0;
    content: "";
    display: inline-block;
  }

  /* Styling for the "Release Notes" text */
  .header-release-notes-link {
    display: block;
    font-size: 16px;
    font-weight: 500;
    padding: 6px 12px;
    text-align: left;
    color: var(--linea-sidebar-text-color) !important;
  }

  .navbar__inner .header-release-notes-link {
    /* hides in desktop navbar */
    display: none;
  }

  .navbar-sidebar .header-release-notes-link {
    /* shows in the mobile sidebar instead */
    display: block !important;
    font-size: 16px;
    font-weight: 500;
    font-family: AtypText, sans-serif;
    padding: 6px 12px;
    margin: 0 8px 0 0;
    text-align: left;
    width: auto;
    color: var(--linea-sidebar-text-color) !important;
  }

  .navbar-sidebar .header-release-notes-link::before,
  .navbar-sidebar .header-release-notes-link::after {
    display: none;
  }

  .navbar-sidebar .header-release-notes-link::before {
    /* adding text-based "Release notes" item to mobile sidebar */
    content: "Release Notes";
    background: none;
    display: inline;
    color: inherit;
  }
}

/* broader styling for sidebar items colors */
.navbar-sidebar__brand {
  background: var(--linea-navbar-background);
}

/* light/dark toggle colour */
.navbar .clean-btn {
  scale: 0.9;
  color: var(--linea-navbar-items);
  background-color: var(--linea-navbar-background);
  transition: color 0.1s ease-in-out;
}

html[data-theme="light"] .navbar .clean-btn:hover {
  color: #fff068;
  background: none;
}

html[data-theme="dark"] .navbar .clean-btn:hover {
  color: #6119ef;
  background: none;
}

@media (max-width: 996px) {
  .navbar .clean-btn {
    background: none;
    border-radius: 5px;
    padding: 0 3px;
    color: var(--linea-navbar-items);
  }

  .navbar .clean-btn:hover {
    color: var(--linea-navbar-items);
    background-color: var(--linea-navbar-background);
  }
}

.navbar-sidebar__back {
  color: var(--banner-text) !important;
  margin-top: 10px;
}

.support-link svg {
  /* removing external link icon from navbar item */
  display: none;
}

.support-link {
  font-size: clamp(12px, 0.95vw, 15px);
  margin-right: 20px;
  color: #61dfff;
}

.support-link:hover {
  /* turns off underline on hover, fixes colour */
  text-decoration: none;
  color: #61dfff;
}

@media (max-width: 996px) {
  .support-link {
    line-height: 1.25;
    margin-right: 8px;
    padding: var(--ifm-menu-link-padding-vertical) var(--ifm-menu-link-padding-horizontal);
    color: var(--linea-sidebar-text-color);
    align-items: center;
    border-radius: 0.25rem;
    display: flex;
  }
  
  .navbar__items .support-link {
    display: none;
  }
}

.navbar__item .navbar__link svg {
  display: none !important;
}

/* dockerhub */
.header-dockerhub-link:hover {
  opacity: 0.6;
}

.header-dockerhub-link::before {
  content: "";
  width: 28px;
  height: 28px;
  display: flex;
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M507 211.16c-1.42-1.19-14.25-10.94-41.79-10.94a132.55 132.55 0 0 0-21.61 1.9c-5.22-36.4-35.38-54-36.57-55l-7.36-4.28-4.75 6.9a101.65 101.65 0 0 0-13.06 30.45c-5 20.7-1.9 40.2 8.55 56.85-12.59 7.14-33 8.8-37.28 9H15.94A15.93 15.93 0 0 0 0 262.07 241.25 241.25 0 0 0 14.75 348.9C26.39 379.35 43.72 402 66 415.74 91.22 431.2 132.3 440 178.6 440a344.23 344.23 0 0 0 62.45-5.71 257.44 257.44 0 0 0 81.69-29.73 223.55 223.55 0 0 0 55.57-45.67c26.83-30.21 42.74-64 54.38-94h4.75c29.21 0 47.26-11.66 57.23-21.65a63.31 63.31 0 0 0 15.2-22.36l2.14-6.18Z'/%3E%3Cpath d='M47.29 236.37H92.4a4 4 0 0 0 4-4h0V191.89a4 4 0 0 0-4-4H47.29a4 4 0 0 0-4 4h0v40.44a4.16 4.16 0 0 0 4 4h0'/%3E%3Cpath d='M109.5 236.37h45.12a4 4 0 0 0 4-4h0V191.89a4 4 0 0 0-4-4H109.5a4 4 0 0 0-4 4v40.44a4.16 4.16 0 0 0 4 4'/%3E%3Cpath d='M172.9 236.37H218a4 4 0 0 0 4-4h0V191.89a4 4 0 0 0-4-4H172.9a4 4 0 0 0-4 4h0v40.44a3.87 3.87 0 0 0 4 4h0'/%3E%3Cpath d='M235.36 236.37h45.12a4 4 0 0 0 4-4V191.89a4 4 0 0 0-4-4H235.36a4 4 0 0 0-4 4h0v40.44a4 4 0 0 0 4 4h0'/%3E%3Cpath d='M109.5 178.57h45.12a4.16 4.16 0 0 0 4-4V134.09a4 4 0 0 0-4-4H109.5a4 4 0 0 0-4 4v40.44a4.34 4.34 0 0 0 4 4'/%3E%3Cpath d='M172.9 178.57H218a4.16 4.16 0 0 0 4-4V134.09a4 4 0 0 0-4-4H172.9a4 4 0 0 0-4 4h0v40.44a4 4 0 0 0 4 4'/%3E%3Cpath d='M235.36 178.57h45.12a4.16 4.16 0 0 0 4-4V134.09a4.16 4.16 0 0 0-4-4H235.36a4 4 0 0 0-4 4h0v40.44a4.16 4.16 0 0 0 4 4'/%3E%3Cpath d='M235.36 120.53h45.12a4 4 0 0 0 4-4V76a4.16 4.16 0 0 0-4-4H235.36a4 4 0 0 0-4 4h0v40.44a4.17 4.17 0 0 0 4 4'/%3E%3Cpath d='M298.28 236.37H343.4a4 4 0 0 0 4-4V191.89a4 4 0 0 0-4-4H298.28a4 4 0 0 0-4 4h0v40.44a4.16 4.16 0 0 0 4 4'/%3E%3C/svg%3E")
    no-repeat;
}

html[data-theme="dark"] .header-dockerhub-link::before {
  filter: invert(100%);
}

@media only screen and (max-width: 525px) {
  .menu__link {
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }

  .header-github-link::after {
    margin-left: 20px;
    content: "Github ";
  }

  .header-twitter-link::after {
    margin-left: 20px;
    content: "Twitter ";
  }

  .header-discord-link::after {
    margin-left: 20px;
    content: "Discord ";
  }

  .header-dockerhub-link::after {
    margin-left: 20px;
    content: "DockerHub ";
  }
}

/* Navbar formatting */
.navbar--fixed-top {
  margin-top: 5px;
}

.navbar {
  min-height: 68px;
  box-shadow: none;
  border: none !important;
  background: var(--page-background) !important;
}

.navbar__inner {
  /* adds yellow rounded rectangle to navbar items */
  background-color: var(--linea-navbar-background);
  border: 1px solid var(--page-background);
  border-radius: 14px;
  width: calc(100vw - 2.5rem) !important;
  margin: 0 auto;
}

a.navbar__brand {
  margin-right: calc(0.5vw);
}

.navbar__logo {
  color: var(--linea-text-color-1);
  height: 25px;
  width: auto;
  padding: 3px 10px 0 calc(1.5vw);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  top: -5px;
}

@media (max-width: 1380px) {
  .navbar__inner {
    width: 90%;
  }

  .navbar {
    height: clamp(60px, var(--ifm-navbar-height), 100px);
    box-shadow: none;
  }
}

@media (max-width: 996px) {
  .navbar__logo {
    height: 25px;
    top: -4px;
  }

  .navbar__inner {
    padding: 0 15px;
    width: 100%;
  }
}

.navbar__title {
  display: none;
}

@media (max-width: 996px) {
  .navbar__logo {
    height: 28px;
    margin-right: 0;
  }
}

.navbar__items {
  overflow: visible;
}

.navbar__item {
  color: var(--linea-navbar-items);
  font-weight: 400;
  text-align: center;
}

.navbar__link {
  font-size: clamp(12px, 0.95vw, 15px);
  padding: calc(5px + (12 - 5) * ((100vw - 996px) / (1920 - 996)));
  padding-left: calc(0.5vw);
}

/* Basic circle icons for navbar items */
.navbar__link[href="/get-started"]::before,
.navbar__link[href="/learn/first-dapp"]::before,
.navbar__link[href="/api/linea-smart-contracts/linearollup"]::before,
.navbar__link[href="/technology/architecture"]::before,
.navbar__link[href="/release-notes"]::before,
.support-link[href="https://discord.gg/linea"]::before {
  content: "";
  display: inline-block;
  width: 7px;
  height: 7px;
  margin-right: calc(0.5vw);
  border: 1px solid currentColor;
  border-radius: 50%;
  vertical-align: middle;
  transition: background-color 0.2s ease;
  margin-left: 12px;
}

/* hover effect for circles */
.navbar__link[href="/get-started"]:hover::before,
.navbar__link[href="/learn/first-dapp"]:hover::before,
.navbar__link[href="/api/linea-smart-contracts/linearollup"]:hover::before,
.navbar__link[href="/technology/architecture"]:hover::before,
.navbar__link[href="/release-notes"]:hover::before,
.support-link[href="https://discord.gg/linea"]:hover::before {
  background-color: var(--linea-navbar-items);
  border: 1px solid var(--linea-navbar-items);
}

/* highlight the dot for the current page using active class state */
.navbar__link--active::before {
  background-color: var(--linea-navbar-items);
  border: 1px solid var(--linea-navbar-items);
}

/* ensure dots are hidden on smaller screens */
@media (max-width: 996px) {
  .navbar__link[href="/get-started"]::before,
  .navbar__link[href="/learn"]::before,
  .navbar__link[href="/api"]::before,
  .navbar__link[href="/technology/architecture"]::before,
  .navbar__link[href="/release-notes"]::before,
  .support-link[href="https://discord.gg/linea"]::before {
    display: none;
  }
}

/* search bar */
.navbar__search input {
  border-radius: 8px;
  background-color: var(--banner-background);
  width: 95%;
  transition: width 0.25s ease;
  right: -1px;
}

/* changes searchbar border colour when active */
.navbar__search input:focus-visible {
  outline: 2px solid #61dfff !important;
}

@media (max-width: 1320px) {
  .navbar__search input {
    width: 150px;
    right: 0;
    margin-right: 9px;
  }

  .navbar__search-input:not(.navbar .navbar__search-input) {
    width: 40vw;
  }
}

@media (max-width: 1080px) {
  .navbar__search input {
    width: 120px;
    right: 0;
    margin-right: 10px;
  }
}

@media (max-width: 996px) {
  .navbar__search input {
    max-width: 30px;
    border-radius: 8px;
    height: 32px;
    margin-right: 14px;
    transition: all 0.15s ease-in-out;
  }

  .navbar__search input:focus {
    max-width: 170px;
  }

  .navbar__search-input:not(.navbar .navbar__search-input) {
    max-width: 450px;
    width: 450px;
    height: 65px;
  }

  .support-link {
    font-size: 16px;
    padding: 3px 12px;
  }
}

@media (max-width: 600px) {
  .navbar__search-input:not(.navbar .navbar__search-input) {
    max-width: 80vw;
  }
}

div[class*="navbar__search"] kbd {
  /* targets and hides the "⌘+K" hint element from the searchbar */
  display: none !important;
}

html[data-theme="light"] .navbar {
  background-color: #fff;
}

html[data-theme="dark"] .navbar {
  background-color: #121212;
}

[class*="searchClearButton"] {
  /* aligning X button */
  padding-right: 5px !important;
  padding-top: 1.5px !important; 
}

@media (max-width: 996px) {
  [class*="searchClearButton"] {
    padding-right: 10px !important;
  }
}

.hide-x-button {
  opacity: 0 !important;
}

/* Make navbar look friendly on small devices. */
@media only screen and (max-width: 400px) {
  .nav_src-pages-index-module .linkItem_src-pages-index-module {
    padding-right: 0 !important;
  }

  .nav_src-pages-index-module {
    width: 100% !important;
  }

  .socialLinks_src-pages-index-module {
    display: none !important;
  }
}

.menu__link {
  margin-right: 8px;
  color: var(--linea-sidebar-text-color);
}

/* Sidebar Method labels */
.api-method > .menu__link {
  align-items: center;
  justify-content: start;
}

.api-method > .menu__link::before {
  width: 50px;
  height: 20px;
  font-size: 12px;
  line-height: 20px;
  text-transform: uppercase;
  font-weight: medium;
  border-radius: 0.25rem;
  border: 1px solid;
  border-inline-start-width: 5px;
  margin-right: var(--ifm-spacing-horizontal);
  text-align: center;
  flex-shrink: 0;
}

.get > .menu__link::before {
  content: "get";
  background-color: var(--ifm-color-info-contrast-background);
  color: var(--ifm-color-info-contrast-foreground);
  border-color: var(--ifm-color-info-dark);
}

.post > .menu__link::before {
  content: "post";
  background-color: var(--ifm-color-success-contrast-background);
  color: var(--ifm-color-success-contrast-foreground);
  border-color: var(--ifm-color-success-dark);
}

.delete > .menu__link::before {
  content: "del";
  background-color: var(--ifm-color-danger-contrast-background);
  color: var(--ifm-color-danger-contrast-foreground);
  border-color: var(--ifm-color-danger-dark);
}

.put > .menu__link::before {
  content: "put";
  background-color: var(--ifm-color-warning-contrast-background);
  color: var(--ifm-color-warning-contrast-foreground);
  border-color: var(--ifm-color-warning-dark);
}

.patch > .menu__link::before {
  content: "patch";
  background-color: var(--ifm-color-success-contrast-background);
  color: var(--ifm-color-success-contrast-foreground);
  border-color: var(--ifm-color-success-dark);
}

.head > .menu__link::before {
  content: "head";
  background-color: var(--ifm-color-secondary-contrast-background);
  color: var(--ifm-color-secondary-contrast-foreground);
  border-color: var(--ifm-color-secondary-dark);
}

.event > .menu__link::before {
  content: "event";
  background-color: var(--ifm-color-secondary-contrast-background);
  color: var(--ifm-color-secondary-contrast-foreground);
  border-color: var(--ifm-color-secondary-dark);
}

/* Algolia Search Styling */
.DocSearch-Logo {
  display: none !important;
}

.DocSearch-Footer {
  justify-content: flex-start !important;
}

[data-theme="light"] .DocSearch {
  /* --docsearch-primary-color: var(--ifm-color-primary); */
  /* --docsearch-text-color: var(--ifm-font-color-base); */
  --docsearch-muted-color: var(--ifm-color-secondary-darkest);
  --docsearch-container-background: rgba(94 100 112 70%);
  /* Modal */
  --docsearch-modal-background: var(--ifm-color-secondary-lighter);
  /* Search box */
  --docsearch-searchbox-background: var(--ifm-color-secondary);
  --docsearch-searchbox-focus-background: var(--ifm-color-white);
  /* Hit */
  --docsearch-hit-color: var(--ifm-font-color-base);
  --docsearch-hit-active-color: var(--ifm-color-white);
  --docsearch-hit-background: var(--ifm-color-white);
  /* Footer */
  --docsearch-footer-background: var(--ifm-color-white);
}

[data-theme="dark"] .DocSearch {
  --docsearch-text-color: var(--ifm-font-color-base);
  --docsearch-muted-color: var(--ifm-color-secondary-darkest);
  --docsearch-container-background: rgba(47 55 69 70%);
  /* Modal */
  --docsearch-modal-background: var(--ifm-background-color);
  /* Search box */
  --docsearch-searchbox-background: var(--ifm-background-color);
  --docsearch-searchbox-focus-background: var(--ifm-color-black);
  /* Hit */
  --docsearch-hit-color: var(--ifm-font-color-base);
  --docsearch-hit-active-color: var(--ifm-color-black);
  --docsearch-hit-background: var(--ifm-color-emphasis-100);
  /* Footer */
  --docsearch-footer-background: var(--ifm-background-surface-color);
  --docsearch-key-gradient: linear-gradient(
    -26.5deg,
    var(--ifm-color-emphasis-200) 0%,
    var(--ifm-color-emphasis-100) 100%
  );
}

/* This was originally in /docs/stylesheets/snippets.css */

:root > * {
  --md-code-hl-comment-color: #b3ccfb;
}

/* This centers copy wherever you need it to be centered; put 'id="centered-copy"'' in the div tag */

#centered-copy {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #121212;
}

.my-tabs {
  display: inline-flex;
  justify-content: normal;
  align-items: center;
  border-radius: 4px;
  overflow: hidden;
  background-color: #b3ccfb;
  color: #121212;
}

.my-tabs .tab-item {
  flex-grow: 1;
  padding: 10px;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  cursor: pointer;
  background-color: #b3ccfb;
  border-bottom: 2px solid transparent;
  transition: all 0.3s ease;
  color: #121212;
}

.my-tabs .tab-item:hover {
  background-color: #b3ccfb;
}

.my-tabs .tab-item.active {
  background-color: #b3ccfb;
  border-bottom-color: #007bff;
  color: #007bff;
}

.all-mode-tabs {
  color: #121212;
  background-color: #b3ccfb;
}

/* Styling for callouts */
.callout {
  padding: 20px;
  margin: 20px 0;
  border: 1px solid #eee;
  border-left-width: 5px;
  border-radius: 3px;
}

.callout-info {
  border-left-color: #2980b9;
}

.callout-warning {
  border-left-color: #f39c12;
}

.footer__title {
  color: var(--banner-text);
  text-transform: uppercase;
  font-weight: 600;
  font-size: 14px;
}

.footer__link-item {
  color: var(--banner-text);
  text-transform: uppercase;
  font-size: 14px;
}

.footer__copyright {
  padding-top: 10px;
  text-align: left;
  color: var(--banner-text);
  text-transform: uppercase;
  font-weight: 600;
  font-size: 14px;
}

/* sidebar/docs page layout */
.theme-doc-sidebar-container {
  border-right: none !important;
  font-size: 0.85rem;
  margin-bottom: 0;
}

.thin-scrollbar {
  background-color: var(--banner-background);
  margin: 5px 22px 0;
  border-radius: 12px;
  max-height: 80vh;
}

button[aria-label="Collapse sidebar"] {
  border: none !important;
  background-color: var(--banner-background);
  margin: 10px 22px 35px;
  border-radius: 12px;
}

a.menu__link {
  padding: 3px 12px;
  line-height: 1.25 !important;
}

.menu__list-item-collapsible {
  margin-right: 8px;
}

.menu__link--active {
  color: var(--ifm-link-color) !important;
}

.menu__link:hover,
.menu__list-item-collapsible--active,
.menu__list-item-collapsible--active:hover,
.menu__link--active:not(.menu__link--sublist),
.menu__list-item-collapsible:hover,
.menu__caret:hover {
  background: none;
}

.menu__link--active:hover {
  margin-right: 8px;
  color: var(--linea-link-highlight-color);
}

.menu__link--sublist-caret {
  color: inherit;
  background: none;
}

.expandButton {
  background-color: var(--page-background) !important;
}

.container.padding-top--md .padding-bottom--lg {
  margin: 0;
  margin-right: 0 !important;
  margin-left: 10px;
  max-width: 99%;
  padding: 0 20px !important;
}

@media (max-width: 996px) {
  .container .padding-top--md .padding-bottom--lg {
    max-width: 100vw;
    margin-left: 0;
    padding: 0;
  }
}

.table-of-contents {
  border: none;
}

.col[class*='col--'] .table-of-contents {
  right: 0;
  padding: 10px;
  margin-right: 0;
}

.table-of-contents__link {
  color: var(--linea-sidebar-text-color);
}

.table-of-contents__link--active {
  color: var(--linea-link-highlight-color);
  font-weight: 700;
}

.theme-doc-toc-desktop {
  margin-right: 5px;
  transform: translateY(-16px);
}

button.clean-btn.menu__caret {
  padding: 3px 12px;
}

@media (max-width: 1200px) {
  /* hides TOC when viewport gets too slim */
  ul.table-of-contents {
    visibility: hidden;
  }

  .theme-doc-toc-desktop {
    background-color: var(--page-background);
    width: 0;
  }
}

@media (max-width: 996px) {
  /* hides TOC when viewport gets too slim */
  ul.table-of-contents {
    visibility: visible;
  }
}

div[aria-label="Expand sidebar"] {
  background-color: var(--banner-background);
  margin-top: 70px;
  margin-left: 20px;
  border-radius: 15px;
  max-height: 80vh;
}

@media (max-width: 1200px) {
  div .col .col--3 {
    display: none !important;
  }

  div.col .col--3 {
    --ifm-col-width: 0;
    padding: 0;
  }
}

.theme-doc-markdown .markdown {
  margin-right: 10px !important;
}

/* responsive classes for architecture diagram */
.responsive-graphic {
  text-align: center;
}

@media (max-width: 1499px) {
  .responsive-graphic picture {
    display: block;
    padding-left: 5vw;
    padding-right: 5vw;
  }
}

@media (max-width: 996px) {
  .responsive-graphic picture {
    padding-left: 15vw;
    padding-right: 15vw;
  }
}

@media (max-width:700px) {
  .responsive-graphic picture {
    padding-left: 6vw;
    padding-right: 6vw;
  }
}
