/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */
@import url("https://fonts.cdnfonts.com/css/urbanist");
@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");
/* line 23, app/assets/stylesheets/variables.scss */
:root {
  --dynamic-green: #FF2C65;
  --dynamic-green-rgb: 255, 44, 101;
}

/* line 60, app/assets/stylesheets/variables.scss */
html {
  --dt-row-hover-alpha: 0.35 !important;
  --dt-row-stripe-alpha: 0.23 !important;
  --dt-column-ordering-alpha: 0.019;
  --dt-row-selected-stripe-alpha: 0.923;
  --dt-row-selected-column-ordering-alpha: 0.919;
  --dt-row-selected: $green-rule !important;
  --dt-row-selected-text: 255, 44, 101 !important;
  --dt-row-selected-link: 255, 44, 101 !important;
  --dt-row-stripe: 255, 44, 101 !important;
  --dt-row-hover: 255, 44, 101 !important;
  --dt-column-ordering: 255, 44, 101 !important;
  --dt-html-background: white;
}

/* line 75, app/assets/stylesheets/variables.scss */
div.dt-container .dt-search input {
  border: 1px solid var(--dynamic-green) !important;
}

/* line 79, app/assets/stylesheets/variables.scss */
table.dataTable > thead > tr > th, table.dataTable > thead > tr > td {
  border-bottom: 1px solid rgba(var(--dynamic-green-rgb), 0.3) !important;
}

/* line 82, app/assets/stylesheets/variables.scss */
table.dataTable.row-border > tbody > tr > *, table.dataTable.display > tbody > tr > * {
  border-bottom: 1px solid rgba(var(--dynamic-green-rgb), 0.3) !important;
}

/* line 86, app/assets/stylesheets/variables.scss */
.main-content .block.ladder-block {
  color: white;
  background: linear-gradient(135deg, #151924, #151C2B);
}

/* line 89, app/assets/stylesheets/variables.scss */
.main-content .block.ladder-block .header-block {
  background: transparent;
}

/* line 92, app/assets/stylesheets/variables.scss */
.main-content .block.ladder-block .content-block {
  background: transparent;
}

/* line 94, app/assets/stylesheets/variables.scss */
.main-content .block.ladder-block .content-block a {
  color: white;
  text-decoration: none;
}

/* line 100, app/assets/stylesheets/variables.scss */
.main-content .block.ladder-block .content-block table td svg {
  vertical-align: middle;
}

/* line 104, app/assets/stylesheets/variables.scss */
.main-content .block.ladder-block .content-block table td svg.gold path {
  stroke: gold;
}

/* line 107, app/assets/stylesheets/variables.scss */
.main-content .block.ladder-block .content-block table td svg.silver path {
  stroke: silver;
}

/* line 110, app/assets/stylesheets/variables.scss */
.main-content .block.ladder-block .content-block table td svg.bronze path {
  stroke: #cd7f32;
}

/* line 19, app/assets/stylesheets/application.scss */
svg path {
  stroke: var(--dynamic-green);
}

/* line 24, app/assets/stylesheets/application.scss */
body {
  margin: 0px;
  color: white;
  font-family: "Urbanist", Sans-serif;
}

/* line 30, app/assets/stylesheets/application.scss */
header {
  z-index: 2;
  background-color: #151924;
  height: 80px;
  position: relative;
}

/* line 36, app/assets/stylesheets/application.scss */
header img {
  height: 40px;
  width: auto;
  padding: 20px;
  padding-left: 0px;
}

/* line 42, app/assets/stylesheets/application.scss */
header #logo-svg {
  height: 40px;
  width: auto;
  padding: 20px;
  padding-right: 0px;
}

/* line 48, app/assets/stylesheets/application.scss */
header #logo-svg g path {
  stroke: unset;
  fill: #000;
}

/* line 52, app/assets/stylesheets/application.scss */
header #logo-svg g path:last-of-type {
  fill: var(--dynamic-green);
}

/* line 58, app/assets/stylesheets/application.scss */
header #burger-menu-open {
  height: 40px;
  width: auto;
  padding: 20px;
  display: none;
}

/* line 64, app/assets/stylesheets/application.scss */
header #burger-menu-close {
  height: 40px;
  width: auto;
  padding: 20px;
  display: none;
}

/* line 71, app/assets/stylesheets/application.scss */
header form {
  float: right;
}

/* line 73, app/assets/stylesheets/application.scss */
header form button {
  cursor: pointer;
  border: unset;
  background: transparent;
}

/* line 77, app/assets/stylesheets/application.scss */
header form button svg {
  padding: 20px 0px 20px 0px;
  float: right;
}

/* line 78, app/assets/stylesheets/application.scss */
header form button svg path {
  stroke: #94A3B8;
}

/* line 85, app/assets/stylesheets/application.scss */
header form button span {
  padding: 25px 20px 0px 0px;
  float: right;
  font-family: "Inter", Sans-serif;
  font-weight: bold;
  font-size: 16px;
  color: #94A3B8;
  margin-left: 10px;
}

/* line 99, app/assets/stylesheets/application.scss */
header.alert-header {
  border-bottom: 1px solid var(--dynamic-green);
}

/* line 102, app/assets/stylesheets/application.scss */
header.notice-header {
  border-bottom: 1px solid var(--dynamic-green);
}

/* line 106, app/assets/stylesheets/application.scss */
.alert {
  text-align: center;
  background-color: #800000;
  margin: 0;
  padding: 16px;
}

/* line 113, app/assets/stylesheets/application.scss */
.notice {
  text-align: center;
  background-color: #2dbb43;
  margin: 0;
  padding: 16px;
}

/* line 120, app/assets/stylesheets/application.scss */
.img-overlay {
  z-index: 0;
  color: white;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
  background-color: #161616;
  background-image: url(https://x41.fr/wp-content/uploads/2024/12/fond-oldtermn4l.webp);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.25;
  transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}

/* line 137, app/assets/stylesheets/application.scss */
.overlay {
  z-index: 1;
  background-color: #151C2B;
  color: white;
  opacity: 0.95;
  transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
}

/* line 150, app/assets/stylesheets/application.scss */
section {
  position: relative;
  z-index: 2;
  height: 100%;
}

/* line 156, app/assets/stylesheets/application.scss */
section.with-bar {
  display: flex;
  min-height: calc(100vh - 80px);
}

@media (max-width: 572px) {
  /* line 163, app/assets/stylesheets/application.scss */
  header img, header #logo-svg {
    display: none;
  }
  /* line 166, app/assets/stylesheets/application.scss */
  header #burger-menu-open {
    display: inline;
  }
}

/* line 23, app/assets/stylesheets/variables.scss */
:root {
  --dynamic-green: #FF2C65;
  --dynamic-green-rgb: 255, 44, 101;
}

/* line 60, app/assets/stylesheets/variables.scss */
html {
  --dt-row-hover-alpha: 0.35 !important;
  --dt-row-stripe-alpha: 0.23 !important;
  --dt-column-ordering-alpha: 0.019;
  --dt-row-selected-stripe-alpha: 0.923;
  --dt-row-selected-column-ordering-alpha: 0.919;
  --dt-row-selected: $green-rule !important;
  --dt-row-selected-text: 255, 44, 101 !important;
  --dt-row-selected-link: 255, 44, 101 !important;
  --dt-row-stripe: 255, 44, 101 !important;
  --dt-row-hover: 255, 44, 101 !important;
  --dt-column-ordering: 255, 44, 101 !important;
  --dt-html-background: white;
}

/* line 75, app/assets/stylesheets/variables.scss */
div.dt-container .dt-search input {
  border: 1px solid var(--dynamic-green) !important;
}

/* line 79, app/assets/stylesheets/variables.scss */
table.dataTable > thead > tr > th, table.dataTable > thead > tr > td {
  border-bottom: 1px solid rgba(var(--dynamic-green-rgb), 0.3) !important;
}

/* line 82, app/assets/stylesheets/variables.scss */
table.dataTable.row-border > tbody > tr > *, table.dataTable.display > tbody > tr > * {
  border-bottom: 1px solid rgba(var(--dynamic-green-rgb), 0.3) !important;
}

