/*
 * Obfuscated filename: tcs-2835110397.css
 */

/* Reset */
:root {
  --slide-width: 500px;
  /* --slide-height: 500px; */
  --slides-margin: 15px;
  --slides-width: calc(var(--slide-width) + 2*var(--slides-margin));
  /* --slides-height: calc(var(--slide-height) + 2*var(--slides-margin)) */
}
#h1, h2 {
  margin: 0px;
  padding: 0px
}

/* General */
.disabled {
  opacity: 0.6;
  cursor: none
}

/* Main code */
#slides-container {
  max-width: var(--slides-width);
  /* min-height: var(--slides-height); */
  margin: 0px auto
}
#slides-container #slides {
  max-width: var(--slides-width);
  /* height: var(--slides-height); */
  height: auto;
  /* background-color: #75a875; */
  position: relative;
  overflow: hidden
}
#slides-container #slides .slide {
  display: block;
  margin: var(--slides-margin);
  min-width: 90%; /* For mobile with small widths */
  max-width: var(--slide-width);
  /* height: var(--slide-height); */
  height: auto;
  /* background-color: #ffffa2; */

  position: absolute; top: 100%; left: 0;
  transition: all 0.5s ease-out
}
#slides-container #slides .slide:first-child {
  top: 0%
}
#slides-container #progressbar {
  display: block;
  max-width: 100%;
  width: calc(100% * 0);  /* Inital value */
  height: 8px;
  background-color: #cf5828;
  transition: all 0.3s ease-out
}
#sliders-controls {
  margin-top: 10px  
}
#sliders-controls button {
  width: auto
}

.input-requirements,
.input-requirements-done {
  display: block;
  font-style: italic;
  margin-top: 10px
}

.input-requirements {
  color: grey;
  -webkit-text-fill-color: grey
}

.input-requirements-done {
  color: #e07950;
  -webkit-text-fill-color: #e07950
}