index.css

/* Cozy UI utilities classes */
@import url(~cozy-ui/dist/cozy-ui.min.css);
/* Cozy UI React components styles */
@import url(~cozy-ui/react/stylesheet.css);
/* App styles */
/** BLACK **/
/** TEXT COLOR **/
/** RED **/
/** YELLOW **/
/** ORANGE **/
/** BLUE **/
/** GREEN **/
/** WHITE **/
/** GREY **/
/** App colors **/
/** TABS GRADIENT **/
/* line 4, src/styles/base/_layout.scss */
html {
  background: #1b1c22; }

/* line 8, src/styles/base/_layout.scss */
body {
  background: #1b1c22;
  overflow: unset !important; }

/* line 13, src/styles/base/_layout.scss */
.column {
  display: flex;
  flex-direction: column; }

/* line 18, src/styles/base/_layout.scss */
.row {
  display: flex;
  flex-direction: row; }

/* line 23, src/styles/base/_layout.scss */
.cozy-bar {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center; }

/* line 30, src/styles/base/_layout.scss */
[role='banner'] .coz-bar-container {
  background-color: white; }
  @media only screen and (max-width: 768px) {
    /* line 30, src/styles/base/_layout.scss */
    [role='banner'] .coz-bar-container {
      padding: 0 3.25em 0 0;
      background-color: unset; } }

/* line 38, src/styles/base/_layout.scss */
.coz-bar-wrapper {
  box-shadow: unset !important;
  background: unset !important; }

/* line 43, src/styles/base/_layout.scss */
.header {
  display: flex;
  align-items: center;
  flex-direction: column;
  overflow: hidden;
  width: 100%;
  z-index: 18;
  position: fixed;
  top: 48px;
  left: 0; }
  @media only screen and (max-width: 768px) {
    /* line 43, src/styles/base/_layout.scss */
    .header {
      top: 0; } }
  /* line 56, src/styles/base/_layout.scss */
  .header .header-bar {
    background: linear-gradient(180deg, #000000 0%, rgba(27, 28, 34, 0) 70%);
    height: 8px;
    width: 100%; }
  /* line 61, src/styles/base/_layout.scss */
  .header .header-top {
    background: radial-gradient(74.83% 76.97% at 50% 13.64%, #343641 0%, #1b1c22 100%);
    width: 100%; }
    /* line 68, src/styles/base/_layout.scss */
    .header .header-top .header-text {
      padding: 0 1rem 1rem 1rem;
      color: #e0e0e0; }
  /* line 73, src/styles/base/_layout.scss */
  .header .header-content {
    margin: 0 0 0 220px; }
    /* line 75, src/styles/base/_layout.scss */
    .header .header-content .header-text {
      padding: 2rem 1rem; }
    /* line 78, src/styles/base/_layout.scss */
    .header .header-content .header-text-desktop {
      display: block;
      padding: 2rem 1.25rem;
      color: #e0e0e0; }
    @media only screen and (max-width: 1023px) {
      /* line 73, src/styles/base/_layout.scss */
      .header .header-content {
        margin: 0; } }
    @media only screen and (max-width: 768px) {
      /* line 73, src/styles/base/_layout.scss */
      .header .header-content {
        margin: 60px 0 0 0; }
        /* line 88, src/styles/base/_layout.scss */
        .header .header-content .header-text {
          padding: 0 1rem 1rem 1rem;
          color: #e0e0e0; }
        /* line 92, src/styles/base/_layout.scss */
        .header .header-content .header-text-desktop {
          display: none; } }

/* line 99, src/styles/base/_layout.scss */
.content-view {
  margin-top: 116px; }
  @media only screen and (max-width: 768px) {
    /* line 99, src/styles/base/_layout.scss */
    .content-view {
      margin-top: 0; } }

/* line 106, src/styles/base/_layout.scss */
.content-view-loading {
  height: 80vh;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #e0e0e0; }
  /* line 114, src/styles/base/_layout.scss */
  .content-view-loading .content-view-loading-text {
    padding-top: 1rem;
    margin: 0 2rem;
    text-align: center; }
  /* line 119, src/styles/base/_layout.scss */
  .content-view-loading .content-view-loading-button {
    max-width: 50vw;
    margin-top: 1rem; }

/* line 125, src/styles/base/_layout.scss */
[role='main'] {
  /* width */
  /* Track */
  /* Handle */ }
  /* line 127, src/styles/base/_layout.scss */
  [role='main']::-webkit-scrollbar {
    width: 10px; }
  /* line 131, src/styles/base/_layout.scss */
  [role='main']::-webkit-scrollbar-track {
    background: #3e4045; }
  /* line 135, src/styles/base/_layout.scss */
  [role='main']::-webkit-scrollbar-thumb {
    background: #6f7074; }

/** BLACK **/
/** TEXT COLOR **/
/** RED **/
/** YELLOW **/
/** ORANGE **/
/** BLUE **/
/** GREEN **/
/** WHITE **/
/** GREY **/
/** App colors **/
/** TABS GRADIENT **/
/** BLACK **/
/** TEXT COLOR **/
/** RED **/
/** YELLOW **/
/** ORANGE **/
/** BLUE **/
/** GREEN **/
/** WHITE **/
/** GREY **/
/** App colors **/
/** TABS GRADIENT **/
/* line 6, src/styles/base/_typography.scss */
* {
  font-family: Lato, sans-serif; }

/* line 10, src/styles/base/_typography.scss */
h1,
h2,
h3,
h4,
h5,
h6,
p {
  color: #a0a0a0;
  font-family: Lato, sans-serif; }

/* line 21, src/styles/base/_typography.scss */
.home-title {
  font-size: 1rem;
  font-family: Lato, sans-serif;
  font-style: normal;
  font-weight: normal;
  line-height: 120%;
  text-transform: uppercase; }

/* line 30, src/styles/base/_typography.scss */
.app-title {
  font-family: Lato, sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 21px;
  line-height: 24px;
  text-align: center;
  letter-spacing: 0.15px;
  color: #e0e0e0;
  text-shadow: 0px -1px 0px #060609, 0px 1px 0px rgba(255, 255, 255, 0.07); }

/* line 43, src/styles/base/_typography.scss */
.red {
  color: #D25959; }

/* line 46, src/styles/base/_typography.scss */
.blue {
  color: #81abd0; }

/* line 49, src/styles/base/_typography.scss */
.green {
  color: #7fd771; }

/* line 53, src/styles/base/_typography.scss */
.text-14-normal {
  font-family: Lato, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 0.875rem;
  line-height: 120%; }

/* line 60, src/styles/base/_typography.scss */
.text-14-normal-uppercase {
  font-family: Lato, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 0.875rem;
  line-height: 120%;
  text-transform: uppercase; }

/* line 68, src/styles/base/_typography.scss */
.text-15-normal {
  font-family: Lato, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 0.938rem;
  line-height: 120%; }

/* line 75, src/styles/base/_typography.scss */
.text-16-normal {
  font-family: Lato, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 1rem;
  line-height: 120%; }

/* line 82, src/styles/base/_typography.scss */
.text-16-normal-150 {
  font-family: Lato, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 1rem;
  line-height: 150%; }

/* line 89, src/styles/base/_typography.scss */
.text-16-bold {
  font-family: Lato, sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 1rem;
  line-height: 120%; }

/* line 96, src/styles/base/_typography.scss */
.text-18-medium {
  font-family: Lato, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 120%; }

/* line 103, src/styles/base/_typography.scss */
.text-18-bold {
  font-family: Lato, sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 1.125rem;
  line-height: 120%; }

/* line 110, src/styles/base/_typography.scss */
.text-19-bold {
  font-family: Lato, sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 1.188rem;
  line-height: 120%; }

/* line 117, src/styles/base/_typography.scss */
.text-20-bold {
  font-family: Lato, sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 1.25rem;
  line-height: 120%; }

/* line 124, src/styles/base/_typography.scss */
.text-21-bold {
  font-family: Lato, sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 1.313rem;
  line-height: 120%; }

/* line 131, src/styles/base/_typography.scss */
.text-22-normal {
  font-family: Lato, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 1.375rem;
  line-height: 120%; }

/* line 138, src/styles/base/_typography.scss */
.text-22-bold {
  font-family: Lato, sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 1.375rem;
  line-height: 120%; }

/* line 145, src/styles/base/_typography.scss */
.text-24-normal {
  font-family: Lato, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 1.5rem;
  line-height: 120%; }

/* line 152, src/styles/base/_typography.scss */
.text-24-bold {
  font-family: Lato, sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 1.5rem;
  line-height: 120%; }

/* Button */
/* line 162, src/styles/base/_typography.scss */
.button-primary-text span {
  font-family: Lato, sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 1rem;
  line-height: 120%;
  color: #e0e0e0; }

/* line 171, src/styles/base/_typography.scss */
.button-secondary-text {
  font-family: Lato, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 1rem;
  line-height: 120%;
  color: #e0e0e0; }

/* Card */
/* line 181, src/styles/base/_typography.scss */
.card-title-on {
  font-family: Lato, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 1.125rem;
  line-height: 120%;
  color: #e0e0e0; }

/* line 189, src/styles/base/_typography.scss */
.card-title-off {
  font-family: Lato, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 1rem;
  line-height: 120%;
  color: #e0e0e0; }

/* line 197, src/styles/base/_typography.scss */
.card-text-bold {
  font-family: Lato, sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 1rem;
  line-height: 120%;
  color: #e0e0e0; }

/* line 205, src/styles/base/_typography.scss */
.card-result {
  font-family: Lato, sans-serif;
  font-style: normal;
  font-weight: 900;
  font-size: 1.75rem;
  line-height: 120%;
  color: #e0e0e0; }

/* line 213, src/styles/base/_typography.scss */
.card-indicator {
  font-family: Lato, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 1rem;
  line-height: 120%;
  color: #e0e0e0; }

/* line 221, src/styles/base/_typography.scss */
.card-text {
  font-family: Lato, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 1rem;
  line-height: 120%;
  color: #e0e0e0; }

/* Chart */
/* line 231, src/styles/base/_typography.scss */
.chart-date {
  font-family: Lato, sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 1rem;
  line-height: 123%;
  color: #e0e0e0; }

/* line 239, src/styles/base/_typography.scss */
.chart-result {
  font-family: Lato, sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 2.25rem;
  line-height: 120%;
  color: #e0e0e0; }

/* line 247, src/styles/base/_typography.scss */
.chart-fluid {
  font-family: Lato, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 1rem;
  line-height: 120%;
  color: #e0e0e0; }

/* line 255, src/styles/base/_typography.scss */
.chart-switch-text {
  font-family: Lato, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 1rem;
  line-height: 120%;
  color: #e0e0e0; }

/* line 263, src/styles/base/_typography.scss */
.chart-ticks-x-text {
  font-family: Lato, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 1rem;
  line-height: 120%; }
  @media only screen and (max-width: 768px) {
    /* line 263, src/styles/base/_typography.scss */
    .chart-ticks-x-text {
      font-size: 0.875rem; } }

/* line 273, src/styles/base/_typography.scss */
.chart-ticks-y-text {
  font-family: Lato, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 0.9rem;
  line-height: 120%; }
  @media only screen and (max-width: 768px) {
    /* line 273, src/styles/base/_typography.scss */
    .chart-ticks-y-text {
      font-size: 0.75rem; } }

/* Cozy bar */
/* line 285, src/styles/base/_typography.scss */
.cozybar {
  font-family: Lato, sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 1.3125rem;
  line-height: 120%;
  color: #e0e0e0; }

/* List */
/* line 295, src/styles/base/_typography.scss */
.list-title {
  font-family: Lato, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 0.875rem;
  line-height: 120%;
  text-transform: uppercase;
  color: #e0e0e0; }

/* Tab */
/* line 306, src/styles/base/_typography.scss */
.tab-text-on {
  font-family: Lato, sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 1rem;
  line-height: 120%; }

/* line 313, src/styles/base/_typography.scss */
.tab-text-off {
  font-family: Lato, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 1rem;
  line-height: 120%;
  color: #e0e0e0; }

/** BLACK **/
/** TEXT COLOR **/
/** RED **/
/** YELLOW **/
/** ORANGE **/
/** BLUE **/
/** GREEN **/
/** WHITE **/
/** GREY **/
/** App colors **/
/** TABS GRADIENT **/
/* line 5, src/styles/components/_card.scss */
.redirect-card-link {
  color: transparent; }

/* line 8, src/styles/components/_card.scss */
.redirect-card-content {
  margin: 0.25rem 0; }

/* line 14, src/styles/components/_card.scss */
.card {
  /* linear card */
  background: linear-gradient(180deg, #323339 0%, #25262b 100%);
  background-color: #25262b;
  display: flex;
  flex-direction: column;
  color: white;
  padding: 1rem 1.5rem;
  margin: 2vh 2vw 2vh 0vw;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.75); }
  @media only screen and (max-width: 768px) {
    /* line 14, src/styles/components/_card.scss */
    .card {
      margin: 2vh 0; } }
  /* line 27, src/styles/components/_card.scss */
  .card.orange {
    border: 1px solid rgba(216, 123, 57, 0.4); }
  /* line 30, src/styles/components/_card.scss */
  .card.blue {
    border: 1px solid rgba(58, 152, 236, 0.4); }
  /* line 33, src/styles/components/_card.scss */
  .card.green {
    border: 1px solid rgba(69, 209, 184, 0.4); }
  /* line 36, src/styles/components/_card.scss */
  .card .title {
    font-size: 1.5rem;
    font-style: normal;
    font-weight: normal;
    color: #e0e0e0;
    line-height: 120%; }
  /* line 43, src/styles/components/_card.scss */
  .card h1 {
    font-size: 1rem;
    font-style: normal;
    font-weight: normal;
    line-height: 120%;
    color: white; }
  /* line 50, src/styles/components/_card.scss */
  .card p {
    font-style: normal;
    font-weight: normal;
    font-size: 1rem;
    line-height: 120%; }
  /* line 56, src/styles/components/_card.scss */
  .card .card-header {
    flex-direction: row;
    display: flex;
    justify-content: left;
    padding: 0.75rem 0rem; }
    /* line 61, src/styles/components/_card.scss */
    .card .card-header div:first-of-type {
      margin-left: 3.5vw; }
    /* line 64, src/styles/components/_card.scss */
    .card .card-header h2 {
      margin: 0;
      color: #e0e0e0;
      font-style: normal;
      font-weight: normal;
      font-size: 2rem;
      line-height: 120%; }
      /* line 71, src/styles/components/_card.scss */
      .card .card-header h2 span {
        color: #e0e0e0;
        font-weight: 600;
        font-size: 2.3rem; }
    /* line 77, src/styles/components/_card.scss */
    .card .card-header h3 {
      margin: 0;
      font-style: normal;
      font-weight: bold;
      font-size: 1rem;
      line-height: 120%; }

/** BLACK **/
/** TEXT COLOR **/
/** RED **/
/** YELLOW **/
/** ORANGE **/
/** BLUE **/
/** GREEN **/
/** WHITE **/
/** GREY **/
/** App colors **/
/** TABS GRADIENT **/
/* line 4, src/styles/components/_form.scss */
.form {
  padding: 1vh 1.5vw; }
  @media only screen and (max-width: 768px) {
    /* line 4, src/styles/components/_form.scss */
    .form {
      padding: 1vh 0; } }
  /* line 9, src/styles/components/_form.scss */
  .form label {
    font-style: normal;
    font-weight: normal;
    font-size: 1rem;
    color: #e0e0e0;
    margin-top: 0rem; }
  /* line 16, src/styles/components/_form.scss */
  .form .form-input {
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid #7b7b7b;
    border-radius: 4px;
    color: #e0e0e0;
    padding: 0 5%;
    outline-offset: -1px; }
  /* line 24, src/styles/components/_form.scss */
  .form .form-input:focus {
    outline: none;
    box-shadow: inset 0px 0px 0px 1px #e3b82a; }
  /* line 28, src/styles/components/_form.scss */
  .form .form-group {
    display: flex;
    flex-direction: column;
    margin: 1.5rem 0 0 0; }
    /* line 32, src/styles/components/_form.scss */
    .form .form-group .form-trailing-icon {
      float: right;
      position: relative;
      margin-top: -48px;
      margin-right: 15px; }
  /* line 39, src/styles/components/_form.scss */
  .form .form-control {
    height: 3rem; }
    @media only screen and (max-width: 768px) {
      /* line 39, src/styles/components/_form.scss */
      .form .form-control {
        max-width: 100vw; } }
  /* line 45, src/styles/components/_form.scss */
  .form .form-message {
    color: #ce3535;
    min-height: 1.25rem;
    margin-top: 0.125rem; }
  /* line 50, src/styles/components/_form.scss */
  .form .form-button {
    margin-top: 0.125rem; }
  /* line 53, src/styles/components/_form.scss */
  .form ::placeholder {
    color: #e0e0e0; }

/** BLACK **/
/** TEXT COLOR **/
/** RED **/
/** YELLOW **/
/** ORANGE **/
/** BLUE **/
/** GREEN **/
/** WHITE **/
/** GREY **/
/** App colors **/
/** TABS GRADIENT **/
/* line 6, src/styles/components/_button.scss */
.btn-primary {
  height: 3rem;
  padding: 0.5vh 2vw 0.5vh 2vw;
  background-color: #b2901b;
  border: 1px solid rgba(227, 184, 42, 0.2);
  box-shadow: 0px 2px 6px #1E1C1C;
  border-radius: 2px;
  margin: 1rem 0 1rem 0;
  color: black;
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  text-transform: capitalize; }
  /* line 23, src/styles/components/_button.scss */
  .btn-primary:hover {
    cursor: pointer;
    background-color: #deaf0e;
    color: #242633; }
  /* line 28, src/styles/components/_button.scss */
  .btn-primary:active {
    position: relative;
    top: 1px;
    background-color: #c59f1c; }
  /* line 34, src/styles/components/_button.scss */
  .btn-primary:focus {
    cursor: pointer;
    outline: none; }

/* line 41, src/styles/components/_button.scss */
.btn-secondary {
  background-color: #deaf0e;
  color: black;
  height: 3rem;
  padding: 0.5vh 2vw 0.5vh 2vw;
  margin: 1rem 0 1rem 0;
  text-transform: capitalize;
  border: 1px solid rgba(227, 184, 42, 0.2);
  box-shadow: -2px -2px 6px rgba(227, 184, 42, 0.2), 2px 2px 6px #1E1C1C;
  border-radius: 6px;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 120%; }

/* line 60, src/styles/components/_button.scss */
.btn-secondary-negative {
  border: 1px solid #deaf0e;
  height: 3rem;
  padding: 0.5vh 2vw 0.5vh 2vw;
  margin: 1rem 0 1rem 0;
  text-transform: capitalize;
  box-shadow: -2px -2px 6px rgba(227, 184, 42, 0.2), 2px 2px 6px #1E1C1C;
  border-radius: 6px;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 120%;
  color: #E0E0E0; }

/* line 78, src/styles/components/_button.scss */
.btn-chevron {
  margin: 1rem 1rem 1rem 0;
  color: white;
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  line-height: 120%; }
  /* line 88, src/styles/components/_button.scss */
  .btn-chevron:hover {
    cursor: pointer;
    color: white; }

/* line 94, src/styles/components/_button.scss */
.btn-long-string {
  height: 3rem;
  padding: 0.5vh 2vw 0.5vh 2vw;
  border: 1px solid #121212;
  box-sizing: border-box;
  border-radius: 2px;
  color: white;
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  margin: 1rem 0 1rem 0; }

/*
.btn {
  height: 3rem;
  padding: 0.5vh 2vw 0.5vh 2vw;
  background-color: $gold;
  border: none;
  margin: 1rem 0 1rem 0;
  color: $text-black;
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  text-transform: capitalize;
  &.active{
    opacity: 0.3;
  }
  &:hover {
    cursor: pointer;
    background-color: $gold-light;
    color: $dark;
  }
  &:active {
    position:relative;
    top:1px;
    background-color: #c59f1c;
  }
  .btn-content{
    display: inline-flex;
    align-items: center;
    .btn-icon{
      margin-right: 1.5vw;
    }
  }
}
*/
/** BLACK **/
/** TEXT COLOR **/
/** RED **/
/** YELLOW **/
/** ORANGE **/
/** BLUE **/
/** GREEN **/
/** WHITE **/
/** GREY **/
/** App colors **/
/** TABS GRADIENT **/
/* line 4, src/styles/components/_konnector.scss */
.accordion {
  display: flex;
  flex-direction: column;
  color: white;
  padding: 1rem 1rem;
  margin-bottom: 2vh;
  border-radius: 4px;
  background: linear-gradient(180deg, #323339 0%, #25262b 100%);
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.75);
  transition: background-color 0.6s ease; }
  /* line 14, src/styles/components/_konnector.scss */
  .accordion.active {
    background-color: #34353a; }
  /* line 18, src/styles/components/_konnector.scss */
  .accordion .accordion-header {
    display: flex;
    align-items: center;
    border: none;
    outline: none; }
    /* line 23, src/styles/components/_konnector.scss */
    .accordion .accordion-header:hover {
      cursor: pointer; }
    /* line 26, src/styles/components/_konnector.scss */
    .accordion .accordion-header .accordion-icon {
      margin-right: 1rem; }
      @media only screen and (max-width: 768px) {
        /* line 26, src/styles/components/_konnector.scss */
        .accordion .accordion-header .accordion-icon {
          max-width: 16vw; } }
    /* line 32, src/styles/components/_konnector.scss */
    .accordion .accordion-header .accordion-info {
      flex: 3;
      color: #e0e0e0; }
      @media only screen and (max-width: 768px) {
        /* line 32, src/styles/components/_konnector.scss */
        .accordion .accordion-header .accordion-info {
          display: block; } }
      /* line 38, src/styles/components/_konnector.scss */
      .accordion .accordion-header .accordion-info .accordion-title {
        flex: 1; }
    /* line 45, src/styles/components/_konnector.scss */
    .accordion .accordion-header .state-picto {
      position: absolute;
      display: flex; }
  /* line 50, src/styles/components/_konnector.scss */
  .accordion .accordion-update-result {
    margin: 0.5rem 1.5rem; }
    @media only screen and (max-width: 768px) {
      /* line 50, src/styles/components/_konnector.scss */
      .accordion .accordion-update-result {
        margin: 0.5rem 0; } }
  /* line 56, src/styles/components/_konnector.scss */
  .accordion .accordion-update {
    flex: 2;
    padding: 0.5rem 1rem; }
  /* line 60, src/styles/components/_konnector.scss */
  .accordion .accordion-state {
    flex: 2;
    margin-right: 1rem; }
  /* line 64, src/styles/components/_konnector.scss */
  .accordion .accordion-frequency {
    flex: 1;
    padding: 0 1rem; }
  /* line 68, src/styles/components/_konnector.scss */
  .accordion .accordion-caption {
    color: #a0a0a0;
    text-transform: lowercase; }
    /* line 71, src/styles/components/_konnector.scss */
    .accordion .accordion-caption::first-letter {
      text-transform: uppercase; }
  /* line 75, src/styles/components/_konnector.scss */
  .accordion .accordion-caption-red {
    color: #ce3535;
    text-transform: lowercase; }
    /* line 78, src/styles/components/_konnector.scss */
    .accordion .accordion-caption-red::first-letter {
      text-transform: uppercase; }
  /* line 82, src/styles/components/_konnector.scss */
  .accordion .accordion-content {
    overflow: hidden;
    transition: max-height 0.6s ease; }
  /* line 86, src/styles/components/_konnector.scss */
  .accordion .inline-buttons {
    display: flex;
    flex-flow: row nowrap; }
  /* line 90, src/styles/components/_konnector.scss */
  .accordion .btn-position {
    width: 100%;
    margin: 0.5rem 1rem; }

/* line 96, src/styles/components/_konnector.scss */
.kv-root {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 1.5rem; }
  /* line 102, src/styles/components/_konnector.scss */
  .kv-root .kv-content {
    width: 45.75rem; }
    @media only screen and (max-width: 768px) {
      /* line 102, src/styles/components/_konnector.scss */
      .kv-root .kv-content {
        width: 100%; } }
    /* line 107, src/styles/components/_konnector.scss */
    .kv-root .kv-content .kv-header {
      margin-top: 2.5rem;
      margin-bottom: 1.25rem;
      color: #e0e0e0; }

/* line 116, src/styles/components/_konnector.scss */
.knotfound {
  margin: 0 1.5rem; }
  @media only screen and (max-width: 768px) {
    /* line 116, src/styles/components/_konnector.scss */
    .knotfound {
      margin: 0; } }
  /* line 121, src/styles/components/_konnector.scss */
  .knotfound .knotfound-text {
    color: #e0e0e0;
    padding-top: 1rem; }
  /* line 125, src/styles/components/_konnector.scss */
  .knotfound .knotfound-button {
    margin-bottom: 1rem; }

/* line 131, src/styles/components/_konnector.scss */
.koauthform {
  margin: 0 1.5rem; }
  @media only screen and (max-width: 768px) {
    /* line 131, src/styles/components/_konnector.scss */
    .koauthform {
      margin: 0; } }
  /* line 136, src/styles/components/_konnector.scss */
  .koauthform .koauthform-text {
    color: #e0e0e0;
    padding-top: 1rem; }
  /* line 140, src/styles/components/_konnector.scss */
  .koauthform .koauthform-button {
    margin-bottom: 1rem; }

/* line 147, src/styles/components/_konnector.scss */
.kloginauthform .kloginauthform-text {
  color: #e0e0e0;
  padding-top: 1rem; }

/* line 151, src/styles/components/_konnector.scss */
.kloginauthform .kloginauthform-button {
  margin-bottom: 1rem; }

/* line 158, src/styles/components/_konnector.scss */
.klaunch-content {
  margin: 0.5rem 1.5rem; }
  @media only screen and (max-width: 768px) {
    /* line 158, src/styles/components/_konnector.scss */
    .klaunch-content {
      margin: 0.5rem 0; } }
  /* line 163, src/styles/components/_konnector.scss */
  .klaunch-content .klaunch-content-text {
    color: #e0e0e0;
    margin: 1rem 0; }
  /* line 167, src/styles/components/_konnector.scss */
  .klaunch-content .klaunch-content-text-center {
    text-align: center; }
  /* line 170, src/styles/components/_konnector.scss */
  .klaunch-content .klaunch-info-txt {
    margin: 1.5rem; }

/* line 175, src/styles/components/_konnector.scss */
.state-icon {
  height: 22px;
  width: 22px;
  position: absolute;
  bottom: 8px;
  left: 30px; }

/** BLACK **/