/* line 86, app/assets/stylesheets/variables.scss */
.main-content .block.ladder-block {
  color: white;
  background: linear-gradient(135deg, #151924, #151C2B);
}

/* line 89, app/assets/stylesheets/variables.scss */
.main-content .block.ladder-block .header-block {
  background: transparent;
}

/* line 92, app/assets/stylesheets/variables.scss */
.main-content .block.ladder-block .content-block {
  background: transparent;
}

/* line 94, app/assets/stylesheets/variables.scss */
.main-content .block.ladder-block .content-block a {
  color: white;
  text-decoration: none;
}

/* line 100, app/assets/stylesheets/variables.scss */
.main-content .block.ladder-block .content-block table td svg {
  vertical-align: middle;
}

/* line 104, app/assets/stylesheets/variables.scss */
.main-content .block.ladder-block .content-block table td svg.gold path {
  stroke: gold;
}

/* line 107, app/assets/stylesheets/variables.scss */
.main-content .block.ladder-block .content-block table td svg.silver path {
  stroke: silver;
}

/* line 110, app/assets/stylesheets/variables.scss */
.main-content .block.ladder-block .content-block table td svg.bronze path {
  stroke: #cd7f32;
}

/* line 3, app/assets/stylesheets/user_session.scss */
.users {
  position: relative;
  width: 100%;
  flex-wrap: wrap;
  align-content: space-between;
  display: flex;
  margin-top: 15%;
}

/* line 11, app/assets/stylesheets/user_session.scss */
.users img {
  margin: auto;
  width: 25vw;
  height: auto;
  float: left;
  margin-right: 3%;
}

/* line 18, app/assets/stylesheets/user_session.scss */
.users .form-container {
  margin: auto;
  width: 25vw;
  height: auto;
  float: right;
  background-color: #151924;
  padding: 30px;
  border-radius: 3px;
  border-top: 3px solid var(--dynamic-green);
  margin-left: 3%;
}

/* line 31, app/assets/stylesheets/user_session.scss */
.users .form-container form .field {
  margin-bottom: 20px;
}

/* line 36, app/assets/stylesheets/user_session.scss */
.users .form-container form .field input[type="email"], .users .form-container form .field input[type="password"] {
  margin-top: 5px;
  box-shadow: none;
  display: block;
  width: calc(100% - 24px);
  height: 36px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.57142857;
  color: #323537;
  background-color: white;
  background-image: none;
  border: 1px solid #e4eaec;
  outline: 0;
  border-radius: 3px;
}

/* line 57, app/assets/stylesheets/user_session.scss */
.users .form-container .actions input {
  appearance: none;
  background-color: var(--dynamic-green);
  border: none;
  border-radius: 3px;
  display: inline-block;
  -webkit-transition: border 0.15s linear, color 0.15s linear, width 0.15s linear, background-color 0.15s linear;
  -o-transition: border 0.15s linear, color 0.15s linear, width 0.15s linear, background-color 0.15s linear;
  transition: border 0.15s linear, color 0.15s linear, width 0.15s linear, background-color 0.15s linear;
  cursor: pointer;
  width: 100%;
  padding: 0 12px;
  font-size: 15px;
  font-weight: 500;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
  height: 50px;
  color: white;
}

/* line 78, app/assets/stylesheets/user_session.scss */
.users .form-container a {
  margin-top: 10px;
  display: inline-block;
  color: var(--dynamic-green);
  text-decoration: none;
  cursor: pointer;
}

@media (max-width: 1250px) {
  /* line 90, app/assets/stylesheets/user_session.scss */
  .users img {
    width: 35vw;
  }
  /* line 94, app/assets/stylesheets/user_session.scss */
  .users .form-container {
    width: 35vw;
  }
}

@media (max-width: 768px) {
  /* line 105, app/assets/stylesheets/user_session.scss */
  .users {
    text-align: center;
    display: block;
  }
  /* line 108, app/assets/stylesheets/user_session.scss */
  .users img {
    height: 30vh;
    width: auto;
    float: unset;
    margin-right: unset;
    margin: auto;
    margin-bottom: 30px;
  }
  /* line 117, app/assets/stylesheets/user_session.scss */
  .users .form-container {
    width: calc(100% - 120px);
    float: unset;
    margin-left: unset;
    margin: auto;
  }
}

@media (max-width: 375px) {
  /* line 130, app/assets/stylesheets/user_session.scss */
  .users img {
    height: 25vh;
    width: auto;
    float: unset;
    margin-right: unset;
    margin: auto;
    margin-bottom: 30px;
  }
  /* line 138, app/assets/stylesheets/user_session.scss */
  .users .form-container {
    width: calc(100% - 120px);
    float: unset;
    margin-left: unset;
    margin: auto;
  }
}

/* line 23, app/assets/stylesheets/variables.scss */
:root {
  --dynamic-green: #FF2C65;
  --dynamic-green-rgb: 255, 44, 101;
}

/* line 60, app/assets/stylesheets/variables.scss */
html {
  --dt-row-hover-alpha: 0.35 !important;
  --dt-row-stripe-alpha: 0.23 !important;
  --dt-column-ordering-alpha: 0.019;
  --dt-row-selected-stripe-alpha: 0.923;
  --dt-row-selected-column-ordering-alpha: 0.919;
  --dt-row-selected: $green-rule !important;
  --dt-row-selected-text: 255, 44, 101 !important;
  --dt-row-selected-link: 255, 44, 101 !important;
  --dt-row-stripe: 255, 44, 101 !important;
  --dt-row-hover: 255, 44, 101 !important;
  --dt-column-ordering: 255, 44, 101 !important;
  --dt-html-background: white;
}

/* line 75, app/assets/stylesheets/variables.scss */
div.dt-container .dt-search input {
  border: 1px solid var(--dynamic-green) !important;
}

/* line 79, app/assets/stylesheets/variables.scss */
table.dataTable > thead > tr > th, table.dataTable > thead > tr > td {
  border-bottom: 1px solid rgba(var(--dynamic-green-rgb), 0.3) !important;
}

/* line 82, app/assets/stylesheets/variables.scss */
table.dataTable.row-border > tbody > tr > *, table.dataTable.display > tbody > tr > * {
  border-bottom: 1px solid rgba(var(--dynamic-green-rgb), 0.3) !important;
}

/* line 86, app/assets/stylesheets/variables.scss */
.main-content .block.ladder-block {
  color: white;
  background: linear-gradient(135deg, #151924, #151C2B);
}

/* line 89, app/assets/stylesheets/variables.scss */
.main-content .block.ladder-block .header-block {
  background: transparent;
}

/* line 92, app/assets/stylesheets/variables.scss */
.main-content .block.ladder-block .content-block {
  background: transparent;
}

/* line 94, app/assets/stylesheets/variables.scss */
.main-content .block.ladder-block .content-block a {
  color: white;
  text-decoration: none;
}

/* line 100, app/assets/stylesheets/variables.scss */
.main-content .block.ladder-block .content-block table td svg {
  vertical-align: middle;
}

/* line 104, app/assets/stylesheets/variables.scss */
.main-content .block.ladder-block .content-block table td svg.gold path {
  stroke: gold;
}

/* line 107, app/assets/stylesheets/variables.scss */
.main-content .block.ladder-block .content-block table td svg.silver path {
  stroke: silver;
}

/* line 110, app/assets/stylesheets/variables.scss */
.main-content .block.ladder-block .content-block table td svg.bronze path {
  stroke: #cd7f32;
}

/* line 3, app/assets/stylesheets/profil.scss */
.bar {
  background-color: #151924;
  width: 220px;
  float: left;
  border-top: var(--dynamic-green) dotted 1px;
  transition: width 0.5s ease-in-out;
  position: relative;
}

/* line 11, app/assets/stylesheets/profil.scss */
.bar svg#button-reduce {
  position: absolute;
  top: 50px;
  right: -12px;
  border: 1px solid var(--dynamic-green);
  border-radius: 50px;
  background-color: #151924;
  padding: 1px;
  cursor: pointer;
  rotate: 0deg;
  transition: rotate 0.5s ease-in-out;
}

/* line 24, app/assets/stylesheets/profil.scss */
.bar a {
  text-decoration: none;
  color: white;
  display: flex;
  width: calc(100% - 62px);
  padding: 16px;
  background-color: unset;
  border-radius: 8px;
  margin: 15px;
  cursor: pointer;
}

/* line 34, app/assets/stylesheets/profil.scss */
.bar a svg {
  margin-right: 10px;
}

/* line 36, app/assets/stylesheets/profil.scss */
.bar a svg path {
  stroke: #94A3B8;
}

/* line 40, app/assets/stylesheets/profil.scss */
.bar a p {
  margin: unset;
  margin-top: 3px;
}

/* line 45, app/assets/stylesheets/profil.scss */
.bar a.active {
  background-color: rgba(var(--dynamic-green-rgb), 0.2);
  cursor: unset;
}

/* line 49, app/assets/stylesheets/profil.scss */
.bar a.active svg path {
  stroke: var(--dynamic-green);
}

/* line 54, app/assets/stylesheets/profil.scss */
.bar a:hover {
  background-color: rgba(var(--dynamic-green-rgb), 0.2);
}

/* line 57, app/assets/stylesheets/profil.scss */
.bar a:hover svg path {
  stroke: var(--dynamic-green);
}

/* line 64, app/assets/stylesheets/profil.scss */
.bar.reduced {
  width: 100px;
  transition: width 0.5s ease-in-out;
}

/* line 68, app/assets/stylesheets/profil.scss */
.bar.reduced svg#button-reduce {
  position: absolute;
  top: 50px;
  right: -12px;
  border: 1px solid var(--dynamic-green);
  border-radius: 50px;
  background-color: #151924;
  padding: 1px;
  cursor: pointer;
  rotate: 180deg;
  transition: rotate 0.5s ease-in-out;
}

/* line 81, app/assets/stylesheets/profil.scss */
.bar.reduced a {
  width: calc(100% - 30px);
  padding: 16px 0px;
}

/* line 84, app/assets/stylesheets/profil.scss */
.bar.reduced a svg {
  margin: auto;
}

/* line 87, app/assets/stylesheets/profil.scss */
.bar.reduced a p {
  display: none;
}

/* line 92, app/assets/stylesheets/profil.scss */
.main-content {
  width: calc(100% - 220px);
  float: right;
  background-color: #E2E8F0;
  transition: width 0.5s ease-in-out;
}

