@font-face {
  font-family: "bacalisties";
  src: url("../font/bacalisties.ttf") format("truetype");
}
@font-face {
  font-family: "bookman";
  src: url("../font/BOOKOS.ttf") format("truetype");
}
@font-face {
  font-family: "bookman";
  font-weight: bold;
  src: url("../font/BOOKOSB.ttf") format("truetype");
}
@font-face {
  font-family: "bookman";
  font-weight: bold;
  font-style: italic;
  src: url("../font/BOOKOSBI.ttf") format("truetype");
}
@font-face {
  font-family: "bookman";
  font-style: italic;
  src: url("../font/BOOKOSI.ttf") format("truetype");
}
:root,
[data-bs-theme=light] {
  --mo-blue: #0d6efd;
  --mo-indigo: #6610f2;
  --mo-purple: #6f42c1;
  --mo-pink: #d63384;
  --mo-red: #dc3545;
  --mo-orange: #fd7e14;
  --mo-yellow: #ffc107;
  --mo-green: #198754;
  --mo-teal: #20c997;
  --mo-cyan: #0dcaf0;
  --mo-black: #000;
  --mo-white: #fafaf4;
  --mo-gray: #6c757d;
  --mo-gray-dark: #343a40;
  --mo-gray-100: #f8f9fa;
  --mo-gray-200: #e9ecef;
  --mo-gray-300: #dee2e6;
  --mo-gray-400: #ced4da;
  --mo-gray-500: #adb5bd;
  --mo-gray-600: #6c757d;
  --mo-gray-700: #495057;
  --mo-gray-800: #343a40;
  --mo-gray-900: #212529;
  --mo-primary: rgba(80, 123, 75, 0.7);
  --mo-secondary: #6c757d;
  --mo-success: #198754;
  --mo-info: #0dcaf0;
  --mo-warning: #ffc107;
  --mo-danger: #dc3545;
  --mo-light: #f8f9fa;
  --mo-dark: #212529;
  --mo-primary-rgb: 80, 123, 75;
  --mo-secondary-rgb: 108, 117, 125;
  --mo-success-rgb: 25, 135, 84;
  --mo-info-rgb: 13, 202, 240;
  --mo-warning-rgb: 255, 193, 7;
  --mo-danger-rgb: 220, 53, 69;
  --mo-light-rgb: 248, 249, 250;
  --mo-dark-rgb: 33, 37, 41;
  --mo-primary-text-emphasis: rgba(21.1320754717, 32.4905660377, 19.8113207547, 0.88);
  --mo-secondary-text-emphasis: rgb(43.2, 46.8, 50);
  --mo-success-text-emphasis: rgb(10, 54, 33.6);
  --mo-info-text-emphasis: rgb(5.2, 80.8, 96);
  --mo-warning-text-emphasis: rgb(102, 77.2, 2.8);
  --mo-danger-text-emphasis: rgb(88, 21.2, 27.6);
  --mo-light-text-emphasis: #495057;
  --mo-dark-text-emphasis: #495057;
  --mo-primary-bg-subtle: rgba(234.2372881356, 239.3389830508, 233.6440677966, 0.94);
  --mo-secondary-bg-subtle: rgb(225.6, 227.4, 229);
  --mo-success-bg-subtle: rgb(209, 231, 220.8);
  --mo-info-bg-subtle: rgb(206.6, 244.4, 252);
  --mo-warning-bg-subtle: rgb(255, 242.6, 205.4);
  --mo-danger-bg-subtle: rgb(248, 214.6, 217.8);
  --mo-light-bg-subtle: rgb(249, 249.5, 247);
  --mo-dark-bg-subtle: #ced4da;
  --mo-primary-border-subtle: rgba(208.7735849057, 220.1320754717, 207.4528301887, 0.88);
  --mo-secondary-border-subtle: rgb(196.2, 199.8, 203);
  --mo-success-border-subtle: rgb(163, 207, 186.6);
  --mo-info-border-subtle: rgb(158.2, 233.8, 249);
  --mo-warning-border-subtle: rgb(255, 230.2, 155.8);
  --mo-danger-border-subtle: rgb(241, 174.2, 180.6);
  --mo-light-border-subtle: #e9ecef;
  --mo-dark-border-subtle: #adb5bd;
  --mo-white-rgb: 250, 250, 244;
  --mo-black-rgb: 0, 0, 0;
  --mo-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --mo-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --mo-gradient: linear-gradient(180deg, rgba(250, 250, 244, 0.15), rgba(250, 250, 244, 0));
  --mo-body-font-family: var(--mo-font-sans-serif);
  --mo-body-font-size: 1rem;
  --mo-body-font-weight: 400;
  --mo-body-line-height: 1.5;
  --mo-body-color: #212529;
  --mo-body-color-rgb: 33, 37, 41;
  --mo-body-bg: #fafaf4;
  --mo-body-bg-rgb: 250, 250, 244;
  --mo-emphasis-color: #000;
  --mo-emphasis-color-rgb: 0, 0, 0;
  --mo-secondary-color: rgba(33, 37, 41, 0.75);
  --mo-secondary-color-rgb: 33, 37, 41;
  --mo-secondary-bg: #e9ecef;
  --mo-secondary-bg-rgb: 233, 236, 239;
  --mo-tertiary-color: rgba(33, 37, 41, 0.5);
  --mo-tertiary-color-rgb: 33, 37, 41;
  --mo-tertiary-bg: #f8f9fa;
  --mo-tertiary-bg-rgb: 248, 249, 250;
  --mo-heading-color: inherit;
  --mo-link-color: rgba(80, 123, 75, 0.7);
  --mo-link-color-rgb: 80, 123, 75;
  --mo-link-decoration: underline;
  --mo-link-hover-color: rgba(54.6341463415, 84, 51.2195121951, 0.76);
  --mo-link-hover-color-rgb: 55, 84, 51;
  --mo-code-color: #d63384;
  --mo-highlight-color: #212529;
  --mo-highlight-bg: rgb(255, 242.6, 205.4);
  --mo-border-width: 1px;
  --mo-border-style: solid;
  --mo-border-color: #dee2e6;
  --mo-border-color-translucent: rgba(0, 0, 0, 0.175);
  --mo-border-radius: 0.375rem;
  --mo-border-radius-sm: 0.25rem;
  --mo-border-radius-lg: 0.5rem;
  --mo-border-radius-xl: 1rem;
  --mo-border-radius-xxl: 2rem;
  --mo-border-radius-2xl: var(--mo-border-radius-xxl);
  --mo-border-radius-pill: 50rem;
  --mo-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --mo-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --mo-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  --mo-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  --mo-focus-ring-width: 0.25rem;
  --mo-focus-ring-opacity: 0.25;
  --mo-focus-ring-color: rgba(80, 123, 75, 0.25);
  --mo-form-valid-color: #198754;
  --mo-form-valid-border-color: #198754;
  --mo-form-invalid-color: #dc3545;
  --mo-form-invalid-border-color: #dc3545;
}

