:root {
  --p-color: #7c4bac;
  --s-color: #02c55c;
  --bs-heading-color: #0f0e0e;
  --bs-primary-rgb: 124, 75, 172;
  --p-color-06: rgba(124, 75, 172, 0.06);
  --p-color-01: rgba(124, 75, 172, 0.01);
  --p-color-10: rgba(124, 75, 172, 0.1);
  --s-color-60: rgba(2, 197, 92, 0.06);
}

div.sourceCode {
  background-color: black;
  border: 1px solid black;
  border-radius: .25rem;
}

green {
  color: var(--s-color);
  font-weight: bold;
}

.team-member {
  position: relative;
  display: inline-block;
  margin: 1rem;
}

.profile-photo {
  display: block;
  object-fit: cover;
  transition: transform 0.3s ease;
}

/* Overlay styling */
.overlay {
  position: absolute;
  top: 0;
  left: 0;
  padding-top:30%;
  width: 100%;
  height:65%;
  
  opacity: 0;
  transition: opacity 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;

  pointer-events: none; /* Prevent overlay from blocking clicks */
}




/* Overlay text should still be clickable */
.overlay .info {
  color: white;
  font-size: 0.8rem;
  background: rgba(0, 0, 0, 0.6); /* Improves contrast */
  padding: 10px;
  border-radius: 5px;

  pointer-events: auto; /* Allows interaction with overlay text */
}

/* Hover effects */
.team-member:hover .overlay {
  opacity: 1;
  pointer-events: auto; /* Allows interaction when hovered */
}

.team-member:hover .profile-photo {
  transform: scale(1.15);
}

/* Ensure links remain clickable */
.team-member ul {
  position: relative;
  z-index: 10;
  pointer-events: auto; /* Keeps links interactable */
}

/* Style for social media icons */
.team-member ul li {
  display: inline-block;
}

.team-member ul li a {
  display: inline-block;
  transition: transform 0.2s ease;
}

.team-member ul li a:hover {
  transform: scale(1.1);
}

@media (max-width: 768px) {
  .overlay {
    width: 100%; /* Make the overlay slightly smaller */
    padding-top:30%;
    height: 65%; /* Reduce overlay height */
  }

  .overlay .info {
    font-size: 0.8rem; /* Reduce font size for mobile */
    padding: 8px; /* Reduce padding */
  }

  .team-member:hover .profile-photo {
    transform: scale(1.05); /* Reduce zoom effect on mobile */
  }
}


.top-banner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  background-color: var(--p-color);
  color: white;
  text-align: center;
  padding: 1px 0;
  font-size: 1em;
}

html {
  font-size: 16px;
}

@font-face {
  font-family: "General Sans";
  src: url("../fonts/GeneralSans-Regular.woff2") format("woff2"),
    url("../fonts/GeneralSans-Regular.woff") format("woff"),
    url("../fonts/GeneralSans-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "General Sans";
  src: url("../fonts/GeneralSans-Medium.woff2") format("woff2"),
    url("../fonts/GeneralSans-Medium.woff") format("woff"),
    url("../fonts/GeneralSans-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "General Sans";
  src: url("../fonts/GeneralSans-Semibold.woff2") format("woff2"),
    url("../fonts/GeneralSans-Semibold.woff") format("woff"),
    url("../fonts/GeneralSans-Semibold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Cal Sans";
  src: url("../fonts/CalSans-SemiBold.woff2") format("woff2"),
    url("../fonts/CalSans-SemiBold.woff") format("woff"),
    url("../fonts/CalSans-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}


.default-visible {
  display: block;
}

.default-hidden {
  display: none;
}

.content-block {
  display: none;

}

.content-block2 {
  display: none;

}
.function-block {
  display: none;

}

li.content-block {
  display: none;
}

.iframe-wc {
  border: 0;
  width: 100%;

}

.iframe-wc.poll {
  height: 510px;
}

.iframe-wc.results {
  height: 760px;
}

.iframe-wc.both {
  height: 1500px;
}

.btn-circle {
  border: 1px solid white !important;
}


#mermaid-1 .edgeLabel, #mermaid-1 .edgeLabel rect, #mermaid-1 .label div .edgeLabel {
  background-color: var(--p-color) !important;
  color: white !important;
}

#quarto-appendix.default {
background-color: white;
}

.dark {
  background-color: #09090B !important;
  color: white !important;
  }

*#myVideo {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  z-index: -5;
}

g[id*="flowchart-X"] rect,
g[id*="flowchart-Y"] rect,
g[id*="flowchart-Z"] rect {
  fill: var(--s-color) !important;
}

[id*="flowchart-Y"],
[id*="flowchart-X"],
[id*="flowchart-Z"] {
  --mermaid-label-fg-color: white;
}

g[id*="flowchart-START"] rect,
g[id*="flowchart-STOP"] rect {
  fill: white !important;
}

[id*="flowchart-START"],
[id*="flowchart-STOP"] {
  --mermaid-label-fg-color: #black;
}

.dropdown-toggle::after {
  border-top-color: var(--p-color);
  border-radius: 100px;
}

body {
  font-family: "General Sans";
  font-weight: 400;
  color: #706c6c;
}

/*.topmenuspacer {
  height: 90px;
}*/

.no-line {
  text-decoration: none !important;
}

#quarto-content {
  margin-top: 10px;
}

.line-height-process {
  line-height: 1.2 !important; 
}

.pro {
  background-color:white; /* Green color */
  color: var(--s-color);/* Text color */
  width: 220px; /* Fixed width */
  height: 40px; /* Fixed height */
  display: flex; /* Use flexbox for centering */
  justify-content: center; /* Center horizontally */
  align-items: center; /* Center vertically */
  border-radius: 50px; /* Creates the rounded-pill shape */
  border: 2px solid var(--s-color);
  font-size: 26px; /* Adjust font size as needed */
  font-weight: bold; /* Make text bold */
  text-decoration: none; /* Removes text underline */
  text-align: center; /* Ensures text is centered */
  margin-left: calc(50% - 110px);
  transform: translateY(-46px);
  z-index: 10;
}

.cycle {
  background-color: var(--s-color); /* Green color */
  color: white; /* Text color */
  width: 220px; /* Fixed width */
  height: 40px; /* Fixed height */
  display: flex; /* Use flexbox for centering */
  justify-content: center; /* Center horizontally */
  align-items: center; /* Center vertically */
  border-radius: 50px; /* Creates the rounded-pill shape */
  border: none; /* Removes default border */
  font-size: 26px; /* Adjust font size as needed */
  font-weight: bold; /* Make text bold */ 
  text-decoration: none; /* Removes text underline */
  text-align: center; /* Ensures text is centered */
  margin-left: calc(50% - 110px);
  transform: translateY(-46px);
}

.cycletitle {
  background-color: var(--s-color); /* Green color */
  color: white; /* Text color */
  width: 220px; /* Fixed width */
  height: 40px; /* Fixed height */
  display: flex; /* Use flexbox for centering */
  justify-content: center; /* Center horizontally */
  align-items: center; /* Center vertically */
  border-radius: 50px; /* Creates the rounded-pill shape */
  border: none; /* Removes default border */
  font-size: 26px; /* Adjust font size as needed */
  font-weight: bold; /* Make text bold */ 
  text-decoration: none; /* Removes text underline */
  text-align: center; /* Ensures text is centered */
  margin-left: calc(50% - 110px);
  transform: translateY(-55px);
}

.cc-nb-okagree, .cc-cp-foot-save {
  background-color:var(--s-color) !important;
}

.border-green, .cc-pc-head-close {
  border-color:var(--s-color) !important;
}

.btn-primary {
  --bs-btn-bg: #7c4bac;
  --bs-btn-border-color: #7c4bac;
  --bs-btn-hover-bg: #5d3a8d;
  --bs-btn-hover-border-color: #7c4bac;
  --bs-btn-active-bg: #7c4bac;
  --bs-btn-active-border-color: #5d3a8d;
  --bs-btn-disabled-bg: #7c4bac;
  --bs-btn-disabled-border-color: #7c4bac;
}

.btn-secondary {
  --bs-btn-bg: var(--s-color);
  --bs-btn-border-color: var(--s-color);
  --bs-btn-hover-bg: #009f49;
  --bs-btn-hover-border-color: #009f49;
  --bs-btn-active-bg: #009f49;
  --bs-btn-active-border-color: #009f49;
  --bs-btn-disabled-bg: var(--s-color);
  --bs-btn-disabled-border-color: var(--s-color);
}

.btn-outline-primary {
  --bs-btn-color: #0f0e0e;
  --bs-btn-border-color: #7c4bac;

  --bs-btn-hover-bg: #7c4bac;
  --bs-btn-hover-border-color: #7c4bac;
  --bs-btn-focus-shadow-rgb: 13, 110, 253;

  --bs-btn-active-bg: #7c4bac;
  --bs-btn-active-border-color: #7c4bac;

  --bs-btn-disabled-color: #7c4bac;

  --bs-btn-disabled-border-color: #7c4bac;
}

.btn {
  --bs-btn-padding-x: 1.5rem;
  --bs-btn-padding-y: 0.75rem;
  --bs-btn-font-weight: 500;
  text-transform: uppercase;
}

.btn-sm {
  --bs-btn-padding-y: 0.25rem !important;
  --bs-btn-padding-x: 0.5rem !important;
  --bs-btn-font-size: 0.875rem;
}



h1,
h2,
h3,
h4,
h5,
h6,
hbig {
  font-family: "Cal Sans";
  font-weight: 600;
}

p {
  font-size: 0.9rem;
  /*48*/
}

hbig {
  font-size: 3rem;
  /*48*/
}

h1 {
  font-size: 1.8rem;
  /*48*/
}

h2 {
  font-size: 1.4rem;
  /*1.4*/
  border-bottom: 0px;
}

h3 {
  font-size: 1.1rem;
  /*2.5*/
  ;

}

h4 {
  font-size: 1.4rem;
  /*blue H2 centered*/

}

h6 {
  font-size: 1.5rem;
  /*20*/
}

.p-color {
  color: var(--p-color);
}

.s-color {
  color: var(--s-color);
}

a {
  color: var(--p-color);
}

.bs-heading-color {
  color: var(--bs-heading-color);
}

header {}

header .navbar {
  background-color: transparent;
}

header .navbar .navbar-brand {
  max-width: 45px;
  /*45 static orig*/
}

header .navbar .navbar-nav .nav-link {
  color: #0f0e0e;
}

header .navbar .navbar-nav .nav-link:hover {
  -webkit-text-stroke: 1px var(--bs-heading-color);
}

header .navbar .navbar-toggler {
  border: 0;
}

.box-purple {
  /*border-color: var(--p-color) !important;*/
  border-width: 1px !important;
  background-color: #E5DBEF;
}

.centered-img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}



.tooltip {
  position: absolute;
  display: none;
  background: lightgrey;
  border: 1px solid black;
  padding: 5px;
  pointer-events: none; 
}

 /* Outer container */
 .logo-slider {
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  padding: 5px ;
  display: flex;
  align-items: center;
}

/* Moving logo wrapper */
.logo-track {
  display: flex;
  align-items: top;
  gap: 100px;
  animation: scroll 55s linear infinite;
  width: max-content;
}

/* Logos */
.logo-track img {
  height: 60px; /* Adjust logo height */
  width: auto; /* Maintain aspect ratio */
  object-fit: contain;
}

/* Keyframes for smooth scrolling */
@keyframes scroll {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); } /* Moves half the total content width */
}

/* Pause on hover
.logo-slider:hover .logo-track {
 animation-play-state: paused;
} */

.custom-background-video {
  position: absolute;
  /* Keep it absolute to position it freely */
  left: 25%;
  /* Center horizontally */
  transform: translate(-50%, -50%);
  /* Adjust for perfect centering */
  width: 160%;
  /* Full width of the parent container */
  height: auto;
  /* Maintain aspect ratio */
  max-height: 90vh;
  /* Limit the height to 50% of the viewport */
  object-fit: cover;
  /* Cover the entire area of the element */
  z-index: -2;
  /* Keep it behind other content */
  opacity: 0;
}

.custom-background-video-light {
  position: absolute;
  /* Keep it absolute to position it freely */
  left: 0%;
  /* Center horizontally */
  transform: translate(-50%, -50%);
  /* Adjust for perfect centering */
  width: 200%;
  /* Full width of the parent container */
  height: auto;
  /* Maintain aspect ratio */
  max-height: 90vh;
  /* Limit the height to 50% of the viewport */
  object-fit: cover;
  /* Cover the entire area of the element */
  z-index: -2;
  /* Keep it behind other content */
  opacity: 0.15;
}



.quarto-about-marquee .about-image-container {
  width: 40%;
}

#screencast {
  display: none;
}

.hoover-p:hover {
  background-color: var(--p-color);
color:white;
}
.dot {
  height: 15px;
  width: 15px;
  background-color: #03C55C;
  border-radius: 50%;
  display: block;
  margin: -9px auto 9px;
}

.form-control:focus,
.btn:focus {
  box-shadow: none !important;
}

.navbar-toggler:focus {
  box-shadow: none;
}

.s-color {
  color: var(--s-color);
}

.v-hero-left {
  position: relative;
}

.v-hero-left:before {
  position: absolute;
  content: "";
  filter: blur(125px);
  border-radius: 610px;
  background-color: #e8e5f7;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.sub-text {
  /*font-size: 1rem; /*12*/
  color: #0f0e0e;
  position: relative;

  margin-bottom: 15px;
  display: inline-block;
}

.lead {
  font-size: 1rem;
  color: var(--p-color);

  font-weight: 300;
}

.title,
.subtitle,
.description,
.keywords {
  visibility: hidden;
  max-height: 0px;
}

.about-contents .title, .subtitle {
  visibility: visible;
  max-height: 100% 
}

.v-hero p {
  color: #706c6c;
}

h1.v-hero-title-p {
  color: var(--p-color);
}

.collapse:not(.show) {
  display: none;
}

.dropdown-menu {
  --bs-dropdown-link-active-bg: var(--p-color);
}

.sub-title {
  position: relative;
  display: flex;
  align-items: baseline;
  gap: 6px;
}

.sub-title:before,
.sub-text:before {
  content: "";
  width: 22px;
  max-width: 22px;
  min-width: 22px;
  height: 22px;
  background-color: #03C55C;
  border-radius: 50%;
}

@media(max-width: 480px){
  .sub-title:before,
.sub-text:before {

  width: 18px;
  max-width: 18px;
  min-width: 18px;
  height: 18px;

}

}

.v-hero-left .btn i {
  /*font-size: 1.5rem; /*21*/
  line-height: 0;
}

.no-margin-padding {
  margin: 0 !important;
  padding: 0 !important;
}

#quarto-content.page-columns #quarto-margin-sidebar,
#quarto-content.page-columns #quarto-sidebar {
  width: 200px;
}

/* v-dev-advantage */

h2 {
  margin-bottom: 12px;
}

.v-dev-advantage {
  margin-bottom: 25px;
}

.v-dev-advantage h5 {
  margin-bottom: 24px;
}

.v-dev-advantage a {
  border: 1px solid var(--s-color);
  padding: 13px 30px;
  border-radius: 100vmax;
  font-weight: 600;
  /*font-size: 1rem; /*12*/
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 6px;
  color: #000;
  transition: color 0.2s ease;

}

.cyclebutton a {
  padding: 4px 30px;
  margin-bottom:16px;
  border-radius: 100vmax;
  font-weight: bold; /* Make text bold */
  text-transform: uppercase; /* Always capital letters */
  text-decoration: none;
  display: flex;
  font-size:1.25em;
  align-items: center;
  gap: 6px;
  color: #fff; /* White text */
  background-color: var(--s-color); /* Filled in s-color background */
  transition: background-color 0.2s ease, color 0.2s ease;
}

.v-dev-advantage a:hover {
  color: var(--s-color);
}
.cyclebutton a:hover {
  background-color: var(--p-color);
}