/* line 97, app/assets/stylesheets/profil.scss */
.main-content .header-profil {
  background-color: #151C2B;
  border-top: var(--dynamic-green) dotted 1px;
  border-left: var(--dynamic-green) dotted 1px;
  height: 300px;
  background-image: radial-gradient(ellipse, rgba(var(--dynamic-green-rgb), 0.2) 0%, #151C2B 72%);
  display: flex;
}

/* line 107, app/assets/stylesheets/profil.scss */
.main-content .header-profil .header-profil-img {
  width: 200px;
  height: 200px;
  border-radius: 100%;
  float: left;
  margin: auto;
  border: 3px solid var(--dynamic-green);
}

/* line 114, app/assets/stylesheets/profil.scss */
.main-content .header-profil .header-profil-img .img-content {
  background-size: contain;
  width: 98%;
  height: 98%;
  border-radius: 100%;
  margin: auto;
  margin-top: 1%;
  margin-bottom: 1%;
  position: relative;
}

/* line 123, app/assets/stylesheets/profil.scss */
.main-content .header-profil .header-profil-img .img-content img {
  border-radius: 100%;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* line 129, app/assets/stylesheets/profil.scss */
.main-content .header-profil .header-profil-img .img-content .badge {
  position: absolute;
  bottom: 0px;
  right: 0px;
  height: 30px;
  background-color: #151924;
  border: 1px solid var(--dynamic-green);
  display: flex;
  padding-right: 10px;
  padding-left: 10px;
}

/* line 140, app/assets/stylesheets/profil.scss */
.main-content .header-profil .header-profil-img .img-content .badge svg {
  float: left;
  width: 32px;
  margin: auto;
}

/* line 145, app/assets/stylesheets/profil.scss */
.main-content .header-profil .header-profil-img .img-content .badge p {
  float: right;
  font-weight: 600;
  font-size: 14px;
  margin: unset;
  margin: auto;
}

/* line 157, app/assets/stylesheets/profil.scss */
.main-content .header-profil .header-profil-content {
  width: calc(100% - 270px);
  float: right;
  padding-top: 48px;
}

/* line 162, app/assets/stylesheets/profil.scss */
.main-content .header-profil .header-profil-content .lines {
  display: flex;
  padding: 10px;
  margin-bottom: 30px;
}

/* line 166, app/assets/stylesheets/profil.scss */
.main-content .header-profil .header-profil-content .lines p {
  font-family: "Inter", Sans-serif;
  font-weight: bold;
  font-size: 30px;
  word-spacing: 12px;
  float: left;
  margin: 0px;
}

/* line 174, app/assets/stylesheets/profil.scss */
.main-content .header-profil .header-profil-content .lines .badge {
  background-color: rgba(var(--dynamic-green-rgb), 0.2);
  border-radius: 100px;
  text-align: center;
  padding: 8px 12px;
  font-size: 18px;
  width: 200px;
  margin-left: 40px;
}

/* line 185, app/assets/stylesheets/profil.scss */
.main-content .header-profil .header-profil-content .lines .cursus {
  font-size: 18px;
  color: var(--dynamic-green);
  margin-right: 10px;
}

/* line 190, app/assets/stylesheets/profil.scss */
.main-content .header-profil .header-profil-content .lines .level {
  font-size: 18px;
  margin-left: 10px;
}

/* line 195, app/assets/stylesheets/profil.scss */
.main-content .header-profil .header-profil-content .lines .email {
  font-size: 18px;
}

/* line 197, app/assets/stylesheets/profil.scss */
.main-content .header-profil .header-profil-content .lines .email a {
  color: white;
  text-decoration: none;
}

/* line 202, app/assets/stylesheets/profil.scss */
.main-content .header-profil .header-profil-content .lines span {
  float: right;
}

/* line 206, app/assets/stylesheets/profil.scss */
.main-content .header-profil .header-profil-content .lines svg path {
  stroke: #64748B;
}

/* line 214, app/assets/stylesheets/profil.scss */
.main-content .block {
  font-family: "Inter", Sans-serif;
  width: 80%;
  background-color: rgba(255, 255, 255, 0.8);
  margin: auto;
  margin-top: 30px;
  margin-bottom: 30px;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  color: black;
}

/* line 225, app/assets/stylesheets/profil.scss */
.main-content .block .header-block {
  background: linear-gradient(to right, #F0FDF409, #00000009);
  padding: 20px;
  display: flex;
  height: 20px;
}

/* line 231, app/assets/stylesheets/profil.scss */
.main-content .block .header-block h3 {
  text-align: left;
  float: left;
  width: calc(100% - 32px);
  margin-top: 0px;
}

/* line 237, app/assets/stylesheets/profil.scss */
.main-content .block .header-block svg {
  float: left;
  width: 32px;
  margin-right: 8px;
  stroke: var(--dynamic-green);
}

/* line 244, app/assets/stylesheets/profil.scss */
.main-content .block .content-block {
  background: linear-gradient(to left, #F0FDF409, #00000009);
  padding: 20px;
}

/* line 247, app/assets/stylesheets/profil.scss */
.main-content .block .content-block p {
  color: #64748B;
  font-size: 16px;
}

/* line 251, app/assets/stylesheets/profil.scss */
.main-content .block .content-block p a {
  text-decoration: none;
  color: #64748B;
  font-size: 16px;
  cursor: pointer;
}

/* line 257, app/assets/stylesheets/profil.scss */
.main-content .block .content-block p a:hover {
  color: var(--dynamic-green);
}

/* line 261, app/assets/stylesheets/profil.scss */
.main-content .block .content-block p span {
  color: var(--dynamic-green);
  font-size: 16px;
  float: right;
}

/* line 266, app/assets/stylesheets/profil.scss */
.main-content .block .content-block p span.note.sucess {
  color: #2dbb43;
}

/* line 269, app/assets/stylesheets/profil.scss */
.main-content .block .content-block p span.note.alert {
  color: #800000;
}

/* line 272, app/assets/stylesheets/profil.scss */
.main-content .block .content-block p progress {
  width: 100%;
}

/* line 275, app/assets/stylesheets/profil.scss */
.main-content .block .content-block p progress[value] {
  /* Reset the default appearance */
  -webkit-appearance: none;
  appearance: none;
  border: none;
  margin-top: 9px;
}

/* line 283, app/assets/stylesheets/profil.scss */
.main-content .block .content-block p progress[value]::-webkit-progress-bar {
  border-radius: 50px;
  background-color: #E2E8F0;
  height: 10px;
}

/* line 288, app/assets/stylesheets/profil.scss */
.main-content .block .content-block p progress[value]::-webkit-progress-value {
  background-color: #020617;
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
  height: 10px;
}

/* line 295, app/assets/stylesheets/profil.scss */
.main-content .block .content-block p progress[value="100"]::-webkit-progress-value {
  background-color: #020617;
  border-radius: 50px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
  height: 10px;
}

/* line 304, app/assets/stylesheets/profil.scss */
.main-content .block .content-block .flex-unit {
  display: flex;
}

/* line 307, app/assets/stylesheets/profil.scss */
.main-content .block .content-block .flex-unit div {
  width: 30%;
  padding: calc(10% / 3);
  padding-top: 0px;
  padding-bottom: 0px;
}

/* line 314, app/assets/stylesheets/profil.scss */
.main-content .block .content-block .flex-unit div p span svg {
  vertical-align: bottom;
}

/* line 319, app/assets/stylesheets/profil.scss */
.main-content .block .content-block .flex-unit div p.no-data {
  opacity: 0.6;
  font-weight: 300;
  font-style: italic;
}

/* line 325, app/assets/stylesheets/profil.scss */
.main-content .block .content-block .flex-unit .title {
  padding-top: 0px;
  padding-bottom: 0px;
  height: 60px;
}

/* line 329, app/assets/stylesheets/profil.scss */
.main-content .block .content-block .flex-unit .title h3 {
  color: var(--dynamic-green);
}

/* line 333, app/assets/stylesheets/profil.scss */
.main-content .block .content-block .flex-unit .bordered-unit {
  border-left: solid 2px #00000010;
  border-right: solid 2px #00000010;
}

/* line 344, app/assets/stylesheets/profil.scss */
.main-content .block.inscription_unit .header-block {
  height: unset;
  display: block;
}

/* line 347, app/assets/stylesheets/profil.scss */
.main-content .block.inscription_unit .header-block a {
  text-decoration: none;
  cursor: pointer;
  color: black;
}

/* line 352, app/assets/stylesheets/profil.scss */
.main-content .block.inscription_unit .header-block a h3 {
  color: black;
  width: calc(100% - 72px);
}

/* line 357, app/assets/stylesheets/profil.scss */
.main-content .block.inscription_unit .header-block a:hover {
  color: var(--dynamic-green);
}

/* line 361, app/assets/stylesheets/profil.scss */
.main-content .block.inscription_unit .header-block span {
  color: var(--dynamic-green);
  font-size: 16px;
  float: right;
}

/* line 366, app/assets/stylesheets/profil.scss */
.main-content .block.inscription_unit .header-block span.note.sucess {
  color: #2dbb43;
}

/* line 369, app/assets/stylesheets/profil.scss */
.main-content .block.inscription_unit .header-block span.note.alert {
  color: #800000;
}

/* line 372, app/assets/stylesheets/profil.scss */
.main-content .block.inscription_unit .header-block progress {
  width: 100%;
}

/* line 375, app/assets/stylesheets/profil.scss */
.main-content .block.inscription_unit .header-block progress[value] {
  /* Reset the default appearance */
  -webkit-appearance: none;
  appearance: none;
  border: none;
  margin-top: 9px;
}

/* line 383, app/assets/stylesheets/profil.scss */
.main-content .block.inscription_unit .header-block progress[value]::-webkit-progress-bar {
  border-radius: 50px;
  background-color: #E2E8F0;
  height: 10px;
}

/* line 388, app/assets/stylesheets/profil.scss */
.main-content .block.inscription_unit .header-block progress[value]::-webkit-progress-value {
  background-color: #020617;
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
  height: 10px;
}

/* line 395, app/assets/stylesheets/profil.scss */
.main-content .block.inscription_unit .header-block progress[value="100"]::-webkit-progress-value {
  background-color: #020617;
  border-radius: 50px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
  height: 10px;
}

/* line 403, app/assets/stylesheets/profil.scss */
.main-content .block.inscription_unit .content-block {
  padding-top: 0px;
  border-top: solid 2px #00000010;
}

/* line 407, app/assets/stylesheets/profil.scss */
.main-content .block.inscription_unit .content-block .flex-unit {
  display: flex;
}

/* line 410, app/assets/stylesheets/profil.scss */
.main-content .block.inscription_unit .content-block .flex-unit div {
  width: 30%;
  padding: calc(10% / 3);
  padding-top: 0px;
  padding-bottom: 0px;
}

/* line 416, app/assets/stylesheets/profil.scss */
.main-content .block.inscription_unit .content-block .flex-unit div p span.date {
  color: #618df0;
}

/* line 418, app/assets/stylesheets/profil.scss */
.main-content .block.inscription_unit .content-block .flex-unit div p span.date svg {
  width: 20px;
  height: 20px;
}

/* line 421, app/assets/stylesheets/profil.scss */
.main-content .block.inscription_unit .content-block .flex-unit div p span.date svg path {
  stroke: #618df0;
}

/* line 424, app/assets/stylesheets/profil.scss */
.main-content .block.inscription_unit .content-block .flex-unit div p span.registration {
  color: #2dbb43;
}

/* line 427, app/assets/stylesheets/profil.scss */
.main-content .block.inscription_unit .content-block .flex-unit div p span.registration svg path {
  stroke: #2dbb43;
}

/* line 430, app/assets/stylesheets/profil.scss */
.main-content .block.inscription_unit .content-block .flex-unit div p span {
  vertical-align: bottom;
}

/* line 435, app/assets/stylesheets/profil.scss */
.main-content .block.inscription_unit .content-block .flex-unit .title {
  display: flex;
  padding-top: 0px;
  padding-bottom: 0px;
  height: 60px;
}

/* line 440, app/assets/stylesheets/profil.scss */
.main-content .block.inscription_unit .content-block .flex-unit .title h3 {
  color: var(--dynamic-green);
}

/* line 443, app/assets/stylesheets/profil.scss */
.main-content .block.inscription_unit .content-block .flex-unit .title svg {
  margin-block-start: 1em;
  margin-right: 10px;
  stroke: var(--dynamic-green);
}

/* line 449, app/assets/stylesheets/profil.scss */
.main-content .block.inscription_unit .content-block .flex-unit .title.mob {
  display: none;
}

/* line 452, app/assets/stylesheets/profil.scss */
.main-content .block.inscription_unit .content-block .flex-unit .bordered-unit {
  border-left: solid 2px #00000010;
  border-right: solid 2px #00000010;
}

/* line 463, app/assets/stylesheets/profil.scss */
.main-content .block.correction-med .header-block {
  height: unset;
}

/* line 465, app/assets/stylesheets/profil.scss */
.main-content .block.correction-med .header-block div {
  width: 100%;
}

/* line 468, app/assets/stylesheets/profil.scss */
.main-content .block.correction-med .header-block h3 {
  color: black;
  width: calc(100% - 72px);
}

/* line 473, app/assets/stylesheets/profil.scss */
.main-content .block.correction-med .header-block span {
  color: var(--dynamic-green);
  font-size: 16px;
  float: right;
}

/* line 478, app/assets/stylesheets/profil.scss */
.main-content .block.correction-med .header-block span.note.sucess {
  color: #2dbb43;
}

/* line 481, app/assets/stylesheets/profil.scss */
.main-content .block.correction-med .header-block span.note.alert {
  color: #800000;
}

/* line 484, app/assets/stylesheets/profil.scss */
.main-content .block.correction-med .header-block progress {
  width: 100%;
}

/* line 487, app/assets/stylesheets/profil.scss */
.main-content .block.correction-med .header-block progress[value] {
  /* Reset the default appearance */
  -webkit-appearance: none;
  appearance: none;
  border: none;
  margin-top: 9px;
}

/* line 495, app/assets/stylesheets/profil.scss */
.main-content .block.correction-med .header-block progress[value]::-webkit-progress-bar {
  border-radius: 50px;
  background-color: #E2E8F0;
  height: 10px;
}

/* line 500, app/assets/stylesheets/profil.scss */
.main-content .block.correction-med .header-block progress[value]::-webkit-progress-value {
  background-color: #020617;
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
  height: 10px;
}

/* line 507, app/assets/stylesheets/profil.scss */
.main-content .block.correction-med .header-block progress[value="100"]::-webkit-progress-value {
  background-color: #020617;
  border-radius: 50px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
  height: 10px;
}

/* line 515, app/assets/stylesheets/profil.scss */
.main-content .block.correction-med .content-block {
  padding-top: 0px;
  border-top: solid 2px #00000010;
}

/* line 519, app/assets/stylesheets/profil.scss */
.main-content .block.correction-med .content-block .flex-unit {
  display: flex;
}

/* line 522, app/assets/stylesheets/profil.scss */
.main-content .block.correction-med .content-block .flex-unit div {
  width: 30%;
  padding: calc(10% / 3);
  padding-top: 0px;
  padding-bottom: 0px;
}

/* line 528, app/assets/stylesheets/profil.scss */
.main-content .block.correction-med .content-block .flex-unit div p span.date {
  color: green;
}

/* line 529, app/assets/stylesheets/profil.scss */
.main-content .block.correction-med .content-block .flex-unit div p span.registration {
  color: blue;
}

/* line 531, app/assets/stylesheets/profil.scss */
.main-content .block.correction-med .content-block .flex-unit div p.no-data {
  opacity: 0.6;
  font-weight: 300;
  font-style: italic;
}

/* line 537, app/assets/stylesheets/profil.scss */
.main-content .block.correction-med .content-block .flex-unit .title {
  display: flex;
  padding-top: 0px;
  padding-bottom: 0px;
  height: 60px;
}

/* line 542, app/assets/stylesheets/profil.scss */
.main-content .block.correction-med .content-block .flex-unit .title h3 {
  color: var(--dynamic-green);
}

/* line 545, app/assets/stylesheets/profil.scss */
.main-content .block.correction-med .content-block .flex-unit .title svg {
  margin-block-start: 1em;
  margin-right: 10px;
  stroke: var(--dynamic-green);
}

/* line 551, app/assets/stylesheets/profil.scss */
.main-content .block.correction-med .content-block .flex-unit .title.mob {
  display: none;
}

/* line 554, app/assets/stylesheets/profil.scss */
.main-content .block.correction-med .content-block .flex-unit .bordered-unit {
  border-left: solid 2px #00000010;
  border-right: solid 2px #00000010;
}

/* line 564, app/assets/stylesheets/profil.scss */
.main-content.augmented {
  width: calc(100% - 100px);
  transition: width 0.5s ease-in-out;
}

@media (max-width: 1000px) {
  /* line 574, app/assets/stylesheets/profil.scss */
  .main-content .header-profil .header-profil-content .lines {
    margin-bottom: 0px;
    display: block;
  }
  /* line 577, app/assets/stylesheets/profil.scss */
  .main-content .header-profil .header-profil-content .lines p {
    float: unset;
  }
  /* line 580, app/assets/stylesheets/profil.scss */
  .main-content .header-profil .header-profil-content .lines span.badge {
    display: block;
    margin-left: 0px;
    margin-top: 20px;
    float: unset;
  }
  /* line 586, app/assets/stylesheets/profil.scss */
  .main-content .header-profil .header-profil-content .lines svg {
    display: none;
  }
  /* line 589, app/assets/stylesheets/profil.scss */
  .main-content .header-profil .header-profil-content .lines .level {
    margin-left: 0px;
  }
}

@media (max-width: 777px) {
  /* line 599, app/assets/stylesheets/profil.scss */
  .main-content .header-profil {
    height: fit-content;
    display: block;
  }
  /* line 602, app/assets/stylesheets/profil.scss */
  .main-content .header-profil .header-profil-img {
    margin-top: 20px;
    float: unset;
  }
  /* line 606, app/assets/stylesheets/profil.scss */
  .main-content .header-profil .header-profil-content {
    width: 80%;
    margin: auto;
    text-align: center;
    float: unset;
    padding-top: 0px;
  }
  /* line 613, app/assets/stylesheets/profil.scss */
  .main-content .header-profil .header-profil-content .lines span.badge {
    margin: auto;
    margin-top: 20px;
  }
  /* line 617, app/assets/stylesheets/profil.scss */
  .main-content .header-profil .header-profil-content .lines p.email {
    margin-bottom: 20px;
  }
  /* line 625, app/assets/stylesheets/profil.scss */
  .main-content .block .header-block {
    height: 40px;
  }
  /* line 628, app/assets/stylesheets/profil.scss */
  .main-content.augmented {
    width: 100%;
  }
  /* line 631, app/assets/stylesheets/profil.scss */
  .main-content .block.inscription_unit .content-block .flex-unit {
    display: block;
  }
  /* line 633, app/assets/stylesheets/profil.scss */
  .main-content .block.inscription_unit .content-block .flex-unit div {
    width: 100%;
    padding: 0px;
  }
  /* line 637, app/assets/stylesheets/profil.scss */
  .main-content .block.inscription_unit .content-block .flex-unit .bordered-unit {
    border-left: unset;
    border-right: unset;
  }
  /* line 641, app/assets/stylesheets/profil.scss */
  .main-content .block.inscription_unit .content-block .flex-unit .title.desk {
    display: none;
  }
  /* line 644, app/assets/stylesheets/profil.scss */
  .main-content .block.inscription_unit .content-block .flex-unit .title.mob {
    display: flex;
  }
  /* line 648, app/assets/stylesheets/profil.scss */
  .main-content .block.correction-med .content-block .flex-unit {
    display: block;
  }
  /* line 650, app/assets/stylesheets/profil.scss */
  .main-content .block.correction-med .content-block .flex-unit div {
    width: 100%;
    padding: 0px;
  }
  /* line 654, app/assets/stylesheets/profil.scss */
  .main-content .block.correction-med .content-block .flex-unit .bordered-unit {
    border-left: unset;
    border-right: unset;
  }
  /* line 658, app/assets/stylesheets/profil.scss */
  .main-content .block.correction-med .content-block .flex-unit .title.desk {
    display: none;
  }
  /* line 661, app/assets/stylesheets/profil.scss */
  .main-content .block.correction-med .content-block .flex-unit .title.mob {
    display: flex;
  }
}

@media (max-width: 572px) {
  /* line 667, app/assets/stylesheets/profil.scss */
  .bar {
    display: none;
  }
  /* line 670, app/assets/stylesheets/profil.scss */
  .main-content {
    width: 100%;
  }
  /* line 672, app/assets/stylesheets/profil.scss */
  .main-content .header-profil {
    border-left: unset;
  }
}

/* line 23, app/assets/stylesheets/variables.scss */
:root {
  --dynamic-green: #FF2C65;
  --dynamic-green-rgb: 255, 44, 101;
}

/* line 60, app/assets/stylesheets/variables.scss */
html {
  --dt-row-hover-alpha: 0.35 !important;
  --dt-row-stripe-alpha: 0.23 !important;
  --dt-column-ordering-alpha: 0.019;
  --dt-row-selected-stripe-alpha: 0.923;
  --dt-row-selected-column-ordering-alpha: 0.919;
  --dt-row-selected: $green-rule !important;
  --dt-row-selected-text: 255, 44, 101 !important;
  --dt-row-selected-link: 255, 44, 101 !important;
  --dt-row-stripe: 255, 44, 101 !important;
  --dt-row-hover: 255, 44, 101 !important;
  --dt-column-ordering: 255, 44, 101 !important;
  --dt-html-background: white;
}

/* line 75, app/assets/stylesheets/variables.scss */
div.dt-container .dt-search input {
  border: 1px solid var(--dynamic-green) !important;
}

/* line 79, app/assets/stylesheets/variables.scss */
table.dataTable > thead > tr > th, table.dataTable > thead > tr > td {
  border-bottom: 1px solid rgba(var(--dynamic-green-rgb), 0.3) !important;
}

/* line 82, app/assets/stylesheets/variables.scss */
table.dataTable.row-border > tbody > tr > *, table.dataTable.display > tbody > tr > * {
  border-bottom: 1px solid rgba(var(--dynamic-green-rgb), 0.3) !important;
}

/* line 86, app/assets/stylesheets/variables.scss */
.main-content .block.ladder-block {
  color: white;
  background: linear-gradient(135deg, #151924, #151C2B);
}

/* line 89, app/assets/stylesheets/variables.scss */
.main-content .block.ladder-block .header-block {
  background: transparent;
}

/* line 92, app/assets/stylesheets/variables.scss */
.main-content .block.ladder-block .content-block {
  background: transparent;
}

/* line 94, app/assets/stylesheets/variables.scss */
.main-content .block.ladder-block .content-block a {
  color: white;
  text-decoration: none;
}

/* line 100, app/assets/stylesheets/variables.scss */
.main-content .block.ladder-block .content-block table td svg {
  vertical-align: middle;
}

/* line 104, app/assets/stylesheets/variables.scss */
.main-content .block.ladder-block .content-block table td svg.gold path {
  stroke: gold;
}

/* line 107, app/assets/stylesheets/variables.scss */
.main-content .block.ladder-block .content-block table td svg.silver path {
  stroke: silver;
}

/* line 110, app/assets/stylesheets/variables.scss */
.main-content .block.ladder-block .content-block table td svg.bronze path {
  stroke: #cd7f32;
}

/* line 6, app/assets/stylesheets/unit.scss */
.main-content .block .content-block a.unit-block {
  background-color: #E2E8F0;
  display: block;
  margin-bottom: 16px;
  border-radius: 8px;
  padding: 10px;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
  color: unset;
  text-decoration: none;
  cursor: pointer;
}

/* line 23, app/assets/stylesheets/variables.scss */
:root {
  --dynamic-green: #FF2C65;
  --dynamic-green-rgb: 255, 44, 101;
}

/* line 60, app/assets/stylesheets/variables.scss */
html {
  --dt-row-hover-alpha: 0.35 !important;
  --dt-row-stripe-alpha: 0.23 !important;
  --dt-column-ordering-alpha: 0.019;
  --dt-row-selected-stripe-alpha: 0.923;
  --dt-row-selected-column-ordering-alpha: 0.919;
  --dt-row-selected: $green-rule !important;
  --dt-row-selected-text: 255, 44, 101 !important;
  --dt-row-selected-link: 255, 44, 101 !important;
  --dt-row-stripe: 255, 44, 101 !important;
  --dt-row-hover: 255, 44, 101 !important;
  --dt-column-ordering: 255, 44, 101 !important;
  --dt-html-background: white;
}

/* line 75, app/assets/stylesheets/variables.scss */
div.dt-container .dt-search input {
  border: 1px solid var(--dynamic-green) !important;
}

/* line 79, app/assets/stylesheets/variables.scss */
table.dataTable > thead > tr > th, table.dataTable > thead > tr > td {
  border-bottom: 1px solid rgba(var(--dynamic-green-rgb), 0.3) !important;
}

/* line 82, app/assets/stylesheets/variables.scss */
table.dataTable.row-border > tbody > tr > *, table.dataTable.display > tbody > tr > * {
  border-bottom: 1px solid rgba(var(--dynamic-green-rgb), 0.3) !important;
}

/* line 86, app/assets/stylesheets/variables.scss */
.main-content .block.ladder-block {
  color: white;
  background: linear-gradient(135deg, #151924, #151C2B);
}

/* line 89, app/assets/stylesheets/variables.scss */
.main-content .block.ladder-block .header-block {
  background: transparent;
}

/* line 92, app/assets/stylesheets/variables.scss */
.main-content .block.ladder-block .content-block {
  background: transparent;
}

/* line 94, app/assets/stylesheets/variables.scss */
.main-content .block.ladder-block .content-block a {
  color: white;
  text-decoration: none;
}

/* line 100, app/assets/stylesheets/variables.scss */
.main-content .block.ladder-block .content-block table td svg {
  vertical-align: middle;
}

/* line 104, app/assets/stylesheets/variables.scss */
.main-content .block.ladder-block .content-block table td svg.gold path {
  stroke: gold;
}

/* line 107, app/assets/stylesheets/variables.scss */
.main-content .block.ladder-block .content-block table td svg.silver path {
  stroke: silver;
}

/* line 110, app/assets/stylesheets/variables.scss */
.main-content .block.ladder-block .content-block table td svg.bronze path {
  stroke: #cd7f32;
}

/* line 5, app/assets/stylesheets/edit.scss */
.main-content .block.edit .header-block {
  border-bottom: 1px solid #E2E8F0;
  display: block;
  height: unset;
}

/* line 9, app/assets/stylesheets/edit.scss */
.main-content .block.edit .header-block h3 {
  font-size: 24px;
}

/* line 12, app/assets/stylesheets/edit.scss */
.main-content .block.edit .header-block a {
  background-color: rgba(var(--dynamic-green-rgb), 0.1);
  text-decoration: none;
  padding: 8px 20px;
  border-radius: 10px;
  font-weight: 700;
  font-size: 20px;
  color: var(--dynamic-green);
  margin-right: 10px;
}

/* line 22, app/assets/stylesheets/edit.scss */
.main-content .block.edit .header-block a:hover {
  background-color: rgba(var(--dynamic-green-rgb), 0.3);
}

/* line 25, app/assets/stylesheets/edit.scss */
.main-content .block.edit .header-block a.active {
  background-color: rgba(var(--dynamic-green-rgb), 0.3);
}

/* line 30, app/assets/stylesheets/edit.scss */
.main-content .block.edit .content-block #form1 {
  display: flex;
}

/* line 34, app/assets/stylesheets/edit.scss */
.main-content .block.edit .content-block #form1 .setting-left h5, .main-content .block.edit .content-block #form1 .setting-right h5 {
  font-size: 16px;
}

/* line 37, app/assets/stylesheets/edit.scss */
.main-content .block.edit .content-block #form1 .setting-left label, .main-content .block.edit .content-block #form1 .setting-right label {
  display: block;
  font-size: 16px;
  font-weight: bold;
  color: #475569;
}

/* line 43, app/assets/stylesheets/edit.scss */
.main-content .block.edit .content-block #form1 .setting-left input, .main-content .block.edit .content-block #form1 .setting-right input {
  width: 80%;
  display: block;
  padding: 12px 10px;
  border-radius: 6px;
  border: 1px solid #CBD5E1;
  margin-top: 10px;
  margin-bottom: 10px;
}

/* line 52, app/assets/stylesheets/edit.scss */
.main-content .block.edit .content-block #form1 .setting-left input::placeholder, .main-content .block.edit .content-block #form1 .setting-right input::placeholder {
  color: #CBD5E1;
  font-size: 16px;
  font-weight: bold;
}

/* line 57, app/assets/stylesheets/edit.scss */
.main-content .block.edit .content-block #form1 .setting-left input:disabled, .main-content .block.edit .content-block #form1 .setting-right input:disabled {
  background-color: #CBD5E1;
}

