@import 'https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css';
@font-face {
  font-family: "MaisonNeue";
  src: url("./font/MaisonNeue-Bold.woff2") format("woff2"), url("./font/MaisonNeue-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal; }
@font-face {
  font-family: "MaisonNeue";
  src: url("./font/MaisonNeue-Demi.woff2") format("woff2"), url("./font/MaisonNeue-Demi.woff") format("woff");
  font-weight: 500;
  font-style: normal; }
@font-face {
  font-family: "MaisonNeue";
  src: url("./font/MaisonNeue-Light.woff2") format("woff2"), url("./font/MaisonNeue-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal; }
/*  animations ---------------- */
@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  75% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3); }
  80% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  85% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3); }
  90% {
    -webkit-transform: scale(1);
    transform: scale(1); } }
@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
/*scrollbar ---------------- */
::-webkit-scrollbar,
div ::-webkit-scrollbar {
  width: 8px; }

::-webkit-scrollbar-track,
div ::-webkit-scrollbar-track {
  background: transparent; }

div ::-webkit-scrollbar-thumb {
  background: linear-gradient(to bottom, transparent 5%, #DC9750 90%, transparent 100%); }

::-webkit-scrollbar-thumb {
  background: #DC9750; }

div ::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(to bottom, transparent 5%, #DC9750 90%, transparent 100%); }

/* Hide arrows (input type number) Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

/* Hide arrows within input (Firefox) */
input[type=number] {
  -moz-appearance: textfield; }

html {
  font-size: 14px; }
  html * {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

body {
  background: linear-gradient(to left, #1E2640, #1E2640 50%, #1B223A 50%, #1B223A);
  position: relative;
  min-height: 100vh; }

h1, h2, h3, h4, h5 {
  font-family: "MaisonNeue";
  font-weight: 500;
  color: #f8f9fa;
  letter-spacing: 0.8px; }

h1 {
  margin-bottom: 0.5rem;
  font-size: 3rem; }
  h1.h1-small {
    font-size: 2rem; }

h2 {
  font-size: 2rem;
  font-weight: 300;
  margin-bottom: 3rem; }

h3 {
  font-size: 1.5rem; }

h4 {
  color: #1E2640; }

h5 {
  font-size: 1.1rem; }

p {
  font-weight: 300;
  font-family: "MaisonNeue";
  letter-spacing: 0.6px; }

.d-flex.flex-between-center {
  justify-content: space-between;
  align-items: center; }
.d-flex.flex-center-center {
  justify-content: center;
  align-items: center; }

.half-bg {
  display: none; }

.svg-logo {
  height: auto;
  width: 100%; }
  .svg-logo g path {
    fill: #1E2640; }

#svg-bg {
  fill: #DC9750; }

/* button styles ------------ */
.btn {
  font-weight: 400;
  position: relative; }
  .btn:hover {
    background-color: #F3EAC0;
    color: #1E2640; }
  .btn.btn-action {
    font-weight: 700; }
    .btn.btn-action:hover, .btn.btn-action:active {
      border-color: #1E2640;
      background-color: #DC9750; }
  .btn.btn-dd {
    text-align: left; }
    .btn.btn-dd.show {
      background-color: #F3EAC0; }
    .btn.btn-dd::after {
      display: none; }
    .btn.btn-dd:disabled {
      background-color: white;
      opacity: 0.5; }
  .btn.btn-success, .btn.btn-outline-success {
    background-color: #DC9750;
    border-color: #DC9750;
    padding: 1rem; }
    .btn.btn-success:hover, .btn.btn-outline-success:hover {
      background-color: #F3EAC0; }
  .btn.btn-actionhover, .btn.btn-action:active, .btn.btn-successhover, .btn.btn-success:active, .btn.btn-feedbackhover, .btn.btn-feedback:active {
    background-color: #F3EAC0;
    border-color: #F3EAC0; }
  .btn.btn-action {
    background-color: #F3EAC0;
    border-color: #F3EAC0;
    color: white; }
  .btn.btn-outline-success:hover, .btn.btn-outline-success:active {
    color: #fff;
    background-color: #DC9750;
    border-color: #DC9750; }
  .btn.btn-outline-success:focus {
    /* shadow rgb? */ }
  .btn.btn--yellow {
    background-color: #F3EAC0;
    border-color: #F3EAC0;
    color: #1E2640;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
    .btn.btn--yellow i {
      background-color: none;
      transition: background-color ease 0.3s; }
    .btn.btn--yellow:hover i {
      background-color: #DC9750; }
    .btn.btn--yellowhover {
      background-color: #DC9750;
      color: #fff;
      outline: none; }
  .btn.btn--download {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    font-size: 1.2rem;
    width: fit-content; }
  .btn.btn-next, .btn.btn-reload {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }
  .btn#btn-copy {
    background-color: #F3EAC0;
    color: #1E2640;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-color: #F3EAC0; }
  .btn.btn-tooltip {
    background-color: #F3EAC0;
    border-radius: 50%;
    color: #1E2640;
    font-size: 0.8rem;
    padding: 0;
    position: absolute;
    right: 10px;
    top: 0;
    height: 1.2rem;
    width: 1.2rem; }
    .btn.btn-tooltip:hover {
      color: #fff; }
  .btn .bi-arrow-right-circle-fill,
  .btn .bi-arrow-up-right-circle-fill,
  .btn .bi-arrow-down-circle-fill,
  .btn .bi-arrow-bar-down,
  .btn .bi.bi-plus {
    position: absolute;
    right: 1.5rem;
    font-size: 1.5rem; }
  .btn .bi-arrow-bar-down {
    color: #1E2640; }
  .btn .bi-arrow-left-circle-fill {
    position: absolute;
    left: 1.5rem;
    font-size: 1.5rem; }

#addID {
  --bs-btn-border-color: $action-color;
  --bs-btn-color: $action-color;
  height: 2.5rem;
  width: 2.5rem;
  padding: 0;
  padding-left: 1rem; }

.removeID {
  height: 2rem;
  width: 2rem;
  position: absolute;
  padding: 0;
  right: -2rem;
  top: 50%;
  transform: translateY(-50%); }
  .removeID svg {
    padding-bottom: 2px;
    height: 1.5rem;
    width: 1.5rem; }

.lead {
  color: #fff;
  font-weight: 300;
  line-height: 1.6; }

/* test your filename---------- */
.filename-tester {
  background: #1e2640;
  border-radius: 5px;
  height: fit-content;
  overflow: hidden;
  padding: 2rem;
  transition: transform 0.5s linear, filter 0.5s linear;
  transform: translate(-2rem, 75%);
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  flex-wrap: wrap; }
  .filename-tester:hover, .filename-tester:focus, .filename-tester *:hover .filename-tester {
    transform: translate(-2rem, 0);
    filter: brightness(1.3); }
  .filename-tester .input-group {
    width: 80%; }
    .filename-tester .input-group #btn-check-filename {
      background-color: #F3EAC0; }
      .filename-tester .input-group #btn-check-filename:hover {
        background-color: #DC9750; }
  .filename-tester p {
    color: white; }

#test-filename:focus {
  box-shadow: none; }

.filename-check-feedback {
  color: #fff;
  display: inline-block;
  padding: 1rem;
  width: 20%; }
  .filename-check-feedback.pass {
    color: green; }
  .filename-check-feedback.failed, .filename-check-feedback.show {
    color: red; }
  .filename-check-feedback:before {
    font-size: 2rem;
    vertical-align: middle; }

/* form validation ----- */
.invalid-feedback {
  display: none;
  font-size: 1rem;
  visibility: hidden;
  margin-top: 0.2rem;
  opacity: 0;
  padding-left: 1rem; }

.was-validated .form-select.is-invalid, .was-validated .form-select:invalid, .was-validated .form-control.is-invalid, .was-validated .form-control:invalid {
  border: 3px solid red;
  box-shadow: none;
  outline: none; }

.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip,
.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip {
  display: block;
  visibility: visible;
  opacity: 1; }

/* accordion (form steps)----------------- */
.accordion {
  --bs-accordion-border-color: #fff;
  --bs-accordion-body-padding-x: 2rem;
  --bs-accordion-body-padding-y: 2rem;
  --bs-accordion-btn-padding-x: 2rem;
  --bs-accordion-btn-padding-y: 1.25rem; }

.accordion-container {
  z-index: 5; }

.horizontal-accordion {
  height: 700px;
  position: relative; }
  .horizontal-accordion h3 {
    color: #fff;
    font-size: 1.8rem;
    text-align: center;
    margin-bottom: 2rem; }
  .horizontal-accordion .collapse {
    min-height: 100%;
    height: auo; }
    .horizontal-accordion .collapse.show .card {
      opacity: 1;
      transform: translateX(0); }
    .horizontal-accordion .collapse:not(.show) {
      opacity: 0;
      width: 100%; }
      .horizontal-accordion .collapse:not(.show) .card {
        opacity: 0; }
    .horizontal-accordion .collapse .card {
      background: transparent;
      border: none;
      border-radius: 20px;
      color: #fff;
      opacity: 0;
      transition: opacity 1s ease-out, transform 0.8s ease;
      -webkit-transition: opacity 1s ease-out, transform 0.8s ease;
      height: 100%;
      overflow-y: visible;
      transform: translateX(50px);
      padding: 2rem;
      min-width: 100%; }
    .horizontal-accordion .collapse .accordion-header {
      display: none; }
    .horizontal-accordion .collapse .form-progress {
      display: none;
      text-align: center; }
    .horizontal-accordion .collapse .accordion-button {
      color: black;
      font-size: 1.2rem;
      font-weight: 500; }
      .horizontal-accordion .collapse .accordion-button::after {
        display: none; }
      .horizontal-accordion .collapse .accordion-button:not(.collapsed) {
        background-color: #fff;
        box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color); }
      .horizontal-accordion .collapse .accordion-button:focus {
        box-shadow: none; }
  .horizontal-accordion .collapsing {
    height: 100%;
    transition: none;
    -webkit-transition: none;
    width: 100%; }
    .horizontal-accordion .collapsing .card {
      opacity: 0; }
    .horizontal-accordion .collapsing .accordion-item {
      border-color: #fff; }

/* form-elements /inputs ------------------------- */
.form-container div {
  position: relative; }

.form-label {
  font-weight: 500;
  font-family: "MaisonNeue"; }
  .form-label:hover {
    cursor: pointer; }
  .form-label:after {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="%234b9caa" class="bi bi-question" viewBox="0 0 16 16"><path d="M5.255 5.786a.237.237 0 0 0 .241.247h.825c.138 0 .248-.113.266-.25.09-.656.54-1.134 1.342-1.134.686 0 1.314.343 1.314 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.003.217a.25.25 0 0 0 .25.246h.811a.25.25 0 0 0 .25-.25v-.105c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.267 0-2.655.59-2.75 2.286m1.557 5.763c0 .533.425.927 1.01.927.609 0 1.028-.394 1.028-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94"/></svg>');
    background-repeat: no-repeat;
    content: "";
    color: #DC9750;
    display: none;
    height: 1rem;
    width: 1rem;
    opacity: 0; }

.form-control,
.form-select,
.form-select option,
.btn-dd {
  background-color: #fff;
  border: none;
  border-radius: 5px;
  box-shadow: none;
  font-family: "MaisonNeue";
  font-weight: 400;
  padding: 1rem; }

.form-select:hover {
  cursor: pointer; }
.form-select:focus {
  border-color: #DC9750;
  box-shadow: 0 0 0 0.25rem #DC9750;
  outline: 0; }
.form-select:disabled {
  opacity: 0.4; }
.form-select option[selected] {
  background-color: #1E2640;
  color: #fff; }

.form-control:focus {
  border-color: #DC9750;
  box-shadow: 0 0 0 0.25rem #DC9750; }
.form-control.size-half {
  margin-bottom: 1rem;
  width: 50%; }
.form-control:disabled {
  opacity: 0.4; }
.form-control::placeholder {
  color: #cdcdcd;
  opacity: 1; }

.form-check-input:checked, .form-check-input.is-valid:checked, .form-check-input:valid:checked {
  background-color: #DC9750;
  border-color: #DC9750; }

.custom-switch {
  transform: scale(1.5); }
  .custom-switch:focus {
    box-shadow: none; }

.date-input {
  border-top-right-radius: 5px !important;
  border-bottom-right-radius: 5px !important; }

.dropdown-menu.show {
  background-color: #F3EAC0;
  border: none;
  margin-left: 1rem;
  width: fit-content; }
.dropdown-menu li.active {
  background-color: #DC9750; }
.dropdown-menu li a {
  color: #1E2640;
  cursor: pointer; }

#suffix-container button {
  display: block; }

.show-suffix svg {
  margin-left: 1rem;
  transition: transform 0.5s ease; }
.show-suffix.collapsed svg {
  transform: rotate(180deg); }

.custom-tooltip {
  --bs-tooltip-bg: $secondary-color;
  background-color: #1E2640;
  --bs-tooltip-color: #fff;
  --bs-tooltip-max-width: 300px;
  --bs-tooltip-padding-x: 1rem;
  --bs-tooltip-padding-y: .5rem;
  z-index: 700; }
  .custom-tooltip .tooltip-inner {
    text-align: left;
    font-size: 1rem; }

/* modal, containing suffixes.----------  */
.modal {
  --bs-modal-height: min-content;
  overflow: visible; }
  .modal.open {
    padding-right: 0; }
  .modal .modal-dialog .modal-content {
    padding: 1.5rem; }
    .modal .modal-dialog .modal-content .modal-header {
      border-bottom: 0; }
    .modal .modal-dialog .modal-content .nav-link {
      cursor: pointer;
      color: #1E2640; }
      .modal .modal-dialog .modal-content .nav-link.active {
        color: #DC9750; }
      .modal .modal-dialog .modal-content .nav-link.has-content {
        color: green; }
        .modal .modal-dialog .modal-content .nav-link.has-content:before {
          content: "";
          display: inline-block;
          background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-pencil-fill' viewBox='0 0 16 16'><path d='M12.854.146a.5.5 0 0 0-.707 0L10.5 1.793 14.207 5.5l1.647-1.646a.5.5 0 0 0 0-.708zm.646 6.061L9.793 2.5 3.293 9H3.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.207zm-7.468 7.468A.5.5 0 0 1 6 13.5V13h-.5a.5.5 0 0 1-.5-.5V12h-.5a.5.5 0 0 1-.5-.5V11h-.5a.5.5 0 0 1-.5-.5V10h-.5a.5.5 0 0 1-.175-.032l-.179.178a.5.5 0 0 0-.11.168l-2 5a.5.5 0 0 0 .65.65l5-2a.5.5 0 0 0 .168-.11z'/></svg>");
          background-repeat: no-repeat;
          background-size: 100%;
          margin-right: 0.5rem; }
    .modal .modal-dialog .modal-content .modal-body .modal-title {
      color: #1E2640; }
    .modal .modal-dialog .modal-content .modal-body .input-group .input-group-text--yellow {
      background-color: #F3EAC0;
      border: none;
      border-radius: 5px; }
    .modal .modal-dialog .modal-content .modal-body .input-group .update-hidden:first-child {
      flex: 1 1 50%; }
    .modal .modal-dialog .modal-content .modal-body .input-group .form-check-label {
      background-color: #F3EAC0; }
    .modal .modal-dialog .modal-content .modal-body .add-entry,
    .modal .modal-dialog .modal-content .modal-body .remove-entry {
      background-color: #1e264014;
      border: none;
      color: #1E2640;
      fill: #1E2640;
      margin-right: 1rem;
      padding: 0.5rem 0.8rem; }
      .modal .modal-dialog .modal-content .modal-body .add-entry:hover,
      .modal .modal-dialog .modal-content .modal-body .remove-entry:hover {
        background-color: #F3EAC0; }
      .modal .modal-dialog .modal-content .modal-body .add-entry i,
      .modal .modal-dialog .modal-content .modal-body .remove-entry i {
        position: relative;
        right: auto; }
    .modal .modal-dialog .modal-content .form-group {
      border-bottom: 1px solid #4ca1af2e;
      padding-bottom: 0.5rem; }
    .modal .modal-dialog .modal-content .form-control, .modal .modal-dialog .modal-content .form-select {
      background-color: #1e264014; }
      .modal .modal-dialog .modal-content .form-control::placeholder, .modal .modal-dialog .modal-content .form-select::placeholder {
        color: black; }
    .modal .modal-dialog .modal-content .form-check {
      width: 100%; }
    .modal .modal-dialog .modal-content .modal-footer {
      border-top: none; }

/* vertical menu (reset, feedback, links,..)-------- */
.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical > .btn ~ .btn {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px; }

.btn-group-vertical {
  align-items: flex-end; }

.vertical-menu {
  gap: 2rem;
  position: absolute;
  right: 2rem;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2000; }
  .vertical-menu .btn-menu {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border-color: transparent;
    color: #1E2640;
    overflow: hidden;
    padding: 0;
    position: relative;
    height: 40px;
    width: 40px;
    transition: width 0.3s linear;
    z-index: 20; }
    .vertical-menu .btn-menu:hover {
      background: white;
      width: 170px; }
      .vertical-menu .btn-menu:hover span {
        opacity: 1; }
    .vertical-menu .btn-menu svg {
      height: 40px;
      width: 40px;
      background-color: #fff;
      border-radius: 50%;
      fill: #1E2640;
      padding: 0.4rem;
      position: absolute;
      left: -1px;
      top: -1px;
      transition: transform 0.5s ease; }
    .vertical-menu .btn-menu:first-child:hover svg {
      -webkit-animation: spin 0.5s linear 1;
      -moz-animation: spin 0.5s linear 1;
      animation: spin 0.5s linear 1; }
    .vertical-menu .btn-menu span {
      opacity: 0;
      position: absolute;
      right: 1rem;
      top: 0.5rem;
      transition: opacity 0.5s linear; }

#feedback-container {
  display: none; }

.popover-body {
  overflow: hidden;
  padding: 0.6rem; }
  .popover-body #feedback-container {
    display: block; }

.custom-popover {
  border-color: #1E2640;
  --bs-popover-header-bg: $secondary-color;
  --bs-popover-header-color: #fff;
  --bs-popover-bg: $secondary-color;
  --bs-popover-body-color: white;
  --bs-popover-body-padding-x: 1rem;
  --bs-popover-body-padding-y: .5rem; }
  .custom-popover a {
    color: #DC9750; }

footer {
  background-color: #1E2640;
  color: #fff;
  position: relative;
  width: 100%; }

/* landing page (index.php)------------------- */
.sticky-top {
  padding-top: 2rem;
  margin-bottom: 0;
  z-index: 0; }
  .sticky-top h3 {
    margin-bottom: 0; }

#landing .sticky-top {
  margin-bottom: 6rem; }
  #landing .sticky-top .btn {
    width: fit-content;
    position: absolute;
    top: 1rem;
    right: 1rem;
    padding: 0.5rem 1rem; }

.welcome {
  min-height: 70vh; }

.download-modal {
  height: 400px;
  position: relative;
  z-index: 10; }
  .download-modal div {
    background-color: #DC9750;
    border-radius: 10px;
    color: #fff;
    cursor: pointer;
    padding: 1rem 1.5rem;
    position: absolute;
    right: 0;
    bottom: 50px;
    transition: transform ease 0.5s;
    height: auto;
    width: 300px;
    z-index: 20; }
    .download-modal div:hover {
      transform: translateY(-5px); }
  .download-modal a, .download-modal a:hover {
    color: #fff;
    text-decoration: none; }
  .download-modal img {
    border-radius: 10px;
    position: absolute;
    left: 0;
    top: -100px;
    height: 400px;
    width: auto;
    transition: transform ease; }
  .download-modal .download-modal:after,
  .download-modal .horizontal-accordion:after {
    background-color: #1E2640;
    border-radius: 50%;
    content: "";
    height: 500px;
    width: 500px;
    filter: brightness(0.9);
    position: absolute;
    right: 0px;
    top: -100px;
    z-index: -10; }

@keyframes dissapear {
  0% {
    opacity: 0;
    transform: translate(-50%, 0px); }
  25% {
    opacity: 1;
    transform: translate(-50%, 10px); }
  50% {
    opacity: 0;
    transform: translate(-50%, 20px); }
  100% {
    opacity: 0;
    transform: translate(-50%, 0px); } }
#scrolldown {
  animation: dissapear 3s linear infinite;
  color: #fff;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%); }

.section {
  background-color: #fff;
  height: auto;
  position: relative;
  width: 100%;
  z-index: 20; }
  .section.section-dark {
    background-color: transparent;
    color: #fff; }
    .section.section-dark a {
      text-decoration: none; }
  .section h3 {
    color: #1E2640;
    margin-bottom: 1rem; }
  .section .lead {
    color: #1E2640;
    font-size: 1.2rem;
    font-weight: 300;
    padding-right: 2rem; }

.navbar-brand,
.navbar {
  margin-right: 0;
  padding-top: 1rem; }

.navbar.fixed-bottom {
  background-color: transparent;
  height: fit-content;
  z-index: 1; }
  .navbar.fixed-bottom .container {
    justify-content: flex-start;
    gap: 20px; }

.advantages {
  color: #1E2640; }
  .advantages div {
    position: relative;
    margin-top: 0;
    margin-bottom: 0;
    padding: 1.5rem 2.5rem 2rem 1rem; }
    .advantages div:after {
      background-color: #F3EAC0;
      border-radius: 50%;
      content: "";
      height: 4rem;
      width: 4rem;
      transition: background-color 0.7s ease;
      z-index: -1;
      position: absolute;
      top: 1rem;
      left: 1rem; }
    .advantages div:hover:after {
      background-color: #DC9750; }
    .advantages div h5 {
      color: #1E2640; }
  .advantages svg {
    background-color: transparent;
    fill: #1E2640;
    height: 4rem;
    margin-bottom: 1rem;
    overflow: visible;
    width: auto; }

.circle {
  display: none; }
  .circle.small {
    height: 2rem;
    letter-spacing: 1px;
    margin-bottom: 1rem;
    width: 2rem; }

/* media queries for both pages */
@media (min-width: 1200px) {
  h1 {
    font-size: 4rem; }
    h1.h1-small {
      font-size: 3rem; }

  .modal-dialog .modal-content {
    padding: 1.5rem 4rem; } }
@media (max-width: 768px) {
  .vertical-menu {
    top: 1rem;
    right: 1rem;
    transform: none; }

  .input-group {
    display: block; }
    .input-group .form-control,
    .input-group .btn,
    .input-group .form-select,
    .input-group .input-group-text {
      border-radius: 5px;
      clear: both;
      display: block;
      margin: 10px 0 10px 0;
      width: 100%; }

  .sticky-top {
    margin-bottom: 5rem; }

  .navbar.fixed-bottom {
    position: relative; }
    .navbar.fixed-bottom .filename-tester {
      transform: none; }
      .navbar.fixed-bottom .filename-tester .input, .navbar.fixed-bottom .filename-tester button {
        border-radius: 5px; }

  .advantages div {
    padding-left: calc(var(--bs-gutter-x) * .5); } }

/*# sourceMappingURL=compiled.css.map */