.v-dev-advantage button {
  border: 1px solid var(--p-color);
  padding: 13px 30px;
  border-radius: 100vmax;
  font-weight: 600;
  /*font-size: 1rem; /*12*/
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 6px;
  /*color: #000;*/
  transition: color 0.2s ease;
}

.v-dev-advantage_p button {
  border: 1px solid var(--p-color);
  padding: 13px 30px;
  border-radius: 100vmax;
  font-weight: 600;
  font-size: 1rem; 
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 3px;
  color: #000;
  transition: color 0.2s ease;
}

.v-dev-advantage button.active {
  background-color: var(--s-color);
  color:white;

}

.v-dev-advantage_p button.active {
  background-color: var(--p-color);
  color:white;
}


.accordion-button:not(.collapsed) {
  background: transparent;
  box-shadow: none;
  color: #0f0e0e;
}

.accordion-button:focus {
  z-index: 3;
  border-color: white;
  outline: 0;
  box-shadow: none;
}

.accordion .accordion-button:not(.collapsed):focus,.accordion .accordion-button2:not(.collapsed):focus  {
 box-shadow:none; 
}

.accordion-button:hover {
  background-color:transparent ;
}

.accordion-button2:hover {
  background-color:transparent ;
}


.accordion-button:focus {
  box-shadow: none;
}

.accordion {
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2302C55C'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-icon-transition: transform 0.3s ease-in-out;
}

.accordion-button:not(.collapsed)::after {
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2302C55C'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.accordion-body {
  padding-top: 5px;
  /*font-size: 1rem; /*16*/
}

.accordion-item {
  color: inherit;
  margin-bottom: 5px;
  border: 1px solid #e8e5f7 !important;
  border-radius: 10px;
  overflow: hidden;
}

.single-block:hover,
.card-hover:hover {
  background-color: var(--p-color-06);
}


.s-31 {
  width: 81px;
  height: 81px;
}

.s-50 {
  width: 50px;
  height: 50px;
}

.icons {
  background-color: #e8e5f7;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.process-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 150px;
  height: 150px;
}

.single-block p {
  /*font-size: 1rem; /*13*/
  line-height: 1.8;
  margin-bottom: 0;
}

.bioinformatics {
  background-color: #e8e5f7;
  height: 100%;
  display: flex;
  align-items: center;
  border-radius: 7px;
}

.v-bioinformaticsopen-source h2 {
  color: var(--p-color);
  margin-bottom: 15px;
}

.no-pipeline-block {
  background-color: #fff;
  border: 1px solid #e8e5f7;
  padding: 50px 12px 12px;
  border-radius: 24px;
  position: relative;
  margin-top: 50px;
}

.no-pipeline-block h4 {
  color: var(--p-color);
  margin-bottom: 15px;
}

.no-pipeline-block ul li {
  position: relative;
  padding-left: 27px;
  /*font-size: 1rem; /*12*/
  /* font-weight: 500; */
  margin-bottom: 16px;
  /* line-height: 21px; */
}

.no-pipeline-block ul li:before {
  position: absolute;
  content: "";
  left: 0;
  background-image: url(../images/icons/green.svg);
  width: 16px;
  height: 16px;
  background-size: cover;
  top: 3px;
  /* transform: translateY(-50%); */
}

/*
.no-pipeline-block ul li:before {
  position: absolute;
  content: "";
  left: 0;
  background-image: url(../images/icons/right.svg);
  width: 16px;
  height: 16px;
  background-size: cover;
  top: 50%;
  transform: translateY(-50%);
}
*/

.no-pipeline-block .top-icon {
  /* background-color: var(--p-color); */
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -23px;
  border-radius: 100vmax;
  /* padding: 9px; */
  width: 45px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.no-pipeline-block .top-icon img {
  max-width: 100%;
}

.no-pipeline-block .half-circle {
  position: absolute;
  border-radius: 0 0 50% 50%/0 0 100% 100%;
  border: 1px solid #e8e5f7;
  width: 80px;
  height: 40px;
  top: -1px;
  /* z-index: -1; */
  border-top: 0;
  left: 50%;
  transform: translateX(-50%);
  background: #fff;
  /* overflow: hidden; */
}

.bottom-graphics-container {
  display: flex;
  justify-content: center;
  /* Center the items horizontally */
  align-items: center;
  margin-top: -50px;
  /* Center the items vertically */
}

.bottom-img {
  max-width: auto;
  /* Ensure the image is responsive and doesn't overflow its container */
  height: 70px;
  /* Maintain the aspect ratio of the image */
  padding-right: 10px;
}

.v-unlock-approach .footer-text {
  margin-top: 1.5rem;
}

.single-testimonial-block {
  /* font-size: 1rem; /*14*/
}

.single-testimonial-block blockquote {
  width: 95%;
  margin: 0 auto;
  /*font-size: 1rem; /*14*/
}

blockquote {
  position: relative;
  border-left: none;
}

blockquote:before {
  content: open-quote;
  font-size: 4rem;
  /*55*/
  color: var(--s-color);
  position: absolute;
  left: 0;
  top: 8px;
  line-height: 0;
}

blockquote:after {
  content: close-quote;
  opacity: 0;
  visibility: hidden;
  width: 0;
  height: 0;
  position: absolute;
  pointer-events: none;
}

.v-download-whitepaper {
  background-color: #f0fbf5;
  padding: 3rem 0;
}

.v-download-whitepaper p {
  /* font-weight: 500; */
}

.elevate-dataworkflows.text-center {}

.elevate-dataworkflows-inner {
  padding: 1rem;
}

.elevate-dataworkflows h2 {
  margin-bottom: 20px;
  /*font-size: 1.5rem; /*30*/
}

.elevate-dataworkflows p {
  line-height: 1.3;
}

.elevate-dataworkflows p:nth-of-type(1) {
  /*font-size: 1,5rem; /*20*/
  font-weight: 500;
}

.elevate-dataworkflows p.text-color-gray {
  /*font-size: 1.5rem; /*18*/
  color: #cecece;
}

.btn.book-meeting {
  margin-bottom: -58px;
  padding: 18px 30px;
}

footer.footer {
  background-color: #2C3242;
max-height: 1em;
margin-top:0;
padding-top:0;
}




img.footer-logo.img-fluid {
  margin-top: 15px;
  width: 90px;
  margin-bottom: 35px;
}
.nav-footer, .nav-footer-left, .nav-footer-right, .nav-footer-center {
  max-height: 0em;
  min-height: 0em;
  background-color: #2C3242;
  color: #8a8a8a;
  padding:0;
  margin:0;

}

.img-fluid {

  display: block;
  margin-left: auto;
  margin-right: auto;
  height: auto;
  z-index: 3;
}


footer ul li a {
  color: #fff;
  text-decoration: none;
  padding: 5px 0;
  display: block;
}

footer ul li a:hover {
  -webkit-text-stroke: 1px #fff;
}

@media (max-width: 991.98px) {
  #quarto-content>* {
    padding-top: 0;
  }

  .quarto-post.image-right, .quarto-post.image-left {
    gap: 0em;
    flex-direction: column;
  }
}



.quarto-layout-cell {
  position: relative;
  /* margin-right:20px; */
}

.box {
  flex: 1; /* Optional: Ensure columns take up equal width */
  display: flex; /* Make the child content of .box a flex container */
  align-items: center; /* Vertically center child content within each box */
  justify-content: center; /* Horizontally center child content (optional for the logo) */
}

.bottom-graphics-container a {
  color: white; /* Sets the text color to white */
  text-decoration: none; /* Optional: Removes underline if it's a link */
}

.bottom-graphics-container a,
.bottom-graphics-container img {
    margin-right: 10px; /* Adjust spacing between elements */
}

.bottom-graphics-container {
    display: flex; /* Align elements in a row */
    align-items: center; /* Vertically align items */
}

.quarto-layout-cell>p {
  margin: 0.2em;
}

.quarto-layout-cell img {
  max-width: 100%;
}

.page-columns>* {
  grid-column: body-content-start/body-content-end;
}

.page-columns .footer {
  grid-column: screen-start/screen-end;
  grid-row: contents-bottom/page-bottom;
}

.page-columns .column-screen {
  grid-column: screen-start/screen-end;
  z-index: 998;
  transform: translate3d(0, 0, 0);
}

@media print {
  .page-columns .column-screen {
    grid-column: page-start/page-end;
    z-index: 998;
    transform: translate3d(0, 0, 0);
  }
}

.di-background {
  position: relative;
  min-height: 100px;
  margin: 0;
  background-image: url(../images/footer.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  height: 274px;
}

@media (max-width: 1199.98px) {
  .di-background {

    background-position: bottom;

    height: 238px;
  }
  .iframe-wc.results {
    height: 421px;
  }
}

@media (max-width: 767.98px) {
  .di-background {
    display: none;
  }

  div.quarto-post .thumbnail img {
    width: 60vw;
  }

  .iframe-wc.poll {
    height: 880px;
  }
  
  .iframe-wc.results {
    height: 375px;
  }

  .iframe-wc.both {
    height: 1500px;
  }
}

#quarto-content>* {
  padding-top: 0rem;
}

#quarto-content>.column-screen {
  padding-top: 0;
}

.quarto-layout-cell>p {
  margin: 0em;
}

.column-screen {
  background-color: #2c3242;
}

.footer {
  color: #fff;
  padding: 3rem 3rem 2rem 3rem;
  /*font-size: 1 rem; /*smaller*/
  text-decoration: none;

  flex-shrink: 0;
}

@media (min-width: 768px) {
  .footer {
    padding-left: 3rem;
    padding-right: 3rem;
    padding-bottom: 0;
  }
}

@media (min-width: 1200px) {
  .footer {
    padding: 7rem 0 0;
    margin: 0 auto;
    max-width: 1300px;
  }
}

@media (max-width: 767.98px) {
  .footer {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    position: relative;
    text-align: center;
  }
  .top-banner {
 font-size: 0.8em;
  
  }

  .w90 {
    width:88% !important;
  }

  .bottom-graphics-container {
    flex-direction: column;
    /* Stack the items vertically */
  }

  #threeofus.img-fluid {
    max-width: 80%;
  }

}

.footer img {
  margin: auto;
}

.di-grid {
  display: grid;
  gap: 1.5rem;
  grid-auto-flow: row;
}

@media (min-width: 768px) {
  .di-grid {
    gap: 2rem;
  }
}

footer a {
  color: #fff;
  text-decoration: none;
}

footer #links a {
  display: block;
  margin: 10px 0;
}

footer img {
  padding-bottom: 0.5rem;
}

@media (min-width: 767px) {
  #threeofus.img-fluid {
    max-width: 100%;

  }

  footer .di-grid {
    grid-template-columns: auto 2fr 4fr;
    grid-auto-flow: column;
    gap: 3rem;
  }

  .quarto-layout-cell {
    margin-right: 0;
  }
}

.bg-white-di {
  background: rgba(255, 255, 255, 0.60);
}

.bw-white-di:hover {
  background-color: #FAFAFD;
}

#approach_front {
  display: none;
  /* Hide the element by default */
}

.bg-white-di:hover #approach_front {
  display: block;
  /* Show the element when the parent is hovered */
}


#follow-us {
  /* position:fixed; */
  bottom: 2%;
  left: 9px;
  z-index: 20;
  flex-direction: column;
  display: flex;
  align-items: center;
  gap: 20px;
  background-color: transparant;
  max-width: 400px;
  justify-content: center;
  padding: 22px;
  border-top-left-radius: 30px;
  margin-left: auto;
  margin-right: auto;
  border-top-right-radius: 30px;
}

#follow-us svg {
  width: 35px;
  height: auto;
  color: var(--p-color);
}



ul.social-block {}

ul.social-block li {}

ul.social-block li a {
  background-color: #2c2b2b;
  color: #fff;
  border-radius: 100vmax;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.2s ease;
}

ul.social-block li a:hover {
  background-color: var(--p-color);
}

.copyright-box {
  background-color: #1d1c1c;
  margin: 0 -12px;
  padding: 17px;
}

.copyright-box p {
  margin: 0;
}

.copyright-box a {
  text-decoration: none;
  color: var(--p-color);
}

.copyright-box a:hover {
  text-decoration: underline;
  color: #fff;
}

.max-w405 {
  max-width: 405px;
}

.floating-div {
  position: absolute;
  bottom: 35px;
  left: -70px;
  font-weight: 600;
  /*font-size: 1.5rem; /*20*/
  border-radius: 18px;
  border: 1px solid var(--White, #fff);
  background: rgba(243, 252, 246, 0.5);
  /* light green */
  background: rgba(255, 255, 255, 0.5);

  box-shadow: -12px -12px 60px 0px rgba(119, 118, 156, 0.12);
  backdrop-filter: blur(9px);
  padding: 10px 20px;
  line-height: 1.2;
  text-align: center;
}

.floating-div img {
  width: 54px;
}

.floating-div span {
  color: #0f0e0e;
}

.v-hero-right {
  position: relative;
}

/* ::-webkit-scrollbar {
  width: 0px;
  height: 0px;
} */
.shadow-long {
  box-shadow: 8px 8px 120px 0px rgba(0, 0, 0, 0.06);
}

.v-hero-img {
  border-radius: 12px;
}

.viash-with-text {
  width: 24px;
}

.nextflow-with-text {
  width: 120px;
}

.bg-primary-60 {
  background-color: var(--s-color-60);
}
.custom-table-header th {
  background-color: var(--p-color); /* Dark background color */
  color: white; /* White text */
  text-align: center; /* Center align the text */
  font-weight: bold; /* Make the text bold */
  padding: 10px; /* Add padding for better spacing */
}

/* Ensure the table has rounded corners */
.rounded-table {
  border-radius: 10px; /* Apply rounded corners */
  overflow: hidden; /* Ensures content respects rounded corners */
  border-collapse: separate; /* Prevents the border from collapsing */
}

.catalogue-image {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-height: 300px;
  padding:15px;
}

.catalogue_component {
  position:relative;
  top: -6px;
  max-height: 60px;
  right:-50px;
  z-index:-5;
}


/* Adjust border-radius for top-left and top-right corners of the table */
/* .rounded-table thead th:first-child {
  border-top-left-radius: 10px;
}

.rounded-table thead th:last-child {
  border-top-right-radius: 10px;
} */

.table td {
  vertical-align: middle;
  background-color: transparent;
}

/* Adjust border-radius for bottom-left and bottom-right corners of the table */
.rounded-table tbody tr:last-child td:first-child {
  border-bottom-left-radius: 10px;
}

.rounded-table tbody tr:last-child td:last-child {
  border-bottom-right-radius: 10px;
}
.bg-secondary-60 {
  background-color: var(--p-color-06);
}

#video-player {
  border-radius: 15px; /* Adjust the radius as desired */
  overflow: hidden; /* Ensures corners stay rounded */
  display: block;
}

.img-container {
  display: none;
}

.p-color-06 {
  background-color: var(--p-color-06);
}

.p-color-10 {
  background-color: var(--p-color-10);
}

.approach-quote blockquote {
  font-size: 1rem;
  /*12*/
}

.approach-quote {

  margin-top: 20px;
}

.approach-quote blockquote {
  margin-bottom: 10px;
}

.accordion {
  --bs-accordion-btn-padding-y: 0.1rem;
}

.green-circle {
  display: inline-block;
  width: 13px;
  height: 13px;
  background-color:  #02c55c;
  border-radius: 50%;
  margin: 0 5px;
}