/* line 60, app/assets/stylesheets/edit.scss */
.main-content .block.edit .content-block #form1 .setting-left input[type="submit"], .main-content .block.edit .content-block #form1 .setting-right input[type="submit"] {
  color: white;
  font-size: 16px;
  font-weight: bold;
  border-radius: 8px;
  background-color: var(--dynamic-green);
  padding: 18px;
  margin-top: 40px;
  width: auto;
  cursor: pointer;
  float: right;
  margin-right: calc(20% - 22px);
}

/* line 74, app/assets/stylesheets/edit.scss */
.main-content .block.edit .content-block #form1 .setting-left {
  float: left;
  width: 49%;
  margin-right: 1%;
}

/* line 79, app/assets/stylesheets/edit.scss */
.main-content .block.edit .content-block #form1 .setting-right {
  float: right;
  width: 49%;
  margin-left: 1%;
}

/* line 86, app/assets/stylesheets/edit.scss */
.main-content .block.edit .content-block #form1, .main-content .block.edit .content-block #form2, .main-content .block.edit .content-block #form3 {
  display: none;
}

/* line 88, app/assets/stylesheets/edit.scss */
.main-content .block.edit .content-block #form1 h5, .main-content .block.edit .content-block #form2 h5, .main-content .block.edit .content-block #form3 h5 {
  font-size: 16px;
}