[data-bs-theme=dark] {
  color-scheme: dark;
  --mo-body-color: #dee2e6;
  --mo-body-color-rgb: 222, 226, 230;
  --mo-body-bg: #212529;
  --mo-body-bg-rgb: 33, 37, 41;
  --mo-emphasis-color: #fafaf4;
  --mo-emphasis-color-rgb: 250, 250, 244;
  --mo-secondary-color: rgba(222, 226, 230, 0.75);
  --mo-secondary-color-rgb: 222, 226, 230;
  --mo-secondary-bg: #343a40;
  --mo-secondary-bg-rgb: 52, 58, 64;
  --mo-tertiary-color: rgba(222, 226, 230, 0.5);
  --mo-tertiary-color-rgb: 222, 226, 230;
  --mo-tertiary-bg: rgb(42.5, 47.5, 52.5);
  --mo-tertiary-bg-rgb: 43, 48, 53;
  --mo-primary-text-emphasis: rgba(176.8085106383, 196.0212765957, 174.5744680851, 0.82);
  --mo-secondary-text-emphasis: rgb(166.8, 172.2, 177);
  --mo-success-text-emphasis: rgb(117, 183, 152.4);
  --mo-info-text-emphasis: rgb(109.8, 223.2, 246);
  --mo-warning-text-emphasis: rgb(255, 217.8, 106.2);
  --mo-danger-text-emphasis: rgb(234, 133.8, 143.4);
  --mo-light-text-emphasis: #f8f9fa;
  --mo-dark-text-emphasis: #dee2e6;
  --mo-primary-bg-subtle: rgba(9.4915254237, 14.593220339, 8.8983050847, 0.94);
  --mo-secondary-bg-subtle: rgb(21.6, 23.4, 25);
  --mo-success-bg-subtle: rgb(5, 27, 16.8);
  --mo-info-bg-subtle: rgb(2.6, 40.4, 48);
  --mo-warning-bg-subtle: rgb(51, 38.6, 1.4);
  --mo-danger-bg-subtle: rgb(44, 10.6, 13.8);
  --mo-light-bg-subtle: #343a40;
  --mo-dark-bg-subtle: #1a1d20;
  --mo-primary-border-subtle: rgba(35.7446808511, 54.9574468085, 33.5106382979, 0.82);
  --mo-secondary-border-subtle: rgb(64.8, 70.2, 75);
  --mo-success-border-subtle: rgb(15, 81, 50.4);
  --mo-info-border-subtle: rgb(7.8, 121.2, 144);
  --mo-warning-border-subtle: rgb(153, 115.8, 4.2);
  --mo-danger-border-subtle: rgb(132, 31.8, 41.4);
  --mo-light-border-subtle: #495057;
  --mo-dark-border-subtle: #343a40;
  --mo-heading-color: inherit;
  --mo-link-color: rgba(176.8085106383, 196.0212765957, 174.5744680851, 0.82);
  --mo-link-hover-color: rgba(197.4959450434, 211.6255128327, 195.8529720447, 0.856);
  --mo-link-color-rgb: 177, 196, 175;
  --mo-link-hover-color-rgb: 197, 212, 196;
  --mo-code-color: rgb(230.4, 132.6, 181.2);
  --mo-highlight-color: #dee2e6;
  --mo-highlight-bg: rgb(102, 77.2, 2.8);
  --mo-border-color: #495057;
  --mo-border-color-translucent: rgba(250, 250, 244, 0.15);
  --mo-form-valid-color: rgb(117, 183, 152.4);
  --mo-form-valid-border-color: rgb(117, 183, 152.4);
  --mo-form-invalid-color: rgb(234, 133.8, 143.4);
  --mo-form-invalid-border-color: rgb(234, 133.8, 143.4);
}

.form-label {
  margin-bottom: 0.5rem;
}

.col-form-label {
  padding-top: calc(0.375rem + var(--mo-border-width));
  padding-bottom: calc(0.375rem + var(--mo-border-width));
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5;
}

.col-form-label-lg {
  padding-top: calc(0.5rem + var(--mo-border-width));
  padding-bottom: calc(0.5rem + var(--mo-border-width));
  font-size: 1.25rem;
}

.col-form-label-sm {
  padding-top: calc(0.25rem + var(--mo-border-width));
  padding-bottom: calc(0.25rem + var(--mo-border-width));
  font-size: 0.875rem;
}

.form-text {
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: var(--mo-secondary-color);
}

.form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--mo-body-color);
  appearance: none;
  background-color: var(--mo-body-bg);
  background-clip: padding-box;
  border: var(--mo-border-width) solid var(--mo-border-color);
  border-radius: var(--mo-border-radius);
  box-shadow: var(--mo-box-shadow-inset);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control {
    transition: none;
  }
}
.form-control[type=file] {
  overflow: hidden;
}
.form-control[type=file]:not(:disabled):not([readonly]) {
  cursor: pointer;
}
.form-control:focus {
  color: var(--mo-body-color);
  background-color: var(--mo-body-bg);
  border-color: rgba(193.75, 208.8, 192, 0.85);
  outline: 0;
  box-shadow: var(--mo-box-shadow-inset), 0 0 0 0.25rem rgba(80, 123, 75, 0.25);
}
.form-control::-webkit-date-and-time-value {
  min-width: 85px;
  height: 1.5em;
  margin: 0;
}
.form-control::-webkit-datetime-edit {
  display: block;
  padding: 0;
}
.form-control::placeholder {
  color: var(--mo-secondary-color);
  opacity: 1;
}
.form-control:disabled {
  background-color: var(--mo-secondary-bg);
  opacity: 1;
}
.form-control::file-selector-button {
  padding: 0.375rem 0.75rem;
  margin: -0.375rem -0.75rem;
  margin-inline-end: 0.75rem;
  color: var(--mo-body-color);
  background-color: var(--mo-tertiary-bg);
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: var(--mo-border-width);
  border-radius: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control::file-selector-button {
    transition: none;
  }
}
.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
  background-color: var(--mo-secondary-bg);
}

.form-control-plaintext {
  display: block;
  width: 100%;
  padding: 0.375rem 0;
  margin-bottom: 0;
  line-height: 1.5;
  color: var(--mo-body-color);
  background-color: transparent;
  border: solid transparent;
  border-width: var(--mo-border-width) 0;
}
.form-control-plaintext:focus {
  outline: 0;
}
.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
  padding-right: 0;
  padding-left: 0;
}

.form-control-sm {
  min-height: calc(1.5em + 0.5rem + calc(var(--mo-border-width) * 2));
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: var(--mo-border-radius-sm);
}
.form-control-sm::file-selector-button {
  padding: 0.25rem 0.5rem;
  margin: -0.25rem -0.5rem;
  margin-inline-end: 0.5rem;
}

.form-control-lg {
  min-height: calc(1.5em + 1rem + calc(var(--mo-border-width) * 2));
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  border-radius: var(--mo-border-radius-lg);
}
.form-control-lg::file-selector-button {
  padding: 0.5rem 1rem;
  margin: -0.5rem -1rem;
  margin-inline-end: 1rem;
}

textarea.form-control {
  min-height: calc(1.5em + 0.75rem + calc(var(--mo-border-width) * 2));
}
textarea.form-control-sm {
  min-height: calc(1.5em + 0.5rem + calc(var(--mo-border-width) * 2));
}
textarea.form-control-lg {
  min-height: calc(1.5em + 1rem + calc(var(--mo-border-width) * 2));
}

.form-control-color {
  width: 3rem;
  height: calc(1.5em + 0.75rem + calc(var(--mo-border-width) * 2));
  padding: 0.375rem;
}
.form-control-color:not(:disabled):not([readonly]) {
  cursor: pointer;
}
.form-control-color::-moz-color-swatch {
  border: 0 !important;
  border-radius: var(--mo-border-radius);
}
.form-control-color::-webkit-color-swatch {
  border: 0 !important;
  border-radius: var(--mo-border-radius);
}
.form-control-color.form-control-sm {
  height: calc(1.5em + 0.5rem + calc(var(--mo-border-width) * 2));
}
.form-control-color.form-control-lg {
  height: calc(1.5em + 1rem + calc(var(--mo-border-width) * 2));
}

.form-select {
  --mo-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  display: block;
  width: 100%;
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--mo-body-color);
  appearance: none;
  background-color: var(--mo-body-bg);
  background-image: var(--mo-form-select-bg-img), var(--mo-form-select-bg-icon, none);
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  border: var(--mo-border-width) solid var(--mo-border-color);
  border-radius: var(--mo-border-radius);
  box-shadow: var(--mo-box-shadow-inset);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-select {
    transition: none;
  }
}
.form-select:focus {
  border-color: rgba(193.75, 208.8, 192, 0.85);
  outline: 0;
  box-shadow: var(--mo-box-shadow-inset), 0 0 0 0.25rem rgba(80, 123, 75, 0.25);
}
.form-select[multiple], .form-select[size]:not([size="1"]) {
  padding-right: 0.75rem;
  background-image: none;
}
.form-select:disabled {
  background-color: var(--mo-secondary-bg);
}
.form-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 var(--mo-body-color);
}

.form-select-sm {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  font-size: 0.875rem;
  border-radius: var(--mo-border-radius-sm);
}

.form-select-lg {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  font-size: 1.25rem;
  border-radius: var(--mo-border-radius-lg);
}

[data-bs-theme=dark] .form-select {
  --mo-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}

.form-check {
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5em;
  margin-bottom: 0.125rem;
}
.form-check .form-check-input {
  float: left;
  margin-left: -1.5em;
}

.form-check-reverse {
  padding-right: 1.5em;
  padding-left: 0;
  text-align: right;
}
.form-check-reverse .form-check-input {
  float: right;
  margin-right: -1.5em;
  margin-left: 0;
}