.checklist {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.check-icon {
  background-image: url('../images/icons/green.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 16px;
  height: 16px;
  margin: 0.5em 0; /* space around the icon */
}

.check-text {
  max-width: 600px;
  margin-bottom: 0.5rem;
  font-size: 1rem;
  line-height: 1.5;
}


.check-list-style {
  margin-top: 10px;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.check-list-style li {
  position: relative;
  padding-left: 27px;
  /*font-size: 1rem; /*16*/
  /*line-height: 21px;*/
}

.check-list-style li:before {
  position: absolute;
  content: "";
  left: 0;
  background-image: url(../images/icons/green.svg);
  width: 16px;
  height: 16px;
  background-size: cover;
  top: 5px;
  /* transform: translateY(-50%); */
}

.check-list-style li:not(:last-child) {
  margin-bottom: 10px;
}

.client-ref-carousel .swiper-wrapper {
  align-items: center;
}

.icons-green {
  background-color: #02c55c;
}

.toggle-icon {
  color: var(--p-color);
}

.new-image-holder {
  min-height: 130px;
}

.card-link {
  color: currentColor;
  text-decoration: none;
}

.card-link:hover {
  color: var(--p-color);
}

.form-control {
  height: 40px;
  border-radius: 12px;
  margin: 10px;
  /*font-size: 1rem; /*14*/
}

textarea.form-control {
  height: auto;
}

.form-control[type="file"] {
  position: relative;
}

.form-control[type="file"]:before {
  position: absolute;
  content: "";
  background-image: url(../images/icons/icon_paperclip.svg);
  width: 15px;
  height: 15px;
  top: 9px;
  left: 10px;
}

[type="file"]::-webkit-file-upload-button {
  background: transparent;
  border: 1px solid #7c4bac;
  border-radius: 100vmax;
  color: #000;
  cursor: pointer;
  /*font-size: 1rem; /*12*/
  font-weight: 700;
  outline: none;
  padding: 4px 25px 4px 30px;

  transition: all 0.2s ease;
}

[type="file"]::-webkit-file-upload-button:hover {
  background: #fff;
  border: 1px solid #535353;
  color: #000;
}

@media (max-width: 767.98px) {

  #follow-us svg {
    width: 30px;
    height: auto;
  }

  .train-height {
    overflow: hidden;
  }
  .train-height svg {
    width: 1200px!important;

  }



  #follow-us {
    /* position:fixed; */
    bottom: 2%;
    left: 9px;
    z-index: 20;
    gap: 13px;
    max-width: 400px;
    padding: 18px;
  }

  p {
    font-size: 0.9rem;
    /*48*/
  }

  h1 {
    font-size: 1.8rem;
    /*48*/


  }

  h2 {
    font-size: 1.4rem;
    /*48*/
  }

  h3 {
    font-size: 1.1rem;
    /*40*/
    ;

  }

  h4 {
    font-size: 1.2rem;
    /* = H2 purple centered*/

  }

  h5 {
    font-size: 1.4rem;
    /*48*/

  }

  h6 {
    font-size: 1.4rem;
    /*20*/
  }

  .border-mobile-0 {
    border: 0 !important;
  }

  .bg-white-di {
    background-color: rgba(250, 250, 253, 0.90);
  }

  .bg-white-di:hover {
    background-color: var(--p-color-06);
  }

}

/*                                     480 */
@media (max-width: 480px) {

  .container,
  .container-fluid,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl,
  .row {
    --bs-gutter-x: 2.5rem;
  }

      .v-hero-title-big {
    font-size: 3rem;  /* 56 orig */
    margin-bottom: 18px;
  }
  .row.g-2,
  .row.gx-2 {
    --bs-gutter-x: 0.5rem;
  }

  .g-3,
  .gx-3 {
    --bs-gutter-x: 1rem;
  }

  .copyright-box {
    margin: 0 -20px;
  }

  .btn.btn-outline-primary {
    --bs-btn-padding-y: 0.55rem;
  }


  .sub-title:before{
    margin-bottom: 4px;
}

}

/*                                     768 */
@media (min-width: 768px) {
  p {
    font-size: 1rem;
    /*48*/
  }

  h1 {
    font-size: 2rem;
    /*48*/


  }

  h2 {
    font-size: 1.5rem;
    /*48*/
  }

  h3 {
    font-size: 1.2rem;
    /*40*/
    ;

  }

  h4 {
    font-size: 1.3rem;
    /* = H2 purple centered*/

  }

  h5 {
    font-size: 1.5rem;
    /*48*/

  }

  h6 {
    font-size: 1.5rem;
    /*20*/
  }

  .train-height {
    overflow: hidden;
  }
  .train-height svg {
    width: 1200px!important;

  }

  .no-pipeline-holder {
    position: relative;
  }

  .svg-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 150px; /* Set the desired uniform height */
    width: 100%; /* Ensure full width */
    overflow: hidden; /* Hide overflow if necessary */
  }

  .svg-container svg {
    height: 100%; /* Scale to the container's height */
    width: auto; /* Maintain aspect ratio */
  }

  .no-pipeline-block {
    margin-top: 0;
    margin-bottom: 50px;
  }

  .bg-shadow {
    position: absolute;
    content: "";
    filter: blur(125px);
    border-radius: 610px;
    background-color: #d7d0fb;
    width: 100%;
    height: 100%;
    z-index: -1;
    transform: translate(-50%, -50%);
    left: 50%;
  }


  .bg-shadow-light {
    position: absolute;
    content: "";
    filter: blur(125px);
    border-radius: 410px;
    background-color: #d7d0fb;
    width: 75%;
    height: 75%;
    z-index: -1;
    transform: translate(-50%, -50%);
    left: 50%;
  }


  .no-pipeline-block:before,
  .no-pipeline-block:after {
    position: absolute;
    content: "";
    background: #e5dbee;
    width: 45px;
    height: 45px;
    top: -24px;
    border-radius: 100vmax;
  }

  .no-pipeline-block:after {
    right: -14.5%;
  }

  .no-pipeline-block:before {
    left: -14.5%;
  }

  .no-pipeline-holder:before,
  .no-pipeline-holder:after {
    position: absolute;
    content: "";
    height: calc(100% - 145px);
  }

  .no-pipeline-holder:before {
    left: 7%;
    border-left: 1px solid #e5dbee;
  }

  .no-pipeline-holder:after {
    right: 7%;
    border-right: 1px solid #e5dbee;
  }


  .floating-img {
    top: 50%;
  }

  .floating-img img {
    width: 50px;
  }

}

/*                                    992 */
@media (min-width: 992px) {

  .list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .v-dev-advantage {
    /* background: #fff; */
    text-align: left;
    padding: 0;
  }

  .v-dev-advantage a {
    padding: 6px 15px;

    color: #0f0e0e;
  }
    .v-hero-title-big {
    font-size: 3rem;  /* 56 orig */
    margin-bottom: 18px;
  }
  .no-pipeline-block {
    padding: 30px;
  }

  .no-pipeline-block:before {
    left: -16.8%;
  }

  .no-pipeline-block:after {
    right: -16.8%;
  }

  .elevate-dataworkflows h2 {
    /*font-size: 3rem; /*40*/
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
  }

  .elevate-dataworkflows-inner {
    padding: 2rem 2rem 2rem;
  }

  .btn.book-meeting {
    margin-bottom: -81px;
  }

  .logo-wratermark {
    position: absolute;
    z-index: -1;
    max-width: 250px;
    pointer-events: none;
    margin-top: -10%;
  }

  .floating-img img {
    width: 175px;
  }

  .dashed-line {
    position: absolute;
    content: "";
    /* width: 50%; */
    border-bottom: 2px dashed #7c4bac;
    /* right: 0; */
    z-index: -1;
    top: 25px;
  }
  .dashed-line2 {
    position: absolute;
    content: "";
    /* width: 50%; */
    border-bottom: 5px dashed var(--p-color);
    /* right: 0; */
    z-index: 2;
    top: 70px;
  }
  .dashed-line.right {
    right: 0;
  }

  .dashed-line.left {
    left: 0;
  }

  .dashed-line.half {
    width: 50%;
  }

  .dashed-line.full {
    width: 100%;
    left: 0;
    right: 0;
  }

  .dashed-line2.full {
    width: 100%;
    left: 0;
    right: 0;
    z-index: 2;
  }
  .dashed-line2.right {
    right: 0;
    z-index: 2;

  }

  .dashed-line2.left {
    left: 0;
    z-index: 2;
  }

  .dashed-line2.half {
    width: 50%;
    z-index: 2;
  }
  .train-height {
    overflow: hidden;
  }
  .train-height svg {
    width: 1200px!important;

  }

  .dashed-vertical {
    position: absolute;
    height: calc(100% + 25px);
    border-right: 2px dashed;
    right: 0;
    top: 25px;
    z-index: -1;
  }

  .dashed-vertical2 {
    position: absolute;
    height: calc(100%);
    border-right: 5px dashed var(--p-color);
    right: 0;
    top: -160px;
    z-index: 2;
  }

  .new-image-holder {
    min-height: 300px;
  }

}

/*                                     1200 */
@media (min-width: 1200px) {
  h5 {
    font-size: 1.5rem;
    /*24*/
  }

  .custom-background-video {
    opacity: 0.9;
  }
  

  header .navbar .container {
    border: 1px solid #e8e5f7;
    border-radius: 100vmax;
    padding: 10px 35px;
  }

  header .navbar .navbar-brand {
    max-width: 98px;
    /* static logo  main_logo.svg*/

  }

  .sidebar.toc-left>*,
  .sidebar.margin-sidebar>* {
    padding-top: 85px;
  }

  header .navbar .navbar-nav .nav-link {
    padding-left: 15px;
    padding-right: 15px;
  }

  .dropdown:hover>.dropdown-menu {
    display: block;
  }

  .dropdown>.dropdown-toggle:active {
    /*Without this, clicking will make it sticky*/
    pointer-events: none;
  }

  .dropdown>.dropdown-menu li a:first-child {
    border-top-left-radius: 0.375rem;
    border-top-right-radius: 0.375rem;
  }

  .dropdown>.dropdown-menu li a:last-child {
    border-bottom-left-radius: 0.375rem;
    border-bottom-right-radius: 0.375rem;
  }

  .sub-text {
    /*font-size: 1.5rem; /*18*/

    /* 63 orig */
    margin-bottom: 20px;
  }

  .v-hero-title {
    /*font-size: 3rem;  /* 56 orig */
    margin-bottom: 18px;
  }

    .v-hero-title-big {
    font-size: 4rem;  /* 56 orig */
    margin-bottom: 18px;
  }

  .sub-text:before {
    width: 50px;
  }

  .v-hero-left .btn {
    padding: 19px 40px;
  }

  .v-hero p {
    margin-bottom: 30px;
  }

  .v-dev-advantage a {
    padding: 12px 21px;
  }

  .v-dev-advantage {
    margin-bottom: 32px;
  }

  .single-block {
    padding: 40px 23px;
  }

  .single-block h6 {
    margin-bottom: 16px;
  }

  /*.single-block p {
    line-height: 1rem;
    /*font-size: 1.25rem; /*18
  } */

  p {
    font-size: 1rem;
    /*48*/

  }

  h1 {
    font-size: 2rem;
    /*48*/

  }

  h2 {
    font-size: 1.5rem;
    /*48*/

  }

  h3 {
    font-size: 1.3rem;
    /*40*/
    ;

  }

  h4 {
    font-size: 1.5rem;
    /*48*/

  }

  h5 {
    font-size: 1.5rem;
    /*48*/

  }

  h6 {
    font-size: 1.5rem;
    /*20*/
  }

  .v-bioinformaticsopen-source h2 {
    margin-bottom: 40px;
  }

  .calendly-embed {
    position: relative;
    overflow: hidden;
    padding-top: 60%;
    /* Aspect ratio */
  }

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

  .no-pipeline-block .top-icon {
    top: -37px;
    padding: 9px;
    width: 64px;
    height: 64px;
  }

  .no-pipeline-block .half-circle {
    width: 90px;
    height: 45px;
  }

  .no-pipeline-block {
    padding: 50px 30px;
  }

  .no-pipeline-block h4 {
    margin-bottom: 30px;
    /*font-size: 2.5rem; /*40*/
  }

  .no-pipeline-block ul li {
    /*font-size: 1.25rem; /*16*/
    margin-bottom: 40px;
  }

  .no-pipeline-block:before,
  .no-pipeline-block:after {
    width: 64px;
    height: 64px;
  }

  .no-pipeline-block {
    margin-bottom: 60px;
  }

  .v-unlock-approach .footer-text {
    margin-top: 0;
  }

  .single-testimonial-block blockquote {
    /*font-size: 1.25rem; /*20*/
  }

  .v-download-whitepaper {
    padding: 8rem 0;
  }

  .v-download-whitepaper p {
    /* margin-bottom: 30px; */
  }

  .btn {
    --bs-btn-padding-x: 2rem;
    --bs-btn-padding-y: 0.9rem;
  }

  .elevate-dataworkflows h2 {
    /*font-size: 3rem; /*40*/
    line-height: 1.3;
  }

  .elevate-dataworkflows p:nth-of-type(1) {
    margin-bottom: 24px;
  }

  .elevate-dataworkflows p.text-color-gray {
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
  }

  .btn.book-meeting {
    padding: 25px 50px;
    margin-bottom: -198px;
  }

  .elevate-dataworkflows-inner {
    padding-bottom: 5rem;
  }

  footer p {
    /* font-size: 1.25rem; /*18*/
  }

  ul.social-block li a {
    width: 64px;
    height: 64px;
  }

  .accordion-item {
    margin-bottom: 24px;
  }

  .accordion-button {
    padding-top: 23px;
    padding-bottom: 18px;
  }



  .accordion-button#small{
    padding-top: 1px;
    padding-bottom: 1px;
  }

  .floating-div {
    left: -90px;
    padding: 18px 25px;
  }

  .s-xl-2x31 {
    width: 62px;
    height: 62px;
  }

  .s-xl-2x50 {
    width: 95px;
    height: 95px;
  }

  blockquote:before {
    font-size: 6rem;
    /*75*/
    left: 0;
    top: 17px;
    margin-left: -32px;
  }

  footer {
    margin-top: -40px;
  }

  .btn-sm {
    --bs-btn-font-size: 1rem;
  }

  .viash-with-text {
    width: 35px;
  }

  .nextflow-with-text {
    width: 189px;
  }

  .accordion-button {
    /*font-size: 1.25rem; /*20*/
  }

  .logo-wratermark {
    max-width: 100%;

    margin-top: -16%;

    margin-left: -5%;
  }

  .approach-quote blockquote {
    /* font-size: 1.25rem; /*16*/
  }

  .approach-quote {
    padding: 0 10%;
  }

  .dashed-vertical,
  .dashed-line {
    top: 48px;
  }

  .approach-holder p {
    max-width: 356px;
    margin-left: auto;
    margin-right: auto;
  }

  .new-image-holder {
    min-height: 430px;
  }


  /* sub-title:before,
  .sub-text:before {
    top: 50%;
  } */

  footer .di-grid {
    grid-template-columns: auto 1fr 4fr auto;

  }
}

/*                                     1400 */
@media (min-width: 1400px) {



  .no-pipeline-block:before {
    left: -14.5%;
  }

  .no-pipeline-block:after {
    right: -14.5%;
  }

  p {
    margin-bottom: 1.5rem;
    /* font-size: 1.25rem; /*18*/
  }

  .floating-img img {
    width: 95px;
  }

  .no-pipeline-holder:before,
  .no-pipeline-holder:after {
    /* height: calc(100% - 145px); */
  }

  .no-pipeline-block .top-icon {
    width: 77px;
  }

  .no-pipeline-block ul li:before {
    width: 18px;
    height: 18px;
  }

  .list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

}

/*                                     1600 */
@media (min-width: 1600px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1520px;
  }

  .list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .no-pipeline-block:before {
    left: -13.5%;
  }

  .no-pipeline-block:after {
    right: -13.5%;
  }

  .no-pipeline-block ul li {
    /* font-size: 1.5rem; /*18*/
  }

  .approach-quote blockquote {
    /* font-size: 1.5rem; /*20*/
  }
}

*/
/*Blog things*/


.about-entity .about-link {
  border: solid 2px var(--p-color);
  border-radius: 18px;
  display: block;
  line-height: 18px;
  text-align: center;
  padding-left: 5px;
  background-color: var(white);
  color: var(--p-color);
  margin-bottom: 4px;
  margin-top: 10px;

}