/* line 91, app/assets/stylesheets/edit.scss */
.main-content .block.edit .content-block #form1 label, .main-content .block.edit .content-block #form2 label, .main-content .block.edit .content-block #form3 label {
  display: block;
  font-size: 16px;
  font-weight: bold;
  color: #475569;
}

/* line 97, app/assets/stylesheets/edit.scss */
.main-content .block.edit .content-block #form1 input, .main-content .block.edit .content-block #form2 input, .main-content .block.edit .content-block #form3 input {
  width: 45%;
  display: block;
  padding: 12px 10px;
  border-radius: 6px;
  border: 1px solid #CBD5E1;
  margin-top: 10px;
  margin-bottom: 10px;
}

/* line 106, app/assets/stylesheets/edit.scss */
.main-content .block.edit .content-block #form1 input::placeholder, .main-content .block.edit .content-block #form2 input::placeholder, .main-content .block.edit .content-block #form3 input::placeholder {
  color: #CBD5E1;
  font-size: 16px;
  font-weight: bold;
}

/* line 111, app/assets/stylesheets/edit.scss */
.main-content .block.edit .content-block #form1 input[type="submit"], .main-content .block.edit .content-block #form2 input[type="submit"], .main-content .block.edit .content-block #form3 input[type="submit"] {
  color: white;
  font-size: 16px;
  font-weight: bold;
  border-radius: 8px;
  background-color: var(--dynamic-green);
  padding: 18px;
  margin-top: 40px;
  width: auto;
  cursor: pointer;
}

/* line 124, app/assets/stylesheets/edit.scss */
.main-content .block.edit .content-block #form2 input[type="submit"] {
  margin-top: 20px;
}

/* line 127, app/assets/stylesheets/edit.scss */
.main-content .block.edit .content-block #form2 textarea {
  width: 45%;
  display: block;
  padding: 12px 10px;
  border-radius: 6px;
  border: 1px solid #CBD5E1;
  margin-top: 10px;
  margin-bottom: 10px;
}

/* line 137, app/assets/stylesheets/edit.scss */
.main-content .block.edit .content-block .ssh-key-list {
  display: none;
  margin-top: 50px;
}

/* line 140, app/assets/stylesheets/edit.scss */
.main-content .block.edit .content-block .ssh-key-list h5 {
  font-size: 16px;
}

/* line 147, app/assets/stylesheets/edit.scss */
.main-content .block.edit .content-block .ssh-key-list table thead tr th {
  color: var(--dynamic-green);
  text-align: left;
  padding-left: 40px;
}

/* line 153, app/assets/stylesheets/edit.scss */
.main-content .block.edit .content-block .ssh-key-list table thead tr th:first-of-type {
  padding-left: 0px;
}

/* line 160, app/assets/stylesheets/edit.scss */
.main-content .block.edit .content-block .ssh-key-list table tbody tr td {
  text-overflow: ellipsis;
  max-width: 320px;
  min-width: 320px;
  overflow: hidden;
  padding-left: 40px;
}

/* line 166, app/assets/stylesheets/edit.scss */
.main-content .block.edit .content-block .ssh-key-list table tbody tr td .delete-key {
  margin-left: 40px;
}

/* line 168, app/assets/stylesheets/edit.scss */
.main-content .block.edit .content-block .ssh-key-list table tbody tr td .delete-key input[type="submit"] {
  color: white;
  font-size: 16px;
  font-weight: bold;
  border-radius: 8px;
  background-color: #800000;
  padding: 14px;
  margin-top: 0px;
  width: auto;
  border: unset;
  cursor: pointer;
}

/* line 180, app/assets/stylesheets/edit.scss */
.main-content .block.edit .content-block .ssh-key-list table tbody tr td .delete-key input[type="submit"]:hover {
  background-color: #4d0000;
}

/* line 185, app/assets/stylesheets/edit.scss */
.main-content .block.edit .content-block .ssh-key-list table tbody tr td:first-of-type {
  padding-left: 0px;
  max-width: 110px;
  min-width: 110px;
  overflow: hidden;
}

/* line 191, app/assets/stylesheets/edit.scss */
.main-content .block.edit .content-block .ssh-key-list table tbody tr td:last-of-type {
  padding-left: 0px;
  width: 100px;
  overflow: hidden;
}

@media (max-width: 850px) {
  /* line 207, app/assets/stylesheets/edit.scss */
  .main-content .block.edit .header-block a {
    display: inline-block;
    margin: auto;
    margin-bottom: 12px;
  }
  /* line 214, app/assets/stylesheets/edit.scss */
  .main-content .block.edit .content-block #form1 {
    display: block;
  }
  /* line 216, app/assets/stylesheets/edit.scss */
  .main-content .block.edit .content-block #form1 .setting-left {
    float: unset;
    width: 100%;
    margin-right: unset;
  }
  /* line 221, app/assets/stylesheets/edit.scss */
  .main-content .block.edit .content-block #form1 .setting-right {
    float: unset;
    width: 100%;
    margin-left: unset;
  }
  /* line 225, app/assets/stylesheets/edit.scss */
  .main-content .block.edit .content-block #form1 .setting-right input[type="submit"] {
    float: unset;
  }
  /* line 231, app/assets/stylesheets/edit.scss */
  .main-content .block.edit .content-block #form1 input, .main-content .block.edit .content-block #form2 input, .main-content .block.edit .content-block #form3 input {
    width: 80%;
  }
  /* line 236, app/assets/stylesheets/edit.scss */
  .main-content .block.edit .content-block #form2 textarea {
    width: 80%;
  }
  /* line 240, app/assets/stylesheets/edit.scss */
  .main-content .block.edit .content-block .ssh-key-list {
    display: none;
  }
}

/* line 23, app/assets/stylesheets/variables.scss */
:root {
  --dynamic-green: #FF2C65;
  --dynamic-green-rgb: 255, 44, 101;
}

/* line 60, app/assets/stylesheets/variables.scss */
html {
  --dt-row-hover-alpha: 0.35 !important;
  --dt-row-stripe-alpha: 0.23 !important;
  --dt-column-ordering-alpha: 0.019;
  --dt-row-selected-stripe-alpha: 0.923;
  --dt-row-selected-column-ordering-alpha: 0.919;
  --dt-row-selected: $green-rule !important;
  --dt-row-selected-text: 255, 44, 101 !important;
  --dt-row-selected-link: 255, 44, 101 !important;
  --dt-row-stripe: 255, 44, 101 !important;
  --dt-row-hover: 255, 44, 101 !important;
  --dt-column-ordering: 255, 44, 101 !important;
  --dt-html-background: white;
}

/* line 75, app/assets/stylesheets/variables.scss */
div.dt-container .dt-search input {
  border: 1px solid var(--dynamic-green) !important;
}

/* line 79, app/assets/stylesheets/variables.scss */
table.dataTable > thead > tr > th, table.dataTable > thead > tr > td {
  border-bottom: 1px solid rgba(var(--dynamic-green-rgb), 0.3) !important;
}

/* line 82, app/assets/stylesheets/variables.scss */
table.dataTable.row-border > tbody > tr > *, table.dataTable.display > tbody > tr > * {
  border-bottom: 1px solid rgba(var(--dynamic-green-rgb), 0.3) !important;
}