.form-check-input {
  --mo-form-check-bg: var(--mo-body-bg);
  flex-shrink: 0;
  width: 1em;
  height: 1em;
  margin-top: 0.25em;
  vertical-align: top;
  appearance: none;
  background-color: var(--mo-form-check-bg);
  background-image: var(--mo-form-check-bg-image);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: var(--mo-border-width) solid var(--mo-border-color);
  print-color-adjust: exact;
}
.form-check-input[type=checkbox] {
  border-radius: 0.25em;
}
.form-check-input[type=radio] {
  border-radius: 50%;
}
.form-check-input:active {
  filter: brightness(90%);
}
.form-check-input:focus {
  border-color: rgba(193.75, 208.8, 192, 0.85);
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(80, 123, 75, 0.25);
}
.form-check-input:checked {
  background-color: rgba(80, 123, 75, 0.7);
  border-color: rgba(80, 123, 75, 0.7);
}
.form-check-input:checked[type=checkbox] {
  --mo-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fafaf4' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}
.form-check-input:checked[type=radio] {
  --mo-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fafaf4'/%3e%3c/svg%3e");
}
.form-check-input[type=checkbox]:indeterminate {
  background-color: rgba(80, 123, 75, 0.7);
  border-color: rgba(80, 123, 75, 0.7);
  --mo-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fafaf4' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}
.form-check-input:disabled {
  pointer-events: none;
  filter: none;
  opacity: 0.5;
}
.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
  cursor: default;
  opacity: 0.5;
}

.form-switch {
  padding-left: 2.5em;
}
.form-switch .form-check-input {
  --mo-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
  width: 2em;
  margin-left: -2.5em;
  background-image: var(--mo-form-switch-bg);
  background-position: left center;
  border-radius: 2em;
  transition: background-position 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-switch .form-check-input {
    transition: none;
  }
}
.form-switch .form-check-input:focus {
  --mo-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28193.75, 208.8, 192, 0.85%29'/%3e%3c/svg%3e");
}
.form-switch .form-check-input:checked {
  background-position: right center;
  --mo-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fafaf4'/%3e%3c/svg%3e");
}
.form-switch.form-check-reverse {
  padding-right: 2.5em;
  padding-left: 0;
}
.form-switch.form-check-reverse .form-check-input {
  margin-right: -2.5em;
  margin-left: 0;
}

.form-check-inline {
  display: inline-block;
  margin-right: 1rem;
}

.btn-check {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.btn-check[disabled] + .btn, .btn-check:disabled + .btn {
  pointer-events: none;
  filter: none;
  opacity: 0.65;
}

[data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus) {
  --mo-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28250, 250, 244, 0.25%29'/%3e%3c/svg%3e");
}

.form-range {
  width: 100%;
  height: 1.5rem;
  padding: 0;
  appearance: none;
  background-color: transparent;
}
.form-range:focus {
  outline: 0;
}
.form-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fafaf4, 0 0 0 0.25rem rgba(80, 123, 75, 0.25);
}
.form-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fafaf4, 0 0 0 0.25rem rgba(80, 123, 75, 0.25);
}
.form-range::-moz-focus-outer {
  border: 0;
}
.form-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -0.25rem;
  appearance: none;
  background-color: rgba(80, 123, 75, 0.7);
  border: 0;
  border-radius: 1rem;
  box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.1);
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-range::-webkit-slider-thumb {
    transition: none;
  }
}
.form-range::-webkit-slider-thumb:active {
  background-color: rgba(222.1875, 230.25, 221.25, 0.91);
}
.form-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: var(--mo-secondary-bg);
  border-color: transparent;
  border-radius: 1rem;
  box-shadow: var(--mo-box-shadow-inset);
}
.form-range::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  appearance: none;
  background-color: rgba(80, 123, 75, 0.7);
  border: 0;
  border-radius: 1rem;
  box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.1);
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-range::-moz-range-thumb {
    transition: none;
  }
}
.form-range::-moz-range-thumb:active {
  background-color: rgba(222.1875, 230.25, 221.25, 0.91);
}
.form-range::-moz-range-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: var(--mo-secondary-bg);
  border-color: transparent;
  border-radius: 1rem;
  box-shadow: var(--mo-box-shadow-inset);
}
.form-range:disabled {
  pointer-events: none;
}
.form-range:disabled::-webkit-slider-thumb {
  background-color: var(--mo-secondary-color);
}
.form-range:disabled::-moz-range-thumb {
  background-color: var(--mo-secondary-color);
}

.form-floating {
  position: relative;
}
.form-floating > .form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select {
  height: calc(3.5rem + calc(var(--mo-border-width) * 2));
  min-height: calc(3.5rem + calc(var(--mo-border-width) * 2));
  line-height: 1.25;
}
.form-floating > label {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  max-width: 100%;
  height: 100%;
  padding: 1rem 0.75rem;
  overflow: hidden;
  color: rgba(var(--mo-body-color-rgb), 0.65);
  text-align: start;
  text-overflow: ellipsis;
  white-space: nowrap;
  pointer-events: none;
  border: var(--mo-border-width) solid transparent;
  transform-origin: 0 0;
  transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-floating > label {
    transition: none;
  }
}
.form-floating > .form-control,
.form-floating > .form-control-plaintext {
  padding: 1rem 0.75rem;
}
.form-floating > .form-control::placeholder,
.form-floating > .form-control-plaintext::placeholder {
  color: transparent;
}
.form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown),
.form-floating > .form-control-plaintext:focus,
.form-floating > .form-control-plaintext:not(:placeholder-shown) {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-control:-webkit-autofill,
.form-floating > .form-control-plaintext:-webkit-autofill {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-select {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
  padding-left: 0.75rem;
}
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-control-plaintext ~ label,
.form-floating > .form-select ~ label {
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > .form-control:-webkit-autofill ~ label {
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > textarea:focus ~ label::after,
.form-floating > textarea:not(:placeholder-shown) ~ label::after {
  position: absolute;
  inset: 1rem 0.375rem;
  z-index: -1;
  height: 1.5em;
  content: "";
  background-color: var(--mo-body-bg);
  border-radius: var(--mo-border-radius);
}
.form-floating > textarea:disabled ~ label::after {
  background-color: var(--mo-secondary-bg);
}
.form-floating > .form-control-plaintext ~ label {
  border-width: var(--mo-border-width) 0;
}
.form-floating > :disabled ~ label,
.form-floating > .form-control:disabled ~ label {
  color: #6c757d;
}

.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}
.input-group > .form-control,
.input-group > .form-select,
.input-group > .form-floating {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
}
.input-group > .form-control:focus,
.input-group > .form-select:focus,
.input-group > .form-floating:focus-within {
  z-index: 5;
}
.input-group .btn {
  position: relative;
  z-index: 2;
}
.input-group .btn:focus {
  z-index: 5;
}

.input-group-text {
  display: flex;
  align-items: center;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--mo-body-color);
  text-align: center;
  white-space: nowrap;
  background-color: var(--mo-tertiary-bg);
  border: var(--mo-border-width) solid var(--mo-border-color);
  border-radius: var(--mo-border-radius);
}

.input-group-lg > .form-control,
.input-group-lg > .form-select,
.input-group-lg > .input-group-text,
.input-group-lg > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  border-radius: var(--mo-border-radius-lg);
}

.input-group-sm > .form-control,
.input-group-sm > .form-select,
.input-group-sm > .input-group-text,
.input-group-sm > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: var(--mo-border-radius-sm);
}

.input-group-lg > .form-select,
.input-group-sm > .form-select {
  padding-right: 3rem;
}

.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3),
.input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control,
.input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
.input-group.has-validation > .dropdown-toggle:nth-last-child(n+4),
.input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-control,
.input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-select {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: calc(-1 * var(--mo-border-width));
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group > .form-floating:not(:first-child) > .form-control,
.input-group > .form-floating:not(:first-child) > .form-select {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: var(--mo-form-valid-color);
}

.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  color: #fff;
  background-color: var(--mo-success);
  border-radius: var(--mo-border-radius);
}