.thumbnail {
  flex-basis: 40%;
  max-width: 390px;
  width: 400px;
  min-width: 340px;
  max-height: 200px;

}

#listing-people,
#listing-advisors {
  margin-right: 0;
}

#listing-blog .card .listing-title,
#listing-course .card .listing-title {
  font-weight: 600;
  /*font-size: 1.5rem; /*1,5 em*/
  line-height: 27px;
  /*margin-bottom: 15px;*/
  height: 3.1em;
  color: black;
}

#listing-course .card .listing-title {
  font-weight: 600;
  /* font-size: 1.5rem;/*1,5 em*/
  line-height: 27px;
  margin-bottom: 15px;
  min-height: 2.1em;
  color: var(--p-color);
  text-align: center;
}

#listing-course .card .card-other-values {
  /* font-size: 1rem; /*1 em*/
  line-height: 27px;
  margin-bottom: 15px;
  height: 2.1em;

}



#listing-blog .quarto-grid-item .card-text-small {
  /* font-size: 0.8rem; /*.8 em*/
  padding-left: 0px;

}




.quarto-grid-item.borderless {
  border: solid 1px #e8e5f7;

}

.outer-square {
  width: 100%;
  height: 115px;
  border: 2px dashed #03c55c; 
  border-radius:50px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 20px auto;
}

.inner-square {
  width: 92%;
  height: 90px;
  border-radius: 38px;
  background-color: #ffffff; /* White background */
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2); 
  display: flex;
  justify-content: space-between;
  padding: 20px;
  box-sizing: border-box;
}

.left-column {
  margin-left:10px;
  font-size: 50px;
  font-weight: bold;
  color: #7B4BAC; /* Purple color */
  display: flex;
  align-items: center;
}

.right-column {
  font-size: 16px;
  color: #03c55c; /* Green color */
  display: flex;
  align-items: center;
  text-align: center;
}




.card {
  min-width: auto;
  min-height: auto;
  max-width: inherit;
  max-height: inherit;
  border: 0;
  padding: 30px;
  background-color: var(white);
  background-clip: border-box;
  border: 2px solid #e8e5f7;
  border-radius: 36px;
  word-wrap: break-word;
  position: relative;

}

.card:hover {
  background: #FAFAFD;
}

#listing-blog .card:hover,
#listing-careers .card:hover,
#listing-course .card:hover,
#listing-careers .card:hover {
  background: #e8e5f7;
}

.quarto-grid-item .listing-categories .listing-category {
  color: #6c757d;
  border: solid 1px #dee2e6 !important;
  border-radius: 0.35rem;
  text-transform: uppercase;
  font-size: .75em;
  padding-left: 0.5em !important;

}


.card .card-img-top {
  position: relative;
  padding-top: 30%;
  /* orig 56.25% size of the graphic in the listings!!!! */
  border: 0px solid var(--p-color);
  border-radius: 10px;
}

.card .card-img-top .card-img {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 10px;
  object-fit: contain;
  object-position: center;
}

.card .listing-title {
  font-weight: 600;
  /*font-size: 1.5rem; /*1.5 em*/
  line-height: 27px;
  margin-bottom: 2rem;
  /*2 em*/

}


#listing-course .card .card-body .listing-description {
  /*font-size: 1rem; /*1 em*/
}


#listing-projects .quarto-grid-link:hover .listing-title,
#listing-showcase .quarto-grid-link:hover .listing-title,
#listing-careers .quarto-grid-link:hover .listing-title,
#listing-course .quarto-grid-link:hover .listing-title {
  color: var(--p-color);

}

#listing-projects .card .card-body,
#listing-showcase .card .card-body {
  padding: 30px 0 30px;

}


/* hack to have a "read more" button: use the author field*/
#listing-projects .listing-author,
#listing-showcase .listing-author {
  background-color: var(--white);
  color: var(--p-color);
  border-color: var(--p-color);
  text-align: center;
  
  margin-bottom: -35px;
  margin-top: 15px;
  padding: 8px;
  width: 140px;
  border-radius: 18px;
  border-style: solid;
  border-width: 1px;
  text-transform: none;
}



/* hack to have a "read more" button: hide author field in the projects detail*/

.quarto-title-meta-heading,
.quarto-title-meta-contents {
  visibility: hidden;
}


/* hack to have a "read more" make text white */
#listing-projects .listing-author:hover,
#listing-showcase .listing-author:hover {
  color: white;
  background: var(--p-color);

}

#listing-course .listing-title {
  color: var(black);
}


#insights_ .listing-author {
  background-color: transparent;
  color: var(black);
  border-color: black;
  text-align: center;
  margin-top: 15px;
  padding: 8px;
  width: 140px;
  border-radius: 60px;
  text-transform: none;
}

.listing-date,
.metadata,
div.quarto-post .metadata {
  max-width: 120px;
  padding-top: 3px;
}

#listing-news div.quarto-post {
  display: flex;
  gap: 2em;
  margin: 1em;
  border-radius: 36px;
  padding: 15px;
  background-color: #F4FBF6;
  border-bottom: 0;

}

#listing-publication div.quarto-post {
  display: flex;
  gap: 2em;
  margin: 1em;
  border-radius: 36px;
  padding: 15px;
  border-bottom: 0;

}

#listing-publication .thumbnail {
  display: none;
}

#listing-publication .metadata {
  display: none;
}
div.quarto-post a {
  color:var(--bs-heading-color);
}

.listing-title:hover {
  color: var(--s-color);
}

.footer .quarto-layout-panel {
  margin-bottom: 0;
}

/* Fix border and button */
.fe-block-yui_3_17_2_1_1693937971087_24685 .sqs-block {
  justify-content: center;
  width: 135px;
  min-width: auto;
  background-color: #DACBBD;
  margin: 0 auto;
}

#block-b1795d073d5c0b4dda1a .sqs-block-content {
  height: 100%;
}

#block-b1795d073d5c0b4dda1a .sqs-shape.sqs-shape-rectangle {
  height: 100%;
}



body {
  padding-top: 90px !important;
}

.main-header {
  background-color: rgba(255, 255, 255, 0.95);
  position: fixed;
  top: 20px;
  right: 0;
  left: 0;
  will-change: transform;
  z-index: 1030;
  transition: all 200ms linear;


}

.main-header.nav-up {
  transform: translateY(-100%);
  margin-top: 0 !important;
}



@media(min-width:1200px) {
  .main-header {
    background-color: transparent;
  }
 .main-header {
  top: 0px !important;
     }
  header .navbar .container {
    background-color: rgba(255, 255, 255, 0.95);
  }

  body {
    padding-top: 175px !important;
  }
}



.asciinemademo {
  padding-bottom: 30px;
}

/* ASCIINEMA PLAYER */


div.ap-wrapper {
  outline: none;
  height: 100%;
  display: flex;
  justify-content: center;
}

div.ap-wrapper .title-bar {
  display: none;
  top: -78px;
  transition: top 0.15s linear;
  position: absolute;
  left: 0;
  right: 0;

  box-sizing: content-box;
  font-size: 20px;
  line-height: 1em;
  padding: 15px;
  font-family: sans-serif;
  color: white;
  background-color: rgba(0, 0, 0, 0.8);
}

div.ap-wrapper .title-bar img {
  vertical-align: middle;
  height: 48px;
  margin-right: 16px;
}

div.ap-wrapper .title-bar a {
  color: white;
  text-decoration: underline;
}

div.ap-wrapper .title-bar a:hover {
  text-decoration: none;
}

div.ap-wrapper:fullscreen {
  background-color: #000;
  width: 100%;
  align-items: center;
}

div.ap-wrapper:fullscreen div.ap-player {
  position: static;
}

div.ap-wrapper:fullscreen .title-bar {
  display: initial;
}

div.ap-wrapper:fullscreen.hud .title-bar {
  top: 0;
}

div.ap-wrapper div.ap-player {
  text-align: left;
  display: inline-block;
  padding: 0px;
  position: relative;
  box-sizing: content-box;
  overflow: hidden;
  max-width: 100%;
  border-radius: 4px;
  font-size: 15px;
}

pre.ap-terminal {
  box-sizing: content-box;
  overflow: hidden;
  padding: 0;
  margin: 0px;
  display: block;
  white-space: pre;
  word-wrap: normal;
  word-break: normal;
  border-radius: 0;
  border-style: solid;
  cursor: text;
  border-width: 0.75em;
  font-family: Consolas, Menlo, 'Bitstream Vera Sans Mono', monospace, 'Powerline Symbols';
  font-variant-ligatures: none;
}

pre.ap-terminal .ap-line {
  letter-spacing: normal;
  overflow: hidden;
}

pre.ap-terminal .ap-line span {
  padding: 0;
  display: inline-block;
  height: 100%;
}

pre.ap-terminal .ap-line {
  display: block;
  width: 200%;
}

pre.ap-terminal .ap-line .ap-cursor-a {
  display: inline-block;
}

pre.ap-terminal .ap-line .ap-cursor-b {
  display: none;
  border-radius: 0.05em;
}

pre.ap-terminal .ap-line .ap-blink {
  visibility: hidden;
}

pre.ap-terminal.ap-cursor .ap-line .ap-cursor-a {
  display: none;
}

pre.ap-terminal.ap-cursor .ap-line .ap-cursor-b {
  display: inline-block;
}

pre.ap-terminal.ap-blink .ap-line .ap-blink {
  visibility: visible;
}

pre.ap-terminal .ap-bright {
  font-weight: bold;
}

pre.ap-terminal .ap-faint {
  opacity: 0.5;
}

pre.ap-terminal .ap-underline {
  text-decoration: underline;
}

pre.ap-terminal .ap-italic {
  font-style: italic;
}

pre.ap-terminal .ap-strikethrough {
  text-decoration: line-through;
}

div.ap-player div.ap-control-bar {
  width: 100%;
  height: 32px;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, #000000 25%, #000000 100%);
  color: #bbb;
  box-sizing: content-box;
  line-height: 1;
  position: absolute;
  bottom: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.15s linear;
  user-select: none;
  z-index: 30;
}

div.ap-player div.ap-control-bar * {
  box-sizing: inherit;
  font-size: 0;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: bold;
}

div.ap-control-bar svg.ap-icon path {
  fill: #bbb;
}

div.ap-control-bar span.ap-playback-button {
  display: block;
  flex: 0 0 auto;
  cursor: pointer;
  height: 12px;
  width: 12px;
  padding: 10px;
}

div.ap-control-bar span.ap-playback-button svg {
  height: 12px;
  width: 12px;
}

div.ap-control-bar span.ap-timer {
  display: block;
  flex: 0 0 auto;
  min-width: 50px;
  margin: 0 10px;
  height: 100%;
  text-align: center;
  font-size: 11px;
  line-height: 34px;
  cursor: default;
}

div.ap-control-bar span.ap-timer span {
  display: inline-block;
  font-size: inherit;
}

div.ap-control-bar span.ap-timer .ap-time-remaining {
  display: none;
}

div.ap-control-bar span.ap-timer:hover .ap-time-elapsed {
  display: none;
}

div.ap-control-bar span.ap-timer:hover .ap-time-remaining {
  display: inline;
}

div.ap-control-bar .ap-progressbar {
  display: block;
  flex: 1 1 auto;
  height: 100%;
  padding: 0 10px;
}

div.ap-control-bar .ap-progressbar .ap-bar {
  display: block;
  position: relative;
  cursor: default;
  height: 100%;
  font-size: 0;
}

div.ap-control-bar .ap-progressbar .ap-bar .ap-gutter {
  display: block;
  position: absolute;
  top: 15px;
  left: 0;
  right: 0;
  height: 3px;
  background-color: #333;
}

div.ap-control-bar .ap-progressbar .ap-bar .ap-gutter .ap-gutter-fill {
  display: inline-block;
  height: 100%;
  background-color: #bbb;
  border-radius: 3px;
  z-index: 10;
}

div.ap-control-bar.ap-seekable .ap-progressbar .ap-bar {
  cursor: pointer;
}

div.ap-control-bar .ap-fullscreen-button {
  display: block;
  flex: 0 0 auto;
  width: 14px;
  height: 14px;
  padding: 9px;
  cursor: pointer;
}

div.ap-control-bar .ap-fullscreen-button svg {
  width: 14px;
  height: 14px;
}

div.ap-control-bar .ap-fullscreen-button svg:first-child {
  display: inline;
}

div.ap-control-bar .ap-fullscreen-button svg:last-child {
  display: none;
}

div.ap-wrapper.ap-hud .ap-control-bar {
  opacity: 1;
}

div.ap-wrapper:fullscreen .ap-fullscreen-button svg:first-child {
  display: none;
}

div.ap-wrapper:fullscreen .ap-fullscreen-button svg:last-child {
  display: inline;
}

span.ap-progressbar span.ap-marker-container {
  display: block;
  top: 0;
  bottom: 0;
  width: 21px;
  position: absolute;
  margin-left: -10px;
  z-index: 9;
}

span.ap-marker-container span.ap-marker {
  display: block;
  top: 13px;
  bottom: 12px;
  left: 7px;
  right: 7px;
  background-color: #555;
  position: absolute;
  transition: top 0.1s, bottom 0.1s, left 0.1s, right 0.1s, background-color 0.1s;
  border-radius: 50%;
}

span.ap-marker-container span.ap-marker.ap-marker-past {
  background-color: #bbb;
}

span.ap-marker-container span.ap-marker:hover,
span.ap-marker-container:hover span.ap-marker {
  background-color: #bbb;
  top: 11px;
  bottom: 10px;
  left: 5px;
  right: 5px;
}

span.ap-marker-container span.ap-marker-tooltip {
  visibility: hidden;
  background-color: #333;
  color: #bbb;
  text-align: center;
  padding: 2px 8px 0px 8px;
  border-radius: 4px;
  position: absolute;
  z-index: 1;
  white-space: nowrap;
  /* Prevents the text from wrapping and makes sure the tooltip width adapts to the text length */
  font-size: 11px;
  line-height: 2em;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
}

span.ap-marker-container:hover span.ap-marker-tooltip {
  visibility: visible;
}