/* line 86, app/assets/stylesheets/variables.scss */
.main-content .block.ladder-block {
  color: white;
  background: linear-gradient(135deg, #151924, #151C2B);
}

/* line 89, app/assets/stylesheets/variables.scss */
.main-content .block.ladder-block .header-block {
  background: transparent;
}

/* line 92, app/assets/stylesheets/variables.scss */
.main-content .block.ladder-block .content-block {
  background: transparent;
}

/* line 94, app/assets/stylesheets/variables.scss */
.main-content .block.ladder-block .content-block a {
  color: white;
  text-decoration: none;
}

/* line 100, app/assets/stylesheets/variables.scss */
.main-content .block.ladder-block .content-block table td svg {
  vertical-align: middle;
}

/* line 104, app/assets/stylesheets/variables.scss */
.main-content .block.ladder-block .content-block table td svg.gold path {
  stroke: gold;
}

/* line 107, app/assets/stylesheets/variables.scss */
.main-content .block.ladder-block .content-block table td svg.silver path {
  stroke: silver;
}

/* line 110, app/assets/stylesheets/variables.scss */
.main-content .block.ladder-block .content-block table td svg.bronze path {
  stroke: #cd7f32;
}

/* line 4, app/assets/stylesheets/courses.scss */
.courses-show .title-block, .unit-show .title-block {
  width: 80%;
  margin: auto;
  margin-top: 30px;
  margin-bottom: 30px;
  display: flex;
  font-family: Inter;
}

/* line 11, app/assets/stylesheets/courses.scss */
.courses-show .title-block .title-block-left, .unit-show .title-block .title-block-left {
  width: 50%;
  float: left;
}

/* line 14, app/assets/stylesheets/courses.scss */
.courses-show .title-block .title-block-left h1, .unit-show .title-block .title-block-left h1 {
  font-weight: bold;
  font-size: 30px;
  color: black;
  font-family: Inter;
  margin-top: 25px;
  margin-bottom: 0px;
}

/* line 21, app/assets/stylesheets/courses.scss */
.courses-show .title-block .title-block-left h1 a, .unit-show .title-block .title-block-left h1 a {
  color: var(--dynamic-green);
}

/* line 25, app/assets/stylesheets/courses.scss */
.courses-show .title-block .title-block-left .availability-badge, .unit-show .title-block .title-block-left .availability-badge {
  display: inline-block;
  border-radius: 8px;
  vertical-align: middle;
}

/* line 29, app/assets/stylesheets/courses.scss */
.courses-show .title-block .title-block-left .availability-badge p, .unit-show .title-block .title-block-left .availability-badge p {
  margin: 0px;
  padding: 4px 8px;
  font-size: 16px;
}

/* line 35, app/assets/stylesheets/courses.scss */
.courses-show .title-block .title-block-left .available, .unit-show .title-block .title-block-left .available {
  background-color: black;
  color: white;
}

/* line 40, app/assets/stylesheets/courses.scss */
.courses-show .title-block .title-block-left .completed, .unit-show .title-block .title-block-left .completed {
  background-color: #2dbb43;
  color: white;
}

/* line 44, app/assets/stylesheets/courses.scss */
.courses-show .title-block .title-block-left .progress, .unit-show .title-block .title-block-left .progress {
  background-color: #FFA500;
  color: white;
}

/* line 48, app/assets/stylesheets/courses.scss */
.courses-show .title-block .title-block-left .available, .unit-show .title-block .title-block-left .available {
  background-color: var(--dynamic-green);
  color: white;
}

/* line 52, app/assets/stylesheets/courses.scss */
.courses-show .title-block .title-block-left .locked, .unit-show .title-block .title-block-left .locked {
  background-color: #94A3B8;
  color: white;
}

/* line 56, app/assets/stylesheets/courses.scss */
.courses-show .title-block .title-block-left .subscribed, .unit-show .title-block .title-block-left .subscribed {
  background-color: #60a5fa;
  color: white;
}

/* line 60, app/assets/stylesheets/courses.scss */
.courses-show .title-block .title-block-left .group, .unit-show .title-block .title-block-left .group {
  display: inline-block;
  padding: 4px 8px;
  vertical-align: middle;
}

/* line 64, app/assets/stylesheets/courses.scss */
.courses-show .title-block .title-block-left .group svg, .unit-show .title-block .title-block-left .group svg {
  display: inline-block;
  float: left;
}

/* line 68, app/assets/stylesheets/courses.scss */
.courses-show .title-block .title-block-left .group p, .unit-show .title-block .title-block-left .group p {
  display: inline-block;
  color: #64748B;
  font-size: 16px;
  float: right;
  margin: 3px;
  margin-left: 10px;
}

/* line 78, app/assets/stylesheets/courses.scss */
.courses-show .title-block .title-block-right, .unit-show .title-block .title-block-right {
  width: 50%;
  float: right;
}

/* line 81, app/assets/stylesheets/courses.scss */
.courses-show .title-block .title-block-right button, .unit-show .title-block .title-block-right button {
  float: right;
  color: white;
  background-color: var(--dynamic-green);
  font-weight: bold;
  font-size: 16px;
  padding: 15px 28px;
  margin-top: 35px;
  border-radius: 8px;
  border: unset;
}

/* line 92, app/assets/stylesheets/courses.scss */
.courses-show .title-block .title-block-right p.note, .unit-show .title-block .title-block-right p.note {
  float: right;
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 0px;
  width: 100%;
  text-align: right;
}

/* line 100, app/assets/stylesheets/courses.scss */
.courses-show .title-block .title-block-right p.note.xp, .unit-show .title-block .title-block-right p.note.xp {
  margin-top: 0px;
  font-size: 16px;
}

/* line 104, app/assets/stylesheets/courses.scss */
.courses-show .title-block .title-block-right p.note.sucess, .unit-show .title-block .title-block-right p.note.sucess {
  color: #2dbb43;
}

/* line 107, app/assets/stylesheets/courses.scss */
.courses-show .title-block .title-block-right p.note.fail, .unit-show .title-block .title-block-right p.note.fail {
  color: #800000;
}

/* line 114, app/assets/stylesheets/courses.scss */
.courses-show .block .content-block.dates p, .unit-show .block .content-block.dates p {
  color: var(--dynamic-green);
}

/* line 117, app/assets/stylesheets/courses.scss */
.courses-show .block .content-block.dates span, .unit-show .block .content-block.dates span {
  color: #64748B;
  float: unset;
}

/* line 123, app/assets/stylesheets/courses.scss */
.courses-show .block .git p.alert, .unit-show .block .git p.alert {
  color: white;
}

/* line 128, app/assets/stylesheets/courses.scss */
.courses-show .block .git pre, .unit-show .block .git pre {
  background-color: #272727;
  color: white;
  padding: 10px;
}

/* line 134, app/assets/stylesheets/courses.scss */
.courses-show .block .description, .unit-show .block .description {
  overflow: hidden;
  padding: 40px;
}

/* line 137, app/assets/stylesheets/courses.scss */
.courses-show .block .description h1, .unit-show .block .description h1 {
  color: var(--dynamic-green);
}

/* line 140, app/assets/stylesheets/courses.scss */
.courses-show .block .description pre, .unit-show .block .description pre {
  background-color: #272727;
  color: white;
  padding: 10px;
}

/* line 146, app/assets/stylesheets/courses.scss */
.courses-show .block .description code span, .unit-show .block .description code span {
  font-size: initial;
  float: unset;
  background-color: #272727;
  color: white;
  padding: 3px;
}

/* line 154, app/assets/stylesheets/courses.scss */
.courses-show .block .description a, .unit-show .block .description a {
  word-break: break-all;
}

/* line 159, app/assets/stylesheets/courses.scss */
.courses-show .block .flags h5, .unit-show .block .flags h5 {
  font-weight: bold;
  font-size: 24px;
  color: var(--dynamic-green);
  font-family: Inter;
  margin-top: 25px;
  margin-bottom: 25px;
}

/* line 167, app/assets/stylesheets/courses.scss */
.courses-show .block .flags .flag-line, .unit-show .block .flags .flag-line {
  display: flex;
}

/* line 169, app/assets/stylesheets/courses.scss */
.courses-show .block .flags .flag-line input, .unit-show .block .flags .flag-line input {
  width: 80%;
  display: block;
  padding: 12px 10px;
  border-radius: 6px;
  border: 1px solid #CBD5E1;
  margin-top: 10px;
  margin-bottom: 10px;
}

/* line 178, app/assets/stylesheets/courses.scss */
.courses-show .block .flags .flag-line input::placeholder, .unit-show .block .flags .flag-line input::placeholder {
  color: #CBD5E1;
  font-size: 16px;
  font-weight: bold;
}

/* line 183, app/assets/stylesheets/courses.scss */
.courses-show .block .flags .flag-line input[type="submit"], .unit-show .block .flags .flag-line input[type="submit"] {
  color: white;
  font-size: 16px;
  font-weight: bold;
  border-radius: 8px;
  background-color: var(--dynamic-green);
  padding: 18px;
  width: auto;
  cursor: pointer;
  float: right;
  margin-left: 22px;
}

/* line 196, app/assets/stylesheets/courses.scss */
.courses-show .block .flags .notice, .unit-show .block .flags .notice {
  color: white;
  width: 80%;
  font-weight: bold;
  font-size: 14px;
  font-family: Inter;
  background-color: #008000;
}

/* line 204, app/assets/stylesheets/courses.scss */
.courses-show .block .flags .alert, .unit-show .block .flags .alert {
  color: white;
  width: 80%;
  font-weight: bold;
  font-size: 14px;
  font-family: Inter;
}

/* line 213, app/assets/stylesheets/courses.scss */
.courses-show .block .ressources .ressource-link, .unit-show .block .ressources .ressource-link {
  display: flex;
}

/* line 215, app/assets/stylesheets/courses.scss */
.courses-show .block .ressources .ressource-link svg, .unit-show .block .ressources .ressource-link svg {
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  float: left;
}

/* line 221, app/assets/stylesheets/courses.scss */
.courses-show .block .ressources .ressource-link svg path, .unit-show .block .ressources .ressource-link svg path {
  stroke: #64748B;
}

/* line 225, app/assets/stylesheets/courses.scss */
.courses-show .block .ressources .ressource-link p, .unit-show .block .ressources .ressource-link p {
  float: left;
  width: calc(100% - 120px);
  margin-left: 20px;
}

/* line 230, app/assets/stylesheets/courses.scss */
.courses-show .block .ressources .ressource-link a, .unit-show .block .ressources .ressource-link a {
  float: right;
}

/* line 233, app/assets/stylesheets/courses.scss */
.courses-show .block .ressources .ressource-link a svg path, .unit-show .block .ressources .ressource-link a svg path {
  stroke: #64748B;
}

/* line 238, app/assets/stylesheets/courses.scss */
.courses-show .block .ressources .ressource-link a svg:hover path, .unit-show .block .ressources .ressource-link a svg:hover path {
  stroke: #64748B;
  stroke: var(--dynamic-green);
}

/* line 251, app/assets/stylesheets/courses.scss */
.courses-show .block.correction-med .content-block .flex-unit div, .unit-show .block.correction-med .content-block .flex-unit div {
  width: 45%;
  padding: calc(10% / 2);
  padding-top: 0px;
  padding-bottom: 0px;
}

/* line 257, app/assets/stylesheets/courses.scss */
.courses-show .block.correction-med .content-block .flex-unit .bordered-unit, .unit-show .block.correction-med .content-block .flex-unit .bordered-unit {
  border-left: unset;
}

/* line 23, app/assets/stylesheets/variables.scss */
:root {
  --dynamic-green: #FF2C65;
  --dynamic-green-rgb: 255, 44, 101;
}

/* line 60, app/assets/stylesheets/variables.scss */
html {
  --dt-row-hover-alpha: 0.35 !important;
  --dt-row-stripe-alpha: 0.23 !important;
  --dt-column-ordering-alpha: 0.019;
  --dt-row-selected-stripe-alpha: 0.923;
  --dt-row-selected-column-ordering-alpha: 0.919;
  --dt-row-selected: $green-rule !important;
  --dt-row-selected-text: 255, 44, 101 !important;
  --dt-row-selected-link: 255, 44, 101 !important;
  --dt-row-stripe: 255, 44, 101 !important;
  --dt-row-hover: 255, 44, 101 !important;
  --dt-column-ordering: 255, 44, 101 !important;
  --dt-html-background: white;
}

/* line 75, app/assets/stylesheets/variables.scss */
div.dt-container .dt-search input {
  border: 1px solid var(--dynamic-green) !important;
}

/* line 79, app/assets/stylesheets/variables.scss */
table.dataTable > thead > tr > th, table.dataTable > thead > tr > td {
  border-bottom: 1px solid rgba(var(--dynamic-green-rgb), 0.3) !important;
}

/* line 82, app/assets/stylesheets/variables.scss */
table.dataTable.row-border > tbody > tr > *, table.dataTable.display > tbody > tr > * {
  border-bottom: 1px solid rgba(var(--dynamic-green-rgb), 0.3) !important;
}

/* line 86, app/assets/stylesheets/variables.scss */
.main-content .block.ladder-block {
  color: white;
  background: linear-gradient(135deg, #151924, #151C2B);
}

/* line 89, app/assets/stylesheets/variables.scss */
.main-content .block.ladder-block .header-block {
  background: transparent;
}

/* line 92, app/assets/stylesheets/variables.scss */
.main-content .block.ladder-block .content-block {
  background: transparent;
}

/* line 94, app/assets/stylesheets/variables.scss */
.main-content .block.ladder-block .content-block a {
  color: white;
  text-decoration: none;
}

/* line 100, app/assets/stylesheets/variables.scss */
.main-content .block.ladder-block .content-block table td svg {
  vertical-align: middle;
}

/* line 104, app/assets/stylesheets/variables.scss */
.main-content .block.ladder-block .content-block table td svg.gold path {
  stroke: gold;
}

/* line 107, app/assets/stylesheets/variables.scss */
.main-content .block.ladder-block .content-block table td svg.silver path {
  stroke: silver;
}

/* line 110, app/assets/stylesheets/variables.scss */
.main-content .block.ladder-block .content-block table td svg.bronze path {
  stroke: #cd7f32;
}

/* line 5, app/assets/stylesheets/galaxy.scss */
.main-content .block.galaxy-block {
  background-color: unset;
  background: linear-gradient(135deg, #151924, #151C2B);
  color: #fff;
  font-family: "Roboto", system-ui, -apple-system, sans-serif;
  overflow: hidden;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}

/* line 14, app/assets/stylesheets/galaxy.scss */
.main-content .block.galaxy-block .header-block {
  background: transparent;
}

/* line 17, app/assets/stylesheets/galaxy.scss */
.main-content .block.galaxy-block .content-block {
  background: transparent;
}

@keyframes neon-glow {
  0% {
    filter: drop-shadow(0 0 6px rgba(var(--dynamic-green-rgb), 0.2));
  }
  100% {
    filter: drop-shadow(0 0 12px rgba(var(--dynamic-green-rgb), 0.3));
  }
}

@keyframes hexagon-shine {
  0%, 100% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}

@keyframes pulse {
  0%, 100% {
    stroke-width: 1px;
    opacity: 0.4;
  }
  50% {
    stroke-width: 2px;
    opacity: 0.8;
  }
}

@keyframes pulse-link {
  0%, 100% {
    stroke-width: 2px;
    opacity: 0.4;
  }
  50% {
    stroke-width: 3px;
    opacity: 0.8;
  }
}

@keyframes shine {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(100%);
  }
}

/* body {
  min-height: 100vh;
  margin: 0;
  background: linear-gradient(135deg, $background-start, $background-end);
  color: #fff;
  font-family: "Roboto", system-ui, -apple-system, sans-serif;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
} */
/* line 76, app/assets/stylesheets/galaxy.scss */
.background-effects {
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 1;
  background: radial-gradient(circle at 20% 20%, rgba(var(--dynamic-green-rgb), 0.1) 0%, transparent 40%), radial-gradient(circle at 80% 80%, rgba(var(--dynamic-green-rgb), 0.1) 0%, transparent 40%);
}

/* line 87, app/assets/stylesheets/galaxy.scss */
.legend {
  margin-top: 20px;
  margin-bottom: 10px;
  background: rgba(var(--dynamic-green-rgb), 0.1);
  backdrop-filter: blur(4px);
  border: 1px solid rgba(var(--dynamic-green-rgb), 0.2);
  border-radius: 8px;
  padding: 10px 20px;
  color: #E2E8F0;
  display: flex;
  align-items: center;
  gap: 20px;
  z-index: 10;
}

/* line 101, app/assets/stylesheets/galaxy.scss */
.legend .legend-item {
  display: flex;
  align-items: center;
  gap: 6px;
}

/* line 106, app/assets/stylesheets/galaxy.scss */
.legend .legend-item .legend-box {
  width: 16px;
  height: 16px;
  border-radius: 4px;
  display: inline-block;
}

/* line 112, app/assets/stylesheets/galaxy.scss */
.legend .legend-item .legend-box.required {
  background: var(--dynamic-green);
}

/* line 113, app/assets/stylesheets/galaxy.scss */
.legend .legend-item .legend-box.validated {
  background: #2dbb43;
}

/* line 114, app/assets/stylesheets/galaxy.scss */
.legend .legend-item .legend-box.failed {
  background: #800000;
}

/* line 115, app/assets/stylesheets/galaxy.scss */
.legend .legend-item .legend-box.progress {
  background: #FFA500;
}

/* line 116, app/assets/stylesheets/galaxy.scss */
.legend .legend-item .legend-box.subscribed {
  background: #60a5fa;
}

/* line 117, app/assets/stylesheets/galaxy.scss */
.legend .legend-item .legend-box.available {
  background: var(--dynamic-green);
}

/* line 118, app/assets/stylesheets/galaxy.scss */
.legend .legend-item .legend-box.locked {
  background: #94A3B8;
}

/* line 119, app/assets/stylesheets/galaxy.scss */
.legend .legend-item .legend-box.optional {
  background: #8e8e8e;
}

/* line 125, app/assets/stylesheets/galaxy.scss */
.timeline-frame {
  width: calc(100% - 0px);
  height: calc(100% - 160px);
  border: 2px solid var(--dynamic-green);
  border-radius: 10px;
  margin-bottom: 20px;
  position: relative;
  overflow: hidden;
  z-index: 2;
}

/* line 136, app/assets/stylesheets/galaxy.scss */
.timeline-frame .controls {
  position: absolute;
  top: 10px;
  right: 10px;
  display: flex;
  gap: 10px;
  z-index: 10;
}

/* line 144, app/assets/stylesheets/galaxy.scss */
.timeline-frame .controls .control-button {
  background: rgba(var(--dynamic-green-rgb), 0.1);
  border: 1px solid rgba(var(--dynamic-green-rgb), 0.2);
  color: #E2E8F0;
  padding: 6px 12px;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.3s ease;
  backdrop-filter: blur(4px);
  font-size: 0.85rem;
}

/* line 155, app/assets/stylesheets/galaxy.scss */
.timeline-frame .controls .control-button:hover {
  background: rgba(var(--dynamic-green-rgb), 0.2);
  color: var(--dynamic-green);
}

/* line 164, app/assets/stylesheets/galaxy.scss */
#timeline {
  width: 100%;
  height: 100%;
}

/* line 165, app/assets/stylesheets/galaxy.scss */
.timeline-row {
  pointer-events: none;
}

/* line 170, app/assets/stylesheets/galaxy.scss */
.link {
  pointer-events: none;
  stroke-width: 2px;
  opacity: 0.5;
  transition: opacity 0.3s ease;
  stroke-linecap: round;
}

/* line 177, app/assets/stylesheets/galaxy.scss */
.link.required {
  stroke: var(--dynamic-green);
  opacity: 0.9;
}

/* line 178, app/assets/stylesheets/galaxy.scss */
.link.validated {
  stroke: #2dbb43;
  opacity: 0.9;
  animation: pulse-link 2s infinite ease-in-out;
}

/* line 183, app/assets/stylesheets/galaxy.scss */
.link.optional {
  stroke: #8e8e8e;
  stroke-dasharray: 3,3;
}

/* line 184, app/assets/stylesheets/galaxy.scss */
.link.required.highlighted {
  stroke-width: 3px;
  opacity: 1;
  filter: drop-shadow(0 0 6px var(--dynamic-green));
}

/* line 189, app/assets/stylesheets/galaxy.scss */
.link.validated.highlighted {
  stroke-width: 3px;
  opacity: 1;
  filter: drop-shadow(0 0 6px #2dbb43);
}

/* line 194, app/assets/stylesheets/galaxy.scss */
.link.optional.highlighted {
  stroke-width: 3px;
  opacity: 1;
  filter: drop-shadow(0 0 6px var(--dynamic-green));
}

/* line 202, app/assets/stylesheets/galaxy.scss */
.node {
  cursor: pointer;
  transition: transform 0.2s ease;
  transform-box: fill-box;
  transform-origin: center;
}

/* line 208, app/assets/stylesheets/galaxy.scss */
.node-container {
  fill: rgba(255, 255, 255, 0.05);
  stroke-width: 2px;
  transition: all 0.3s ease;
  animation: neon-glow 2.2s infinite alternate;
  filter: drop-shadow(0 0 6px var(--dynamic-green));
  position: relative;
  overflow: hidden;
}

/* line 217, app/assets/stylesheets/galaxy.scss */
.node-container::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 70%);
  opacity: 0;
  pointer-events: none;
  animation: hexagon-shine 3s infinite ease-in-out;
}