.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip,
.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .form-control:valid, .form-control.is-valid {
  border-color: var(--mo-form-valid-border-color);
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:valid:focus, .form-control.is-valid:focus {
  border-color: var(--mo-form-valid-border-color);
  box-shadow: var(--mo-box-shadow-inset), 0 0 0 0.25rem rgba(var(--mo-success-rgb), 0.25);
}

.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .form-select:valid, .form-select.is-valid {
  border-color: var(--mo-form-valid-border-color);
}
.was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"] {
  --mo-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%3e%3c/svg%3e");
  padding-right: 4.125rem;
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-select:valid:focus, .form-select.is-valid:focus {
  border-color: var(--mo-form-valid-border-color);
  box-shadow: var(--mo-box-shadow-inset), 0 0 0 0.25rem rgba(var(--mo-success-rgb), 0.25);
}

.was-validated .form-control-color:valid, .form-control-color.is-valid {
  width: calc(3rem + calc(1.5em + 0.75rem));
}

.was-validated .form-check-input:valid, .form-check-input.is-valid {
  border-color: var(--mo-form-valid-border-color);
}
.was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked {
  background-color: var(--mo-form-valid-color);
}
.was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus {
  box-shadow: 0 0 0 0.25rem rgba(var(--mo-success-rgb), 0.25);
}
.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
  color: var(--mo-form-valid-color);
}

.form-check-inline .form-check-input ~ .valid-feedback {
  margin-left: 0.5em;
}

.was-validated .input-group > .form-control:not(:focus):valid, .input-group > .form-control:not(:focus).is-valid,
.was-validated .input-group > .form-select:not(:focus):valid,
.input-group > .form-select:not(:focus).is-valid,
.was-validated .input-group > .form-floating:not(:focus-within):valid,
.input-group > .form-floating:not(:focus-within).is-valid {
  z-index: 3;
}

.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: var(--mo-form-invalid-color);
}

.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  color: #fff;
  background-color: var(--mo-danger);
  border-radius: var(--mo-border-radius);
}

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

.was-validated .form-control:invalid, .form-control.is-invalid {
  border-color: var(--mo-form-invalid-border-color);
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
  border-color: var(--mo-form-invalid-border-color);
  box-shadow: var(--mo-box-shadow-inset), 0 0 0 0.25rem rgba(var(--mo-danger-rgb), 0.25);
}

.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .form-select:invalid, .form-select.is-invalid {
  border-color: var(--mo-form-invalid-border-color);
}
.was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"] {
  --mo-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  padding-right: 4.125rem;
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-select:invalid:focus, .form-select.is-invalid:focus {
  border-color: var(--mo-form-invalid-border-color);
  box-shadow: var(--mo-box-shadow-inset), 0 0 0 0.25rem rgba(var(--mo-danger-rgb), 0.25);
}

.was-validated .form-control-color:invalid, .form-control-color.is-invalid {
  width: calc(3rem + calc(1.5em + 0.75rem));
}

.was-validated .form-check-input:invalid, .form-check-input.is-invalid {
  border-color: var(--mo-form-invalid-border-color);
}
.was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked {
  background-color: var(--mo-form-invalid-color);
}
.was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus {
  box-shadow: 0 0 0 0.25rem rgba(var(--mo-danger-rgb), 0.25);
}
.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
  color: var(--mo-form-invalid-color);
}

.form-check-inline .form-check-input ~ .invalid-feedback {
  margin-left: 0.5em;
}

.was-validated .input-group > .form-control:not(:focus):invalid, .input-group > .form-control:not(:focus).is-invalid,
.was-validated .input-group > .form-select:not(:focus):invalid,
.input-group > .form-select:not(:focus).is-invalid,
.was-validated .input-group > .form-floating:not(:focus-within):invalid,
.input-group > .form-floating:not(:focus-within).is-invalid {
  z-index: 4;
}

.btn {
  --mo-btn-padding-x: 0.75rem;
  --mo-btn-padding-y: 0.375rem;
  --mo-btn-font-family: ;
  --mo-btn-font-size: 1rem;
  --mo-btn-font-weight: 400;
  --mo-btn-line-height: 1.5;
  --mo-btn-color: var(--mo-body-color);
  --mo-btn-bg: transparent;
  --mo-btn-border-width: var(--mo-border-width);
  --mo-btn-border-color: transparent;
  --mo-btn-border-radius: var(--mo-border-radius);
  --mo-btn-hover-border-color: transparent;
  --mo-btn-box-shadow: inset 0 1px 0 rgba(250, 250, 244, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
  --mo-btn-disabled-opacity: 0.65;
  --mo-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--mo-btn-focus-shadow-rgb), .5);
  display: inline-block;
  padding: var(--mo-btn-padding-y) var(--mo-btn-padding-x);
  font-family: var(--mo-btn-font-family);
  font-size: var(--mo-btn-font-size);
  font-weight: var(--mo-btn-font-weight);
  line-height: var(--mo-btn-line-height);
  color: var(--mo-btn-color);
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: var(--mo-btn-border-width) solid var(--mo-btn-border-color);
  border-radius: var(--mo-btn-border-radius);
  background-color: var(--mo-btn-bg);
  box-shadow: var(--mo-btn-box-shadow);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .btn {
    transition: none;
  }
}
.btn:hover {
  color: var(--mo-btn-hover-color);
  background-color: var(--mo-btn-hover-bg);
  border-color: var(--mo-btn-hover-border-color);
}
.btn-check + .btn:hover {
  color: var(--mo-btn-color);
  background-color: var(--mo-btn-bg);
  border-color: var(--mo-btn-border-color);
}
.btn:focus-visible {
  color: var(--mo-btn-hover-color);
  background-color: var(--mo-btn-hover-bg);
  border-color: var(--mo-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--mo-btn-box-shadow), var(--mo-btn-focus-box-shadow);
}
.btn-check:focus-visible + .btn {
  border-color: var(--mo-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--mo-btn-box-shadow), var(--mo-btn-focus-box-shadow);
}
.btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show {
  color: var(--mo-btn-active-color);
  background-color: var(--mo-btn-active-bg);
  border-color: var(--mo-btn-active-border-color);
  box-shadow: var(--mo-btn-active-shadow);
}
.btn-check:checked + .btn:focus-visible, :not(.btn-check) + .btn:active:focus-visible, .btn:first-child:active:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible {
  box-shadow: var(--mo-btn-active-shadow), var(--mo-btn-focus-box-shadow);
}
.btn-check:checked:focus-visible + .btn {
  box-shadow: var(--mo-btn-active-shadow), var(--mo-btn-focus-box-shadow);
}
.btn:disabled, .btn.disabled, fieldset:disabled .btn {
  color: var(--mo-btn-disabled-color);
  pointer-events: none;
  background-color: var(--mo-btn-disabled-bg);
  border-color: var(--mo-btn-disabled-border-color);
  opacity: var(--mo-btn-disabled-opacity);
  box-shadow: none;
}

.btn-primary {
  --mo-btn-color: #fafaf4;
  --mo-btn-bg: rgba(80, 123, 75, 0.7);
  --mo-btn-border-color: rgba(80, 123, 75, 0.7);
  --mo-btn-hover-color: #fafaf4;
  --mo-btn-hover-bg: rgba(60.253164557, 92.6392405063, 56.4873417722, 0.745);
  --mo-btn-hover-border-color: rgba(54.6341463415, 84, 51.2195121951, 0.76);
  --mo-btn-focus-shadow-rgb: 122, 154, 117;
  --mo-btn-active-color: #fafaf4;
  --mo-btn-active-bg: rgba(54.6341463415, 84, 51.2195121951, 0.76);
  --mo-btn-active-border-color: rgba(49.4117647059, 75.9705882353, 46.3235294118, 0.775);
  --mo-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --mo-btn-disabled-color: #fafaf4;
  --mo-btn-disabled-bg: rgba(80, 123, 75, 0.7);
  --mo-btn-disabled-border-color: rgba(80, 123, 75, 0.7);
}

.btn-secondary {
  --mo-btn-color: #000;
  --mo-btn-bg: #6c757d;
  --mo-btn-border-color: #6c757d;
  --mo-btn-hover-color: #000;
  --mo-btn-hover-bg: rgb(130.05, 137.7, 144.5);
  --mo-btn-hover-border-color: rgb(122.7, 130.8, 138);
  --mo-btn-focus-shadow-rgb: 92, 99, 106;
  --mo-btn-active-color: #000;
  --mo-btn-active-bg: rgb(137.4, 144.6, 151);
  --mo-btn-active-border-color: rgb(122.7, 130.8, 138);
  --mo-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --mo-btn-disabled-color: #000;
  --mo-btn-disabled-bg: #6c757d;
  --mo-btn-disabled-border-color: #6c757d;
}