.ap-player .ap-overlay {
  z-index: 10;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.ap-player .ap-overlay-start {
  cursor: pointer;
}

.ap-player .ap-overlay-start .ap-play-button {
  font-size: 0px;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  color: white;
  height: 80px;
  max-height: 66%;
  margin: auto;
}

.ap-player .ap-overlay-start .ap-play-button div {
  height: 100%;
}

.ap-player .ap-overlay-start .ap-play-button div span {
  height: 100%;
  display: block;
}

.ap-player .ap-overlay-start .ap-play-button div span svg {
  height: 100%;
}

.ap-player .ap-overlay-loading .ap-loader {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  border: 10px solid;
  border-color: rgba(255, 255, 255, 0.15) rgba(255, 255, 255, 0.25) rgba(255, 255, 255, 0.35) rgba(255, 255, 255, 0.5);
  box-sizing: border-box;
  animation: ap-loader-rotation 1s linear infinite;
}

.ap-player .ap-overlay-offline span {
  font-family: Consolas, Menlo, 'Bitstream Vera Sans Mono', monospace, 'Powerline Symbols';
  font-variant-ligatures: none;
  font-size: 2em;
}

.ap-player .ap-overlay-offline span .ap-line {
  letter-spacing: normal;
  overflow: hidden;
}

.ap-player .ap-overlay-offline span .ap-line span {
  padding: 0;
  display: inline-block;
  height: 100%;
}

.ap-player .ap-overlay-error span {
  font-size: 8em;
}

@keyframes ap-loader-rotation {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.ap-terminal .fg-16 {
  color: #000000;
}

.ap-terminal .bg-16 {
  background-color: #000000;
}

.ap-terminal .fg-17 {
  color: #00005f;
}

.ap-terminal .bg-17 {
  background-color: #00005f;
}

.ap-terminal .fg-18 {
  color: #000087;
}

.ap-terminal .bg-18 {
  background-color: #000087;
}

.ap-terminal .fg-19 {
  color: #0000af;
}

.ap-terminal .bg-19 {
  background-color: #0000af;
}

.ap-terminal .fg-20 {
  color: #0000d7;
}

.ap-terminal .bg-20 {
  background-color: #0000d7;
}

.ap-terminal .fg-21 {
  color: #0000ff;
}

.ap-terminal .bg-21 {
  background-color: #0000ff;
}

.ap-terminal .fg-22 {
  color: #005f00;
}

.ap-terminal .bg-22 {
  background-color: #005f00;
}

.ap-terminal .fg-23 {
  color: #005f5f;
}

.ap-terminal .bg-23 {
  background-color: #005f5f;
}

.ap-terminal .fg-24 {
  color: #005f87;
}

.ap-terminal .bg-24 {
  background-color: #005f87;
}

.ap-terminal .fg-25 {
  color: #005faf;
}

.ap-terminal .bg-25 {
  background-color: #005faf;
}

.ap-terminal .fg-26 {
  color: #005fd7;
}

.ap-terminal .bg-26 {
  background-color: #005fd7;
}

.ap-terminal .fg-27 {
  color: #005fff;
}

.ap-terminal .bg-27 {
  background-color: #005fff;
}

.ap-terminal .fg-28 {
  color: #008700;
}

.ap-terminal .bg-28 {
  background-color: #008700;
}

.ap-terminal .fg-29 {
  color: #00875f;
}

.ap-terminal .bg-29 {
  background-color: #00875f;
}

.ap-terminal .fg-30 {
  color: #008787;
}

.ap-terminal .bg-30 {
  background-color: #008787;
}

.ap-terminal .fg-31 {
  color: #0087af;
}

.ap-terminal .bg-31 {
  background-color: #0087af;
}

.ap-terminal .fg-32 {
  color: #0087d7;
}

.ap-terminal .bg-32 {
  background-color: #0087d7;
}

.ap-terminal .fg-33 {
  color: #0087ff;
}

.ap-terminal .bg-33 {
  background-color: #0087ff;
}

.ap-terminal .fg-34 {
  color: #00af00;
}

.ap-terminal .bg-34 {
  background-color: #00af00;
}

.ap-terminal .fg-35 {
  color: #00af5f;
}

.ap-terminal .bg-35 {
  background-color: #00af5f;
}

.ap-terminal .fg-36 {
  color: #00af87;
}

.ap-terminal .bg-36 {
  background-color: #00af87;
}

.ap-terminal .fg-37 {
  color: #00afaf;
}

.ap-terminal .bg-37 {
  background-color: #00afaf;
}

.ap-terminal .fg-38 {
  color: #00afd7;
}

.ap-terminal .bg-38 {
  background-color: #00afd7;
}

.ap-terminal .fg-39 {
  color: #00afff;
}

.ap-terminal .bg-39 {
  background-color: #00afff;
}

.ap-terminal .fg-40 {
  color: #00d700;
}

.ap-terminal .bg-40 {
  background-color: #00d700;
}

.ap-terminal .fg-41 {
  color: #00d75f;
}

.ap-terminal .bg-41 {
  background-color: #00d75f;
}

.ap-terminal .fg-42 {
  color: #00d787;
}

.ap-terminal .bg-42 {
  background-color: #00d787;
}

.ap-terminal .fg-43 {
  color: #00d7af;
}

.ap-terminal .bg-43 {
  background-color: #00d7af;
}

.ap-terminal .fg-44 {
  color: #00d7d7;
}

.ap-terminal .bg-44 {
  background-color: #00d7d7;
}

.ap-terminal .fg-45 {
  color: #00d7ff;
}

.ap-terminal .bg-45 {
  background-color: #00d7ff;
}

.ap-terminal .fg-46 {
  color: #00ff00;
}

.ap-terminal .bg-46 {
  background-color: #00ff00;
}

.ap-terminal .fg-47 {
  color: #00ff5f;
}

.ap-terminal .bg-47 {
  background-color: #00ff5f;
}

.ap-terminal .fg-48 {
  color: #00ff87;
}

.ap-terminal .bg-48 {
  background-color: #00ff87;
}

.ap-terminal .fg-49 {
  color: #00ffaf;
}

.ap-terminal .bg-49 {
  background-color: #00ffaf;
}

.ap-terminal .fg-50 {
  color: #00ffd7;
}

.ap-terminal .bg-50 {
  background-color: #00ffd7;
}

.ap-terminal .fg-51 {
  color: #00ffff;
}

.ap-terminal .bg-51 {
  background-color: #00ffff;
}

.ap-terminal .fg-52 {
  color: #5f0000;
}

.ap-terminal .bg-52 {
  background-color: #5f0000;
}

.ap-terminal .fg-53 {
  color: #5f005f;
}

.ap-terminal .bg-53 {
  background-color: #5f005f;
}

.ap-terminal .fg-54 {
  color: #5f0087;
}

.ap-terminal .bg-54 {
  background-color: #5f0087;
}

.ap-terminal .fg-55 {
  color: #5f00af;
}

.ap-terminal .bg-55 {
  background-color: #5f00af;
}

.ap-terminal .fg-56 {
  color: #5f00d7;
}

.ap-terminal .bg-56 {
  background-color: #5f00d7;
}

.ap-terminal .fg-57 {
  color: #5f00ff;
}

.ap-terminal .bg-57 {
  background-color: #5f00ff;
}

.ap-terminal .fg-58 {
  color: #5f5f00;
}

.ap-terminal .bg-58 {
  background-color: #5f5f00;
}

.ap-terminal .fg-59 {
  color: #5f5f5f;
}

.ap-terminal .bg-59 {
  background-color: #5f5f5f;
}

.ap-terminal .fg-60 {
  color: #5f5f87;
}

.ap-terminal .bg-60 {
  background-color: #5f5f87;
}

.ap-terminal .fg-61 {
  color: #5f5faf;
}

.ap-terminal .bg-61 {
  background-color: #5f5faf;
}

.ap-terminal .fg-62 {
  color: #5f5fd7;
}

.ap-terminal .bg-62 {
  background-color: #5f5fd7;
}

.ap-terminal .fg-63 {
  color: #5f5fff;
}

.ap-terminal .bg-63 {
  background-color: #5f5fff;
}

.ap-terminal .fg-64 {
  color: #5f8700;
}

.ap-terminal .bg-64 {
  background-color: #5f8700;
}

.ap-terminal .fg-65 {
  color: #5f875f;
}

.ap-terminal .bg-65 {
  background-color: #5f875f;
}

.ap-terminal .fg-66 {
  color: #5f8787;
}

.ap-terminal .bg-66 {
  background-color: #5f8787;
}

.ap-terminal .fg-67 {
  color: #5f87af;
}

.ap-terminal .bg-67 {
  background-color: #5f87af;
}

.ap-terminal .fg-68 {
  color: #5f87d7;
}

.ap-terminal .bg-68 {
  background-color: #5f87d7;
}

.ap-terminal .fg-69 {
  color: #5f87ff;
}

.ap-terminal .bg-69 {
  background-color: #5f87ff;
}

.ap-terminal .fg-70 {
  color: #5faf00;
}

.ap-terminal .bg-70 {
  background-color: #5faf00;
}

.ap-terminal .fg-71 {
  color: #5faf5f;
}

.ap-terminal .bg-71 {
  background-color: #5faf5f;
}

.ap-terminal .fg-72 {
  color: #5faf87;
}

.ap-terminal .bg-72 {
  background-color: #5faf87;
}

.ap-terminal .fg-73 {
  color: #5fafaf;
}

.ap-terminal .bg-73 {
  background-color: #5fafaf;
}

.ap-terminal .fg-74 {
  color: #5fafd7;
}

.ap-terminal .bg-74 {
  background-color: #5fafd7;
}

.ap-terminal .fg-75 {
  color: #5fafff;
}

.ap-terminal .bg-75 {
  background-color: #5fafff;
}

.ap-terminal .fg-76 {
  color: #5fd700;
}

.ap-terminal .bg-76 {
  background-color: #5fd700;
}

.ap-terminal .fg-77 {
  color: #5fd75f;
}

.ap-terminal .bg-77 {
  background-color: #5fd75f;
}

.ap-terminal .fg-78 {
  color: #5fd787;
}

.ap-terminal .bg-78 {
  background-color: #5fd787;
}

.ap-terminal .fg-79 {
  color: #5fd7af;
}

.ap-terminal .bg-79 {
  background-color: #5fd7af;
}

.ap-terminal .fg-80 {
  color: #5fd7d7;
}

.ap-terminal .bg-80 {
  background-color: #5fd7d7;
}

.ap-terminal .fg-81 {
  color: #5fd7ff;
}

.ap-terminal .bg-81 {
  background-color: #5fd7ff;
}

.ap-terminal .fg-82 {
  color: #5fff00;
}

.ap-terminal .bg-82 {
  background-color: #5fff00;
}

.ap-terminal .fg-83 {
  color: #5fff5f;
}

.ap-terminal .bg-83 {
  background-color: #5fff5f;
}

.ap-terminal .fg-84 {
  color: #5fff87;
}

.ap-terminal .bg-84 {
  background-color: #5fff87;
}

.ap-terminal .fg-85 {
  color: #5fffaf;
}

.ap-terminal .bg-85 {
  background-color: #5fffaf;
}

.ap-terminal .fg-86 {
  color: #5fffd7;
}

.ap-terminal .bg-86 {
  background-color: #5fffd7;
}

.ap-terminal .fg-87 {
  color: #5fffff;
}

.ap-terminal .bg-87 {
  background-color: #5fffff;
}

.ap-terminal .fg-88 {
  color: #870000;
}

.ap-terminal .bg-88 {
  background-color: #870000;
}

.ap-terminal .fg-89 {
  color: #87005f;
}

.ap-terminal .bg-89 {
  background-color: #87005f;
}

.ap-terminal .fg-90 {
  color: #870087;
}

.ap-terminal .bg-90 {
  background-color: #870087;
}

.ap-terminal .fg-91 {
  color: #8700af;
}

.ap-terminal .bg-91 {
  background-color: #8700af;
}

.ap-terminal .fg-92 {
  color: #8700d7;
}

.ap-terminal .bg-92 {
  background-color: #8700d7;
}

.ap-terminal .fg-93 {
  color: #8700ff;
}

.ap-terminal .bg-93 {
  background-color: #8700ff;
}

.ap-terminal .fg-94 {
  color: #875f00;
}

.ap-terminal .bg-94 {
  background-color: #875f00;
}

.ap-terminal .fg-95 {
  color: #875f5f;
}

.ap-terminal .bg-95 {
  background-color: #875f5f;
}

.ap-terminal .fg-96 {
  color: #875f87;
}

.ap-terminal .bg-96 {
  background-color: #875f87;
}

.ap-terminal .fg-97 {
  color: #875faf;
}

.ap-terminal .bg-97 {
  background-color: #875faf;
}

.ap-terminal .fg-98 {
  color: #875fd7;
}

.ap-terminal .bg-98 {
  background-color: #875fd7;
}

.ap-terminal .fg-99 {
  color: #875fff;
}

.ap-terminal .bg-99 {
  background-color: #875fff;
}

.ap-terminal .fg-100 {
  color: #878700;
}

.ap-terminal .bg-100 {
  background-color: #878700;
}

.ap-terminal .fg-101 {
  color: #87875f;
}

.ap-terminal .bg-101 {
  background-color: #87875f;
}

.ap-terminal .fg-102 {
  color: #878787;
}

.ap-terminal .bg-102 {
  background-color: #878787;
}

.ap-terminal .fg-103 {
  color: #8787af;
}

.ap-terminal .bg-103 {
  background-color: #8787af;
}

.ap-terminal .fg-104 {
  color: #8787d7;
}

.ap-terminal .bg-104 {
  background-color: #8787d7;
}

.ap-terminal .fg-105 {
  color: #8787ff;
}

.ap-terminal .bg-105 {
  background-color: #8787ff;
}

.ap-terminal .fg-106 {
  color: #87af00;
}

.ap-terminal .bg-106 {
  background-color: #87af00;
}

.ap-terminal .fg-107 {
  color: #87af5f;
}

.ap-terminal .bg-107 {
  background-color: #87af5f;
}

.ap-terminal .fg-108 {
  color: #87af87;
}

.ap-terminal .bg-108 {
  background-color: #87af87;
}

.ap-terminal .fg-109 {
  color: #87afaf;
}

.ap-terminal .bg-109 {
  background-color: #87afaf;
}

.ap-terminal .fg-110 {
  color: #87afd7;
}

.ap-terminal .bg-110 {
  background-color: #87afd7;
}

.ap-terminal .fg-111 {
  color: #87afff;
}

.ap-terminal .bg-111 {
  background-color: #87afff;
}

.ap-terminal .fg-112 {
  color: #87d700;
}

.ap-terminal .bg-112 {
  background-color: #87d700;
}

.ap-terminal .fg-113 {
  color: #87d75f;
}

.ap-terminal .bg-113 {
  background-color: #87d75f;
}

.ap-terminal .fg-114 {
  color: #87d787;
}

.ap-terminal .bg-114 {
  background-color: #87d787;
}

.ap-terminal .fg-115 {
  color: #87d7af;
}

.ap-terminal .bg-115 {
  background-color: #87d7af;
}

.ap-terminal .fg-116 {
  color: #87d7d7;
}

.ap-terminal .bg-116 {
  background-color: #87d7d7;
}

.ap-terminal .fg-117 {
  color: #87d7ff;
}

.ap-terminal .bg-117 {
  background-color: #87d7ff;
}

.ap-terminal .fg-118 {
  color: #87ff00;
}

.ap-terminal .bg-118 {
  background-color: #87ff00;
}

.ap-terminal .fg-119 {
  color: #87ff5f;
}

.ap-terminal .bg-119 {
  background-color: #87ff5f;
}

.ap-terminal .fg-120 {
  color: #87ff87;
}

.ap-terminal .bg-120 {
  background-color: #87ff87;
}

.ap-terminal .fg-121 {
  color: #87ffaf;
}

.ap-terminal .bg-121 {
  background-color: #87ffaf;
}

.ap-terminal .fg-122 {
  color: #87ffd7;
}

.ap-terminal .bg-122 {
  background-color: #87ffd7;
}

.ap-terminal .fg-123 {
  color: #87ffff;
}

.ap-terminal .bg-123 {
  background-color: #87ffff;
}

.ap-terminal .fg-124 {
  color: #af0000;
}

.ap-terminal .bg-124 {
  background-color: #af0000;
}

.ap-terminal .fg-125 {
  color: #af005f;
}

.ap-terminal .bg-125 {
  background-color: #af005f;
}

.ap-terminal .fg-126 {
  color: #af0087;
}

.ap-terminal .bg-126 {
  background-color: #af0087;
}

.ap-terminal .fg-127 {
  color: #af00af;
}

.ap-terminal .bg-127 {
  background-color: #af00af;
}

.ap-terminal .fg-128 {
  color: #af00d7;
}

.ap-terminal .bg-128 {
  background-color: #af00d7;
}

.ap-terminal .fg-129 {
  color: #af00ff;
}

.ap-terminal .bg-129 {
  background-color: #af00ff;
}

.ap-terminal .fg-130 {
  color: #af5f00;
}

.ap-terminal .bg-130 {
  background-color: #af5f00;
}

.ap-terminal .fg-131 {
  color: #af5f5f;
}

.ap-terminal .bg-131 {
  background-color: #af5f5f;
}

.ap-terminal .fg-132 {
  color: #af5f87;
}

.ap-terminal .bg-132 {
  background-color: #af5f87;
}

.ap-terminal .fg-133 {
  color: #af5faf;
}

.ap-terminal .bg-133 {
  background-color: #af5faf;
}

.ap-terminal .fg-134 {
  color: #af5fd7;
}

.ap-terminal .bg-134 {
  background-color: #af5fd7;
}

.ap-terminal .fg-135 {
  color: #af5fff;
}

.ap-terminal .bg-135 {
  background-color: #af5fff;
}

.ap-terminal .fg-136 {
  color: #af8700;
}

.ap-terminal .bg-136 {
  background-color: #af8700;
}

.ap-terminal .fg-137 {
  color: #af875f;
}

.ap-terminal .bg-137 {
  background-color: #af875f;
}

.ap-terminal .fg-138 {
  color: #af8787;
}

.ap-terminal .bg-138 {
  background-color: #af8787;
}

.ap-terminal .fg-139 {
  color: #af87af;
}

.ap-terminal .bg-139 {
  background-color: #af87af;
}

.ap-terminal .fg-140 {
  color: #af87d7;
}

.ap-terminal .bg-140 {
  background-color: #af87d7;
}

.ap-terminal .fg-141 {
  color: #af87ff;
}

.ap-terminal .bg-141 {
  background-color: #af87ff;
}

.ap-terminal .fg-142 {
  color: #afaf00;
}

.ap-terminal .bg-142 {
  background-color: #afaf00;
}

.ap-terminal .fg-143 {
  color: #afaf5f;
}

.ap-terminal .bg-143 {
  background-color: #afaf5f;
}

.ap-terminal .fg-144 {
  color: #afaf87;
}

.ap-terminal .bg-144 {
  background-color: #afaf87;
}

.ap-terminal .fg-145 {
  color: #afafaf;
}

.ap-terminal .bg-145 {
  background-color: #afafaf;
}

.ap-terminal .fg-146 {
  color: #afafd7;
}

.ap-terminal .bg-146 {
  background-color: #afafd7;
}

.ap-terminal .fg-147 {
  color: #afafff;
}

.ap-terminal .bg-147 {
  background-color: #afafff;
}

.ap-terminal .fg-148 {
  color: #afd700;
}

.ap-terminal .bg-148 {
  background-color: #afd700;
}

.ap-terminal .fg-149 {
  color: #afd75f;
}

.ap-terminal .bg-149 {
  background-color: #afd75f;
}

.ap-terminal .fg-150 {
  color: #afd787;
}

.ap-terminal .bg-150 {
  background-color: #afd787;
}

.ap-terminal .fg-151 {
  color: #afd7af;
}

.ap-terminal .bg-151 {
  background-color: #afd7af;
}

.ap-terminal .fg-152 {
  color: #afd7d7;
}

.ap-terminal .bg-152 {
  background-color: #afd7d7;
}

.ap-terminal .fg-153 {
  color: #afd7ff;
}

.ap-terminal .bg-153 {
  background-color: #afd7ff;
}

.ap-terminal .fg-154 {
  color: #afff00;
}

.ap-terminal .bg-154 {
  background-color: #afff00;
}

.ap-terminal .fg-155 {
  color: #afff5f;
}

.ap-terminal .bg-155 {
  background-color: #afff5f;
}

.ap-terminal .fg-156 {
  color: #afff87;
}

.ap-terminal .bg-156 {
  background-color: #afff87;
}

.ap-terminal .fg-157 {
  color: #afffaf;
}

.ap-terminal .bg-157 {
  background-color: #afffaf;
}

.ap-terminal .fg-158 {
  color: #afffd7;
}

.ap-terminal .bg-158 {
  background-color: #afffd7;
}

.ap-terminal .fg-159 {
  color: #afffff;
}

.ap-terminal .bg-159 {
  background-color: #afffff;
}

.ap-terminal .fg-160 {
  color: #d70000;
}

.ap-terminal .bg-160 {
  background-color: #d70000;
}

.ap-terminal .fg-161 {
  color: #d7005f;
}

.ap-terminal .bg-161 {
  background-color: #d7005f;
}

.ap-terminal .fg-162 {
  color: #d70087;
}

.ap-terminal .bg-162 {
  background-color: #d70087;
}

.ap-terminal .fg-163 {
  color: #d700af;
}

.ap-terminal .bg-163 {
  background-color: #d700af;
}

.ap-terminal .fg-164 {
  color: #d700d7;
}

.ap-terminal .bg-164 {
  background-color: #d700d7;
}

.ap-terminal .fg-165 {
  color: #d700ff;
}

.ap-terminal .bg-165 {
  background-color: #d700ff;
}

.ap-terminal .fg-166 {
  color: #d75f00;
}

.ap-terminal .bg-166 {
  background-color: #d75f00;
}

.ap-terminal .fg-167 {
  color: #d75f5f;
}

.ap-terminal .bg-167 {
  background-color: #d75f5f;
}

.ap-terminal .fg-168 {
  color: #d75f87;
}

.ap-terminal .bg-168 {
  background-color: #d75f87;
}

.ap-terminal .fg-169 {
  color: #d75faf;
}

.ap-terminal .bg-169 {
  background-color: #d75faf;
}

.ap-terminal .fg-170 {
  color: #d75fd7;
}

.ap-terminal .bg-170 {
  background-color: #d75fd7;
}

.ap-terminal .fg-171 {
  color: #d75fff;
}

.ap-terminal .bg-171 {
  background-color: #d75fff;
}

.ap-terminal .fg-172 {
  color: #d78700;
}

.ap-terminal .bg-172 {
  background-color: #d78700;
}

.ap-terminal .fg-173 {
  color: #d7875f;
}

.ap-terminal .bg-173 {
  background-color: #d7875f;
}

.ap-terminal .fg-174 {
  color: #d78787;
}

.ap-terminal .bg-174 {
  background-color: #d78787;
}

.ap-terminal .fg-175 {
  color: #d787af;
}

.ap-terminal .bg-175 {
  background-color: #d787af;
}

.ap-terminal .fg-176 {
  color: #d787d7;
}

.ap-terminal .bg-176 {
  background-color: #d787d7;
}

.ap-terminal .fg-177 {
  color: #d787ff;
}

.ap-terminal .bg-177 {
  background-color: #d787ff;
}

.ap-terminal .fg-178 {
  color: #d7af00;
}

.ap-terminal .bg-178 {
  background-color: #d7af00;
}

.ap-terminal .fg-179 {
  color: #d7af5f;
}

.ap-terminal .bg-179 {
  background-color: #d7af5f;
}

.ap-terminal .fg-180 {
  color: #d7af87;
}

.ap-terminal .bg-180 {
  background-color: #d7af87;
}

.ap-terminal .fg-181 {
  color: #d7afaf;
}

.ap-terminal .bg-181 {
  background-color: #d7afaf;
}

.ap-terminal .fg-182 {
  color: #d7afd7;
}

.ap-terminal .bg-182 {
  background-color: #d7afd7;
}

.ap-terminal .fg-183 {
  color: #d7afff;
}

.ap-terminal .bg-183 {
  background-color: #d7afff;
}

.ap-terminal .fg-184 {
  color: #d7d700;
}

.ap-terminal .bg-184 {
  background-color: #d7d700;
}

.ap-terminal .fg-185 {
  color: #d7d75f;
}

.ap-terminal .bg-185 {
  background-color: #d7d75f;
}

.ap-terminal .fg-186 {
  color: #d7d787;
}

.ap-terminal .bg-186 {
  background-color: #d7d787;
}

.ap-terminal .fg-187 {
  color: #d7d7af;
}

.ap-terminal .bg-187 {
  background-color: #d7d7af;
}

.ap-terminal .fg-188 {
  color: #d7d7d7;
}

.ap-terminal .bg-188 {
  background-color: #d7d7d7;
}

.ap-terminal .fg-189 {
  color: #d7d7ff;
}

.ap-terminal .bg-189 {
  background-color: #d7d7ff;
}

.ap-terminal .fg-190 {
  color: #d7ff00;
}

.ap-terminal .bg-190 {
  background-color: #d7ff00;
}

.ap-terminal .fg-191 {
  color: #d7ff5f;
}

.ap-terminal .bg-191 {
  background-color: #d7ff5f;
}

.ap-terminal .fg-192 {
  color: #d7ff87;
}

.ap-terminal .bg-192 {
  background-color: #d7ff87;
}

.ap-terminal .fg-193 {
  color: #d7ffaf;
}

.ap-terminal .bg-193 {
  background-color: #d7ffaf;
}

.ap-terminal .fg-194 {
  color: #d7ffd7;
}

.ap-terminal .bg-194 {
  background-color: #d7ffd7;
}

.ap-terminal .fg-195 {
  color: #d7ffff;
}

.ap-terminal .bg-195 {
  background-color: #d7ffff;
}

.ap-terminal .fg-196 {
  color: #ff0000;
}

.ap-terminal .bg-196 {
  background-color: #ff0000;
}

.ap-terminal .fg-197 {
  color: #ff005f;
}

.ap-terminal .bg-197 {
  background-color: #ff005f;
}

.ap-terminal .fg-198 {
  color: #ff0087;
}

.ap-terminal .bg-198 {
  background-color: #ff0087;
}

.ap-terminal .fg-199 {
  color: #ff00af;
}

.ap-terminal .bg-199 {
  background-color: #ff00af;
}

.ap-terminal .fg-200 {
  color: #ff00d7;
}

.ap-terminal .bg-200 {
  background-color: #ff00d7;
}

.ap-terminal .fg-201 {
  color: #ff00ff;
}

.ap-terminal .bg-201 {
  background-color: #ff00ff;
}

.ap-terminal .fg-202 {
  color: #ff5f00;
}

.ap-terminal .bg-202 {
  background-color: #ff5f00;
}

.ap-terminal .fg-203 {
  color: #ff5f5f;
}

.ap-terminal .bg-203 {
  background-color: #ff5f5f;
}

.ap-terminal .fg-204 {
  color: #ff5f87;
}

.ap-terminal .bg-204 {
  background-color: #ff5f87;
}

.ap-terminal .fg-205 {
  color: #ff5faf;
}

.ap-terminal .bg-205 {
  background-color: #ff5faf;
}

.ap-terminal .fg-206 {
  color: #ff5fd7;
}

.ap-terminal .bg-206 {
  background-color: #ff5fd7;
}

.ap-terminal .fg-207 {
  color: #ff5fff;
}

.ap-terminal .bg-207 {
  background-color: #ff5fff;
}

.ap-terminal .fg-208 {
  color: #ff8700;
}

.ap-terminal .bg-208 {
  background-color: #ff8700;
}

.ap-terminal .fg-209 {
  color: #ff875f;
}

.ap-terminal .bg-209 {
  background-color: #ff875f;
}

.ap-terminal .fg-210 {
  color: #ff8787;
}

.ap-terminal .bg-210 {
  background-color: #ff8787;
}

.ap-terminal .fg-211 {
  color: #ff87af;
}

.ap-terminal .bg-211 {
  background-color: #ff87af;
}

.ap-terminal .fg-212 {
  color: #ff87d7;
}

.ap-terminal .bg-212 {
  background-color: #ff87d7;
}

.ap-terminal .fg-213 {
  color: #ff87ff;
}

.ap-terminal .bg-213 {
  background-color: #ff87ff;
}

.ap-terminal .fg-214 {
  color: #ffaf00;
}

.ap-terminal .bg-214 {
  background-color: #ffaf00;
}

.ap-terminal .fg-215 {
  color: #ffaf5f;
}

.ap-terminal .bg-215 {
  background-color: #ffaf5f;
}

.ap-terminal .fg-216 {
  color: #ffaf87;
}

.ap-terminal .bg-216 {
  background-color: #ffaf87;
}

.ap-terminal .fg-217 {
  color: #ffafaf;
}

.ap-terminal .bg-217 {
  background-color: #ffafaf;
}

.ap-terminal .fg-218 {
  color: #ffafd7;
}

.ap-terminal .bg-218 {
  background-color: #ffafd7;
}

.ap-terminal .fg-219 {
  color: #ffafff;
}

.ap-terminal .bg-219 {
  background-color: #ffafff;
}

.ap-terminal .fg-220 {
  color: #ffd700;
}

.ap-terminal .bg-220 {
  background-color: #ffd700;
}

.ap-terminal .fg-221 {
  color: #ffd75f;
}

.ap-terminal .bg-221 {
  background-color: #ffd75f;
}

.ap-terminal .fg-222 {
  color: #ffd787;
}

.ap-terminal .bg-222 {
  background-color: #ffd787;
}

.ap-terminal .fg-223 {
  color: #ffd7af;
}

.ap-terminal .bg-223 {
  background-color: #ffd7af;
}

.ap-terminal .fg-224 {
  color: #ffd7d7;
}

.ap-terminal .bg-224 {
  background-color: #ffd7d7;
}

.ap-terminal .fg-225 {
  color: #ffd7ff;
}

.ap-terminal .bg-225 {
  background-color: #ffd7ff;
}

.ap-terminal .fg-226 {
  color: #ffff00;
}

.ap-terminal .bg-226 {
  background-color: #ffff00;
}

.ap-terminal .fg-227 {
  color: #ffff5f;
}

.ap-terminal .bg-227 {
  background-color: #ffff5f;
}

.ap-terminal .fg-228 {
  color: #ffff87;
}

.ap-terminal .bg-228 {
  background-color: #ffff87;
}

.ap-terminal .fg-229 {
  color: #ffffaf;
}

.ap-terminal .bg-229 {
  background-color: #ffffaf;
}

.ap-terminal .fg-230 {
  color: #ffffd7;
}

.ap-terminal .bg-230 {
  background-color: #ffffd7;
}

.ap-terminal .fg-231 {
  color: #ffffff;
}

.ap-terminal .bg-231 {
  background-color: #ffffff;
}

.ap-terminal .fg-232 {
  color: #080808;
}

.ap-terminal .bg-232 {
  background-color: #080808;
}

.ap-terminal .fg-233 {
  color: #121212;
}

.ap-terminal .bg-233 {
  background-color: #121212;
}

.ap-terminal .fg-234 {
  color: #1c1c1c;
}

.ap-terminal .bg-234 {
  background-color: #1c1c1c;
}

.ap-terminal .fg-235 {
  color: #262626;
}

.ap-terminal .bg-235 {
  background-color: #262626;
}

.ap-terminal .fg-236 {
  color: #303030;
}

.ap-terminal .bg-236 {
  background-color: #303030;
}

.ap-terminal .fg-237 {
  color: #3a3a3a;
}

.ap-terminal .bg-237 {
  background-color: #3a3a3a;
}

.ap-terminal .fg-238 {
  color: #444444;
}

.ap-terminal .bg-238 {
  background-color: #444444;
}

.ap-terminal .fg-239 {
  color: #4e4e4e;
}

.ap-terminal .bg-239 {
  background-color: #4e4e4e;
}

.ap-terminal .fg-240 {
  color: #585858;
}

.ap-terminal .bg-240 {
  background-color: #585858;
}

.ap-terminal .fg-241 {
  color: #626262;
}

.ap-terminal .bg-241 {
  background-color: #626262;
}

.ap-terminal .fg-242 {
  color: #6c6c6c;
}

.ap-terminal .bg-242 {
  background-color: #6c6c6c;
}

.ap-terminal .fg-243 {
  color: #767676;
}

.ap-terminal .bg-243 {
  background-color: #767676;
}

.ap-terminal .fg-244 {
  color: #808080;
}

.ap-terminal .bg-244 {
  background-color: #808080;
}

.ap-terminal .fg-245 {
  color: #8a8a8a;
}

.ap-terminal .bg-245 {
  background-color: #8a8a8a;
}

.ap-terminal .fg-246 {
  color: #949494;
}

.ap-terminal .bg-246 {
  background-color: #949494;
}

.ap-terminal .fg-247 {
  color: #9e9e9e;
}

.ap-terminal .bg-247 {
  background-color: #9e9e9e;
}

.ap-terminal .fg-248 {
  color: #a8a8a8;
}

.ap-terminal .bg-248 {
  background-color: #a8a8a8;
}

.ap-terminal .fg-249 {
  color: #b2b2b2;
}

.ap-terminal .bg-249 {
  background-color: #b2b2b2;
}

.ap-terminal .fg-250 {
  color: #bcbcbc;
}

.ap-terminal .bg-250 {
  background-color: #bcbcbc;
}

.ap-terminal .fg-251 {
  color: #c6c6c6;
}

.ap-terminal .bg-251 {
  background-color: #c6c6c6;
}

.ap-terminal .fg-252 {
  color: #d0d0d0;
}

.ap-terminal .bg-252 {
  background-color: #d0d0d0;
}

.ap-terminal .fg-253 {
  color: #dadada;
}

.ap-terminal .bg-253 {
  background-color: #dadada;
}

.ap-terminal .fg-254 {
  color: #e4e4e4;
}

.ap-terminal .bg-254 {
  background-color: #e4e4e4;
}

.ap-terminal .fg-255 {
  color: #eeeeee;
}

.ap-terminal .bg-255 {
  background-color: #eeeeee;
}

.asciinema-theme-asciinema {
  background-color: #121314;
}

.asciinema-theme-asciinema pre.ap-terminal {
  color: #CCCCCC;
  background-color: #121314;
  border-color: #121314;
}

.asciinema-theme-asciinema .fg-default {
  color: #CCCCCC;
}

.asciinema-theme-asciinema .fg-bg {
  color: #121314;
}

.asciinema-theme-asciinema .bg-default {
  background-color: #121314;
}

.asciinema-theme-asciinema .bg-fg {
  background-color: #CCCCCC;
}

.asciinema-theme-asciinema .fg-0 {
  color: hsl(0, 0%, 0%);
}

.asciinema-theme-asciinema .bg-0 {
  background-color: hsl(0, 0%, 0%);
}

.asciinema-theme-asciinema .fg-1 {
  color: hsl(343, 70%, 55%);
}

.asciinema-theme-asciinema .bg-1 {
  background-color: hsl(343, 70%, 55%);
}

.asciinema-theme-asciinema .fg-2 {
  color: hsl(103, 70%, 44%);
}

.asciinema-theme-asciinema .bg-2 {
  background-color: hsl(103, 70%, 44%);
}

.asciinema-theme-asciinema .fg-3 {
  color: hsl(43, 70%, 55%);
}

.asciinema-theme-asciinema .bg-3 {
  background-color: hsl(43, 70%, 55%);
}

.asciinema-theme-asciinema .fg-4 {
  color: hsl(193, 70%, 49.5%);
}

.asciinema-theme-asciinema .bg-4 {
  background-color: hsl(193, 70%, 49.5%);
}

.asciinema-theme-asciinema .fg-5 {
  color: hsl(283, 70%, 60.5%);
}

.asciinema-theme-asciinema .bg-5 {
  background-color: hsl(283, 70%, 60.5%);
}

.asciinema-theme-asciinema .fg-6 {
  color: hsl(163, 70%, 60.5%);
}

.asciinema-theme-asciinema .bg-6 {
  background-color: hsl(163, 70%, 60.5%);
}

.asciinema-theme-asciinema .fg-7 {
  color: hsl(0, 0%, 85%);
}

.asciinema-theme-asciinema .bg-7 {
  background-color: hsl(0, 0%, 85%);
}

.asciinema-theme-asciinema .fg-8 {
  color: hsl(0, 0%, 30%);
}

.asciinema-theme-asciinema .bg-8 {
  background-color: hsl(0, 0%, 30%);
}

.asciinema-theme-asciinema .fg-9 {
  color: hsl(343, 70%, 55%);
}

.asciinema-theme-asciinema .bg-9 {
  background-color: hsl(343, 70%, 55%);
}

.asciinema-theme-asciinema .fg-10 {
  color: hsl(103, 70%, 44%);
}

.asciinema-theme-asciinema .bg-10 {
  background-color: hsl(103, 70%, 44%);
}

.asciinema-theme-asciinema .fg-11 {
  color: hsl(43, 70%, 55%);
}

.asciinema-theme-asciinema .bg-11 {
  background-color: hsl(43, 70%, 55%);
}

.asciinema-theme-asciinema .fg-12 {
  color: hsl(193, 70%, 49.5%);
}

.asciinema-theme-asciinema .bg-12 {
  background-color: hsl(193, 70%, 49.5%);
}

.asciinema-theme-asciinema .fg-13 {
  color: hsl(283, 70%, 60.5%);
}

.asciinema-theme-asciinema .bg-13 {
  background-color: hsl(283, 70%, 60.5%);
}

.asciinema-theme-asciinema .fg-14 {
  color: hsl(163, 70%, 60.5%);
}

.asciinema-theme-asciinema .bg-14 {
  background-color: hsl(163, 70%, 60.5%);
}

.asciinema-theme-asciinema .fg-15 {
  color: hsl(0, 0%, 100%);
}

.asciinema-theme-asciinema .bg-15 {
  background-color: hsl(0, 0%, 100%);
}

.asciinema-theme-asciinema .ap-overlay-loading .ap-loader {
  border-color: rgba(204, 204, 204, 0.3) rgba(204, 204, 204, 0.5) rgba(204, 204, 204, 0.7) #cccccc;
}

.asciinema-theme-asciinema .fg-8,
.asciinema-theme-asciinema .fg-9,
.asciinema-theme-asciinema .fg-10,
.asciinema-theme-asciinema .fg-11,
.asciinema-theme-asciinema .fg-12,
.asciinema-theme-asciinema .fg-13,
.asciinema-theme-asciinema .fg-14,
.asciinema-theme-asciinema .fg-15 {
  font-weight: bold;
}

/*
  Based on Dracula: https://draculatheme.com
 */
.asciinema-theme-dracula {
  background-color: #282a36;
}

.asciinema-theme-dracula pre.ap-terminal {
  color: #f8f8f2;
  background-color: #282a36;
  border-color: #282a36;
}

.asciinema-theme-dracula .fg-default {
  color: #f8f8f2;
}

.asciinema-theme-dracula .fg-bg {
  color: #282a36;
}

.asciinema-theme-dracula .bg-default {
  background-color: #282a36;
}

.asciinema-theme-dracula .bg-fg {
  background-color: #f8f8f2;
}

.asciinema-theme-dracula .fg-0 {
  color: #21222c;
}

.asciinema-theme-dracula .bg-0 {
  background-color: #21222c;
}

.asciinema-theme-dracula .fg-1 {
  color: #ff5555;
}

.asciinema-theme-dracula .bg-1 {
  background-color: #ff5555;
}

.asciinema-theme-dracula .fg-2 {
  color: #50fa7b;
}

.asciinema-theme-dracula .bg-2 {
  background-color: #50fa7b;
}

.asciinema-theme-dracula .fg-3 {
  color: #f1fa8c;
}

.asciinema-theme-dracula .bg-3 {
  background-color: #f1fa8c;
}

.asciinema-theme-dracula .fg-4 {
  color: #bd93f9;
}

.asciinema-theme-dracula .bg-4 {
  background-color: #bd93f9;
}

.asciinema-theme-dracula .fg-5 {
  color: #ff79c6;
}

.asciinema-theme-dracula .bg-5 {
  background-color: #ff79c6;
}

.asciinema-theme-dracula .fg-6 {
  color: #8be9fd;
}

.asciinema-theme-dracula .bg-6 {
  background-color: #8be9fd;
}

.asciinema-theme-dracula .fg-7 {
  color: #f8f8f2;
}

.asciinema-theme-dracula .bg-7 {
  background-color: #f8f8f2;
}

.asciinema-theme-dracula .fg-8 {
  color: #6272a4;
}

.asciinema-theme-dracula .bg-8 {
  background-color: #6272a4;
}

.asciinema-theme-dracula .fg-9 {
  color: #ff6e6e;
}

.asciinema-theme-dracula .bg-9 {
  background-color: #ff6e6e;
}

.asciinema-theme-dracula .fg-10 {
  color: #69ff94;
}

.asciinema-theme-dracula .bg-10 {
  background-color: #69ff94;
}

.asciinema-theme-dracula .fg-11 {
  color: #ffffa5;
}

.asciinema-theme-dracula .bg-11 {
  background-color: #ffffa5;
}

.asciinema-theme-dracula .fg-12 {
  color: #d6acff;
}

.asciinema-theme-dracula .bg-12 {
  background-color: #d6acff;
}

.asciinema-theme-dracula .fg-13 {
  color: #ff92df;
}

.asciinema-theme-dracula .bg-13 {
  background-color: #ff92df;
}

.asciinema-theme-dracula .fg-14 {
  color: #a4ffff;
}

.asciinema-theme-dracula .bg-14 {
  background-color: #a4ffff;
}

.asciinema-theme-dracula .fg-15 {
  color: #ffffff;
}

.asciinema-theme-dracula .bg-15 {
  background-color: #ffffff;
}

.asciinema-theme-dracula .ap-overlay-loading .ap-loader {
  border-color: rgba(248, 248, 242, 0.3) rgba(248, 248, 242, 0.5) rgba(248, 248, 242, 0.7) #f8f8f2;
}

.asciinema-theme-dracula .fg-8,
.asciinema-theme-dracula .fg-9,
.asciinema-theme-dracula .fg-10,
.asciinema-theme-dracula .fg-11,
.asciinema-theme-dracula .fg-12,
.asciinema-theme-dracula .fg-13,
.asciinema-theme-dracula .fg-14,
.asciinema-theme-dracula .fg-15 {
  font-weight: bold;
}

/* Based on Monokai from base16 collection - https://github.com/chriskempson/base16 */
.asciinema-theme-monokai {
  background-color: #272822;
}

.asciinema-theme-monokai pre.ap-terminal {
  color: #f8f8f2;
  background-color: #272822;
  border-color: #272822;
}

.asciinema-theme-monokai .fg-default {
  color: #f8f8f2;
}

.asciinema-theme-monokai .fg-bg {
  color: #272822;
}

.asciinema-theme-monokai .bg-default {
  background-color: #272822;
}

.asciinema-theme-monokai .bg-fg {
  background-color: #f8f8f2;
}

.asciinema-theme-monokai .fg-0 {
  color: #272822;
}

.asciinema-theme-monokai .bg-0 {
  background-color: #272822;
}

.asciinema-theme-monokai .fg-1 {
  color: #f92672;
}

.asciinema-theme-monokai .bg-1 {
  background-color: #f92672;
}

.asciinema-theme-monokai .fg-2 {
  color: #a6e22e;
}

.asciinema-theme-monokai .bg-2 {
  background-color: #a6e22e;
}

.asciinema-theme-monokai .fg-3 {
  color: #f4bf75;
}

.asciinema-theme-monokai .bg-3 {
  background-color: #f4bf75;
}

.asciinema-theme-monokai .fg-4 {
  color: #66d9ef;
}

.asciinema-theme-monokai .bg-4 {
  background-color: #66d9ef;
}

.asciinema-theme-monokai .fg-5 {
  color: #ae81ff;
}

.asciinema-theme-monokai .bg-5 {
  background-color: #ae81ff;
}

.asciinema-theme-monokai .fg-6 {
  color: #a1efe4;
}

.asciinema-theme-monokai .bg-6 {
  background-color: #a1efe4;
}

.asciinema-theme-monokai .fg-7 {
  color: #f8f8f2;
}

.asciinema-theme-monokai .bg-7 {
  background-color: #f8f8f2;
}

.asciinema-theme-monokai .fg-8 {
  color: #75715e;
}

.asciinema-theme-monokai .bg-8 {
  background-color: #75715e;
}

.asciinema-theme-monokai .fg-9 {
  color: #f92672;
}

.asciinema-theme-monokai .bg-9 {
  background-color: #f92672;
}

.asciinema-theme-monokai .fg-10 {
  color: #a6e22e;
}

.asciinema-theme-monokai .bg-10 {
  background-color: #a6e22e;
}

.asciinema-theme-monokai .fg-11 {
  color: #f4bf75;
}

.asciinema-theme-monokai .bg-11 {
  background-color: #f4bf75;
}

.asciinema-theme-monokai .fg-12 {
  color: #66d9ef;
}

.asciinema-theme-monokai .bg-12 {
  background-color: #66d9ef;
}

.asciinema-theme-monokai .fg-13 {
  color: #ae81ff;
}

.asciinema-theme-monokai .bg-13 {
  background-color: #ae81ff;
}

.asciinema-theme-monokai .fg-14 {
  color: #a1efe4;
}

.asciinema-theme-monokai .bg-14 {
  background-color: #a1efe4;
}

.asciinema-theme-monokai .fg-15 {
  color: #f9f8f5;
}

.asciinema-theme-monokai .bg-15 {
  background-color: #f9f8f5;
}

.asciinema-theme-monokai .ap-overlay-loading .ap-loader {
  border-color: rgba(248, 248, 242, 0.3) rgba(248, 248, 242, 0.5) rgba(248, 248, 242, 0.7) #f8f8f2;
}

.asciinema-theme-monokai .fg-8,
.asciinema-theme-monokai .fg-9,
.asciinema-theme-monokai .fg-10,
.asciinema-theme-monokai .fg-11,
.asciinema-theme-monokai .fg-12,
.asciinema-theme-monokai .fg-13,
.asciinema-theme-monokai .fg-14,
.asciinema-theme-monokai .fg-15 {
  font-weight: bold;
}

/*
  Based on Nord: https://github.com/arcticicestudio/nord
  Via: https://github.com/neilotoole/asciinema-theme-nord
 */
.asciinema-theme-nord {
  background-color: #2E3440;
}

.asciinema-theme-nord pre.ap-terminal {
  color: #ECEFF4;
  background-color: #2E3440;
  border-color: #2E3440;
}

.asciinema-theme-nord .fg-default {
  color: #ECEFF4;
}

.asciinema-theme-nord .fg-bg {
  color: #2E3440;
}

.asciinema-theme-nord .bg-default {
  background-color: #2E3440;
}

.asciinema-theme-nord .bg-fg {
  background-color: #ECEFF4;
}

.asciinema-theme-nord .fg-0 {
  color: #3B4252;
}

.asciinema-theme-nord .bg-0 {
  background-color: #3B4252;
}

.asciinema-theme-nord .fg-1 {
  color: #BF616A;
}

.asciinema-theme-nord .bg-1 {
  background-color: #BF616A;
}

.asciinema-theme-nord .fg-2 {
  color: #A3BE8C;
}

.asciinema-theme-nord .bg-2 {
  background-color: #A3BE8C;
}

.asciinema-theme-nord .fg-3 {
  color: #EBCB8B;
}

.asciinema-theme-nord .bg-3 {
  background-color: #EBCB8B;
}

.asciinema-theme-nord .fg-4 {
  color: #81A1C1;
}

.asciinema-theme-nord .bg-4 {
  background-color: #81A1C1;
}

.asciinema-theme-nord .fg-5 {
  color: #B48EAD;
}

.asciinema-theme-nord .bg-5 {
  background-color: #B48EAD;
}

.asciinema-theme-nord .fg-6 {
  color: #88C0D0;
}

.asciinema-theme-nord .bg-6 {
  background-color: #88C0D0;
}

.asciinema-theme-nord .fg-7 {
  color: #ECEFF4;
}

.asciinema-theme-nord .bg-7 {
  background-color: #ECEFF4;
}

.asciinema-theme-nord .fg-8 {
  color: #3B4252;
}

.asciinema-theme-nord .bg-8 {
  background-color: #3B4252;
}

.asciinema-theme-nord .fg-9 {
  color: #BF616A;
}

.asciinema-theme-nord .bg-9 {
  background-color: #BF616A;
}

.asciinema-theme-nord .fg-10 {
  color: #A3BE8C;
}

.asciinema-theme-nord .bg-10 {
  background-color: #A3BE8C;
}

.asciinema-theme-nord .fg-11 {
  color: #EBCB8B;
}

.asciinema-theme-nord .bg-11 {
  background-color: #EBCB8B;
}

.asciinema-theme-nord .fg-12 {
  color: #81A1C1;
}

.asciinema-theme-nord .bg-12 {
  background-color: #81A1C1;
}

.asciinema-theme-nord .fg-13 {
  color: #B48EAD;
}

.asciinema-theme-nord .bg-13 {
  background-color: #B48EAD;
}

.asciinema-theme-nord .fg-14 {
  color: #88C0D0;
}

.asciinema-theme-nord .bg-14 {
  background-color: #88C0D0;
}

.asciinema-theme-nord .fg-15 {
  color: #ECEFF4;
}

.asciinema-theme-nord .bg-15 {
  background-color: #ECEFF4;
}

.asciinema-theme-nord .ap-overlay-loading .ap-loader {
  border-color: rgba(236, 239, 244, 0.3) rgba(236, 239, 244, 0.5) rgba(236, 239, 244, 0.7) #eceff4;
}

.asciinema-theme-nord .fg-8,
.asciinema-theme-nord .fg-9,
.asciinema-theme-nord .fg-10,
.asciinema-theme-nord .fg-11,
.asciinema-theme-nord .fg-12,
.asciinema-theme-nord .fg-13,
.asciinema-theme-nord .fg-14,
.asciinema-theme-nord .fg-15 {
  font-weight: bold;
}

.asciinema-theme-seti {
  background-color: #111213;
}

.asciinema-theme-seti pre.ap-terminal {
  color: #cacecd;
  background-color: #111213;
  border-color: #111213;
}

.asciinema-theme-seti .fg-default {
  color: #cacecd;
}

.asciinema-theme-seti .fg-bg {
  color: #111213;
}

.asciinema-theme-seti .bg-default {
  background-color: #111213;
}

.asciinema-theme-seti .bg-fg {
  background-color: #cacecd;
}

.asciinema-theme-seti .fg-0 {
  color: #323232;
}

.asciinema-theme-seti .bg-0 {
  background-color: #323232;
}

.asciinema-theme-seti .fg-1 {
  color: #c22832;
}

.asciinema-theme-seti .bg-1 {
  background-color: #c22832;
}

.asciinema-theme-seti .fg-2 {
  color: #8ec43d;
}

.asciinema-theme-seti .bg-2 {
  background-color: #8ec43d;
}

.asciinema-theme-seti .fg-3 {
  color: #e0c64f;
}

.asciinema-theme-seti .bg-3 {
  background-color: #e0c64f;
}

.asciinema-theme-seti .fg-4 {
  color: #43a5d5;
}

.asciinema-theme-seti .bg-4 {
  background-color: #43a5d5;
}

.asciinema-theme-seti .fg-5 {
  color: #8b57b5;
}

.asciinema-theme-seti .bg-5 {
  background-color: #8b57b5;
}

.asciinema-theme-seti .fg-6 {
  color: #8ec43d;
}

.asciinema-theme-seti .bg-6 {
  background-color: #8ec43d;
}

.asciinema-theme-seti .fg-7 {
  color: #eeeeee;
}

.asciinema-theme-seti .bg-7 {
  background-color: #eeeeee;
}

.asciinema-theme-seti .fg-8 {
  color: #323232;
}

.asciinema-theme-seti .bg-8 {
  background-color: #323232;
}

.asciinema-theme-seti .fg-9 {
  color: #c22832;
}

.asciinema-theme-seti .bg-9 {
  background-color: #c22832;
}

.asciinema-theme-seti .fg-10 {
  color: #8ec43d;
}

.asciinema-theme-seti .bg-10 {
  background-color: #8ec43d;
}

.asciinema-theme-seti .fg-11 {
  color: #e0c64f;
}

.asciinema-theme-seti .bg-11 {
  background-color: #e0c64f;
}

.asciinema-theme-seti .fg-12 {
  color: #43a5d5;
}

.asciinema-theme-seti .bg-12 {
  background-color: #43a5d5;
}

.asciinema-theme-seti .fg-13 {
  color: #8b57b5;
}

.asciinema-theme-seti .bg-13 {
  background-color: #8b57b5;
}

.asciinema-theme-seti .fg-14 {
  color: #8ec43d;
}

.asciinema-theme-seti .bg-14 {
  background-color: #8ec43d;
}

.asciinema-theme-seti .fg-15 {
  color: #ffffff;
}

.asciinema-theme-seti .bg-15 {
  background-color: #ffffff;
}

.asciinema-theme-seti .ap-overlay-loading .ap-loader {
  border-color: rgba(202, 206, 205, 0.3) rgba(202, 206, 205, 0.5) rgba(202, 206, 205, 0.7) #cacecd;
}

.asciinema-theme-seti .fg-8,
.asciinema-theme-seti .fg-9,
.asciinema-theme-seti .fg-10,
.asciinema-theme-seti .fg-11,
.asciinema-theme-seti .fg-12,
.asciinema-theme-seti .fg-13,
.asciinema-theme-seti .fg-14,
.asciinema-theme-seti .fg-15 {
  font-weight: bold;
}

.asciinema-theme-solarized-dark {
  background-color: #002b36;
}

.asciinema-theme-solarized-dark pre.ap-terminal {
  color: #839496;
  background-color: #002b36;
  border-color: #002b36;
}

.asciinema-theme-solarized-dark .fg-default {
  color: #839496;
}

.asciinema-theme-solarized-dark .fg-bg {
  color: #002b36;
}

.asciinema-theme-solarized-dark .bg-default {
  background-color: #002b36;
}

.asciinema-theme-solarized-dark .bg-fg {
  background-color: #839496;
}

.asciinema-theme-solarized-dark .fg-0 {
  color: #073642;
}

.asciinema-theme-solarized-dark .bg-0 {
  background-color: #073642;
}

.asciinema-theme-solarized-dark .fg-1 {
  color: #dc322f;
}

.asciinema-theme-solarized-dark .bg-1 {
  background-color: #dc322f;
}

.asciinema-theme-solarized-dark .fg-2 {
  color: #859900;
}

.asciinema-theme-solarized-dark .bg-2 {
  background-color: #859900;
}

.asciinema-theme-solarized-dark .fg-3 {
  color: #b58900;
}

.asciinema-theme-solarized-dark .bg-3 {
  background-color: #b58900;
}

.asciinema-theme-solarized-dark .fg-4 {
  color: #268bd2;
}

.asciinema-theme-solarized-dark .bg-4 {
  background-color: #268bd2;
}

.asciinema-theme-solarized-dark .fg-5 {
  color: #d33682;
}

.asciinema-theme-solarized-dark .bg-5 {
  background-color: #d33682;
}

.asciinema-theme-solarized-dark .fg-6 {
  color: #2aa198;
}

.asciinema-theme-solarized-dark .bg-6 {
  background-color: #2aa198;
}

.asciinema-theme-solarized-dark .fg-7 {
  color: #eee8d5;
}

.asciinema-theme-solarized-dark .bg-7 {
  background-color: #eee8d5;
}

.asciinema-theme-solarized-dark .fg-8 {
  color: #002b36;
}

.asciinema-theme-solarized-dark .bg-8 {
  background-color: #002b36;
}

.asciinema-theme-solarized-dark .fg-9 {
  color: #cb4b16;
}

.asciinema-theme-solarized-dark .bg-9 {
  background-color: #cb4b16;
}

.asciinema-theme-solarized-dark .fg-10 {
  color: #586e75;
}

.asciinema-theme-solarized-dark .bg-10 {
  background-color: #586e75;
}

.asciinema-theme-solarized-dark .fg-11 {
  color: #657b83;
}

.asciinema-theme-solarized-dark .bg-11 {
  background-color: #657b83;
}

.asciinema-theme-solarized-dark .fg-12 {
  color: #839496;
}

.asciinema-theme-solarized-dark .bg-12 {
  background-color: #839496;
}

.asciinema-theme-solarized-dark .fg-13 {
  color: #6c71c4;
}

.asciinema-theme-solarized-dark .bg-13 {
  background-color: #6c71c4;
}

.asciinema-theme-solarized-dark .fg-14 {
  color: #93a1a1;
}

.asciinema-theme-solarized-dark .bg-14 {
  background-color: #93a1a1;
}

.asciinema-theme-solarized-dark .fg-15 {
  color: #fdf6e3;
}

.asciinema-theme-solarized-dark .bg-15 {
  background-color: #fdf6e3;
}

.asciinema-theme-solarized-dark .ap-overlay-loading .ap-loader {
  border-color: rgba(131, 148, 150, 0.3) rgba(131, 148, 150, 0.5) rgba(131, 148, 150, 0.7) #839496;
}

.asciinema-theme-solarized-light {
  background-color: #fdf6e3;
}

.asciinema-theme-solarized-light pre.ap-terminal {
  color: #657b83;
  background-color: #fdf6e3;
  border-color: #fdf6e3;
}

.asciinema-theme-solarized-light .fg-default {
  color: #657b83;
}

.asciinema-theme-solarized-light .fg-bg {
  color: #fdf6e3;
}

.asciinema-theme-solarized-light .bg-default {
  background-color: #fdf6e3;
}

.asciinema-theme-solarized-light .bg-fg {
  background-color: #657b83;
}

.asciinema-theme-solarized-light .fg-0 {
  color: #073642;
}

.asciinema-theme-solarized-light .bg-0 {
  background-color: #073642;
}

.asciinema-theme-solarized-light .fg-1 {
  color: #dc322f;
}

.asciinema-theme-solarized-light .bg-1 {
  background-color: #dc322f;
}

.asciinema-theme-solarized-light .fg-2 {
  color: #859900;
}

.asciinema-theme-solarized-light .bg-2 {
  background-color: #859900;
}

.asciinema-theme-solarized-light .fg-3 {
  color: #b58900;
}

.asciinema-theme-solarized-light .bg-3 {
  background-color: #b58900;
}

.asciinema-theme-solarized-light .fg-4 {
  color: #268bd2;
}

.asciinema-theme-solarized-light .bg-4 {
  background-color: #268bd2;
}

.asciinema-theme-solarized-light .fg-5 {
  color: #d33682;
}

.asciinema-theme-solarized-light .bg-5 {
  background-color: #d33682;
}

.asciinema-theme-solarized-light .fg-6 {
  color: #2aa198;
}

.asciinema-theme-solarized-light .bg-6 {
  background-color: #2aa198;
}

.asciinema-theme-solarized-light .fg-7 {
  color: #eee8d5;
}

.asciinema-theme-solarized-light .bg-7 {
  background-color: #eee8d5;
}

.asciinema-theme-solarized-light .fg-8 {
  color: #002b36;
}

.asciinema-theme-solarized-light .bg-8 {
  background-color: #002b36;
}

.asciinema-theme-solarized-light .fg-9 {
  color: #cb4b16;
}

.asciinema-theme-solarized-light .bg-9 {
  background-color: #cb4b16;
}

.asciinema-theme-solarized-light .fg-10 {
  color: #586e75;
}

.asciinema-theme-solarized-light .bg-10 {
  background-color: #586e75;
}

.asciinema-theme-solarized-light .fg-11 {
  color: #657c83;
}

.asciinema-theme-solarized-light .bg-11 {
  background-color: #657c83;
}

.asciinema-theme-solarized-light .fg-12 {
  color: #839496;
}

.asciinema-theme-solarized-light .bg-12 {
  background-color: #839496;
}

.asciinema-theme-solarized-light .fg-13 {
  color: #6c71c4;
}

.asciinema-theme-solarized-light .bg-13 {
  background-color: #6c71c4;
}

.asciinema-theme-solarized-light .fg-14 {
  color: #93a1a1;
}

.asciinema-theme-solarized-light .bg-14 {
  background-color: #93a1a1;
}

.asciinema-theme-solarized-light .fg-15 {
  color: #fdf6e3;
}

.asciinema-theme-solarized-light .bg-15 {
  background-color: #fdf6e3;
}

.asciinema-theme-solarized-light .ap-overlay-loading .ap-loader {
  border-color: rgba(101, 123, 131, 0.3) rgba(101, 123, 131, 0.5) rgba(101, 123, 131, 0.7) #657b83;
}

.asciinema-theme-solarized-light .ap-overlay-start .ap-play-button svg .ap-play-btn-fill {
  fill: #dc322f;
}

.asciinema-theme-solarized-light .ap-overlay-start .ap-play-button svg .ap-play-btn-stroke {
  stroke: #dc322f;
}

.asciinema-theme-tango {
  background-color: #121314;
}

.asciinema-theme-tango pre.ap-terminal {
  color: #CCCCCC;
  background-color: #121314;
  border-color: #121314;
}

.asciinema-theme-tango .fg-default {
  color: #CCCCCC;
}

.asciinema-theme-tango .fg-bg {
  color: #121314;
}

.asciinema-theme-tango .bg-default {
  background-color: #121314;
}

.asciinema-theme-tango .bg-fg {
  background-color: #CCCCCC;
}

.asciinema-theme-tango .fg-0 {
  color: #000000;
}

.asciinema-theme-tango .bg-0 {
  background-color: #000000;
}

.asciinema-theme-tango .fg-1 {
  color: #CC0000;
}

.asciinema-theme-tango .bg-1 {
  background-color: #CC0000;
}

.asciinema-theme-tango .fg-2 {
  color: #4E9A06;
}

.asciinema-theme-tango .bg-2 {
  background-color: #4E9A06;
}

.asciinema-theme-tango .fg-3 {
  color: #C4A000;
}

.asciinema-theme-tango .bg-3 {
  background-color: #C4A000;
}

.asciinema-theme-tango .fg-4 {
  color: #3465A4;
}

.asciinema-theme-tango .bg-4 {
  background-color: #3465A4;
}

.asciinema-theme-tango .fg-5 {
  color: #75507B;
}

.asciinema-theme-tango .bg-5 {
  background-color: #75507B;
}

.asciinema-theme-tango .fg-6 {
  color: #06989A;
}

.asciinema-theme-tango .bg-6 {
  background-color: #06989A;
}

.asciinema-theme-tango .fg-7 {
  color: #D3D7CF;
}

.asciinema-theme-tango .bg-7 {
  background-color: #D3D7CF;
}

.asciinema-theme-tango .fg-8 {
  color: #555753;
}

.asciinema-theme-tango .bg-8 {
  background-color: #555753;
}

.asciinema-theme-tango .fg-9 {
  color: #EF2929;
}

.asciinema-theme-tango .bg-9 {
  background-color: #EF2929;
}

.asciinema-theme-tango .fg-10 {
  color: #8AE234;
}

.asciinema-theme-tango .bg-10 {
  background-color: #8AE234;
}

.asciinema-theme-tango .fg-11 {
  color: #FCE94F;
}

.asciinema-theme-tango .bg-11 {
  background-color: #FCE94F;
}

.asciinema-theme-tango .fg-12 {
  color: #729FCF;
}

.asciinema-theme-tango .bg-12 {
  background-color: #729FCF;
}

.asciinema-theme-tango .fg-13 {
  color: #AD7FA8;
}

.asciinema-theme-tango .bg-13 {
  background-color: #AD7FA8;
}

.asciinema-theme-tango .fg-14 {
  color: #34E2E2;
}

.asciinema-theme-tango .bg-14 {
  background-color: #34E2E2;
}

.asciinema-theme-tango .fg-15 {
  color: #EEEEEC;
}

.asciinema-theme-tango .bg-15 {
  background-color: #EEEEEC;
}

.asciinema-theme-tango .ap-overlay-loading .ap-loader {
  border-color: rgba(204, 204, 204, 0.3) rgba(204, 204, 204, 0.5) rgba(204, 204, 204, 0.7) #cccccc;
}

.asciinema-theme-tango .fg-8,
.asciinema-theme-tango .fg-9,
.asciinema-theme-tango .fg-10,
.asciinema-theme-tango .fg-11,
.asciinema-theme-tango .fg-12,
.asciinema-theme-tango .fg-13,
.asciinema-theme-tango .fg-14,
.asciinema-theme-tango .fg-15 {
  font-weight: bold;
}