/* line 231, app/assets/stylesheets/galaxy.scss */
.node-outer {
  fill: none;
  stroke-width: 1px;
  opacity: 0.4;
  animation: pulse 2s infinite ease-in-out;
}

/* line 239, app/assets/stylesheets/galaxy.scss */
.node.completed .node-container {
  stroke: #2dbb43;
}

/* line 240, app/assets/stylesheets/galaxy.scss */
.node.completed .node-outer {
  stroke: #2dbb43;
}

/* line 241, app/assets/stylesheets/galaxy.scss */
.node.completed .node-status {
  fill: #2dbb43;
}

/* line 242, app/assets/stylesheets/galaxy.scss */
.node.completed .node-overlay {
  stroke: #2dbb43;
}

/* line 245, app/assets/stylesheets/galaxy.scss */
.node.progress .node-container {
  stroke: #FFA500;
}

/* line 246, app/assets/stylesheets/galaxy.scss */
.node.progress .node-outer {
  stroke: #FFA500;
}

/* line 247, app/assets/stylesheets/galaxy.scss */
.node.progress .node-status {
  fill: #FFA500;
}

/* line 248, app/assets/stylesheets/galaxy.scss */
.node.progress .node-overlay {
  stroke: #FFA500;
}

/* line 251, app/assets/stylesheets/galaxy.scss */
.node.available .node-container {
  stroke: var(--dynamic-green);
}

/* line 252, app/assets/stylesheets/galaxy.scss */
.node.available .node-outer {
  stroke: var(--dynamic-green);
}

/* line 253, app/assets/stylesheets/galaxy.scss */
.node.available .node-status {
  fill: var(--dynamic-green);
}

/* line 254, app/assets/stylesheets/galaxy.scss */
.node.available .node-overlay {
  stroke: var(--dynamic-green);
}

/* line 257, app/assets/stylesheets/galaxy.scss */
.node.locked .node-container {
  stroke: #94A3B8;
}

/* line 258, app/assets/stylesheets/galaxy.scss */
.node.locked .node-outer {
  stroke: #94A3B8;
}

/* line 259, app/assets/stylesheets/galaxy.scss */
.node.locked .node-status {
  fill: #94A3B8;
}

/* line 260, app/assets/stylesheets/galaxy.scss */
.node.locked .node-overlay {
  stroke: #94A3B8;
}

/* line 263, app/assets/stylesheets/galaxy.scss */
.node.subscribed .node-container {
  stroke: #60a5fa;
}

/* line 264, app/assets/stylesheets/galaxy.scss */
.node.subscribed .node-outer {
  stroke: #60a5fa;
}

/* line 265, app/assets/stylesheets/galaxy.scss */
.node.subscribed .node-status {
  fill: #60a5fa;
}

/* line 266, app/assets/stylesheets/galaxy.scss */
.node.subscribed .node-overlay {
  stroke: #60a5fa;
}

/* line 269, app/assets/stylesheets/galaxy.scss */
.node.completed.fail .node-container {
  stroke: #800000;
}

/* line 270, app/assets/stylesheets/galaxy.scss */
.node.completed.fail .node-outer {
  stroke: #800000;
}

/* line 271, app/assets/stylesheets/galaxy.scss */
.node.completed.fail .node-status {
  fill: #800000;
}

/* line 272, app/assets/stylesheets/galaxy.scss */
.node.completed.fail .node-overlay {
  stroke: #800000;
}

/* line 275, app/assets/stylesheets/galaxy.scss */
.node.expanded .node-container {
  filter: drop-shadow(0 0 12px rgba(var(--dynamic-green-rgb), 0.2));
}

/* line 279, app/assets/stylesheets/galaxy.scss */
.title {
  fill: #fff;
  font-size: 14px;
  text-anchor: middle;
  font-weight: 500;
}

/* line 280, app/assets/stylesheets/galaxy.scss */
.title.fail {
  fill: #fff;
  font-size: 14px;
  text-anchor: middle;
  font-weight: 500;
}

/* line 281, app/assets/stylesheets/galaxy.scss */
.title.sucess {
  fill: #2dbb43;
  font-size: 14px;
  text-anchor: middle;
  font-weight: 500;
}

/* line 282, app/assets/stylesheets/galaxy.scss */
.subtitle {
  fill: #d1d5db;
  font-size: 12px;
  text-anchor: middle;
  opacity: 0.8;
}

/* line 283, app/assets/stylesheets/galaxy.scss */
.subtitle.fail {
  fill: #fff;
  font-size: 12px;
  text-anchor: middle;
  opacity: 0.8;
}

/* line 284, app/assets/stylesheets/galaxy.scss */
.subtitle.sucess {
  fill: #2dbb43;
  font-size: 12px;
  text-anchor: middle;
  opacity: 0.8;
}

/* line 285, app/assets/stylesheets/galaxy.scss */
.node-status {
  font-size: 12px;
  text-anchor: middle;
}

/* line 286, app/assets/stylesheets/galaxy.scss */
.path-details {
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
}

/* line 291, app/assets/stylesheets/galaxy.scss */
.node.expanded .path-details {
  opacity: 1;
  pointer-events: all;
}

/* line 295, app/assets/stylesheets/galaxy.scss */
.tooltip {
  position: absolute;
  padding: 8px 12px;
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  border-radius: 4px;
  pointer-events: none;
  font-size: 0.9rem;
  opacity: 0;
  transition: opacity 0.2s ease;
  z-index: 999;
}

/* line 307, app/assets/stylesheets/galaxy.scss */
.node-overlay {
  pointer-events: none;
}

/* line 23, app/assets/stylesheets/variables.scss */
:root {
  --dynamic-green: #FF2C65;
  --dynamic-green-rgb: 255, 44, 101;
}