.btn-success {
  --mo-btn-color: #000;
  --mo-btn-bg: #198754;
  --mo-btn-border-color: #198754;
  --mo-btn-hover-color: #000;
  --mo-btn-hover-bg: rgb(59.5, 153, 109.65);
  --mo-btn-hover-border-color: rgb(48, 147, 101.1);
  --mo-btn-focus-shadow-rgb: 21, 115, 71;
  --mo-btn-active-color: #000;
  --mo-btn-active-bg: rgb(71, 159, 118.2);
  --mo-btn-active-border-color: rgb(48, 147, 101.1);
  --mo-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --mo-btn-disabled-color: #000;
  --mo-btn-disabled-bg: #198754;
  --mo-btn-disabled-border-color: #198754;
}

.btn-info {
  --mo-btn-color: #000;
  --mo-btn-bg: #0dcaf0;
  --mo-btn-border-color: #0dcaf0;
  --mo-btn-hover-color: #000;
  --mo-btn-hover-bg: rgb(49.3, 209.95, 242.25);
  --mo-btn-hover-border-color: rgb(37.2, 207.3, 241.5);
  --mo-btn-focus-shadow-rgb: 11, 172, 204;
  --mo-btn-active-color: #000;
  --mo-btn-active-bg: rgb(61.4, 212.6, 243);
  --mo-btn-active-border-color: rgb(37.2, 207.3, 241.5);
  --mo-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --mo-btn-disabled-color: #000;
  --mo-btn-disabled-bg: #0dcaf0;
  --mo-btn-disabled-border-color: #0dcaf0;
}

.btn-warning {
  --mo-btn-color: #000;
  --mo-btn-bg: #ffc107;
  --mo-btn-border-color: #ffc107;
  --mo-btn-hover-color: #000;
  --mo-btn-hover-bg: rgb(255, 202.3, 44.2);
  --mo-btn-hover-border-color: rgb(255, 199.2, 31.8);
  --mo-btn-focus-shadow-rgb: 217, 164, 6;
  --mo-btn-active-color: #000;
  --mo-btn-active-bg: rgb(255, 205.4, 56.6);
  --mo-btn-active-border-color: rgb(255, 199.2, 31.8);
  --mo-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --mo-btn-disabled-color: #000;
  --mo-btn-disabled-bg: #ffc107;
  --mo-btn-disabled-border-color: #ffc107;
}

.btn-danger {
  --mo-btn-color: #000;
  --mo-btn-bg: #dc3545;
  --mo-btn-border-color: #dc3545;
  --mo-btn-hover-color: #000;
  --mo-btn-hover-bg: rgb(225.25, 83.3, 96.9);
  --mo-btn-hover-border-color: rgb(223.5, 73.2, 87.6);
  --mo-btn-focus-shadow-rgb: 187, 45, 59;
  --mo-btn-active-color: #000;
  --mo-btn-active-bg: rgb(227, 93.4, 106.2);
  --mo-btn-active-border-color: rgb(223.5, 73.2, 87.6);
  --mo-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --mo-btn-disabled-color: #000;
  --mo-btn-disabled-bg: #dc3545;
  --mo-btn-disabled-border-color: #dc3545;
}

.btn-light {
  --mo-btn-color: #000;
  --mo-btn-bg: #f8f9fa;
  --mo-btn-border-color: #f8f9fa;
  --mo-btn-hover-color: #000;
  --mo-btn-hover-bg: rgb(210.8, 211.65, 212.5);
  --mo-btn-hover-border-color: rgb(198.4, 199.2, 200);
  --mo-btn-focus-shadow-rgb: 211, 212, 213;
  --mo-btn-active-color: #000;
  --mo-btn-active-bg: rgb(198.4, 199.2, 200);
  --mo-btn-active-border-color: rgb(186, 186.75, 187.5);
  --mo-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --mo-btn-disabled-color: #000;
  --mo-btn-disabled-bg: #f8f9fa;
  --mo-btn-disabled-border-color: #f8f9fa;
}

.btn-dark {
  --mo-btn-color: #fafaf4;
  --mo-btn-bg: #212529;
  --mo-btn-border-color: #212529;
  --mo-btn-hover-color: #fafaf4;
  --mo-btn-hover-bg: rgb(66.3, 69.7, 73.1);
  --mo-btn-hover-border-color: rgb(55.2, 58.8, 62.4);
  --mo-btn-focus-shadow-rgb: 66, 69, 71;
  --mo-btn-active-color: #fafaf4;
  --mo-btn-active-bg: rgb(77.4, 80.6, 83.8);
  --mo-btn-active-border-color: rgb(55.2, 58.8, 62.4);
  --mo-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --mo-btn-disabled-color: #fafaf4;
  --mo-btn-disabled-bg: #212529;
  --mo-btn-disabled-border-color: #212529;
}

.btn-outline-primary {
  --mo-btn-color: rgba(80, 123, 75, 0.7);
  --mo-btn-border-color: rgba(80, 123, 75, 0.7);
  --mo-btn-hover-color: #fafaf4;
  --mo-btn-hover-bg: rgba(80, 123, 75, 0.7);
  --mo-btn-hover-border-color: rgba(80, 123, 75, 0.7);
  --mo-btn-focus-shadow-rgb: 80, 123, 75;
  --mo-btn-active-color: #fafaf4;
  --mo-btn-active-bg: rgba(80, 123, 75, 0.7);
  --mo-btn-active-border-color: rgba(80, 123, 75, 0.7);
  --mo-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --mo-btn-disabled-color: rgba(80, 123, 75, 0.7);
  --mo-btn-disabled-bg: transparent;
  --mo-btn-disabled-border-color: rgba(80, 123, 75, 0.7);
  --mo-gradient: none;
}

.btn-outline-secondary {
  --mo-btn-color: #6c757d;
  --mo-btn-border-color: #6c757d;
  --mo-btn-hover-color: #000;
  --mo-btn-hover-bg: #6c757d;
  --mo-btn-hover-border-color: #6c757d;
  --mo-btn-focus-shadow-rgb: 108, 117, 125;
  --mo-btn-active-color: #000;
  --mo-btn-active-bg: #6c757d;
  --mo-btn-active-border-color: #6c757d;
  --mo-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --mo-btn-disabled-color: #6c757d;
  --mo-btn-disabled-bg: transparent;
  --mo-btn-disabled-border-color: #6c757d;
  --mo-gradient: none;
}

.btn-outline-success {
  --mo-btn-color: #198754;
  --mo-btn-border-color: #198754;
  --mo-btn-hover-color: #000;
  --mo-btn-hover-bg: #198754;
  --mo-btn-hover-border-color: #198754;
  --mo-btn-focus-shadow-rgb: 25, 135, 84;
  --mo-btn-active-color: #000;
  --mo-btn-active-bg: #198754;
  --mo-btn-active-border-color: #198754;
  --mo-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --mo-btn-disabled-color: #198754;
  --mo-btn-disabled-bg: transparent;
  --mo-btn-disabled-border-color: #198754;
  --mo-gradient: none;
}

.btn-outline-info {
  --mo-btn-color: #0dcaf0;
  --mo-btn-border-color: #0dcaf0;
  --mo-btn-hover-color: #000;
  --mo-btn-hover-bg: #0dcaf0;
  --mo-btn-hover-border-color: #0dcaf0;
  --mo-btn-focus-shadow-rgb: 13, 202, 240;
  --mo-btn-active-color: #000;
  --mo-btn-active-bg: #0dcaf0;
  --mo-btn-active-border-color: #0dcaf0;
  --mo-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --mo-btn-disabled-color: #0dcaf0;
  --mo-btn-disabled-bg: transparent;
  --mo-btn-disabled-border-color: #0dcaf0;
  --mo-gradient: none;
}

.btn-outline-warning {
  --mo-btn-color: #ffc107;
  --mo-btn-border-color: #ffc107;
  --mo-btn-hover-color: #000;
  --mo-btn-hover-bg: #ffc107;
  --mo-btn-hover-border-color: #ffc107;
  --mo-btn-focus-shadow-rgb: 255, 193, 7;
  --mo-btn-active-color: #000;
  --mo-btn-active-bg: #ffc107;
  --mo-btn-active-border-color: #ffc107;
  --mo-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --mo-btn-disabled-color: #ffc107;
  --mo-btn-disabled-bg: transparent;
  --mo-btn-disabled-border-color: #ffc107;
  --mo-gradient: none;
}

.btn-outline-danger {
  --mo-btn-color: #dc3545;
  --mo-btn-border-color: #dc3545;
  --mo-btn-hover-color: #000;
  --mo-btn-hover-bg: #dc3545;
  --mo-btn-hover-border-color: #dc3545;
  --mo-btn-focus-shadow-rgb: 220, 53, 69;
  --mo-btn-active-color: #000;
  --mo-btn-active-bg: #dc3545;
  --mo-btn-active-border-color: #dc3545;
  --mo-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --mo-btn-disabled-color: #dc3545;
  --mo-btn-disabled-bg: transparent;
  --mo-btn-disabled-border-color: #dc3545;
  --mo-gradient: none;
}

.btn-outline-light {
  --mo-btn-color: #f8f9fa;
  --mo-btn-border-color: #f8f9fa;
  --mo-btn-hover-color: #000;
  --mo-btn-hover-bg: #f8f9fa;
  --mo-btn-hover-border-color: #f8f9fa;
  --mo-btn-focus-shadow-rgb: 248, 249, 250;
  --mo-btn-active-color: #000;
  --mo-btn-active-bg: #f8f9fa;
  --mo-btn-active-border-color: #f8f9fa;
  --mo-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --mo-btn-disabled-color: #f8f9fa;
  --mo-btn-disabled-bg: transparent;
  --mo-btn-disabled-border-color: #f8f9fa;
  --mo-gradient: none;
}

.btn-outline-dark {
  --mo-btn-color: #212529;
  --mo-btn-border-color: #212529;
  --mo-btn-hover-color: #fafaf4;
  --mo-btn-hover-bg: #212529;
  --mo-btn-hover-border-color: #212529;
  --mo-btn-focus-shadow-rgb: 33, 37, 41;
  --mo-btn-active-color: #fafaf4;
  --mo-btn-active-bg: #212529;
  --mo-btn-active-border-color: #212529;
  --mo-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --mo-btn-disabled-color: #212529;
  --mo-btn-disabled-bg: transparent;
  --mo-btn-disabled-border-color: #212529;
  --mo-gradient: none;
}

.btn-link {
  --mo-btn-font-weight: 400;
  --mo-btn-color: var(--mo-link-color);
  --mo-btn-bg: transparent;
  --mo-btn-border-color: transparent;
  --mo-btn-hover-color: var(--mo-link-hover-color);
  --mo-btn-hover-border-color: transparent;
  --mo-btn-active-color: var(--mo-link-hover-color);
  --mo-btn-active-border-color: transparent;
  --mo-btn-disabled-color: #6c757d;
  --mo-btn-disabled-border-color: transparent;
  --mo-btn-box-shadow: 0 0 0 #000;
  --mo-btn-focus-shadow-rgb: 122, 154, 117;
  text-decoration: underline;
}
.btn-link:focus-visible {
  color: var(--mo-btn-color);
}
.btn-link:hover {
  color: var(--mo-btn-hover-color);
}

.btn-lg {
  --mo-btn-padding-y: 0.5rem;
  --mo-btn-padding-x: 1rem;
  --mo-btn-font-size: 1.25rem;
  --mo-btn-border-radius: var(--mo-border-radius-lg);
}

.btn-sm {
  --mo-btn-padding-y: 0.25rem;
  --mo-btn-padding-x: 0.5rem;
  --mo-btn-font-size: 0.875rem;
  --mo-btn-border-radius: var(--mo-border-radius-sm);
}

/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
  padding: 15px 15px;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
}
.hamburger:hover {
  opacity: 0.7;
}
.hamburger.is-active:hover {
  opacity: 0.7;
}
.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
  background-color: #000;
}

.hamburger-box {
  width: 30px;
  height: 19px;
  display: inline-block;
  position: relative;
}

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -1.5px;
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
  width: 30px;
  height: 3px;
  background-color: #000;
  border-radius: 4px;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}
.hamburger-inner::before, .hamburger-inner::after {
  content: "";
  display: block;
}
.hamburger-inner::before {
  top: -8px;
}
.hamburger-inner::after {
  bottom: -8px;
}

/*
 * 3DX
 */
.hamburger--3dx .hamburger-box {
  perspective: 60px;
}
.hamburger--3dx .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dx .hamburger-inner::before, .hamburger--3dx .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dx.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateY(180deg);
}
.hamburger--3dx.is-active .hamburger-inner::before {
  transform: translate3d(0, 8px, 0) rotate(45deg);
}
.hamburger--3dx.is-active .hamburger-inner::after {
  transform: translate3d(0, -8px, 0) rotate(-45deg);
}

/*
 * 3DX Reverse
 */
.hamburger--3dx-r .hamburger-box {
  perspective: 60px;
}
.hamburger--3dx-r .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dx-r .hamburger-inner::before, .hamburger--3dx-r .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dx-r.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateY(-180deg);
}
.hamburger--3dx-r.is-active .hamburger-inner::before {
  transform: translate3d(0, 8px, 0) rotate(45deg);
}
.hamburger--3dx-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -8px, 0) rotate(-45deg);
}

/*
 * 3DY
 */
.hamburger--3dy .hamburger-box {
  perspective: 60px;
}
.hamburger--3dy .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dy .hamburger-inner::before, .hamburger--3dy .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dy.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(-180deg);
}
.hamburger--3dy.is-active .hamburger-inner::before {
  transform: translate3d(0, 8px, 0) rotate(45deg);
}
.hamburger--3dy.is-active .hamburger-inner::after {
  transform: translate3d(0, -8px, 0) rotate(-45deg);
}

/*
 * 3DY Reverse
 */
.hamburger--3dy-r .hamburger-box {
  perspective: 60px;
}
.hamburger--3dy-r .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dy-r .hamburger-inner::before, .hamburger--3dy-r .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dy-r.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(180deg);
}
.hamburger--3dy-r.is-active .hamburger-inner::before {
  transform: translate3d(0, 8px, 0) rotate(45deg);
}
.hamburger--3dy-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -8px, 0) rotate(-45deg);
}

/*
 * 3DXY
 */
.hamburger--3dxy .hamburger-box {
  perspective: 60px;
}
.hamburger--3dxy .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dxy .hamburger-inner::before, .hamburger--3dxy .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dxy.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(180deg) rotateY(180deg);
}
.hamburger--3dxy.is-active .hamburger-inner::before {
  transform: translate3d(0, 8px, 0) rotate(45deg);
}
.hamburger--3dxy.is-active .hamburger-inner::after {
  transform: translate3d(0, -8px, 0) rotate(-45deg);
}

/*
 * 3DXY Reverse
 */
.hamburger--3dxy-r .hamburger-box {
  perspective: 60px;
}
.hamburger--3dxy-r .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dxy-r .hamburger-inner::before, .hamburger--3dxy-r .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.hamburger--3dxy-r.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg);
}
.hamburger--3dxy-r.is-active .hamburger-inner::before {
  transform: translate3d(0, 8px, 0) rotate(45deg);
}
.hamburger--3dxy-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -8px, 0) rotate(-45deg);
}

/*
 * Arrow
 */
.hamburger--arrow.is-active .hamburger-inner::before {
  transform: translate3d(-6px, 0, 0) rotate(-45deg) scale(0.7, 1);
}
.hamburger--arrow.is-active .hamburger-inner::after {
  transform: translate3d(-6px, 0, 0) rotate(45deg) scale(0.7, 1);
}

/*
 * Arrow Right
 */
.hamburger--arrow-r.is-active .hamburger-inner::before {
  transform: translate3d(6px, 0, 0) rotate(45deg) scale(0.7, 1);
}
.hamburger--arrow-r.is-active .hamburger-inner::after {
  transform: translate3d(6px, 0, 0) rotate(-45deg) scale(0.7, 1);
}

/*
 * Arrow Alt
 */