/* line 60, app/assets/stylesheets/variables.scss */
html {
  --dt-row-hover-alpha: 0.35 !important;
  --dt-row-stripe-alpha: 0.23 !important;
  --dt-column-ordering-alpha: 0.019;
  --dt-row-selected-stripe-alpha: 0.923;
  --dt-row-selected-column-ordering-alpha: 0.919;
  --dt-row-selected: $green-rule !important;
  --dt-row-selected-text: 255, 44, 101 !important;
  --dt-row-selected-link: 255, 44, 101 !important;
  --dt-row-stripe: 255, 44, 101 !important;
  --dt-row-hover: 255, 44, 101 !important;
  --dt-column-ordering: 255, 44, 101 !important;
  --dt-html-background: white;
}

/* line 75, app/assets/stylesheets/variables.scss */
div.dt-container .dt-search input {
  border: 1px solid var(--dynamic-green) !important;
}

/* line 79, app/assets/stylesheets/variables.scss */
table.dataTable > thead > tr > th, table.dataTable > thead > tr > td {
  border-bottom: 1px solid rgba(var(--dynamic-green-rgb), 0.3) !important;
}

/* line 82, app/assets/stylesheets/variables.scss */
table.dataTable.row-border > tbody > tr > *, table.dataTable.display > tbody > tr > * {
  border-bottom: 1px solid rgba(var(--dynamic-green-rgb), 0.3) !important;
}

/* line 86, app/assets/stylesheets/variables.scss */
.main-content .block.ladder-block {
  color: white;
  background: linear-gradient(135deg, #151924, #151C2B);
}

/* line 89, app/assets/stylesheets/variables.scss */
.main-content .block.ladder-block .header-block {
  background: transparent;
}

/* line 92, app/assets/stylesheets/variables.scss */
.main-content .block.ladder-block .content-block {
  background: transparent;
}

/* line 94, app/assets/stylesheets/variables.scss */
.main-content .block.ladder-block .content-block a {
  color: white;
  text-decoration: none;
}

/* line 100, app/assets/stylesheets/variables.scss */
.main-content .block.ladder-block .content-block table td svg {
  vertical-align: middle;
}

/* line 104, app/assets/stylesheets/variables.scss */
.main-content .block.ladder-block .content-block table td svg.gold path {
  stroke: gold;
}

/* line 107, app/assets/stylesheets/variables.scss */
.main-content .block.ladder-block .content-block table td svg.silver path {
  stroke: silver;
}

/* line 110, app/assets/stylesheets/variables.scss */
.main-content .block.ladder-block .content-block table td svg.bronze path {
  stroke: #cd7f32;
}

/* line 5, app/assets/stylesheets/corrections.scss */
.main-content .title-block-correction {
  width: 70%;
  margin: auto;
  margin-top: 30px;
  margin-bottom: 30px;
  display: flex;
  font-family: Inter;
}

/* line 12, app/assets/stylesheets/corrections.scss */
.main-content .title-block-correction .title-block-left {
  width: 50%;
  float: left;
}

/* line 15, app/assets/stylesheets/corrections.scss */
.main-content .title-block-correction .title-block-left h1 {
  font-weight: bold;
  font-size: 30px;
  color: black;
  font-family: Inter;
  margin-top: 25px;
  margin-bottom: 0px;
}

/* line 22, app/assets/stylesheets/corrections.scss */
.main-content .title-block-correction .title-block-left h1 a {
  color: var(--dynamic-green);
}

/* line 26, app/assets/stylesheets/corrections.scss */
.main-content .title-block-correction .title-block-left .availability-badge {
  display: inline-block;
  border-radius: 8px;
  vertical-align: middle;
}

/* line 30, app/assets/stylesheets/corrections.scss */
.main-content .title-block-correction .title-block-left .availability-badge p {
  margin: 0px;
  padding: 4px 8px;
  font-size: 16px;
}

/* line 36, app/assets/stylesheets/corrections.scss */
.main-content .title-block-correction .title-block-left .available {
  background-color: black;
  color: white;
}

/* line 41, app/assets/stylesheets/corrections.scss */
.main-content .title-block-correction .title-block-left .completed {
  background-color: #2dbb43;
  color: white;
}

/* line 45, app/assets/stylesheets/corrections.scss */
.main-content .title-block-correction .title-block-left .progress {
  background-color: #FFA500;
  color: white;
}

/* line 49, app/assets/stylesheets/corrections.scss */
.main-content .title-block-correction .title-block-left .available {
  background-color: var(--dynamic-green);
  color: white;
}

/* line 53, app/assets/stylesheets/corrections.scss */
.main-content .title-block-correction .title-block-left .locked {
  background-color: #94A3B8;
  color: white;
}

/* line 57, app/assets/stylesheets/corrections.scss */
.main-content .title-block-correction .title-block-left .subscribed {
  background-color: #60a5fa;
  color: white;
}

/* line 61, app/assets/stylesheets/corrections.scss */
.main-content .title-block-correction .title-block-left .group {
  display: inline-block;
  padding: 4px 8px;
  vertical-align: middle;
}

/* line 65, app/assets/stylesheets/corrections.scss */
.main-content .title-block-correction .title-block-left .group svg {
  display: inline-block;
  float: left;
}

/* line 69, app/assets/stylesheets/corrections.scss */
.main-content .title-block-correction .title-block-left .group p {
  display: inline-block;
  color: #64748B;
  font-size: 16px;
  float: right;
  margin: 3px;
  margin-left: 10px;
}

/* line 80, app/assets/stylesheets/corrections.scss */
.main-content .block.correction {
  background-color: white;
  width: 70%;
}

/* line 84, app/assets/stylesheets/corrections.scss */
.main-content .block.correction .header-block {
  background: unset;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
}

/* line 88, app/assets/stylesheets/corrections.scss */
.main-content .block.correction .header-block h3.index-question {
  text-align: left;
  float: left;
  margin-top: 0px;
  margin-right: 10px;
  color: var(--dynamic-green);
  width: unset;
}

/* line 97, app/assets/stylesheets/corrections.scss */
.main-content .block.correction .header-block a.username {
  color: var(--dynamic-green);
  text-decoration: none;
}

/* line 102, app/assets/stylesheets/corrections.scss */
.main-content .block.correction .content-block {
  background: unset;
  margin: 20px 40px;
}

/* line 106, app/assets/stylesheets/corrections.scss */
.main-content .block.correction .content-block pre {
  background-color: #272727;
  color: white;
  padding: 10px;
}

/* line 111, app/assets/stylesheets/corrections.scss */
.main-content .block.correction .content-block .slider-container, .main-content .block.correction .content-block .radio-container {
  margin: 40px 0px;
}

/* line 114, app/assets/stylesheets/corrections.scss */
.main-content .block.correction .content-block p {
  margin: 40px 0px;
}

/* line 117, app/assets/stylesheets/corrections.scss */
.main-content .block.correction .content-block p.group {
  margin: 10px 0px;
}

/* line 119, app/assets/stylesheets/corrections.scss */
.main-content .block.correction .content-block p.group a {
  color: var(--dynamic-green);
}

/* line 122, app/assets/stylesheets/corrections.scss */
.main-content .block.correction .content-block p.group a:hover {
  color: #64748B;
}

/* line 126, app/assets/stylesheets/corrections.scss */
.main-content .block.correction .content-block form {
  width: 60%;
  margin: auto;
}

/* line 132, app/assets/stylesheets/corrections.scss */
.main-content .block.correction .content-block p span {
  float: unset;
  margin-left: 30px;
}

/* line 137, app/assets/stylesheets/corrections.scss */
.main-content .block.correction .content-block p.notice, .main-content .block.correction .content-block p.alert {
  color: white;
  width: 100%;
}

/* line 141, app/assets/stylesheets/corrections.scss */
.main-content .block.correction .content-block h5 {
  font-size: 16px;
  color: var(--dynamic-green);
}

/* line 145, app/assets/stylesheets/corrections.scss */
.main-content .block.correction .content-block label {
  display: block;
  font-size: 16px;
  font-weight: bold;
  color: #475569;
}

/* line 151, app/assets/stylesheets/corrections.scss */
.main-content .block.correction .content-block input[type="text"] {
  width: 100%;
  display: block;
  padding: 12px 10px;
  border-radius: 6px;
  border: 1px solid #CBD5E1;
  margin-top: 10px;
  margin-bottom: 10px;
}

/* line 160, app/assets/stylesheets/corrections.scss */
.main-content .block.correction .content-block input::placeholder {
  color: #CBD5E1;
  font-size: 16px;
  font-weight: bold;
}

/* line 165, app/assets/stylesheets/corrections.scss */
.main-content .block.correction .content-block input:disabled {
  background-color: #CBD5E1;
}

/* line 168, app/assets/stylesheets/corrections.scss */
.main-content .block.correction .content-block input[type="submit"] {
  color: white;
  border: none;
  font-size: 16px;
  font-weight: bold;
  border-radius: 8px;
  background-color: var(--dynamic-green);
  padding: 18px;
  margin-top: 40px;
  width: auto;
  cursor: pointer;
}

/* line 180, app/assets/stylesheets/corrections.scss */
.main-content .block.correction .content-block textarea {
  width: 100%;
  display: block;
  padding: 12px 10px;
  border-radius: 6px;
  border: 1px solid #CBD5E1;
  margin-top: 10px;
  margin-bottom: 10px;
}

/* line 189, app/assets/stylesheets/corrections.scss */
.main-content .block.correction .content-block .radio-container {
  display: flex;
  gap: 0;
  width: 100%;
  position: relative;
}

/* line 194, app/assets/stylesheets/corrections.scss */
.main-content .block.correction .content-block .radio-container input[type="radio"] {
  position: absolute;
  opacity: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 40px;
  border: 1px solid #CBD5E1;
  cursor: pointer;
  font-size: 16px;
  margin: 0px;
}

/* line 207, app/assets/stylesheets/corrections.scss */
.main-content .block.correction .content-block .radio-container input.red[type="radio"] {
  margin-left: 50%;
}

/* line 210, app/assets/stylesheets/corrections.scss */
.main-content .block.correction .content-block .radio-container label {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 40px;
  border: 1px solid #CBD5E1;
  cursor: pointer;
  font-size: 16px;
}

/* line 220, app/assets/stylesheets/corrections.scss */
.main-content .block.correction .content-block .radio-container .green:checked + label {
  background-color: #2dbb43;
  color: white;
}

/* line 224, app/assets/stylesheets/corrections.scss */
.main-content .block.correction .content-block .radio-container .red:checked + label {
  background-color: #800000;
  color: white;
}

/* line 229, app/assets/stylesheets/corrections.scss */
.main-content .block.correction .content-block .slider-container {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

/* line 235, app/assets/stylesheets/corrections.scss */
.main-content .block.correction .content-block .slider-container input[type="range"] {
  height: 15px;
  width: 100%;
  -webkit-appearance: none;
  border: 1px solid #CBD5E1;
  appearance: none;
  background: white;
  border-radius: 15px;
}

/* line 244, app/assets/stylesheets/corrections.scss */
.main-content .block.correction .content-block .slider-container input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 30px;
  height: 30px;
  background: var(--dynamic-green);
  border-radius: 50%;
  cursor: pointer;
}

/* line 253, app/assets/stylesheets/corrections.scss */
.main-content .block.correction .content-block .slider-container input[type="range"]::-moz-range-thumb {
  width: 30px;
  height: 30px;
  background: var(--dynamic-green);
  border-radius: 50%;
  cursor: pointer;
}

/* line 260, app/assets/stylesheets/corrections.scss */
.main-content .block.correction .content-block .slider-container .slider-value {
  margin-top: 10px;
  font-size: 18px;
  font-weight: bold;
}

/* line 269, app/assets/stylesheets/corrections.scss */
.main-content .new_feedback .star-container {
  margin-bottom: 50px;
}

/* line 271, app/assets/stylesheets/corrections.scss */
.main-content .new_feedback .star-container .jq-star {
  margin-right: 10px;
}

/* line 180, app/assets/stylesheets/application.scss */
button:hover, input[type="submit"]:hover {
  opacity: 0.7;
}

/* line 185, app/assets/stylesheets/application.scss */
.lucide-squirrel {
  transition: transform 2s;
}

/* line 189, app/assets/stylesheets/application.scss */
.lucide-bird {
  transition: transform 10s;
}