.hamburger--arrowalt .hamburger-inner::before {
  transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.hamburger--arrowalt .hamburger-inner::after {
  transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.hamburger--arrowalt.is-active .hamburger-inner::before {
  top: 0;
  transform: translate3d(-6px, -7.5px, 0) rotate(-45deg) scale(0.7, 1);
  transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
.hamburger--arrowalt.is-active .hamburger-inner::after {
  bottom: 0;
  transform: translate3d(-6px, 7.5px, 0) rotate(45deg) scale(0.7, 1);
  transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

/*
 * Arrow Alt Right
 */
.hamburger--arrowalt-r .hamburger-inner::before {
  transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.hamburger--arrowalt-r .hamburger-inner::after {
  transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.hamburger--arrowalt-r.is-active .hamburger-inner::before {
  top: 0;
  transform: translate3d(6px, -7.5px, 0) rotate(45deg) scale(0.7, 1);
  transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}
.hamburger--arrowalt-r.is-active .hamburger-inner::after {
  bottom: 0;
  transform: translate3d(6px, 7.5px, 0) rotate(-45deg) scale(0.7, 1);
  transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

/*
 * Arrow Turn
 */
.hamburger--arrowturn.is-active .hamburger-inner {
  transform: rotate(-180deg);
}
.hamburger--arrowturn.is-active .hamburger-inner::before {
  transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
}
.hamburger--arrowturn.is-active .hamburger-inner::after {
  transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}

/*
 * Arrow Turn Right
 */
.hamburger--arrowturn-r.is-active .hamburger-inner {
  transform: rotate(-180deg);
}
.hamburger--arrowturn-r.is-active .hamburger-inner::before {
  transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}
.hamburger--arrowturn-r.is-active .hamburger-inner::after {
  transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
}

/*
 * Boring
 */
.hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner::before, .hamburger--boring .hamburger-inner::after {
  transition-property: none;
}
.hamburger--boring.is-active .hamburger-inner {
  transform: rotate(45deg);
}
.hamburger--boring.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
}
.hamburger--boring.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
}

/*
 * Collapse
 */
.hamburger--collapse .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0.13s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse .hamburger-inner::after {
  top: -16px;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}
.hamburger--collapse .hamburger-inner::before {
  transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse.is-active .hamburger-inner {
  transform: translate3d(0, -8px, 0) rotate(-45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--collapse.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}
.hamburger--collapse.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(-90deg);
  transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
 * Collapse Reverse
 */
.hamburger--collapse-r .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0.13s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse-r .hamburger-inner::after {
  top: -16px;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}
.hamburger--collapse-r .hamburger-inner::before {
  transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse-r.is-active .hamburger-inner {
  transform: translate3d(0, -8px, 0) rotate(45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--collapse-r.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}
.hamburger--collapse-r.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(90deg);
  transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
 * Elastic
 */
.hamburger--elastic .hamburger-inner {
  top: 1.5px;
  transition-duration: 0.275s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.hamburger--elastic .hamburger-inner::before {
  top: 8px;
  transition: opacity 0.125s 0.275s ease;
}
.hamburger--elastic .hamburger-inner::after {
  top: 16px;
  transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.hamburger--elastic.is-active .hamburger-inner {
  transform: translate3d(0, 8px, 0) rotate(135deg);
  transition-delay: 0.075s;
}
.hamburger--elastic.is-active .hamburger-inner::before {
  transition-delay: 0s;
  opacity: 0;
}
.hamburger--elastic.is-active .hamburger-inner::after {
  transform: translate3d(0, -16px, 0) rotate(-270deg);
  transition-delay: 0.075s;
}

/*
 * Elastic Reverse
 */
.hamburger--elastic-r .hamburger-inner {
  top: 1.5px;
  transition-duration: 0.275s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.hamburger--elastic-r .hamburger-inner::before {
  top: 8px;
  transition: opacity 0.125s 0.275s ease;
}
.hamburger--elastic-r .hamburger-inner::after {
  top: 16px;
  transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.hamburger--elastic-r.is-active .hamburger-inner {
  transform: translate3d(0, 8px, 0) rotate(-135deg);
  transition-delay: 0.075s;
}
.hamburger--elastic-r.is-active .hamburger-inner::before {
  transition-delay: 0s;
  opacity: 0;
}
.hamburger--elastic-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -16px, 0) rotate(270deg);
  transition-delay: 0.075s;
}

/*
 * Emphatic
 */
.hamburger--emphatic {
  overflow: hidden;
}
.hamburger--emphatic .hamburger-inner {
  transition: background-color 0.125s 0.175s ease-in;
}
.hamburger--emphatic .hamburger-inner::before {
  left: 0;
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in;
}
.hamburger--emphatic .hamburger-inner::after {
  top: 8px;
  right: 0;
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in;
}
.hamburger--emphatic.is-active .hamburger-inner {
  transition-delay: 0s;
  transition-timing-function: ease-out;
  background-color: transparent !important;
}
.hamburger--emphatic.is-active .hamburger-inner::before {
  left: -60px;
  top: -60px;
  transform: translate3d(60px, 60px, 0) rotate(45deg);
  transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.hamburger--emphatic.is-active .hamburger-inner::after {
  right: -60px;
  top: -60px;
  transform: translate3d(-60px, 60px, 0) rotate(-45deg);
  transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}

/*
 * Emphatic Reverse
 */
.hamburger--emphatic-r {
  overflow: hidden;
}
.hamburger--emphatic-r .hamburger-inner {
  transition: background-color 0.125s 0.175s ease-in;
}
.hamburger--emphatic-r .hamburger-inner::before {
  left: 0;
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in;
}
.hamburger--emphatic-r .hamburger-inner::after {
  top: 8px;
  right: 0;
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in;
}
.hamburger--emphatic-r.is-active .hamburger-inner {
  transition-delay: 0s;
  transition-timing-function: ease-out;
  background-color: transparent !important;
}
.hamburger--emphatic-r.is-active .hamburger-inner::before {
  left: -60px;
  top: 60px;
  transform: translate3d(60px, -60px, 0) rotate(-45deg);
  transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.hamburger--emphatic-r.is-active .hamburger-inner::after {
  right: -60px;
  top: 60px;
  transform: translate3d(-60px, -60px, 0) rotate(45deg);
  transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}

/*
 * Minus
 */
.hamburger--minus .hamburger-inner::before, .hamburger--minus .hamburger-inner::after {
  transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear;
}
.hamburger--minus.is-active .hamburger-inner::before, .hamburger--minus.is-active .hamburger-inner::after {
  opacity: 0;
  transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear;
}
.hamburger--minus.is-active .hamburger-inner::before {
  top: 0;
}
.hamburger--minus.is-active .hamburger-inner::after {
  bottom: 0;
}

/*
 * Slider
 */
.hamburger--slider .hamburger-inner {
  top: 1.5px;
}
.hamburger--slider .hamburger-inner::before {
  top: 8px;
  transition-property: transform, opacity;
  transition-timing-function: ease;
  transition-duration: 0.15s;
}
.hamburger--slider .hamburger-inner::after {
  top: 16px;
}
.hamburger--slider.is-active .hamburger-inner {
  transform: translate3d(0, 8px, 0) rotate(45deg);
}
.hamburger--slider.is-active .hamburger-inner::before {
  transform: rotate(-45deg) translate3d(-4.2857142857px, -5px, 0);
  opacity: 0;
}
.hamburger--slider.is-active .hamburger-inner::after {
  transform: translate3d(0, -16px, 0) rotate(-90deg);
}

/*
 * Slider Reverse
 */
.hamburger--slider-r .hamburger-inner {
  top: 1.5px;
}
.hamburger--slider-r .hamburger-inner::before {
  top: 8px;
  transition-property: transform, opacity;
  transition-timing-function: ease;
  transition-duration: 0.15s;
}
.hamburger--slider-r .hamburger-inner::after {
  top: 16px;
}
.hamburger--slider-r.is-active .hamburger-inner {
  transform: translate3d(0, 8px, 0) rotate(-45deg);
}
.hamburger--slider-r.is-active .hamburger-inner::before {
  transform: rotate(45deg) translate3d(4.2857142857px, -5px, 0);
  opacity: 0;
}
.hamburger--slider-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -16px, 0) rotate(90deg);
}

/*
 * Spin
 */
.hamburger--spin .hamburger-inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin .hamburger-inner::before {
  transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}
.hamburger--spin .hamburger-inner::after {
  transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin.is-active .hamburger-inner {
  transform: rotate(225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--spin.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}
.hamburger--spin.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
 * Spin Reverse
 */
.hamburger--spin-r .hamburger-inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin-r .hamburger-inner::before {
  transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}
.hamburger--spin-r .hamburger-inner::after {
  transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spin-r.is-active .hamburger-inner {
  transform: rotate(-225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--spin-r.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}
.hamburger--spin-r.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(90deg);
  transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
 * Spring
 */
.hamburger--spring .hamburger-inner {
  top: 1.5px;
  transition: background-color 0s 0.13s linear;
}
.hamburger--spring .hamburger-inner::before {
  top: 8px;
  transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring .hamburger-inner::after {
  top: 16px;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring.is-active .hamburger-inner {
  transition-delay: 0.22s;
  background-color: transparent !important;
}
.hamburger--spring.is-active .hamburger-inner::before {
  top: 0;
  transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: translate3d(0, 8px, 0) rotate(45deg);
}
.hamburger--spring.is-active .hamburger-inner::after {
  top: 0;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: translate3d(0, 8px, 0) rotate(-45deg);
}

/*
 * Spring Reverse
 */
.hamburger--spring-r .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring-r .hamburger-inner::after {
  top: -16px;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear;
}
.hamburger--spring-r .hamburger-inner::before {
  transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--spring-r.is-active .hamburger-inner {
  transform: translate3d(0, -8px, 0) rotate(-45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--spring-r.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear;
}
.hamburger--spring-r.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(90deg);
  transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
 * Stand
 */
.hamburger--stand .hamburger-inner {
  transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear;
}
.hamburger--stand .hamburger-inner::before {
  transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--stand .hamburger-inner::after {
  transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--stand.is-active .hamburger-inner {
  transform: rotate(90deg);
  background-color: transparent !important;
  transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear;
}
.hamburger--stand.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(-45deg);
  transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--stand.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(45deg);
  transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
 * Stand Reverse
 */
.hamburger--stand-r .hamburger-inner {
  transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear;
}
.hamburger--stand-r .hamburger-inner::before {
  transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--stand-r .hamburger-inner::after {
  transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--stand-r.is-active .hamburger-inner {
  transform: rotate(-90deg);
  background-color: transparent !important;
  transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear;
}
.hamburger--stand-r.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(-45deg);
  transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--stand-r.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(45deg);
  transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
 * Squeeze
 */
.hamburger--squeeze .hamburger-inner {
  transition-duration: 0.075s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--squeeze .hamburger-inner::before {
  transition: top 0.075s 0.12s ease, opacity 0.075s ease;
}
.hamburger--squeeze .hamburger-inner::after {
  transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--squeeze.is-active .hamburger-inner {
  transform: rotate(45deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--squeeze.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.075s ease, opacity 0.075s 0.12s ease;
}
.hamburger--squeeze.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
 * Vortex
 */
.hamburger--vortex .hamburger-inner {
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.hamburger--vortex .hamburger-inner::before, .hamburger--vortex .hamburger-inner::after {
  transition-duration: 0s;
  transition-delay: 0.1s;
  transition-timing-function: linear;
}
.hamburger--vortex .hamburger-inner::before {
  transition-property: top, opacity;
}
.hamburger--vortex .hamburger-inner::after {
  transition-property: bottom, transform;
}
.hamburger--vortex.is-active .hamburger-inner {
  transform: rotate(765deg);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.hamburger--vortex.is-active .hamburger-inner::before, .hamburger--vortex.is-active .hamburger-inner::after {
  transition-delay: 0s;
}
.hamburger--vortex.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
}
.hamburger--vortex.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(90deg);
}

/*
 * Vortex Reverse
 */
.hamburger--vortex-r .hamburger-inner {
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.hamburger--vortex-r .hamburger-inner::before, .hamburger--vortex-r .hamburger-inner::after {
  transition-duration: 0s;
  transition-delay: 0.1s;
  transition-timing-function: linear;
}
.hamburger--vortex-r .hamburger-inner::before {
  transition-property: top, opacity;
}
.hamburger--vortex-r .hamburger-inner::after {
  transition-property: bottom, transform;
}
.hamburger--vortex-r.is-active .hamburger-inner {
  transform: rotate(-765deg);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.hamburger--vortex-r.is-active .hamburger-inner::before, .hamburger--vortex-r.is-active .hamburger-inner::after {
  transition-delay: 0s;
}
.hamburger--vortex-r.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
}
.hamburger--vortex-r.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
}

:root {
  --green-100: rgba(60, 82, 57, 0.9);
  --green-400: rgba(80, 123, 75, 0.7);
  --green-900: rgba(204, 245, 181, 0.88);
}

* {
  box-sizing: border-box;
}

html {
  position: absolute;
  inset: 0;
  overflow: hidden;
}

body {
  position: absolute;
  font-family: "bookman";
  font-style: italic;
  line-height: 1.5;
  background: #fafaf4;
  margin: 0;
  inset: 0;
  overflow: hidden;
}

h1 {
  font-family: "bacalisties";
  font-style: normal;
  line-height: unset;
}

h2 {
  font-family: "bacalisties";
  font-style: normal;
  line-height: unset;
}

h3 {
  font-family: "bacalisties";
  font-style: normal;
  line-height: unset;
}

h4 {
  font-family: "bacalisties";
  font-style: normal;
  line-height: unset;
}

h5 {
  font-family: "bacalisties";
  font-style: normal;
  line-height: unset;
}

img {
  max-width: 100%;
}

article {
  position: absolute;
  inset: 0;
  overflow-x: hidden;
  overflow-y: auto;
  scroll-snap-type: y proximity;
  scroll-padding: 6em;
  scroll-behavior: smooth;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-block-start: 6em;
}

header {
  display: flex;
  align-items: center;
  gap: 1rem;
  position: sticky;
  top: 0;
  width: 100%;
  background: radial-gradient(100% 6em at center top, var(--green-900), var(--green-400));
  height: 6em;
  backdrop-filter: blur(8px) saturate(0.7);
  box-shadow: 0 -5px 8px 5px rgba(0, 0, 0, 0.7098039216);
  z-index: 10;
}
header nav ul {
  display: flex;
}
header nav li {
  border-inline-end: 1px solid currentColor;
}
header nav li:last-child {
  border-inline-end: none;
}
header img {
  width: 4em;
}
header h1 {
  margin-block: 0;
  font-size: min(2em, 7vw);
  flex-grow: 1;
}
header #menuBtn {
  display: none;
}
header a {
  display: contents;
  text-decoration: none;
  color: unset;
}
header a:visited {
  color: unset;
}

aside {
  position: absolute;
  inset: 0;
  inset-block-start: 6em;
  inset-inline-start: auto;
  font-family: "bacalisties";
  font-weight: bold;
  color: black;
  background: linear-gradient(var(--green-400), var(--green-100));
  backdrop-filter: blur(8px) saturate(0.7);
  box-shadow: 0px 4px 8px 0 rgba(0, 0, 0, 0.7098039216);
  translate: 100%;
  z-index: 20;
  transition: translate 250ms ease-in;
}
aside.is-active {
  translate: 0%;
}
aside nav li {
  border-block-end: 1px solid currentColor;
}
aside nav li:last-child {
  border-block-end: none;
}

nav ul {
  list-style: none;
  padding: 1em;
  margin-block: 0;
}
nav li {
  padding: 1em;
}
nav li a {
  text-decoration: none;
  color: unset;
}
nav li a:visited {
  color: unset;
}

header, section {
  padding: 1em;
}

section {
  flex-shrink: 0;
  flex-basis: 100%;
  scroll-snap-align: start;
  max-width: 900px;
  min-width: 100%;
}

p {
  text-align: justify;
}

.d-none {
  display: none;
}

iframe {
  border: 0;
  max-width: 100%;
}

.mono {
  font-family: "Courier New", Courier, monospace;
}

form {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}

#condividi-le-tue-foto {
  display: flex;
  flex-direction: column;
}
#condividi-le-tue-foto .content {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0.4rem;
  flex-grow: 1;
}

.images {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-rows: min-content;
  gap: 0.4rem;
  flex-grow: 1;
}
.images .image-container {
  aspect-ratio: 1;
  background-color: rgba(221, 221, 221, 0.5333333333);
  height: 100%;
  overflow: hidden;
}
.images .image-container > img {
  max-width: unset;
  max-height: 100%;
}

#images-actions label {
  width: 100%;
}

@media screen and (max-width: 1400px) {
  header nav {
    display: none;
  }
  header #menuBtn {
    display: unset;
  }
}

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