/* stylelint-disable scss/dollar-variable-empty-line-before */
/* stylelint-disable max-line-length */
/* stylelint-disable scss/dollar-variable-colon-space-after */
/* stylelint-disable scss/double-slash-comment-empty-line-before */
:root,
[data-bs-theme=light] {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-primary-rgb: 13, 110, 253;
  --bs-secondary-rgb: 108, 117, 125;
  --bs-success-rgb: 25, 135, 84;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 33, 37, 41;
  --bs-primary-text-emphasis: rgb(5.2, 44, 101.2);
  --bs-secondary-text-emphasis: rgb(43.2, 46.8, 50);
  --bs-success-text-emphasis: rgb(10, 54, 33.6);
  --bs-info-text-emphasis: rgb(5.2, 80.8, 96);
  --bs-warning-text-emphasis: rgb(102, 77.2, 2.8);
  --bs-danger-text-emphasis: rgb(88, 21.2, 27.6);
  --bs-light-text-emphasis: #495057;
  --bs-dark-text-emphasis: #495057;
  --bs-primary-bg-subtle: rgb(206.6, 226, 254.6);
  --bs-secondary-bg-subtle: rgb(225.6, 227.4, 229);
  --bs-success-bg-subtle: rgb(209, 231, 220.8);
  --bs-info-bg-subtle: rgb(206.6, 244.4, 252);
  --bs-warning-bg-subtle: rgb(255, 242.6, 205.4);
  --bs-danger-bg-subtle: rgb(248, 214.6, 217.8);
  --bs-light-bg-subtle: rgb(251.5, 252, 252.5);
  --bs-dark-bg-subtle: #ced4da;
  --bs-primary-border-subtle: rgb(158.2, 197, 254.2);
  --bs-secondary-border-subtle: rgb(196.2, 199.8, 203);
  --bs-success-border-subtle: rgb(163, 207, 186.6);
  --bs-info-border-subtle: rgb(158.2, 233.8, 249);
  --bs-warning-border-subtle: rgb(255, 230.2, 155.8);
  --bs-danger-border-subtle: rgb(241, 174.2, 180.6);
  --bs-light-border-subtle: #e9ecef;
  --bs-dark-border-subtle: #adb5bd;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-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";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #212529;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-body-bg: #fff;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-emphasis-color: #000;
  --bs-emphasis-color-rgb: 0, 0, 0;
  --bs-secondary-color: rgba(33, 37, 41, 0.75);
  --bs-secondary-color-rgb: 33, 37, 41;
  --bs-secondary-bg: #e9ecef;
  --bs-secondary-bg-rgb: 233, 236, 239;
  --bs-tertiary-color: rgba(33, 37, 41, 0.5);
  --bs-tertiary-color-rgb: 33, 37, 41;
  --bs-tertiary-bg: #f8f9fa;
  --bs-tertiary-bg-rgb: 248, 249, 250;
  --bs-heading-color: inherit;
  --bs-link-color: #0d6efd;
  --bs-link-color-rgb: 13, 110, 253;
  --bs-link-decoration: underline;
  --bs-link-hover-color: rgb(10.4, 88, 202.4);
  --bs-link-hover-color-rgb: 10, 88, 202;
  --bs-code-color: #d63384;
  --bs-highlight-color: #212529;
  --bs-highlight-bg: rgb(255, 242.6, 205.4);
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #dee2e6;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 0.375rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-xxl: 2rem;
  --bs-border-radius-2xl: var(--bs-border-radius-xxl);
  --bs-border-radius-pill: 50rem;
  --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  --bs-focus-ring-width: 0.25rem;
  --bs-focus-ring-opacity: 0.25;
  --bs-focus-ring-color: rgba(13, 110, 253, 0.25);
  --bs-form-valid-color: #198754;
  --bs-form-valid-border-color: #198754;
  --bs-form-invalid-color: #dc3545;
  --bs-form-invalid-border-color: #dc3545;
}

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

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

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

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

.form-text {
  margin-top: 0.25rem;
  font-size: inherit;
  color: var(--bs-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(--bs-body-color);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: var(--bs-body-bg);
  background-clip: padding-box;
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: inherit;
  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: inherit;
  background-color: var(--bs-body-bg);
  border-color: inherit;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 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::-moz-placeholder {
  color: var(--bs-secondary-color);
  opacity: 1;
}
.form-control::placeholder {
  color: var(--bs-secondary-color);
  opacity: 1;
}
.form-control:disabled {
  background-color: var(--bs-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(--bs-body-color);
  background-color: var(--bs-tertiary-bg);
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: var(--bs-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(--bs-secondary-bg);
}

.form-control-plaintext {
  display: block;
  width: 100%;
  padding: 0.375rem 0;
  margin-bottom: 0;
  line-height: 1.5;
  color: var(--bs-body-color);
  background-color: transparent;
  border: solid transparent;
  border-width: var(--bs-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(--bs-border-width) * 2));
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: inherit;
}
.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(--bs-border-width) * 2));
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  border-radius: inherit;
}
.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(--bs-border-width) * 2));
}
textarea.form-control-sm {
  min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
}
textarea.form-control-lg {
  min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
}

.form-control-color {
  width: 3rem;
  height: calc(1.5em + 0.75rem + calc(var(--bs-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: inherit;
}
.form-control-color::-webkit-color-swatch {
  border: 0 !important;
  border-radius: inherit;
}
.form-control-color.form-control-sm {
  height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
}
.form-control-color.form-control-lg {
  height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
}

.form-select {
  --bs-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(--bs-body-color);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: var(--bs-body-bg);
  background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: inherit;
  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: inherit;
  outline: 0;
  box-shadow: inherit;
}
.form-select[multiple], .form-select[size]:not([size="1"]) {
  padding-right: 0.75rem;
  background-image: none;
}
.form-select:disabled {
  background-color: var(--bs-secondary-bg);
}
.form-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 var(--bs-body-color);
}

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

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

.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 {
  --bs-form-check-bg: var(--bs-body-bg);
  flex-shrink: 0;
  width: 1em;
  height: 1em;
  margin-top: 0.25em;
  vertical-align: top;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: var(--bs-form-check-bg);
  background-image: var(--bs-form-check-bg-image);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: var(--bs-border-width) solid var(--bs-border-color);
  -webkit-print-color-adjust: exact;
          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: inherit;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-check-input:checked {
  background-color: #0d6efd;
  border-color: #0d6efd;
}
.form-check-input:checked[type=checkbox] {
  --bs-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='%23fff' 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] {
  --bs-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='%23fff'/%3e%3c/svg%3e");
}
.form-check-input[type=checkbox]:indeterminate {
  background-color: #0d6efd;
  border-color: #0d6efd;
  --bs-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='%23fff' 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 {
  --bs-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(--bs-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 {
  --bs-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='inherit'/%3e%3c/svg%3e");
}
.form-switch .form-check-input:checked {
  background-position: right center;
  --bs-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='%23fff'/%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;
}

.form-range {
  width: 100%;
  height: 1.5rem;
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
}
.form-range:focus {
  outline: 0;
}
.form-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-range::-moz-focus-outer {
  border: 0;
}
.form-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -0.25rem;
  -webkit-appearance: none;
          appearance: none;
  background-color: #0d6efd;
  border: 0;
  border-radius: 1rem;
  -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  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 {
    -webkit-transition: none;
    transition: none;
  }
}
.form-range::-webkit-slider-thumb:active {
  background-color: rgb(182.4, 211.5, 254.4);
}
.form-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: var(--bs-secondary-bg);
  border-color: transparent;
  border-radius: 1rem;
}
.form-range::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  -moz-appearance: none;
       appearance: none;
  background-color: #0d6efd;
  border: 0;
  border-radius: 1rem;
  -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  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 {
    -moz-transition: none;
    transition: none;
  }
}
.form-range::-moz-range-thumb:active {
  background-color: rgb(182.4, 211.5, 254.4);
}
.form-range::-moz-range-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: var(--bs-secondary-bg);
  border-color: transparent;
  border-radius: 1rem;
}
.form-range:disabled {
  pointer-events: none;
}
.form-range:disabled::-webkit-slider-thumb {
  background-color: var(--bs-secondary-color);
}
.form-range:disabled::-moz-range-thumb {
  background-color: var(--bs-secondary-color);
}

.form-floating {
  position: relative;
}
.form-floating > .form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select {
  height: inherit;
  min-height: inherit;
  line-height: 1.25;
}
.form-floating > label {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  height: 100%;
  padding: 1rem 0.75rem;
  overflow: hidden;
  text-align: start;
  text-overflow: ellipsis;
  white-space: nowrap;
  pointer-events: none;
  border: var(--bs-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::-moz-placeholder, .form-floating > .form-control-plaintext::-moz-placeholder {
  color: transparent;
}
.form-floating > .form-control::placeholder,
.form-floating > .form-control-plaintext::placeholder {
  color: transparent;
}
.form-floating > .form-control:not(:-moz-placeholder-shown), .form-floating > .form-control-plaintext:not(:-moz-placeholder-shown) {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.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;
}
.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label {
  color: rgba(var(--bs-body-color-rgb), 0.65);
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.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 {
  color: rgba(var(--bs-body-color-rgb), 0.65);
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label::after {
  position: absolute;
  inset: 1rem 0.375rem;
  z-index: -1;
  height: 1.5em;
  content: "";
  background-color: var(--bs-body-bg);
  border-radius: inherit;
}
.form-floating > .form-control:focus ~ label::after,
.form-floating > .form-control:not(:placeholder-shown) ~ label::after,
.form-floating > .form-control-plaintext ~ label::after,
.form-floating > .form-select ~ label::after {
  position: absolute;
  inset: 1rem 0.375rem;
  z-index: -1;
  height: 1.5em;
  content: "";
  background-color: var(--bs-body-bg);
  border-radius: inherit;
}
.form-floating > .form-control:-webkit-autofill ~ label {
  color: rgba(var(--bs-body-color-rgb), 0.65);
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > .form-control-plaintext ~ label {
  border-width: var(--bs-border-width) 0;
}
.form-floating > :disabled ~ label,
.form-floating > .form-control:disabled ~ label {
  color: #6c757d;
}
.form-floating > :disabled ~ label::after,
.form-floating > .form-control:disabled ~ label::after {
  background-color: var(--bs-secondary-bg);
}

.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(--bs-body-color);
  text-align: center;
  white-space: nowrap;
  background-color: var(--bs-tertiary-bg);
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: inherit;
}

.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: inherit;
}

.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: inherit;
}

.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(var(--bs-border-width) * -1);
  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: inherit;
  color: var(--bs-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: inherit;
  color: #fff;
  background-color: var(--bs-success);
  border-radius: inherit;
}

.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(--bs-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.1z'/%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(--bs-form-valid-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-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(--bs-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"] {
  --bs-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.1z'/%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(--bs-form-valid-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-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(--bs-form-valid-border-color);
}
.was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked {
  background-color: var(--bs-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(--bs-success-rgb), 0.25);
}
.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
  color: var(--bs-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: inherit;
  color: var(--bs-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: inherit;
  color: #fff;
  background-color: var(--bs-danger);
  border-radius: inherit;
}

.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(--bs-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(--bs-form-invalid-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-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(--bs-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"] {
  --bs-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(--bs-form-invalid-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-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(--bs-form-invalid-border-color);
}
.was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked {
  background-color: var(--bs-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(--bs-danger-rgb), 0.25);
}
.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
  color: var(--bs-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 {
  --bs-btn-padding-x: 0.75rem;
  --bs-btn-padding-y: 0.375rem;
  --bs-btn-font-family: ;
  --bs-btn-font-size: 1rem;
  --bs-btn-font-weight: 400;
  --bs-btn-line-height: 1.5;
  --bs-btn-color: var(--bs-body-color);
  --bs-btn-bg: transparent;
  --bs-btn-border-width: var(--bs-border-width);
  --bs-btn-border-color: transparent;
  --bs-btn-border-radius: inherit;
  --bs-btn-hover-border-color: transparent;
  --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
  --bs-btn-disabled-opacity: 0.65;
  --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
  display: inline-block;
  padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
  font-family: var(--bs-btn-font-family);
  font-size: var(--bs-btn-font-size);
  font-weight: var(--bs-btn-font-weight);
  line-height: var(--bs-btn-line-height);
  color: var(--bs-btn-color);
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
  border-radius: var(--bs-btn-border-radius);
  background-color: var(--bs-btn-bg);
  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(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
}
.btn-check + .btn:hover {
  color: var(--bs-btn-color);
  background-color: var(--bs-btn-bg);
  border-color: var(--bs-btn-border-color);
}
.btn:focus-visible {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:focus-visible + .btn {
  border-color: var(--bs-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show {
  color: var(--bs-btn-active-color);
  background-color: var(--bs-btn-active-bg);
  border-color: var(--bs-btn-active-border-color);
}
.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(--bs-btn-focus-box-shadow);
}
.btn-check:checked:focus-visible + .btn {
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn:disabled, .btn.disabled, fieldset:disabled .btn {
  color: var(--bs-btn-disabled-color);
  pointer-events: none;
  background-color: var(--bs-btn-disabled-bg);
  border-color: var(--bs-btn-disabled-border-color);
  opacity: var(--bs-btn-disabled-opacity);
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #0d6efd;
  --bs-btn-border-color: #0d6efd;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: rgb(11.05, 93.5, 215.05);
  --bs-btn-hover-border-color: rgb(10.4, 88, 202.4);
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: rgb(10.4, 88, 202.4);
  --bs-btn-active-border-color: rgb(9.75, 82.5, 189.75);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #0d6efd;
  --bs-btn-disabled-border-color: #0d6efd;
}

.btn-secondary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #6c757d;
  --bs-btn-border-color: #6c757d;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: rgb(91.8, 99.45, 106.25);
  --bs-btn-hover-border-color: rgb(86.4, 93.6, 100);
  --bs-btn-focus-shadow-rgb: 130, 138, 145;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: rgb(86.4, 93.6, 100);
  --bs-btn-active-border-color: rgb(81, 87.75, 93.75);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #6c757d;
  --bs-btn-disabled-border-color: #6c757d;
}

.btn-success {
  --bs-btn-color: #fff;
  --bs-btn-bg: #198754;
  --bs-btn-border-color: #198754;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: rgb(21.25, 114.75, 71.4);
  --bs-btn-hover-border-color: rgb(20, 108, 67.2);
  --bs-btn-focus-shadow-rgb: 60, 153, 110;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: rgb(20, 108, 67.2);
  --bs-btn-active-border-color: rgb(18.75, 101.25, 63);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #198754;
  --bs-btn-disabled-border-color: #198754;
}

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

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

.btn-danger {
  --bs-btn-color: #fff;
  --bs-btn-bg: #dc3545;
  --bs-btn-border-color: #dc3545;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: rgb(187, 45.05, 58.65);
  --bs-btn-hover-border-color: rgb(176, 42.4, 55.2);
  --bs-btn-focus-shadow-rgb: 225, 83, 97;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: rgb(176, 42.4, 55.2);
  --bs-btn-active-border-color: rgb(165, 39.75, 51.75);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #dc3545;
  --bs-btn-disabled-border-color: #dc3545;
}

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

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

.btn-outline-primary {
  --bs-btn-color: #0d6efd;
  --bs-btn-border-color: #0d6efd;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0d6efd;
  --bs-btn-hover-border-color: #0d6efd;
  --bs-btn-focus-shadow-rgb: 13, 110, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0d6efd;
  --bs-btn-active-border-color: #0d6efd;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #0d6efd;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #0d6efd;
  --bs-gradient: none;
}

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

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

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

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

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

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

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

.btn-link {
  --bs-btn-font-weight: 400;
  --bs-btn-color: inherit;
  --bs-btn-bg: transparent;
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: inherit;
  --bs-btn-hover-border-color: transparent;
  --bs-btn-active-color: inherit;
  --bs-btn-active-border-color: transparent;
  --bs-btn-disabled-color: #6c757d;
  --bs-btn-disabled-border-color: transparent;
  --bs-btn-box-shadow: 0 0 0 #000;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  text-decoration: underline;
}
.btn-link:focus-visible {
  color: var(--bs-btn-color);
}
.btn-link:hover {
  color: var(--bs-btn-hover-color);
}

.btn-lg {
  --bs-btn-padding-y: 0.5rem;
  --bs-btn-padding-x: 1rem;
  --bs-btn-font-size: 1.25rem;
  --bs-btn-border-radius: inherit;
}

.btn-sm {
  --bs-btn-padding-y: 0.25rem;
  --bs-btn-padding-x: 0.5rem;
  --bs-btn-font-size: 0.875rem;
  --bs-btn-border-radius: inherit;
}

.fade {
  transition: opacity 0.15s linear;
}
@media (prefers-reduced-motion: reduce) {
  .fade {
    transition: none;
  }
}
.fade:not(.show) {
  opacity: 0;
}

.collapse:not(.show) {
  display: none;
}

.collapsing {
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing {
    transition: none;
  }
}
.collapsing.collapse-horizontal {
  width: 0;
  height: auto;
  transition: width 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing.collapse-horizontal {
    transition: none;
  }
}

.dropup,
.dropend,
.dropdown,
.dropstart,
.dropup-center,
.dropdown-center {
  position: relative;
}

.dropdown-toggle {
  white-space: nowrap;
}
.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}
.dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropdown-menu {
  --bs-dropdown-zindex: 1000;
  --bs-dropdown-min-width: 10rem;
  --bs-dropdown-padding-x: 0;
  --bs-dropdown-padding-y: 0.5rem;
  --bs-dropdown-spacer: 0.125rem;
  --bs-dropdown-font-size: 1rem;
  --bs-dropdown-color: var(--bs-body-color);
  --bs-dropdown-bg: var(--bs-body-bg);
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-border-radius: var(--bs-border-radius);
  --bs-dropdown-border-width: var(--bs-border-width);
  --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-divider-margin-y: 0.5rem;
  --bs-dropdown-box-shadow: var(--bs-box-shadow);
  --bs-dropdown-link-color: var(--bs-body-color);
  --bs-dropdown-link-hover-color: var(--bs-body-color);
  --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: #0d6efd;
  --bs-dropdown-link-disabled-color: var(--bs-tertiary-color);
  --bs-dropdown-item-padding-x: 1rem;
  --bs-dropdown-item-padding-y: 0.25rem;
  --bs-dropdown-header-color: #6c757d;
  --bs-dropdown-header-padding-x: 1rem;
  --bs-dropdown-header-padding-y: 0.5rem;
  position: absolute;
  z-index: var(--bs-dropdown-zindex);
  display: none;
  min-width: var(--bs-dropdown-min-width);
  padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
  margin: 0;
  font-size: var(--bs-dropdown-font-size);
  color: var(--bs-dropdown-color);
  text-align: left;
  list-style: none;
  background-color: var(--bs-dropdown-bg);
  background-clip: padding-box;
  border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
  border-radius: var(--bs-dropdown-border-radius);
}
.dropdown-menu[data-bs-popper] {
  top: 100%;
  left: 0;
  margin-top: var(--bs-dropdown-spacer);
}

.dropdown-menu-start {
  --bs-position: start;
}
.dropdown-menu-start[data-bs-popper] {
  right: auto;
  left: 0;
}

.dropdown-menu-end {
  --bs-position: end;
}
.dropdown-menu-end[data-bs-popper] {
  right: 0;
  left: auto;
}

@media (min-width: 576px) {
  .dropdown-menu-sm-start {
    --bs-position: start;
  }
  .dropdown-menu-sm-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-sm-end {
    --bs-position: end;
  }
  .dropdown-menu-sm-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 768px) {
  .dropdown-menu-md-start {
    --bs-position: start;
  }
  .dropdown-menu-md-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-md-end {
    --bs-position: end;
  }
  .dropdown-menu-md-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 992px) {
  .dropdown-menu-lg-start {
    --bs-position: start;
  }
  .dropdown-menu-lg-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-lg-end {
    --bs-position: end;
  }
  .dropdown-menu-lg-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1200px) {
  .dropdown-menu-xl-start {
    --bs-position: start;
  }
  .dropdown-menu-xl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xl-end {
    --bs-position: end;
  }
  .dropdown-menu-xl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1400px) {
  .dropdown-menu-xxl-start {
    --bs-position: start;
  }
  .dropdown-menu-xxl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xxl-end {
    --bs-position: end;
  }
  .dropdown-menu-xxl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
.dropup .dropdown-menu[data-bs-popper] {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: var(--bs-dropdown-spacer);
}
.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent;
}
.dropup .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropend .dropdown-menu[data-bs-popper] {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: var(--bs-dropdown-spacer);
}
.dropend .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
}
.dropend .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropend .dropdown-toggle::after {
  vertical-align: 0;
}

.dropstart .dropdown-menu[data-bs-popper] {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: var(--bs-dropdown-spacer);
}
.dropstart .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
}
.dropstart .dropdown-toggle::after {
  display: none;
}
.dropstart .dropdown-toggle::before {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent;
}
.dropstart .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropstart .dropdown-toggle::before {
  vertical-align: 0;
}

.dropdown-divider {
  height: 0;
  margin: var(--bs-dropdown-divider-margin-y) 0;
  overflow: hidden;
  border-top: 1px solid var(--bs-dropdown-divider-bg);
  opacity: 1;
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  clear: both;
  font-weight: 400;
  color: var(--bs-dropdown-link-color);
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
  border-radius: var(--bs-dropdown-item-border-radius, 0);
}
.dropdown-item:hover, .dropdown-item:focus {
  color: var(--bs-dropdown-link-hover-color);
  background-color: var(--bs-dropdown-link-hover-bg);
}
.dropdown-item.active, .dropdown-item:active {
  color: var(--bs-dropdown-link-active-color);
  text-decoration: none;
  background-color: var(--bs-dropdown-link-active-bg);
}
.dropdown-item.disabled, .dropdown-item:disabled {
  color: var(--bs-dropdown-link-disabled-color);
  pointer-events: none;
  background-color: transparent;
}

.dropdown-menu.show {
  display: block;
}

.dropdown-header {
  display: block;
  padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
  margin-bottom: 0;
  font-size: 0.875rem;
  color: var(--bs-dropdown-header-color);
  white-space: nowrap;
}

.dropdown-item-text {
  display: block;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  color: var(--bs-dropdown-link-color);
}

.dropdown-menu-dark {
  --bs-dropdown-color: #dee2e6;
  --bs-dropdown-bg: #343a40;
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-box-shadow: ;
  --bs-dropdown-link-color: #dee2e6;
  --bs-dropdown-link-hover-color: #fff;
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: #0d6efd;
  --bs-dropdown-link-disabled-color: #adb5bd;
  --bs-dropdown-header-color: #adb5bd;
}

.nav {
  --bs-nav-link-padding-x: 1rem;
  --bs-nav-link-padding-y: 0.5rem;
  --bs-nav-link-font-weight: ;
  --bs-nav-link-color: var(--bs-link-color);
  --bs-nav-link-hover-color: var(--bs-link-hover-color);
  --bs-nav-link-disabled-color: var(--bs-secondary-color);
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.nav-link {
  display: block;
  padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
  font-size: var(--bs-nav-link-font-size);
  font-weight: var(--bs-nav-link-font-weight);
  color: var(--bs-nav-link-color);
  text-decoration: none;
  background: none;
  border: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .nav-link {
    transition: none;
  }
}
.nav-link:hover, .nav-link:focus {
  color: var(--bs-nav-link-hover-color);
}
.nav-link:focus-visible {
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.nav-link.disabled, .nav-link:disabled {
  color: var(--bs-nav-link-disabled-color);
  pointer-events: none;
  cursor: default;
}

.nav-tabs {
  --bs-nav-tabs-border-width: inherit;
  --bs-nav-tabs-border-color: inherit;
  --bs-nav-tabs-border-radius: inherit;
  --bs-nav-tabs-link-hover-border-color: inherit;
  --bs-nav-tabs-link-active-color: inherit;
  --bs-nav-tabs-link-active-bg: inherit;
  --bs-nav-tabs-link-active-border-color: inherit;
  border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);
}
.nav-tabs .nav-link {
  margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
  border: var(--bs-nav-tabs-border-width) solid transparent;
  border-top-left-radius: var(--bs-nav-tabs-border-radius);
  border-top-right-radius: var(--bs-nav-tabs-border-radius);
}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
  isolation: isolate;
  border-color: var(--bs-nav-tabs-link-hover-border-color);
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: var(--bs-nav-tabs-link-active-color);
  background-color: var(--bs-nav-tabs-link-active-bg);
  border-color: var(--bs-nav-tabs-link-active-border-color);
}
.nav-tabs .dropdown-menu {
  margin-top: calc(-1 * var(--bs-nav-tabs-border-width));
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.nav-pills {
  --bs-nav-pills-border-radius: var(--bs-border-radius);
  --bs-nav-pills-link-active-color: #fff;
  --bs-nav-pills-link-active-bg: #0d6efd;
}
.nav-pills .nav-link {
  border-radius: var(--bs-nav-pills-border-radius);
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: var(--bs-nav-pills-link-active-color);
  background-color: var(--bs-nav-pills-link-active-bg);
}

.nav-underline {
  --bs-nav-underline-gap: 1rem;
  --bs-nav-underline-border-width: 0.125rem;
  --bs-nav-underline-link-active-color: var(--bs-emphasis-color);
  gap: var(--bs-nav-underline-gap);
}
.nav-underline .nav-link {
  padding-right: 0;
  padding-left: 0;
  border-bottom: var(--bs-nav-underline-border-width) solid transparent;
}
.nav-underline .nav-link:hover, .nav-underline .nav-link:focus {
  border-bottom-color: currentcolor;
}
.nav-underline .nav-link.active,
.nav-underline .show > .nav-link {
  font-weight: 700;
  color: var(--bs-nav-underline-link-active-color);
  border-bottom-color: currentcolor;
}

.nav-fill > .nav-link,
.nav-fill .nav-item {
  flex: 1 1 auto;
  text-align: center;
}

.nav-justified > .nav-link,
.nav-justified .nav-item {
  flex-basis: 0;
  flex-grow: 1;
  text-align: center;
}

.nav-fill .nav-item .nav-link,
.nav-justified .nav-item .nav-link {
  width: 100%;
}

.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}

.navbar {
  --bs-navbar-padding-x: 0;
  --bs-navbar-padding-y: 0.5rem;
  --bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), 0.65);
  --bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), 0.8);
  --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3);
  --bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-brand-padding-y: 0.3125rem;
  --bs-navbar-brand-margin-end: 1rem;
  --bs-navbar-brand-font-size: 1.25rem;
  --bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-nav-link-padding-x: 1rem;
  --bs-navbar-toggler-padding-y: 0.25rem;
  --bs-navbar-toggler-padding-x: 0.75rem;
  --bs-navbar-toggler-font-size: 1.25rem;
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15);
  --bs-navbar-toggler-border-radius: inherit;
  --bs-navbar-toggler-focus-width: 0.25rem;
  --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x);
}
.navbar > .container-xxl, .navbar > .container-xl, .navbar > .container-lg, .navbar > .container-md, .navbar > .container-sm, .navbar > .container,
.navbar > .container-fluid {
  display: flex;
  flex-wrap: inherit;
  align-items: center;
  justify-content: space-between;
}
.navbar-brand {
  padding-top: var(--bs-navbar-brand-padding-y);
  padding-bottom: var(--bs-navbar-brand-padding-y);
  margin-right: var(--bs-navbar-brand-margin-end);
  font-size: var(--bs-navbar-brand-font-size);
  color: var(--bs-navbar-brand-color);
  text-decoration: none;
  white-space: nowrap;
}
.navbar-brand:hover, .navbar-brand:focus {
  color: var(--bs-navbar-brand-hover-color);
}

.navbar-nav {
  --bs-nav-link-padding-x: 0;
  --bs-nav-link-padding-y: 0.5rem;
  --bs-nav-link-font-weight: ;
  --bs-nav-link-color: var(--bs-navbar-color);
  --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
  --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
  color: var(--bs-navbar-active-color);
}
.navbar-nav .dropdown-menu {
  position: static;
}

.navbar-text {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: var(--bs-navbar-color);
}
.navbar-text a,
.navbar-text a:hover,
.navbar-text a:focus {
  color: var(--bs-navbar-active-color);
}

.navbar-collapse {
  flex-basis: 100%;
  flex-grow: 1;
  align-items: center;
}

.navbar-toggler {
  padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
  font-size: var(--bs-navbar-toggler-font-size);
  line-height: 1;
  color: var(--bs-navbar-color);
  background-color: transparent;
  border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
  border-radius: var(--bs-navbar-toggler-border-radius);
  transition: var(--bs-navbar-toggler-transition);
}
@media (prefers-reduced-motion: reduce) {
  .navbar-toggler {
    transition: none;
  }
}
.navbar-toggler:hover {
  text-decoration: none;
}
.navbar-toggler:focus {
  text-decoration: none;
  outline: 0;
  box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width);
}

.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  background-image: var(--bs-navbar-toggler-icon-bg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}

.navbar-nav-scroll {
  max-height: var(--bs-scroll-height, 75vh);
  overflow-y: auto;
}

@media (min-width: 576px) {
  .navbar-expand-sm {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-sm .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-sm .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-sm .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-sm .navbar-toggler {
    display: none;
  }
  .navbar-expand-sm .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-sm .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-sm .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 768px) {
  .navbar-expand-md {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-md .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-md .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-md .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-md .navbar-toggler {
    display: none;
  }
  .navbar-expand-md .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-md .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-md .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 992px) {
  .navbar-expand-lg {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-lg .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-lg .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-lg .navbar-toggler {
    display: none;
  }
  .navbar-expand-lg .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-lg .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-lg .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 1200px) {
  .navbar-expand-xl {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-xl .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xl .navbar-toggler {
    display: none;
  }
  .navbar-expand-xl .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-xl .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-xl .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 1400px) {
  .navbar-expand-xxl {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xxl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xxl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xxl .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-xxl .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xxl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xxl .navbar-toggler {
    display: none;
  }
  .navbar-expand-xxl .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-xxl .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-xxl .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
.navbar-expand {
  flex-wrap: nowrap;
  justify-content: flex-start;
}
.navbar-expand .navbar-nav {
  flex-direction: row;
}
.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute;
}
.navbar-expand .navbar-nav .nav-link {
  padding-right: var(--bs-navbar-nav-link-padding-x);
  padding-left: var(--bs-navbar-nav-link-padding-x);
}
.navbar-expand .navbar-nav-scroll {
  overflow: visible;
}
.navbar-expand .navbar-collapse {
  display: flex !important;
  flex-basis: auto;
}
.navbar-expand .navbar-toggler {
  display: none;
}
.navbar-expand .offcanvas {
  position: static;
  z-index: auto;
  flex-grow: 1;
  width: auto !important;
  height: auto !important;
  visibility: visible !important;
  background-color: transparent !important;
  border: 0 !important;
  transform: none !important;
  transition: none;
}
.navbar-expand .offcanvas .offcanvas-header {
  display: none;
}
.navbar-expand .offcanvas .offcanvas-body {
  display: flex;
  flex-grow: 0;
  padding: 0;
  overflow-y: visible;
}

.navbar-dark,
.navbar[data-bs-theme=dark] {
  --bs-navbar-color: rgba(255, 255, 255, 0.55);
  --bs-navbar-hover-color: rgba(255, 255, 255, 0.75);
  --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);
  --bs-navbar-active-color: #fff;
  --bs-navbar-brand-color: #fff;
  --bs-navbar-brand-hover-color: #fff;
  --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.accordion {
  --bs-accordion-color: inherit;
  --bs-accordion-bg: inherit;
  --bs-accordion-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, border-radius 0.15s ease;
  --bs-accordion-border-color: inherit;
  --bs-accordion-border-width: inherit;
  --bs-accordion-border-radius: inherit;
  --bs-accordion-inner-border-radius: inherit;
  --bs-accordion-btn-padding-x: 1.25rem;
  --bs-accordion-btn-padding-y: 1rem;
  --bs-accordion-btn-color: inherit;
  --bs-accordion-btn-bg: inherit;
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
  --bs-accordion-btn-icon-width: 1.25rem;
  --bs-accordion-btn-icon-transform: rotate(-180deg);
  --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='rgb%285.2, 44, 101.2%29' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-accordion-body-padding-x: 1.25rem;
  --bs-accordion-body-padding-y: 1rem;
  --bs-accordion-active-color: inherit;
  --bs-accordion-active-bg: inherit;
}

.accordion-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
  font-size: 1rem;
  color: var(--bs-accordion-btn-color);
  text-align: left;
  background-color: var(--bs-accordion-btn-bg);
  border: 0;
  border-radius: 0;
  overflow-anchor: none;
  transition: var(--bs-accordion-transition);
}
@media (prefers-reduced-motion: reduce) {
  .accordion-button {
    transition: none;
  }
}
.accordion-button:not(.collapsed) {
  color: var(--bs-accordion-active-color);
  background-color: var(--bs-accordion-active-bg);
  box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}
.accordion-button:not(.collapsed)::after {
  background-image: var(--bs-accordion-btn-active-icon);
  transform: var(--bs-accordion-btn-icon-transform);
}
.accordion-button::after {
  flex-shrink: 0;
  width: var(--bs-accordion-btn-icon-width);
  height: var(--bs-accordion-btn-icon-width);
  margin-left: auto;
  content: "";
  background-image: var(--bs-accordion-btn-icon);
  background-repeat: no-repeat;
  background-size: var(--bs-accordion-btn-icon-width);
  transition: var(--bs-accordion-btn-icon-transition);
}
@media (prefers-reduced-motion: reduce) {
  .accordion-button::after {
    transition: none;
  }
}
.accordion-button:hover {
  z-index: 2;
}
.accordion-button:focus {
  z-index: 3;
  outline: 0;
  box-shadow: var(--bs-accordion-btn-focus-box-shadow);
}

.accordion-header {
  margin-bottom: 0;
}

.accordion-item {
  color: var(--bs-accordion-color);
  background-color: var(--bs-accordion-bg);
  border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
}
.accordion-item:first-of-type {
  border-top-left-radius: var(--bs-accordion-border-radius);
  border-top-right-radius: var(--bs-accordion-border-radius);
}
.accordion-item:first-of-type > .accordion-header .accordion-button {
  border-top-left-radius: var(--bs-accordion-inner-border-radius);
  border-top-right-radius: var(--bs-accordion-inner-border-radius);
}
.accordion-item:not(:first-of-type) {
  border-top: 0;
}
.accordion-item:last-of-type {
  border-bottom-right-radius: var(--bs-accordion-border-radius);
  border-bottom-left-radius: var(--bs-accordion-border-radius);
}
.accordion-item:last-of-type > .accordion-header .accordion-button.collapsed {
  border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
  border-bottom-left-radius: var(--bs-accordion-inner-border-radius);
}
.accordion-item:last-of-type > .accordion-collapse {
  border-bottom-right-radius: var(--bs-accordion-border-radius);
  border-bottom-left-radius: var(--bs-accordion-border-radius);
}

.accordion-body {
  padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x);
}

.accordion-flush > .accordion-item {
  border-right: 0;
  border-left: 0;
  border-radius: 0;
}
.accordion-flush > .accordion-item:first-child {
  border-top: 0;
}
.accordion-flush > .accordion-item:last-child {
  border-bottom: 0;
}
.accordion-flush > .accordion-item > .accordion-header .accordion-button, .accordion-flush > .accordion-item > .accordion-header .accordion-button.collapsed {
  border-radius: 0;
}
.accordion-flush > .accordion-item > .accordion-collapse {
  border-radius: 0;
}

.pagination {
  --bs-pagination-padding-x: 0.75rem;
  --bs-pagination-padding-y: 0.375rem;
  --bs-pagination-font-size: inherit;
  --bs-pagination-color: inherit;
  --bs-pagination-bg: inherit;
  --bs-pagination-border-width: inherit;
  --bs-pagination-border-color: inherit;
  --bs-pagination-border-radius: inherit;
  --bs-pagination-hover-color: inherit;
  --bs-pagination-hover-bg: inherit;
  --bs-pagination-hover-border-color: inherit;
  --bs-pagination-focus-color: inherit;
  --bs-pagination-focus-bg: inherit;
  --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-pagination-active-color: inherit;
  --bs-pagination-active-bg: inherit;
  --bs-pagination-active-border-color: inherit;
  --bs-pagination-disabled-color: var(--bs-secondary-color);
  --bs-pagination-disabled-bg: var(--bs-secondary-bg);
  --bs-pagination-disabled-border-color: var(--bs-border-color);
  display: flex;
  padding-left: 0;
  list-style: none;
}

.page-link {
  position: relative;
  display: block;
  padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
  font-size: var(--bs-pagination-font-size);
  color: var(--bs-pagination-color);
  text-decoration: none;
  background-color: var(--bs-pagination-bg);
  border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
  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) {
  .page-link {
    transition: none;
  }
}
.page-link:hover {
  z-index: 2;
  color: var(--bs-pagination-hover-color);
  background-color: var(--bs-pagination-hover-bg);
  border-color: var(--bs-pagination-hover-border-color);
}
.page-link:focus {
  z-index: 3;
  color: var(--bs-pagination-focus-color);
  background-color: var(--bs-pagination-focus-bg);
  outline: 0;
  box-shadow: var(--bs-pagination-focus-box-shadow);
}
.page-link.active, .active > .page-link {
  z-index: 3;
  color: var(--bs-pagination-active-color);
  background-color: var(--bs-pagination-active-bg);
  border-color: var(--bs-pagination-active-border-color);
}
.page-link.disabled, .disabled > .page-link {
  color: var(--bs-pagination-disabled-color);
  pointer-events: none;
  background-color: var(--bs-pagination-disabled-bg);
  border-color: var(--bs-pagination-disabled-border-color);
}

.page-item:not(:first-child) .page-link {
  margin-left: calc(inherit * -1);
}
.page-item:first-child .page-link {
  border-top-left-radius: var(--bs-pagination-border-radius);
  border-bottom-left-radius: var(--bs-pagination-border-radius);
}
.page-item:last-child .page-link {
  border-top-right-radius: var(--bs-pagination-border-radius);
  border-bottom-right-radius: var(--bs-pagination-border-radius);
}

.pagination-lg {
  --bs-pagination-padding-x: 1.5rem;
  --bs-pagination-padding-y: 0.75rem;
  --bs-pagination-font-size: 1.25rem;
  --bs-pagination-border-radius: var(--bs-border-radius-lg);
}

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

.alert {
  --bs-alert-bg: transparent;
  --bs-alert-padding-x: 1rem;
  --bs-alert-padding-y: 1rem;
  --bs-alert-margin-bottom: 1rem;
  --bs-alert-color: inherit;
  --bs-alert-border-color: transparent;
  --bs-alert-border: inherit solid var(--bs-alert-border-color);
  --bs-alert-border-radius: inherit;
  --bs-alert-link-color: inherit;
  position: relative;
  padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
  margin-bottom: var(--bs-alert-margin-bottom);
  color: var(--bs-alert-color);
  background-color: var(--bs-alert-bg);
  border: var(--bs-alert-border);
  border-radius: var(--bs-alert-border-radius);
}

.alert-heading {
  color: inherit;
}

.alert-link {
  font-weight: inherit;
  color: var(--bs-alert-link-color);
}

.alert-dismissible {
  padding-right: 3rem;
}
.alert-dismissible .btn-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  padding: 1.25rem 1rem;
}

.alert-primary {
  --bs-alert-color: var(--bs-primary-text-emphasis);
  --bs-alert-bg: var(--bs-primary-bg-subtle);
  --bs-alert-border-color: var(--bs-primary-border-subtle);
  --bs-alert-link-color: var(--bs-primary-text-emphasis);
}

.alert-secondary {
  --bs-alert-color: var(--bs-secondary-text-emphasis);
  --bs-alert-bg: var(--bs-secondary-bg-subtle);
  --bs-alert-border-color: var(--bs-secondary-border-subtle);
  --bs-alert-link-color: var(--bs-secondary-text-emphasis);
}

.alert-success {
  --bs-alert-color: var(--bs-success-text-emphasis);
  --bs-alert-bg: var(--bs-success-bg-subtle);
  --bs-alert-border-color: var(--bs-success-border-subtle);
  --bs-alert-link-color: var(--bs-success-text-emphasis);
}

.alert-info {
  --bs-alert-color: var(--bs-info-text-emphasis);
  --bs-alert-bg: var(--bs-info-bg-subtle);
  --bs-alert-border-color: var(--bs-info-border-subtle);
  --bs-alert-link-color: var(--bs-info-text-emphasis);
}

.alert-warning {
  --bs-alert-color: var(--bs-warning-text-emphasis);
  --bs-alert-bg: var(--bs-warning-bg-subtle);
  --bs-alert-border-color: var(--bs-warning-border-subtle);
  --bs-alert-link-color: var(--bs-warning-text-emphasis);
}

.alert-danger {
  --bs-alert-color: var(--bs-danger-text-emphasis);
  --bs-alert-bg: var(--bs-danger-bg-subtle);
  --bs-alert-border-color: var(--bs-danger-border-subtle);
  --bs-alert-link-color: var(--bs-danger-text-emphasis);
}

.alert-light {
  --bs-alert-color: var(--bs-light-text-emphasis);
  --bs-alert-bg: var(--bs-light-bg-subtle);
  --bs-alert-border-color: var(--bs-light-border-subtle);
  --bs-alert-link-color: var(--bs-light-text-emphasis);
}

.alert-dark {
  --bs-alert-color: var(--bs-dark-text-emphasis);
  --bs-alert-bg: var(--bs-dark-bg-subtle);
  --bs-alert-border-color: var(--bs-dark-border-subtle);
  --bs-alert-link-color: var(--bs-dark-text-emphasis);
}

.btn-close {
  --bs-btn-close-color: #000;
  --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
  --bs-btn-close-opacity: 0.5;
  --bs-btn-close-hover-opacity: 0.75;
  --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-btn-close-focus-opacity: 1;
  --bs-btn-close-disabled-opacity: 0.25;
  --bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%);
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: 0.25em 0.25em;
  color: var(--bs-btn-close-color);
  background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat;
  border: 0;
  border-radius: 0.375rem;
  opacity: var(--bs-btn-close-opacity);
}
.btn-close:hover {
  color: var(--bs-btn-close-color);
  text-decoration: none;
  opacity: var(--bs-btn-close-hover-opacity);
}
.btn-close:focus {
  outline: 0;
  box-shadow: var(--bs-btn-close-focus-shadow);
  opacity: var(--bs-btn-close-focus-opacity);
}
.btn-close:disabled, .btn-close.disabled {
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  opacity: var(--bs-btn-close-disabled-opacity);
}

.btn-close-white {
  filter: var(--bs-btn-close-white-filter);
}

.toast {
  --bs-toast-zindex: 1090;
  --bs-toast-padding-x: 0.75rem;
  --bs-toast-padding-y: 0.5rem;
  --bs-toast-spacing: 1.5rem;
  --bs-toast-max-width: 350px;
  --bs-toast-font-size: 0.875rem;
  --bs-toast-color: inherit;
  --bs-toast-bg: inherit;
  --bs-toast-border-width: var(--bs-border-width);
  --bs-toast-border-color: var(--bs-border-color-translucent);
  --bs-toast-border-radius: var(--bs-border-radius);
  --bs-toast-box-shadow: var(--bs-box-shadow);
  --bs-toast-header-color: inherit;
  --bs-toast-header-bg: inherit;
  --bs-toast-header-border-color: inherit;
  width: var(--bs-toast-max-width);
  max-width: 100%;
  font-size: var(--bs-toast-font-size);
  color: var(--bs-toast-color);
  pointer-events: auto;
  background-color: var(--bs-toast-bg);
  background-clip: padding-box;
  border: var(--bs-toast-border-width) solid var(--bs-toast-border-color);
  box-shadow: var(--bs-toast-box-shadow);
  border-radius: var(--bs-toast-border-radius);
}
.toast.showing {
  opacity: 0;
}
.toast:not(.show) {
  display: none;
}

.toast-container {
  --bs-toast-zindex: 1090;
  position: absolute;
  z-index: var(--bs-toast-zindex);
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  pointer-events: none;
}
.toast-container > :not(:last-child) {
  margin-bottom: var(--bs-toast-spacing);
}

.toast-header {
  display: flex;
  align-items: center;
  padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x);
  color: var(--bs-toast-header-color);
  background-color: var(--bs-toast-header-bg);
  background-clip: padding-box;
  border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);
  border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
  border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
}
.toast-header .btn-close {
  margin-right: calc(-0.5 * var(--bs-toast-padding-x));
  margin-left: var(--bs-toast-padding-x);
}

.toast-body {
  padding: var(--bs-toast-padding-x);
  word-wrap: break-word;
}

.modal {
  --bs-modal-zindex: 1055;
  --bs-modal-width: 500px;
  --bs-modal-padding: 1rem;
  --bs-modal-margin: 0.5rem;
  --bs-modal-color: inherit;
  --bs-modal-bg: inherit;
  --bs-modal-border-color: var(--bs-border-color-translucent);
  --bs-modal-border-width: var(--bs-border-width);
  --bs-modal-border-radius: var(--bs-border-radius-lg);
  --bs-modal-box-shadow: var(--bs-box-shadow-sm);
  --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));
  --bs-modal-header-padding-x: 1rem;
  --bs-modal-header-padding-y: 1rem;
  --bs-modal-header-padding: 1rem 1rem;
  --bs-modal-header-border-color: var(--bs-border-color);
  --bs-modal-header-border-width: var(--bs-border-width);
  --bs-modal-title-line-height: 1.5;
  --bs-modal-footer-gap: 0.5rem;
  --bs-modal-footer-bg: ;
  --bs-modal-footer-border-color: var(--bs-border-color);
  --bs-modal-footer-border-width: var(--bs-border-width);
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-modal-zindex);
  display: none;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: var(--bs-modal-margin);
  pointer-events: none;
}
.modal.fade .modal-dialog {
  transition: transform 0.3s ease-out;
  transform: translate(0, -50px);
}
@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: none;
  }
}
.modal.show .modal-dialog {
  transform: none;
}
.modal.modal-static .modal-dialog {
  transform: scale(1.02);
}

.modal-dialog-scrollable {
  height: calc(100% - var(--bs-modal-margin) * 2);
}
.modal-dialog-scrollable .modal-content {
  max-height: 100%;
  overflow: hidden;
}
.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}

.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - var(--bs-modal-margin) * 2);
}

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  color: var(--bs-modal-color);
  pointer-events: auto;
  background-color: var(--bs-modal-bg);
  background-clip: padding-box;
  border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
  border-radius: var(--bs-modal-border-radius);
  outline: 0;
}

.modal-backdrop {
  --bs-backdrop-zindex: 1050;
  --bs-backdrop-bg: #000;
  --bs-backdrop-opacity: 0.5;
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-backdrop-zindex);
  width: 100vw;
  height: 100vh;
  background-color: var(--bs-backdrop-bg);
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.show {
  opacity: var(--bs-backdrop-opacity);
}

.modal-header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  padding: var(--bs-modal-header-padding);
  border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
  border-top-left-radius: var(--bs-modal-inner-border-radius);
  border-top-right-radius: var(--bs-modal-inner-border-radius);
}
.modal-header .btn-close {
  padding: calc(var(--bs-modal-header-padding-y) * 0.5) calc(var(--bs-modal-header-padding-x) * 0.5);
  margin: calc(-0.5 * var(--bs-modal-header-padding-y)) calc(-0.5 * var(--bs-modal-header-padding-x)) calc(-0.5 * var(--bs-modal-header-padding-y)) auto;
}

.modal-title {
  margin-bottom: 0;
  line-height: var(--bs-modal-title-line-height);
}

.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: var(--bs-modal-padding);
}

.modal-footer {
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * 0.5);
  background-color: var(--bs-modal-footer-bg);
  border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
  border-bottom-right-radius: var(--bs-modal-inner-border-radius);
  border-bottom-left-radius: var(--bs-modal-inner-border-radius);
}
.modal-footer > * {
  margin: calc(var(--bs-modal-footer-gap) * 0.5);
}

@media (min-width: 576px) {
  .modal {
    --bs-modal-margin: 1.75rem;
    --bs-modal-box-shadow: var(--bs-box-shadow);
  }
  .modal-dialog {
    max-width: var(--bs-modal-width);
    margin-right: auto;
    margin-left: auto;
  }
  .modal-sm {
    --bs-modal-width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg,
  .modal-xl {
    --bs-modal-width: 800px;
  }
}
@media (min-width: 1200px) {
  .modal-xl {
    --bs-modal-width: 1140px;
  }
}
.modal-fullscreen {
  width: 100vw;
  max-width: none;
  height: 100%;
  margin: 0;
}
.modal-fullscreen .modal-content {
  height: 100%;
  border: 0;
  border-radius: 0;
}
.modal-fullscreen .modal-header,
.modal-fullscreen .modal-footer {
  border-radius: 0;
}
.modal-fullscreen .modal-body {
  overflow-y: auto;
}

@media (max-width: 575.98px) {
  .modal-fullscreen-sm-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-sm-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-header,
  .modal-fullscreen-sm-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 767.98px) {
  .modal-fullscreen-md-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-md-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-header,
  .modal-fullscreen-md-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 991.98px) {
  .modal-fullscreen-lg-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-lg-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-header,
  .modal-fullscreen-lg-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 1199.98px) {
  .modal-fullscreen-xl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-header,
  .modal-fullscreen-xl-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 1399.98px) {
  .modal-fullscreen-xxl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xxl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-header,
  .modal-fullscreen-xxl-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-body {
    overflow-y: auto;
  }
}
.tooltip {
  --bs-tooltip-zindex: 1080;
  --bs-tooltip-max-width: inherit;
  --bs-tooltip-padding-x: 0.5rem;
  --bs-tooltip-padding-y: 0.25rem;
  --bs-tooltip-margin: ;
  --bs-tooltip-font-size: inherit;
  --bs-tooltip-color: inherit;
  --bs-tooltip-bg: inherit;
  --bs-tooltip-border-radius: inherit;
  --bs-tooltip-opacity: 0.95;
  --bs-tooltip-arrow-width: 0.8rem;
  --bs-tooltip-arrow-height: 0.4rem;
  z-index: var(--bs-tooltip-zindex);
  display: block;
  margin: var(--bs-tooltip-margin);
  font-family: var(--bs-font-sans-serif);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: var(--bs-tooltip-font-size);
  word-wrap: break-word;
  opacity: 0;
}
.tooltip.show {
  opacity: var(--bs-tooltip-opacity);
}
.tooltip .tooltip-arrow {
  display: block;
  width: var(--bs-tooltip-arrow-width);
  height: var(--bs-tooltip-arrow-height);
}
.tooltip .tooltip-arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow {
  bottom: calc(-1 * var(--bs-tooltip-arrow-height));
}
.bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
  top: -1px;
  border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0;
  border-top-color: var(--bs-tooltip-bg);
}

/* rtl:begin:ignore */
.bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow {
  left: calc(-1 * var(--bs-tooltip-arrow-height));
  width: var(--bs-tooltip-arrow-height);
  height: var(--bs-tooltip-arrow-width);
}
.bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
  right: -1px;
  border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0;
  border-right-color: var(--bs-tooltip-bg);
}

/* rtl:end:ignore */
.bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow {
  top: calc(-1 * var(--bs-tooltip-arrow-height));
}
.bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
  bottom: -1px;
  border-width: 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height);
  border-bottom-color: var(--bs-tooltip-bg);
}

/* rtl:begin:ignore */
.bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow {
  right: calc(-1 * var(--bs-tooltip-arrow-height));
  width: var(--bs-tooltip-arrow-height);
  height: var(--bs-tooltip-arrow-width);
}
.bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
  left: -1px;
  border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height);
  border-left-color: var(--bs-tooltip-bg);
}

/* rtl:end:ignore */
.tooltip-inner {
  max-width: var(--bs-tooltip-max-width);
  padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
  color: var(--bs-tooltip-color);
  text-align: center;
  background-color: var(--bs-tooltip-bg);
  border-radius: var(--bs-tooltip-border-radius);
}

.popover {
  --bs-popover-zindex: 1070;
  --bs-popover-max-width: inherit;
  --bs-popover-font-size: inherit;
  --bs-popover-bg: inherit;
  --bs-popover-border-width: var(--bs-border-width);
  --bs-popover-border-color: inherit;
  --bs-popover-border-radius: inherit;
  --bs-popover-inner-border-radius: calc(inherit - var(--bs-border-width));
  --bs-popover-box-shadow: inherit;
  --bs-popover-header-padding-x: inherit;
  --bs-popover-header-padding-y: inherit;
  --bs-popover-header-font-size: inherit;
  --bs-popover-header-color: inherit;
  --bs-popover-header-bg: inherit;
  --bs-popover-body-padding-x: inherit;
  --bs-popover-body-padding-y: inherit;
  --bs-popover-body-color: inherit;
  --bs-popover-arrow-width: 1rem;
  --bs-popover-arrow-height: 0.5rem;
  --bs-popover-arrow-border: var(--bs-popover-border-color);
  z-index: var(--bs-popover-zindex);
  display: block;
  max-width: var(--bs-popover-max-width);
  font-family: var(--bs-font-sans-serif);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: var(--bs-popover-font-size);
  word-wrap: break-word;
  background-color: var(--bs-popover-bg);
  background-clip: padding-box;
  border: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
  border-radius: var(--bs-popover-border-radius);
}
.popover .popover-arrow {
  display: block;
  width: var(--bs-popover-arrow-width);
  height: var(--bs-popover-arrow-height);
}
.popover .popover-arrow::before, .popover .popover-arrow::after {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
  border-width: 0;
}

.bs-popover-top > .popover-arrow, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow {
  bottom: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
}
.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
  border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0;
}
.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before {
  bottom: 0;
  border-top-color: var(--bs-popover-arrow-border);
}
.bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
  bottom: var(--bs-popover-border-width);
  border-top-color: var(--bs-popover-bg);
}

/* rtl:begin:ignore */
.bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow {
  left: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
  width: var(--bs-popover-arrow-height);
  height: var(--bs-popover-arrow-width);
}
.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
  border-width: calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0;
}
.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before {
  left: 0;
  border-right-color: var(--bs-popover-arrow-border);
}
.bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
  left: var(--bs-popover-border-width);
  border-right-color: var(--bs-popover-bg);
}

/* rtl:end:ignore */
.bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow {
  top: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
}
.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
  border-width: 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height);
}
.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before {
  top: 0;
  border-bottom-color: var(--bs-popover-arrow-border);
}
.bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
  top: var(--bs-popover-border-width);
  border-bottom-color: var(--bs-popover-bg);
}
.bs-popover-bottom .popover-header::before, .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: var(--bs-popover-arrow-width);
  margin-left: calc(-0.5 * var(--bs-popover-arrow-width));
  content: "";
  border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg);
}

/* rtl:begin:ignore */
.bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow {
  right: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
  width: var(--bs-popover-arrow-height);
  height: var(--bs-popover-arrow-width);
}
.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
  border-width: calc(var(--bs-popover-arrow-width) * 0.5) 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height);
}
.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before {
  right: 0;
  border-left-color: var(--bs-popover-arrow-border);
}
.bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
  right: var(--bs-popover-border-width);
  border-left-color: var(--bs-popover-bg);
}

/* rtl:end:ignore */
.popover-header {
  padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);
  margin-bottom: 0;
  font-size: var(--bs-popover-header-font-size);
  color: var(--bs-popover-header-color);
  background-color: var(--bs-popover-header-bg);
  border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
  border-top-left-radius: var(--bs-popover-inner-border-radius);
  border-top-right-radius: var(--bs-popover-inner-border-radius);
}
.popover-header:empty {
  display: none;
}

.popover-body {
  padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);
  color: var(--bs-popover-body-color);
}

.spinner-grow,
.spinner-border {
  display: inline-block;
  width: var(--bs-spinner-width);
  height: var(--bs-spinner-height);
  vertical-align: var(--bs-spinner-vertical-align);
  border-radius: 50%;
  animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name);
}

@keyframes spinner-border {
  to {
    transform: rotate(360deg) /* rtl:ignore */;
  }
}
.spinner-border {
  --bs-spinner-width: 2rem;
  --bs-spinner-height: 2rem;
  --bs-spinner-vertical-align: -0.125em;
  --bs-spinner-border-width: 0.25em;
  --bs-spinner-animation-speed: 0.75s;
  --bs-spinner-animation-name: spinner-border;
  border: var(--bs-spinner-border-width) solid currentcolor;
  border-right-color: transparent;
}

.spinner-border-sm {
  --bs-spinner-width: 1rem;
  --bs-spinner-height: 1rem;
  --bs-spinner-border-width: 0.2em;
}

@keyframes spinner-grow {
  0% {
    transform: scale(0);
  }
  50% {
    opacity: 1;
    transform: none;
  }
}
.spinner-grow {
  --bs-spinner-width: 2rem;
  --bs-spinner-height: 2rem;
  --bs-spinner-vertical-align: -0.125em;
  --bs-spinner-animation-speed: 0.75s;
  --bs-spinner-animation-name: spinner-grow;
  background-color: currentcolor;
  opacity: 0;
}

.spinner-grow-sm {
  --bs-spinner-width: 1rem;
  --bs-spinner-height: 1rem;
}

@media (prefers-reduced-motion: reduce) {
  .spinner-border,
  .spinner-grow {
    --bs-spinner-animation-speed: 1.5s;
  }
}
.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

.text-bg-primary {
  color: #fff !important;
  background-color: RGBA(var(--bs-primary-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-secondary {
  color: #fff !important;
  background-color: RGBA(var(--bs-secondary-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-success {
  color: #fff !important;
  background-color: RGBA(var(--bs-success-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-info {
  color: #000 !important;
  background-color: RGBA(var(--bs-info-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-warning {
  color: #000 !important;
  background-color: RGBA(var(--bs-warning-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-danger {
  color: #fff !important;
  background-color: RGBA(var(--bs-danger-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-light {
  color: #000 !important;
  background-color: RGBA(var(--bs-light-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-dark {
  color: #fff !important;
  background-color: RGBA(var(--bs-dark-rgb), var(--bs-bg-opacity, 1)) !important;
}

.link-primary {
  color: RGBA(var(--bs-primary-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-primary:hover, .link-primary:focus {
  color: RGBA(10, 88, 202, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(10, 88, 202, var(--bs-link-underline-opacity, 1)) !important;
}

.link-secondary {
  color: RGBA(var(--bs-secondary-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-secondary:hover, .link-secondary:focus {
  color: RGBA(86, 94, 100, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(86, 94, 100, var(--bs-link-underline-opacity, 1)) !important;
}

.link-success {
  color: RGBA(var(--bs-success-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-success:hover, .link-success:focus {
  color: RGBA(20, 108, 67, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(20, 108, 67, var(--bs-link-underline-opacity, 1)) !important;
}

.link-info {
  color: RGBA(var(--bs-info-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-info:hover, .link-info:focus {
  color: RGBA(61, 213, 243, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(61, 213, 243, var(--bs-link-underline-opacity, 1)) !important;
}

.link-warning {
  color: RGBA(var(--bs-warning-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-warning:hover, .link-warning:focus {
  color: RGBA(255, 205, 57, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(255, 205, 57, var(--bs-link-underline-opacity, 1)) !important;
}

.link-danger {
  color: RGBA(var(--bs-danger-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-danger:hover, .link-danger:focus {
  color: RGBA(176, 42, 55, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(176, 42, 55, var(--bs-link-underline-opacity, 1)) !important;
}

.link-light {
  color: RGBA(var(--bs-light-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-light:hover, .link-light:focus {
  color: RGBA(249, 250, 251, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important;
}

.link-dark {
  color: RGBA(var(--bs-dark-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-dark:hover, .link-dark:focus {
  color: RGBA(26, 30, 33, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(26, 30, 33, var(--bs-link-underline-opacity, 1)) !important;
}

.link-body-emphasis {
  color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-body-emphasis:hover, .link-body-emphasis:focus {
  color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 0.75)) !important;
  text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)) !important;
}

.focus-ring:focus {
  outline: 0;
  box-shadow: var(--bs-focus-ring-x, 0) var(--bs-focus-ring-y, 0) var(--bs-focus-ring-blur, 0) var(--bs-focus-ring-width) var(--bs-focus-ring-color);
}

.icon-link {
  display: inline-flex;
  gap: 0.375rem;
  align-items: center;
  text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 0.5));
  text-underline-offset: 0.25em;
  backface-visibility: hidden;
}
.icon-link > .bi {
  flex-shrink: 0;
  width: 1em;
  height: 1em;
  fill: currentcolor;
  transition: 0.2s ease-in-out transform;
}
@media (prefers-reduced-motion: reduce) {
  .icon-link > .bi {
    transition: none;
  }
}

.icon-link-hover:hover > .bi, .icon-link-hover:focus-visible > .bi {
  transform: var(--bs-icon-link-transform, translate3d(0.25em, 0, 0));
}

.ratio {
  position: relative;
  width: 100%;
}
.ratio::before {
  display: block;
  padding-top: var(--bs-aspect-ratio);
  content: "";
}
.ratio > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ratio-1x1 {
  --bs-aspect-ratio: 100%;
}

.ratio-4x3 {
  --bs-aspect-ratio: 75%;
}

.ratio-16x9 {
  --bs-aspect-ratio: 56.25%;
}

.ratio-21x9 {
  --bs-aspect-ratio: 42.8571428571%;
}

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}

.sticky-top {
  position: sticky;
  top: 0;
  z-index: 1020;
}

.sticky-bottom {
  position: sticky;
  bottom: 0;
  z-index: 1020;
}

@media (min-width: 576px) {
  .sticky-sm-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-sm-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 768px) {
  .sticky-md-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-md-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 992px) {
  .sticky-lg-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-lg-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 1200px) {
  .sticky-xl-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-xl-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 1400px) {
  .sticky-xxl-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-xxl-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
.hstack {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-self: stretch;
}

.vstack {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-self: stretch;
}

.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.visually-hidden:not(caption),
.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption) {
  position: absolute !important;
}

.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: "";
}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vr {
  display: inline-block;
  align-self: stretch;
  width: var(--bs-border-width);
  min-height: 1em;
  background-color: currentcolor;
  opacity: 0.25;
}

.react-calendar {
  width: 350px;
  max-width: 100%;
  background: white;
  border: 1px solid #a0a096;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.125em;
}

.react-calendar--doubleView {
  width: 700px;
}

.react-calendar--doubleView .react-calendar__viewContainer {
  display: flex;
  margin: -0.5em;
}

.react-calendar--doubleView .react-calendar__viewContainer > * {
  width: 50%;
  margin: 0.5em;
}

.react-calendar,
.react-calendar *,
.react-calendar *:before,
.react-calendar *:after {
  box-sizing: border-box;
}

.react-calendar button {
  margin: 0;
  border: 0;
  outline: none;
}

.react-calendar button:enabled:hover {
  cursor: pointer;
}

.react-calendar__navigation {
  display: flex;
  height: 44px;
  margin-bottom: 1em;
}

.react-calendar__navigation button {
  min-width: 44px;
  background: none;
}

.react-calendar__navigation button:disabled {
  background-color: #f0f0f0;
}

.react-calendar__navigation button:enabled:hover,
.react-calendar__navigation button:enabled:focus {
  background-color: #e6e6e6;
}

.react-calendar__month-view__weekdays {
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.75em;
}

.react-calendar__month-view__weekdays__weekday {
  padding: 0.5em;
}

.react-calendar__month-view__weekNumbers .react-calendar__tile {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75em;
  font-weight: bold;
}

.react-calendar__month-view__days__day--weekend {
  color: #d10000;
}

.react-calendar__month-view__days__day--neighboringMonth {
  color: #757575;
}

.react-calendar__year-view .react-calendar__tile,
.react-calendar__decade-view .react-calendar__tile,
.react-calendar__century-view .react-calendar__tile {
  padding: 2em 0.5em;
}

.react-calendar__tile {
  max-width: 100%;
  padding: 10px 6.6667px;
  background: none;
  text-align: center;
  line-height: 16px;
}

.react-calendar__tile:disabled {
  background-color: #f0f0f0;
}

.react-calendar__tile:enabled:hover,
.react-calendar__tile:enabled:focus {
  background-color: #e6e6e6;
}

.react-calendar__tile--now {
  background: #ffff76;
}

.react-calendar__tile--now:enabled:hover,
.react-calendar__tile--now:enabled:focus {
  background: #ffffa9;
}

.react-calendar__tile--hasActive {
  background: #76baff;
}

.react-calendar__tile--hasActive:enabled:hover,
.react-calendar__tile--hasActive:enabled:focus {
  background: #a9d4ff;
}

.react-calendar__tile--active {
  background: #006edc;
  color: white;
}

.react-calendar__tile--active:enabled:hover,
.react-calendar__tile--active:enabled:focus {
  background: #1087ff;
}

.react-calendar--selectRange .react-calendar__tile--hover {
  background-color: #e6e6e6;
}

.react-calendar {
  max-width: 17em;
  font-family: Roboto, Tahoma, sans-serif;
  border: 1px solid hsl(220, 5%, 88%);
  border-radius: 0.25rem;
  box-shadow: 4px 4px 0 hsla(0, 0%, 0%, 0.2);
}
.swbs5 .react-calendar {
  border: none;
  box-shadow: none;
}
.react-calendar span[class*=labelText] {
  font-weight: 700;
  text-wrap: wrap;
}
.react-calendar button {
  color: hsl(208, 97%, 12%);
  font-size: 0.85em;
}
.react-calendar button:focus, .react-calendar button:hover {
  background-color: hsl(220, 5%, 80%);
}
.react-calendar button[class*=now] {
  background-color: hsl(0, 0%, 100%);
}
.react-calendar button[class*=now]:focus, .react-calendar button[class*=now]:hover {
  background-color: hsl(220, 5%, 80%);
}
.react-calendar button[class*=active i], .react-calendar button.is-selected:not(.react-calendar button[class*=neighboringMonth]), .react-calendar button.is-selected:not(.react-calendar button[class*=now]) {
  color: hsl(0, 0%, 100%);
  background-color: hsl(16, 88%, 57%);
}
.react-calendar button[class*=active i]:focus, .react-calendar button[class*=active i]:hover, .react-calendar button.is-selected:not(.react-calendar button[class*=neighboringMonth]):focus, .react-calendar button.is-selected:not(.react-calendar button[class*=neighboringMonth]):hover, .react-calendar button.is-selected:not(.react-calendar button[class*=now]):focus, .react-calendar button.is-selected:not(.react-calendar button[class*=now]):hover {
  background-color: hsl(16, 78%, 42%);
}
.react-calendar button[class*=neighboringMonth] {
  color: hsl(220, 5%, 50%);
}
.react-calendar button.no-fr {
  color: hsl(220, 5%, 80%);
  background-color: hsl(0, 0%, 100%);
}
.react-calendar abbr {
  text-decoration: none;
}

html {
  box-sizing: border-box;
  font-size: 100%;
  scroll-behavior: auto;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

body {
  color: hsl(208, 97%, 12%);
  background-color: hsl(0, 0%, 100%);
  font-size: 100%;
  font-family: Roboto, Tahoma, sans-serif;
  font-weight: 400;
  font-variant-ligatures: none;
  padding: 0;
  margin: 0;
}

hr {
  border-top: 1px solid hsl(220, 5%, 88%);
  border-right: none;
  border-bottom: none;
  border-left: none;
  width: 100%;
  margin: 1em 0;
}
a {
  color: hsl(208, 97%, 12%);
  word-break: break-word;
  overflow-wrap: break-word;
  text-decoration: none;
  border-bottom: 1px dotted currentcolor;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  /* stylelint-disable-next-line no-descending-specificity */
}
a:visited {
  color: hsl(298, 96%, 33%);
}
a:hover, a:focus {
  color: hsl(16, 78%, 42%);
  text-decoration: none;
}
a.to-page-target {
  display: inline-block;
  width: 100%;
  text-align: right;
  border: none;
}
a.to-page-target:visited {
  color: hsl(208, 97%, 12%);
}
a.to-page-target:hover, a.to-page-target:focus {
  color: hsl(16, 88%, 57%);
}
a.to-page-target:active {
  color: hsl(16, 78%, 42%);
}
a.to-page-target::after {
  content: "\f118";
  font-family: bootstrap-icons;
  vertical-align: -2px;
  color: hsl(16, 88%, 57%);
  margin: 0 0 0 0.25em;
}
a.page-target {
  position: relative;
  grid-area: result-item-header;
  top: -90px;
  border: none;
}
a.external-link::after, a[href^=http]:not([href*="govinfo.gov"], [href*=api], .affiliate-badge)::after {
  content: "\f1c5";
  font-family: bootstrap-icons;
  font-size: 0.85em;
  padding-left: 0.25em;
}
a.resource-item-link[href^=http]:not([href$="govinfo.gov"])::after {
  display: none;
  content: "";
}
a.resource-item-link[href^=http]:not([href$="govinfo.gov"]) .resource-title::after {
  content: "\f1c5";
  font-family: bootstrap-icons;
  font-size: 0.85em;
  padding-left: 0.25em;
}
a.link-browse-all {
  display: block;
  width: 100%;
  font-weight: 700;
  border: none;
}
.popular a.link-browse-all {
  border-top: 1px solid hsl(220, 5%, 88%);
  padding-top: 1em;
}
.features a.link-browse-all {
  text-align: right;
}
a .bi {
  padding: 0 0.25em;
}
.message a {
  color: hsl(16, 88%, 57%);
}
.browse-category a {
  border: none;
}
.category-tab a {
  display: flex;
  justify-content: space-between;
  width: 100%;
  font-size: 1.125em;
  padding: 0.5em;
}
.category-tab a:visited {
  color: hsl(208, 97%, 12%);
}
.category-tab a:focus, .category-tab a:hover {
  color: hsl(16, 88%, 57%);
}
.category-tab a::after {
  display: inline-block;
  content: "\f285";
  color: currentcolor;
  font-family: bootstrap-icons;
  font-size: 1.125em;
  font-weight: 700;
  transform: rotate(0turn);
  transition: all 250ms ease;
  cursor: pointer;
}
@media (min-width: 768px) {
  .category-tab a {
    font-size: 1em;
    padding: 0.75em;
  }
  .category-tab a::after {
    display: none;
    content: "";
  }
}
.category-tab.active a {
  color: hsl(16, 88%, 57%);
}
.category-tab.active a::after {
  transform: rotate(0.25turn);
}
.category-tab.is-collapsed a::after {
  transform: rotate(0turn);
}
.search-results-help > a {
  border: none;
}
.search-results-help > a:focus, .search-results-help > a:hover {
  color: hsl(16, 88%, 57%);
}
a.no-visited:visited {
  color: hsl(208, 97%, 12%);
}
.search-url-bookmark a:visited, .search-results-help a:visited, .dropdown-menu a:visited {
  color: hsl(208, 97%, 12%);
}

button {
  cursor: pointer;
}

ol {
  list-style-type: decimal;
}

p {
  font-size: 100%;
  line-height: 1.6;
}
p.description {
  font-style: italic;
}
@media (min-width: 768px) {
  .browse-category p.description {
    grid-column: tabs-start/content-end;
    padding-bottom: 1em;
  }
}
.browse-description p {
  margin-top: 0;
}
.details-header p:first-of-type {
  margin-top: 0;
}

.page-description :is(ul, li) {
  line-height: 1.6;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: Lato, Tahoma, sans-serif;
  font-weight: 700;
  line-height: 1.2;
  padding: 0.5em;
  margin: 0.5em;
}

.section-title {
  font-size: 1.875em;
  border: 2px solid hsl(240, 1%, 68%);
  -o-border-image: linear-gradient(90deg, hsl(157, 4%, 42%) 0%, hsl(157, 4%, 42%) 50%, hsl(240, 1%, 68%) 50%) 0 0 100 0;
     border-image: linear-gradient(90deg, hsl(157, 4%, 42%) 0%, hsl(157, 4%, 42%) 50%, hsl(240, 1%, 68%) 50%) 0 0 100 0;
  padding: 0 0 0.5em;
  margin: 0 0 0.5em;
}
.section-title:not(.section-toggle) {
  width: 100%;
}
.section-title.has-icon {
  padding-bottom: 0;
}
.browse .section-title {
  font-size: 1.125em;
}
.custom-search .section-title {
  grid-row: 2/3;
  grid-column: 2/3;
}
.category-tab-content .section-title {
  display: none;
}
@media (min-width: 768px) {
  .category-tab-content .section-title {
    display: block;
    font-size: 1.5em;
  }
}
.author-section .section-title {
  font-size: 1.25em;
}
@media (min-width: 960px) {
  .author-section .section-title {
    font-size: revert;
  }
}
.sidebar-actions .section-title {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  font-size: 1.125em;
  padding: 0;
}
@media (min-width: 768px) {
  .sidebar-actions .section-title {
    display: block;
  }
}
.browse .accordion-body > .section-title {
  font-size: 1.25em;
}
.browse .result-item + .section-title {
  padding-top: 1em;
}
:is(.page-description, #related-resources) .section-title {
  font-size: 1.125em;
}
:is(.page-description, #related-resources) .section-title.section-toggle {
  padding: 0;
  margin: 0;
}
@media (min-width: 768px) {
  :is(.page-description, #related-resources) .section-title.section-toggle {
    padding: 0 0 0.5em;
    margin: 0 0 0.5em;
  }
}

.section-sub-title {
  font-size: 1.5em;
}
.browse .section-sub-title {
  color: hsl(208, 100%, 20%);
  font-size: 1.125em;
  padding: 0 0 0.5em;
  margin: 0;
}
.section-title + .section-sub-title {
  margin-top: 1em;
}

.author-section .section-description {
  font-size: 0.85em;
  font-style: italic;
  padding-bottom: 1em;
  border-bottom: 1px solid hsl(220, 5%, 88%);
  margin: 0;
}

.article-header {
  font-family: Lato, Tahoma, sans-serif;
  font-size: 1.875em;
  line-height: 1.6;
}

.article-title {
  font-size: 1.5em;
  padding: 0;
  margin: 0;
}
.teaser-card .article-title {
  padding-bottom: 0.5em;
}
.browse .article-title {
  font-size: 1.125em;
  padding: 0;
  margin: 0;
}
@media (min-width: 768px) {
  .browse .article-title {
    padding: 0 0 0.5em;
    margin: 0 0 0.5em;
    border: 2px solid hsl(240, 1%, 68%);
    -o-border-image: linear-gradient(90deg, hsl(157, 4%, 42%) 0%, hsl(157, 4%, 42%) 50%, hsl(240, 1%, 68%) 50%) 0 0 100 0;
       border-image: linear-gradient(90deg, hsl(157, 4%, 42%) 0%, hsl(157, 4%, 42%) 50%, hsl(240, 1%, 68%) 50%) 0 0 100 0;
  }
}
.content-details .article-title {
  grid-area: details-article-title;
  font-size: 1.5em;
}
@media (min-width: 960px) {
  .content-details .article-title {
    font-size: 1.875em;
  }
}

.article-sub-title {
  font-size: 1.125em;
}

.form-help-text {
  font-size: 0.85em;
}
.form-help-text::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  color: currentcolor;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 16 16"><path d="M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16m.93-9.412-1 4.705c-.07.34.029.533.304.533.194 0 .487-.07.686-.246l-.088.416c-.287.346-.92.598-1.465.598-.703 0-1.002-.422-.808-1.319l.738-3.468c.064-.293.006-.399-.287-.47l-.451-.081.082-.381 2.29-.287zM8 5.5a1 1 0 1 1 0-2 1 1 0 0 1 0 2"/></svg>');
  background-repeat: no-repeat;
  background-size: 1em 1em;
  vertical-align: -0.125em;
  margin-right: 0.25em;
}

img {
  display: block;
  max-width: 100%;
  height: auto;
  border: none;
}
a img {
  border: none;
}

.thumbnail {
  background-color: hsl(0, 0%, 95%);
  max-width: -moz-fit-content;
  max-width: fit-content;
  border: 1px solid hsl(220, 5%, 88%);
  padding: 0.25em;
  margin: 0;
}
.thumbnail:is(button) {
  border: none;
  background-color: transparent;
}
.page-description .thumbnail {
  display: none;
  border: none;
}
@media (min-width: 768px) {
  .page-description .thumbnail {
    display: block;
    max-width: 200px;
    float: inline-start;
    margin: 1em 1.25em 1em 0;
  }
}
.thumbnail.result-item-thumbnail {
  grid-area: result-item-thumbnail;
  align-self: start;
  justify-self: end;
  cursor: pointer;
}
.browse .thumbnail.result-item-thumbnail {
  grid-area: unset;
  justify-self: start;
  flex: 1 0 auto;
  order: 0;
}
.thumbnail.details-header-thumbnail {
  grid-area: details-article-thumbnail;
}

fieldset {
  border: none;
  padding: 0;
}

input[type=text] {
  font-family: Roboto, Tahoma, sans-serif;
  border-radius: 0;
  cursor: auto;
}

input[type=checkbox] {
  /* Remove most all native input styles */
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  /* Not removed via appearance */
  font: inherit;
  color: transparent;
  background-color: transparent;
  outline: none;
  border: none;
  margin: 0;
  /* stylelint-disable-next-line selector-id-pattern */
}
input[type=checkbox] + label {
  cursor: pointer;
}
input[type=checkbox] + label:focus {
  outline: 1px solid hsl(208, 97%, 12%);
}
input[type=checkbox] + label::before {
  content: "\f584";
  display: inline-block;
  width: 1rem;
  min-width: 1rem;
  height: 1rem;
  min-height: 1rem;
  color: currentcolor;
  font-family: bootstrap-icons;
  font-size: 0.75rem;
  vertical-align: -1px;
  margin-right: 0.125rem;
  cursor: pointer;
}
input[type=checkbox]:checked + label::before {
  content: "\f271";
  font-size: 1rem;
  vertical-align: -3px;
  margin: 0 0.25rem 0 -0.125rem;
}
input[type=checkbox]:indeterminate + label::before {
  content: "\f2e9";
}
.swbs5#search-widget-container input[type=checkbox] + label::before {
  content: "\f096";
  /* stylelint-disable-next-line font-family-no-missing-generic-family-keyword */
  font-family: FontAwesome;
  font-size: 1em;
}
.swbs5#search-widget-container input[type=checkbox]:checked + label::before {
  content: "\f046";
  /* stylelint-disable-next-line font-family-no-missing-generic-family-keyword */
  font-family: FontAwesome;
}
.swbs5#search-widget-container input[type=checkbox]:indeterminate + label::before {
  content: "\f147";
  /* stylelint-disable-next-line font-family-no-missing-generic-family-keyword */
  font-family: FontAwesome;
}

.form-control {
  font-family: Roboto, Tahoma, sans-serif;
  border-radius: 0;
  cursor: pointer;
  /* stylelint-disable-next-line selector-id-pattern */
}
.form-control:focus {
  outline-color: hsl(16, 78%, 42%);
  border-color: hsl(16, 78%, 42%);
  box-shadow: 0 0 0 0.125rem hsl(16, 88%, 66%);
}
.search-input-pane.basic .form-control:focus {
  box-shadow: inset 0 0 0 0.125rem hsl(16, 88%, 66%);
}
#custom-search-widget .form-control {
  margin-bottom: 0.5em;
}
.swbs5#search-widget-container .form-control {
  font-size: 1em;
}

.form-select {
  height: inherit;
  font-size: 0.85em;
  border-radius: 0;
  cursor: pointer;
}
.form-select:focus {
  border-color: hsl(16, 78%, 42%);
  box-shadow: 0 0 0 0.125rem hsl(16, 88%, 66%);
}
#search-widget .form-select {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='currentColor' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1' d='m2 5 6 6 6-6 z'/%3e%3c/svg%3e");
}

/* stylelint-disable max-line-length */
body {
  display: grid;
  grid-template: [menu-bar-start] "menu-bar" 65px [menu-bar-end] [search-widget-start] "search-widget" auto [search-widget-end] [masthead-start] "masthead" auto [masthead-end] [main-content-start] "main-content" auto [main-content-end] [footer-start] "page-footer" minmax(420px, 1fr) [footer-end]/100%;
}
body.home {
  grid-template: [menu-bar-start] "menu-bar" 65px [menu-bar-end] [masthead-start] "masthead" auto [masthead-end] [main-content-start] "main-content" auto [main-content-end] [footer-start] "page-footer" minmax(420px, 1fr) [footer-end]/100%;
}

body.browse,
body.search-results-curated,
body.swagger {
  display: block;
  grid-template: none;
}
body.browse > #root,
body.search-results-curated > #root,
body.swagger > #root {
  display: grid;
  grid-template: [menu-bar-start] "menu-bar" 65px [menu-bar-end] [search-widget-start] "search-widget" auto [search-widget-end] [masthead-start] "masthead" auto [masthead-end] [page-description-start] "page-description" auto [page-description-end] [main-content-start] "main-content" auto [main-content-end] [related-resources-start] "related-resources-section" auto [related-resources-end] [footer-start] "page-footer" minmax(420px, 1fr) [footer-end]/100%;
}

body.search-results {
  display: block;
  grid-template: none;
}
body.search-results > #root {
  display: grid;
  grid-template: [menu-bar-start] "menu-bar" 65px [menu-bar-end] [search-widget-start] "search-widget" auto [search-widget-end] [main-content-start] "main-content" auto [main-content-end] [footer-start] "page-footer" minmax(420px, 1fr) [footer-end]/100%;
}

body.content-details {
  display: grid;
  grid-template: [menu-bar-start] "menu-bar" 65px [menu-bar-end] [search-widget-start] "search-widget" auto [search-widget-end] [main-content-start] "main-content" auto [main-content-end] [footer-start] "page-footer" minmax(420px, 1fr) [footer-end]/100%;
}

main,
#menu-bar,
#search-widget,
#related-resources,
.page-footer {
  position: relative;
  width: 100%;
}

main,
#search-widget,
#related-resources,
.page-footer {
  padding: 0 1rem;
}
@media (min-width: 768px) {
  main,
  #search-widget,
  #related-resources,
  .page-footer {
    padding: 0 calc((100% - 750px) / 2);
  }
}
@media (min-width: 960px) {
  main,
  #search-widget,
  #related-resources,
  .page-footer {
    padding: 0 calc((100% - 936px) / 2);
  }
}
@media (min-width: 1200px) {
  main,
  #search-widget,
  #related-resources,
  .page-footer {
    padding: 0 calc((100% - 1152px) / 2);
  }
}

#page-summary {
  grid-area: page-description;
  position: relative;
  width: 100%;
  padding: 0 1rem;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}
@media (min-width: 768px) {
  #page-summary {
    padding: 0 calc((100% - 750px) / 2);
  }
}
@media (min-width: 960px) {
  #page-summary {
    padding: 0 calc((100% - 936px) / 2);
  }
}
@media (min-width: 1200px) {
  #page-summary {
    padding: 0 calc((100% - 1152px) / 2);
  }
}
@media (min-width: 768px) {
  #page-summary {
    padding-top: 0;
    padding-bottom: 0;
  }
}

#menu-bar {
  grid-area: menu-bar;
  position: sticky;
  top: 0;
}

#masthead {
  grid-area: masthead;
}

#search-widget-container {
  grid-area: search-widget;
}

main {
  grid-area: main-content;
  display: grid;
  -moz-column-gap: 2em;
       column-gap: 2em;
  margin: 1rem auto;
}
.home main {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
}
@media (min-width: 768px) {
  .home main {
    grid-template-columns: 1fr 1fr;
  }
}
.search-results main {
  margin: 0;
  grid: [search-refine-start] "search-navigators" auto [search-refine-end] [search-masthead-start] "search-masthead" auto [search-masthead-end] [search-summary-start] "search-summary" auto [search-summary-end] [search-results-start] "search-results" auto [search-results-end]/100%;
}
@media (min-width: 768px) {
  .search-results main {
    margin: 1em 0;
    grid: [search-masthead-start] "search-navigators search-masthead" min-content [search-masthead-end] [search-summary-start] "search-navigators search-summary" min-content [search-summary-end] [search-results-start] "search-navigators search-results" 1fr [search-results-end]/33% auto;
  }
}
.content-details main {
  margin: 0;
  grid: [details-sidebar-start] "details-sidebar" auto [details-sidebar-end] [details-masthead-start] "details-masthead" auto [details-masthead-end] [details-content-start] "details-content" auto [details-content-end]/100%;
}
@media (min-width: 768px) {
  .content-details main {
    margin: 1em 0;
    grid: [details-masthead-start] "details-sidebar details-masthead" min-content [details-masthead-end] [details-content-start] "details-sidebar details-content" 1fr [details-content-end]/25% auto;
  }
}
main.error {
  display: block;
  grid-template: none;
  padding-left: 33%;
  margin-top: 1em;
}

#related-resources {
  grid-area: related-resources-section;
}

#search-navigators {
  grid-area: search-navigators;
}

#search-masthead {
  grid-area: search-masthead;
}

#search-summary {
  grid-area: search-summary;
}

#search-results {
  grid-area: search-results;
}

#search-pagination {
  grid-area: pagination;
}

#details-masthead {
  grid-area: details-masthead;
}

#details-sidebar {
  grid-area: details-sidebar;
}

#details-content {
  grid-area: details-content;
}

#site-footer {
  grid-area: page-footer;
}

#scripts {
  display: none;
  height: 0;
}

/* page grid skeleton layout */
#search-widget {
  position: relative;
  width: 100%;
  padding: 0 1rem;
  margin: 1em auto;
}
@media (min-width: 480px) {
  #search-widget {
    padding: 1em;
  }
  .home #search-widget {
    padding-top: 0;
    margin: 0 0 3em;
  }
}
@media (min-width: 768px) {
  #search-widget {
    padding: 0 calc((100% - 750px) / 2);
  }
}
@media (min-width: 960px) {
  #search-widget {
    padding: 0 calc((100% - 960px) / 2);
  }
}
@media (min-width: 1200px) {
  #search-widget {
    padding: 0 calc((100% - 1200px) / 2);
  }
}

.search-widget-tabs .nav-item {
  padding: 0.25em 0.25em 0.5em;
}
@media (min-width: 480px) {
  .search-widget-tabs .nav-item {
    padding: 0;
    margin: 0;
  }
}

@media (min-width: 768px) {
  .home .simple-search + .tab-content {
    width: 60vw;
    max-width: 100%;
    margin: 0 auto;
  }
  .home .advanced-search + .tab-content {
    width: 100%;
    margin: 0 auto;
  }
  .home .citation-search + .tab-content {
    width: 100%;
    margin: 0 auto;
  }
}

.search-input-pane {
  display: flex;
  flex-flow: column nowrap;
  gap: 0.5em 0;
  padding: 1em;
  max-height: 70vh;
  overflow-y: auto;
}
@media (min-width: 960px) {
  .search-input-pane {
    flex-flow: row wrap;
    justify-content: center;
    align-items: flex-start;
    gap: 2em 1.5em;
  }
}
.search-input-pane.basic {
  display: block;
  padding: 0.25em;
}
.search-input-pane.basic p {
  margin: 0.25em 0 0 0.25em;
}
.search-input-pane .search-form-input {
  flex: 1 0 30%;
}
.search-input-pane .citation-form {
  flex: 0 0 100%;
}
.search-input-pane .search-form-submit {
  flex: 0 0 100%;
}
.search-input-pane .search-url-bookmark {
  flex: 0 0 100%;
}
@media (min-width: 960px) {
  .search-input-pane .widget-info-box {
    width: 75%;
  }
}

.search-form-title {
  font-size: 1.125em;
  padding: 0.5em 0;
  margin: 0;
}

.collection-list-form {
  position: relative;
  max-height: 14em;
  overflow: auto scroll;
}

.collection-list {
  padding: 0;
  margin: 0;
}

.publication-list {
  padding: 0;
  margin: 0;
}
@media (min-width: 480px) {
  .publication-list {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    gap: 1em 0.25em;
  }
}
@media (min-width: 768px) {
  .publication-list {
    padding: 0 15%;
  }
}
.publication-list .publication-list-item {
  width: 100%;
}
@media (min-width: 480px) {
  .publication-list .publication-list-item {
    width: auto;
    flex: 1 0 100%;
    margin: 0;
  }
  .publication-list .publication-list-item.conjunction {
    flex: 2 1 auto;
  }
  .publication-list .publication-list-item.conjunction:nth-of-type(2) {
    flex: 1 2 10%;
  }
}

/* layout grid for search widget */
/* stylelint-disable max-line-length */
main.custom-search {
  display: flex;
  flex-flow: column;
  transition: all 0.25s ease;
  padding: 0;
  margin: 0;
}
@media (min-width: 768px) {
  main.custom-search {
    display: grid;
    grid-template-columns: minmax(calc((100% - 750px) / 2), min-content) minmax(0, 768px) minmax(calc((100% - 750px) / 2), 1fr);
    grid-template-rows: auto auto;
    gap: 0;
    transition: all 0.25s ease;
  }
}
@media (min-width: 960px) {
  main.custom-search {
    grid-template-columns: minmax(calc((100% - 936px) / 2), min-content) minmax(0, 960px) minmax(calc((100% - 936px) / 2), 1fr);
  }
}
@media (min-width: 1200px) {
  main.custom-search {
    grid-template-columns: minmax(calc((100% - 1170px) / 2), min-content) minmax(0, 1200px) minmax(calc((100% - 1170px) / 2), 1fr);
  }
}
@media screen and (min-width: 1744px) {
  main.custom-search {
    grid-template-columns: 1fr 1170px 1fr;
  }
}

/* layout for pages with custom search widget */
/* layout grid for browse pages with static content. Primarily Drupal pages. */
/* stylelint-disable max-line-length */
.custom-search .browse-content-section {
  transition: padding 0.25s ease;
  padding: 1rem 1rem 0;
  order: 3;
}
@media (min-width: 768px) {
  .custom-search .browse-content-section {
    grid-column: 2/3;
    grid-row: 2/3;
    padding: 0 1rem;
  }
  .active ~ .custom-search .browse-content-section {
    padding-left: 1em;
  }
}

#page .browse-content-section.custom-search {
  display: flex;
  flex-flow: column;
  margin: -25px 0 0;
  transition: all 0.25s ease;
}
@media (min-width: 768px) {
  #page .browse-content-section.custom-search {
    display: grid;
    grid-template-columns: minmax(calc((100% - 750px) / 2), min-content) minmax(0, 768px) minmax(calc((100% - 750px) / 2), 1fr);
    grid-template-rows: 4em auto;
    transition: all 0.25s ease;
  }
}
@media screen and (min-width: 992px) {
  #page .browse-content-section.custom-search {
    grid-template-columns: minmax(calc((100% - 992px) / 2), min-content) minmax(0, 960px) minmax(calc((100% - 992px) / 2), 1fr);
  }
}
@media (min-width: 1200px) {
  #page .browse-content-section.custom-search {
    grid-template-columns: minmax(calc((100% - 1170px) / 2), min-content) minmax(0, 1200px) minmax(calc((100% - 1170px) / 2), 1fr);
  }
}
@media screen and (min-width: 1744px) {
  #page .browse-content-section.custom-search {
    grid-template-columns: 1fr 1170px 1fr;
  }
}
#page .browse-content-section > .collection-info-about {
  grid-row: 2/3;
  order: 3;
}
#page .browse-content-section > div {
  grid-row: 3/4;
  order: 4;
}
#page .browse-content-section > :is(.collection-info-about, div) {
  grid-column: 2/3;
  padding: 0 15px;
  transition: all 0.25s ease;
}
#page .browse-content-section > :is(.collection-info-about, div) > :is(div, article) {
  justify-self: start;
}
@media screen and (min-width: 768px) {
  #page .browse-content-section > :is(.collection-info-about, div) > :is(div, article) {
    max-width: 750px;
  }
}
@media screen and (min-width: 992px) {
  #page .browse-content-section > :is(.collection-info-about, div) > :is(div, article) {
    max-width: 970px;
  }
}
@media screen and (min-width: 1200px) {
  #page .browse-content-section > :is(.collection-info-about, div) > :is(div, article) {
    max-width: 1170px;
  }
}

.site-logo {
  order: 2;
  margin: auto;
  border: none;
}
@media (min-width: 768px) {
  .site-logo {
    flex: 0 0 auto;
    order: 1;
  }
}
.site-logo .site-logo-img {
  min-width: 118px;
}
.csw-header .site-logo .site-logo-img {
  margin: 0 auto;
}
.custom-search-widget-container .site-logo .site-logo-img {
  display: none;
  visibility: hidden;
}

#menu-bar {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  justify-content: space-between;
  align-items: center;
  background-color: hsl(0, 0%, 100%);
  box-shadow: 1px 1px 2px hsl(220, 5%, 70%);
  padding: 0 1rem;
  z-index: 200;
}
@media (min-width: 768px) {
  #menu-bar {
    grid-template-columns: max-content 1fr max-content;
    justify-content: flex-start;
    align-items: center;
    padding: 0 calc((100% - 750px) / 2);
  }
}
@media (min-width: 960px) {
  #menu-bar {
    padding: 0 calc((100% - 936px) / 2);
  }
}
@media (min-width: 1200px) {
  #menu-bar {
    padding: 0 calc((100% - 1152px) / 2);
  }
}
#menu-bar .menu-bar-site-nav {
  order: 1;
}
@media (min-width: 768px) {
  #menu-bar .menu-bar-site-nav {
    order: 2;
  }
}
#menu-bar .btn-search-toggle {
  order: 3;
  justify-self: flex-end;
}
@media (min-width: 768px) {
  #menu-bar .btn-search-toggle {
    order: 2;
  }
}

.btn-menu-bar-toggle {
  height: 2.5rem;
  font-size: 1em;
  background: none;
  outline: none;
  border: none;
  padding: 0;
  transition: all 0.25s cubic-bezier(0.36, 0.12, 0.5, 0.63);
  cursor: pointer;
}
.btn-menu-bar-toggle::after {
  content: "Menu";
  font-size: 1em;
  color: hsl(208, 97%, 12%);
  padding: 0 0 0 1.5em;
}
.btn-menu-bar-toggle:focus, .btn-menu-bar-toggle:active {
  box-shadow: none;
}
.btn-menu-bar-toggle .icon-hamburger-bar {
  display: block;
  position: absolute;
  top: calc(50% - 0.0625rem);
  left: 0;
  height: 0.125rem;
  width: 1.25rem;
  transform: rotate(0);
  transition: all 0.25s cubic-bezier(0.36, 0.12, 0.5, 0.63);
  background: hsl(208, 97%, 12%);
}
.btn-menu-bar-toggle .icon-hamburger-bar::before {
  content: "";
  display: block;
  position: absolute;
  height: 0.125rem;
  width: 1.25rem;
  background: hsl(208, 97%, 12%);
  transform: translateY(-0.4em);
  transition: all 0.25s cubic-bezier(0.36, 0.12, 0.5, 0.63);
}
.btn-menu-bar-toggle .icon-hamburger-bar::after {
  content: "";
  display: block;
  position: absolute;
  height: 0.125rem;
  width: 1.25rem;
  background: hsl(208, 97%, 12%);
  transform: translateY(0.4em);
  transition: all 0.25s cubic-bezier(0.36, 0.12, 0.5, 0.63);
}
.btn-menu-bar-toggle[aria-expanded=true]::after {
  content: "Close";
}
.btn-menu-bar-toggle[aria-expanded=true] .icon-hamburger-bar {
  transform: rotate(45deg);
}
.btn-menu-bar-toggle[aria-expanded=true] .icon-hamburger-bar::before {
  transform: rotate(90deg) translateY(0);
}
.btn-menu-bar-toggle[aria-expanded=true] .icon-hamburger-bar::after {
  transform: rotate(90deg) translateY(0);
}

.site-nav-navbar-container {
  display: flex;
  position: fixed;
  top: 60px;
  left: 0;
  width: 100vw;
  background-color: hsl(0, 0%, 100%);
  overflow: hidden;
  padding: 0 1em;
  transition: all 0.75s ease;
}
@media (min-width: 768px) {
  .site-nav-navbar-container {
    overflow: visible;
  }
}
.btn-menu-bar-toggle.collapsed + .site-nav-navbar-container {
  height: 0;
  max-height: 0;
  transition: all 0.75s ease;
}
@media (min-width: 768px) {
  .btn-menu-bar-toggle.collapsed + .site-nav-navbar-container {
    height: auto;
    max-height: none;
  }
}
.btn-menu-bar-toggle:not(.collapsed) + .site-nav-navbar-container {
  height: 100vh;
  max-height: 100vh;
  transition: all 0.25s ease;
}
.site-nav-navbar-container > .collapse {
  display: flex;
}
@media (min-width: 768px) {
  .site-nav-navbar-container {
    position: relative;
    top: auto;
    left: auto;
    width: -moz-min-content;
    width: min-content;
    background-color: transparent;
    padding: 0;
  }
}

.site-nav-menu-list {
  align-self: flex-start;
  width: 100%;
  margin: 0;
  transition: all 0.25s ease;
}
@media (min-width: 768px) {
  .site-nav-menu-list {
    position: relative;
    align-self: center;
    width: auto;
    height: auto;
    top: auto;
    flex-flow: row nowrap;
    background-color: transparent;
    padding: 0;
    margin: 0;
  }
}
.site-nav-menu-list .menu-item-dropdown {
  color: hsl(0, 0%, 100%);
  border: none;
  margin-top: 0;
}
@media (min-width: 768px) {
  .site-nav-menu-list .menu-item-dropdown {
    border: 1px solid hsl(220, 5%, 88%);
    border-radius: 0 0 0.25rem 0.25rem;
    box-shadow: 4px 4px 0 hsla(0, 0%, 0%, 0.2);
  }
}
.site-nav-menu-list .menu-item {
  display: block;
  font-size: 1.125em;
  width: 100%;
}
@media (min-width: 768px) {
  .site-nav-menu-list .menu-item {
    font-size: 1em;
    border: 1px solid transparent;
  }
  .site-nav-menu-list .menu-item::before {
    content: "";
    display: block;
    position: relative;
    left: 0;
    bottom: 0;
    height: 1px;
    width: 100%;
    background-color: transparent;
    transform-origin: 0;
    transform: translateY(calc(2.65rem + 1px)) scaleX(0.001);
    transition: transform 0s ease, background 0.25s ease;
  }
  .site-nav-menu-list .menu-item::after {
    content: "";
    display: block;
    position: relative;
    left: 0;
    bottom: 0;
    height: 1px;
    width: 100%;
    background: hsl(16, 88%, 57%);
    transform-origin: 100% 0;
    transform: translate(0, -6px) scaleX(0.001);
    transition: transform 0.5s ease;
  }
  .site-nav-menu-list .menu-item:hover, .site-nav-menu-list .menu-item:focus {
    color: hsl(16, 78%, 42%);
    background: hsl(0, 0%, 100%);
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .site-nav-menu-list .menu-item:hover::before, .site-nav-menu-list .menu-item:focus::before {
    width: 100%;
    background: hsl(16, 88%, 57%);
    transform: translateY(calc(2.65rem + 1px)) scaleX(1);
    transition: transform 0.5s ease;
  }
  .site-nav-menu-list .menu-item:hover::after, .site-nav-menu-list .menu-item:focus::after {
    width: 100%;
    background: transparent;
    transform: translate(0, -6px) scaleX(1);
    transition: all 0s ease;
  }
}
@media (min-width: 768px) {
  .site-nav-menu-list .menu-item:hover .menu-item-dropdown, .site-nav-menu-list .menu-item:focus .menu-item-dropdown {
    display: block;
    position: absolute;
  }
}
.site-nav-menu-list .menu-item-link {
  width: 100%;
  font-weight: 700;
  line-height: 0;
  font-size: 1em;
  text-align: left;
  color: hsl(208, 97%, 12%);
  background-color: hsl(0, 0%, 100%);
  border: none;
  border-bottom: 1px solid hsl(220, 5%, 88%);
  padding: 1.5rem 1rem;
  margin: 0;
  cursor: pointer;
}
.site-nav-menu-list .menu-item-link:hover, .site-nav-menu-list .menu-item-link:focus, .site-nav-menu-list .menu-item-link[aria-expanded=true] {
  color: hsl(16, 88%, 57%);
  border-bottom: 1px solid hsl(16, 88%, 57%);
}
.site-nav-menu-list .menu-item-link.dropdown-toggle::after {
  content: none;
}
@media (min-width: 768px) {
  .site-nav-menu-list .menu-item-link {
    border-color: transparent;
  }
  .site-nav-menu-list .menu-item-link:hover, .site-nav-menu-list .menu-item-link:focus {
    border-color: transparent;
  }
}
.site-nav-menu-list .dropdown-item {
  color: hsl(208, 97%, 12%);
  font-weight: 400;
  white-space: nowrap;
  border: none;
  padding: 0.5em 1rem;
}
.site-nav-menu-list .dropdown-item:visited {
  color: hsl(208, 97%, 12%);
}
.site-nav-menu-list .dropdown-item:hover {
  background-color: hsl(0, 0%, 95%);
}
.site-nav-menu-list .dropdown-item:focus {
  background-color: hsl(0, 0%, 92%);
  outline: 1px dotted hsl(0, 0%, 30%);
}
.site-nav-menu-list .dropdown-item:active {
  background-color: hsl(0, 0%, 92%);
}

.feature.teaser {
  border-bottom: 1px solid hsl(220, 5%, 88%);
  padding: 0 0 1em;
  margin: 0 0 1em;
}
.feature .teaser-card {
  display: grid;
  grid-template-columns: 150px 1fr;
  grid-template-rows: repeat(3, max-content);
  gap: 0 1em;
  border: none;
}
.feature .teaser-card .thumbnail {
  grid-column: 1/2;
  grid-row: 1/-1;
}
.feature .teaser-card .article-title {
  grid-column-start: 2;
  grid-row: auto;
  border: none;
}
.feature .teaser-card p {
  grid-column-start: 2;
  grid-row: auto;
  padding: 0;
  margin: 0;
}
.feature .tag {
  font-size: 0.85em;
  color: hsl(0, 0%, 100%);
  background-color: hsl(208, 56%, 50%);
  border-radius: 0.25rem;
  padding: 0.25em 0.5em;
}

.features .section-title {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: baseline;
}

#search-widget-container {
  background-color: hsl(220, 5%, 80%);
  box-shadow: 1px 1px 2px hsl(220, 5%, 60%);
  z-index: 95;
}
.home #search-widget-container {
  background-color: transparent;
}
#search-widget-container > .btn-close {
  display: none;
}
@media (min-width: 768px) {
  #search-widget-container > .btn-close {
    display: inline-block;
    position: relative;
    padding: 0.5em;
    margin: 0 0 0 calc(100% - 2em);
    z-index: 50;
    cursor: pointer;
  }
}

#search-widget .tab-content {
  background-color: hsl(220, 5%, 88%);
  border: solid 2px hsl(0, 0%, 95%);
  border-radius: 0;
}
.home #search-widget .tab-content {
  background-color: rgba(222, 223, 225, 0.9);
}

.search-widget-tabs {
  justify-content: flex-start;
  align-items: flex-end;
  gap: 0;
  padding: 0;
  margin: 0;
}
@media (min-width: 480px) {
  .search-widget-tabs {
    justify-content: center;
    gap: 0 0.5em;
  }
}
.search-widget-tabs .search-tab {
  color: hsl(208, 97%, 12%);
  background-color: transparent;
  border-bottom: solid 2px transparent;
  padding: 0.25em;
  cursor: pointer;
}
@media (min-width: 480px) {
  .search-widget-tabs .search-tab {
    line-height: 160%;
    color: hsl(208, 97%, 12%);
    background-color: hsl(0, 0%, 92%);
    padding: 0.5em 1.5em;
    border-top: solid 3px hsl(0, 0%, 80%);
    border-left: solid 1px hsl(0, 0%, 92%);
    border-right: solid 1px hsl(0, 0%, 92%);
  }
}
.search-widget-tabs .search-tab:hover, .search-widget-tabs .search-tab:focus {
  color: hsl(16, 88%, 57%);
  background-color: hsl(0, 0%, 100%);
  border-color: hsl(0, 0%, 92%);
  border-bottom-color: transparent;
}
:is(.search-widget-tabs .search-tab, .home .search-widget-tabs .search-tab).active {
  color: hsl(16, 78%, 42%);
  background-color: transparent;
  border-top-color: currentcolor;
}
@media (min-width: 480px) {
  :is(.search-widget-tabs .search-tab, .home .search-widget-tabs .search-tab).active {
    color: hsl(16, 88%, 57%);
    background-color: hsl(0, 0%, 100%);
    border-color: currentcolor hsl(0, 0%, 92%) hsl(0, 0%, 100%) hsl(0, 0%, 92%);
  }
}
.home .search-widget-tabs .search-tab {
  color: hsl(0, 0%, 100%);
}
.home .search-widget-tabs .search-tab:hover {
  color: hsl(16, 78%, 42%);
  background-color: hsl(0, 0%, 100%);
}
@media (min-width: 480px) {
  .home .search-widget-tabs .search-tab {
    color: hsl(208, 97%, 12%);
  }
}

.calendar-input-group .calendar-input {
  display: inline-flex;
  flex-flow: row wrap;
  align-items: center;
  gap: 0 0.25em;
  width: 100%;
}
.calendar-input-group .calendar-input > input {
  flex: 1 0 calc(100% - 2em);
  margin: 0;
}
.calendar-input-group .calendar-input .svg-icon {
  flex: 1 1 1.25em;
}
.calendar-input-group .react-calendar {
  margin-left: 2.25em;
}

.widget-info-box {
  background-color: hsl(0, 0%, 100%);
  border: solid 2px hsl(208, 84%, 18%);
  border-left-width: 4px;
  border-radius: 0.25rem 0 0 0.25rem;
  padding: 0.5em 1em 1em;
}
.widget-info-box > p {
  margin: 0 0 0.25em;
}
.widget-info-box.error {
  border-left-color: hsl(16, 78%, 42%);
}
.widget-info-box.error .svg-icon {
  color: hsl(16, 78%, 42%);
}
.widget-info-box.warning {
  border-left-color: hsl(34, 92%, 64%);
}
.widget-info-box.warning .svg-icon {
  color: hsl(34, 92%, 64%);
}
.widget-info-box .widget-info-header {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
  font-size: 1em;
  border-bottom: solid 2px hsl(0, 0%, 92%);
  padding: 0 0 0.25em;
  margin: 0 0 1em;
}
.widget-info-box .widget-info-header h4 {
  padding: 0;
  margin: 0;
}
.widget-info-box .widget-info-header .svg-icon {
  color: hsl(16, 88%, 57%);
  margin-right: 0.25em;
}
.widget-info-box .btn-close {
  flex: 0 0 1.5em;
  margin: 0 0 0 auto;
}
.widget-info-box .input-group {
  flex: 0 0 100%;
}

.collection-list {
  list-style: none;
  font-size: 0.85em;
  line-height: 1.6;
}

.collection-list-item {
  text-indent: -0.625em;
  padding: 0 0 0 1.25em;
}
.home .collection-list-item:hover {
  background-color: hsl(220, 5%, 88%);
}

.publication-list {
  list-style: none;
}
@media (min-width: 480px) {
  .publication-list .publication-list-item {
    width: auto;
  }
  .publication-list .publication-list-item > label::after {
    background: none;
  }
  .publication-list .publication-list-item > .form-select ~ label::after {
    background: none;
  }
  .publication-list .publication-list-item p {
    text-align: center;
  }
  .publication-list .publication-list-item.conjunction p::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 0;
    border-top: 0.125em solid transparent;
    border-right: 1em solid currentcolor;
    border-bottom: 0.125em solid transparent;
    border-left: 0 solid transparent;
    margin: 0 0.25em 0 0;
  }
  .publication-list .publication-list-item.conjunction p::after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 0;
    border-top: 0.125em solid transparent;
    border-right: 0 solid transparent;
    border-bottom: 0.125em solid transparent;
    border-left: 1em solid currentcolor;
    margin: 0 0 0 0.25em;
  }
}

.search-input-group {
  display: flex;
  flex-direction: column;
  margin: 0 0 1em;
}
.search-input-group .form-floating, .search-input-group .form-control {
  margin: 0 0 0.5em;
}

.search-url-bookmark {
  text-align: right;
}
.search-url-bookmark a {
  border: none;
}

#custom-search-widget {
  width: 100%;
  background-color: hsl(220, 5%, 88%);
  padding: 1em 0.5em;
}
#custom-search-widget fieldset {
  margin-bottom: 1em;
}
#custom-search-widget .csw-header {
  text-align: center;
}
#custom-search-widget .csw-header h1 {
  font-size: 1.125em;
  padding: 0;
}
#custom-search-widget .csw-footer {
  font-size: 0.85em;
  font-weight: 700;
  text-align: center;
  padding: 1em 0 0;
}

.custom-search-widget-container {
  position: relative;
  left: 0;
  width: calc(100% - 2em);
  height: 100%;
  background-color: transparent;
  box-shadow: 0 1px 2px hsl(220, 5%, 60%);
  margin: 0 auto;
  transition: all 0.25s ease;
  order: 1;
}
@media (min-width: 768px) {
  .custom-search-widget-container {
    width: 100%;
    transition: all 0.25s ease;
    box-shadow: none;
    margin: 0;
  }
  .label-custom-search-toggle:hover ~ .custom-search-widget-container, .label-custom-search-toggle:focus ~ .custom-search-widget-container, .label-custom-search-toggle:active ~ .custom-search-widget-container {
    border-left: hsl(220, 5%, 88%) 1em solid;
  }
  .checkbox-custom-search-toggle:checked ~ .custom-search-widget-container {
    width: 16em;
    background-color: hsl(220, 5%, 80%);
    border-left: none;
    box-shadow: 1px 0 2px hsl(220, 5%, 60%);
  }
}

.browse .custom-search-widget-container {
  display: grid;
  grid-template-rows: 0fr;
  overflow-x: hidden;
  transition: all 0.25s ease;
}
@media (min-width: 768px) {
  .browse .custom-search-widget-container {
    grid-row: 1/-1;
    grid-column: 1/2;
    width: 0;
  }
}
.browse .custom-search-widget-container.active {
  grid-template-rows: 1fr;
}

#page .browse-content-section .custom-search-widget-container {
  display: grid;
  grid-template-rows: 0fr;
}
@media (min-width: 768px) {
  #page .browse-content-section .custom-search-widget-container {
    grid-row: 1/-1;
    grid-column: 1/2;
  }
}
#page .browse-content-section .checkbox-custom-search-toggle:checked ~ .custom-search-widget-container {
  grid-template-rows: 1fr;
}

.custom-search-panel {
  overflow: hidden;
}
@media (min-width: 768px) {
  .custom-search-panel {
    border-bottom: 1px solid hsl(220, 5%, 95%);
  }
  .checkbox-custom-search-toggle ~ .custom-search-widget-container > .custom-search-panel {
    position: absolute;
    width: -moz-min-content;
    width: min-content;
    left: -16em;
    overflow: hidden;
    transition: left 0.2s ease;
  }
  :is(.checkbox-custom-search-toggle:checked) ~ .custom-search-widget-container > .custom-search-panel {
    position: relative;
    width: auto;
    left: 0;
  }
}
.custom-search-panel .csw-header {
  padding: 0;
}
@media (min-width: 768px) {
  .custom-search-panel .csw-header {
    padding-top: 2em;
  }
}
.custom-search-panel .csw-header .site-logo {
  display: none;
  visibility: hidden;
}
.custom-search-panel .csw-footer {
  display: none;
  visibility: hidden;
}

/* stylelint-disable max-line-length */
.results-row {
  padding: 0 0 0 0.5em;
  margin: 0 0 2em;
}
.results-row::marker {
  font-weight: 700;
}
.wcmsearch .results-row::marker {
  font-size: 1.125em;
}

.result-item {
  display: grid;
  grid: [header-start] "result-item-header" auto [header-end] [teaser-start] "result-item-teaser" 1fr [teaser-end] [thumbnail-start] "result-item-thumbnail" auto [thumbnail-end] [button-group-start] "result-item-button-group" auto [button-group-end]/100%;
  gap: 0.25em 1em;
}
.result-item.in-context {
  background-color: hsl(0, 0%, 95%);
  border-color: hsl(16, 88%, 57%);
  border-width: 0 0 0 0.25rem;
  border-style: solid;
  padding: 0.5rem 0.5rem 0 0.75rem;
  margin: 0 -0.5rem;
}
@media (min-width: 480px) {
  .result-item {
    grid: [header-start] "result-item-header       result-item-thumbnail" auto [header-end] [teaser-start] "result-item-teaser       result-item-thumbnail" auto [teaser-end] [button-group-start] "result-item-button-group result-item-button-group" auto [button-group-end]/auto auto;
  }
}
.result-item :is(ol, ul) {
  list-style-position: inside;
  padding: 0;
  margin: 0;
}
.result-item :is(ol, ul) li::before {
  content: "";
  display: inline;
  padding-left: 0.25em;
}
.browse .result-item {
  grid: [header-start] "result-item-header        result-item-header" auto [header-end] [header-start] "result-item-button-group  result-item-button-group" auto [header-end] [thumbnail-start] "result-item-thumbnail     result-item-teaser" auto [teaser-end]/auto 1fr;
  row-gap: 0.5em;
  margin-bottom: 2em;
}
@media (min-width: 768px) {
  .browse .result-item {
    grid: [header-start] "result-item-header result-item-header result-item-button-group" auto [header-end] [thumbnail-start] "result-item-thumbnail result-item-teaser result-item-teaser" auto [teaser-end]/auto 1fr 1fr;
    row-gap: 1em;
    margin-bottom: 1em;
  }
}
.books > .result-item {
  grid: [header-start] "result-item-header result-item-button-group" auto [header-end] [button-group-start] "result-item-teaser result-item-button-group" auto [button-group-end]/auto auto;
  gap: 0.25em;
  margin-bottom: 0.5em;
}
.result-item.book-section-item {
  padding: 0 0 0 1em;
}
@media (min-width: 768px) {
  .result-item.book-section-item {
    padding: 0 0 0 2em;
  }
}
.result-item.book-section-item + .result-item.book-item {
  margin-top: 2em;
}
.result-item aside:not(.rendition-button-group) {
  display: flex;
  flex-flow: row nowrap;
}
.browse .result-item aside:not(.rendition-button-group) {
  grid-area: result-item-teaser;
}
.result-item p {
  grid-area: result-item-teaser;
  word-break: break-word;
  margin: 0;
}
aside .result-item p {
  flex: 1 1 auto;
}
.result-item p .browse-item {
  grid-area: unset;
  order: 2;
}
.browse-item .fancy .result-item p {
  grid-area: description;
}
:is(.widget-info-box .result-item) {
  grid: [header-start] "result-item-header" auto [header-end] [teaser-start] "result-item-teaser" 1fr [teaser-end] [thumbnail-start] "result-item-thumbnail" auto [thumbnail-end] [button-group-start] "result-item-button-group" auto [button-group-end]/100%;
  gap: 0.5em 1em;
  justify-items: center;
  text-align: center;
  padding-bottom: 1em;
  border-bottom: solid 2px hsl(0, 0%, 92%);
  margin-bottom: 1.5em;
}
:is(.widget-info-box .result-item):last-child {
  border: none;
}
.accordion-body > .result-item {
  margin-bottom: 0.5em;
}
.accordion-body > .result-item.level-3 {
  margin-left: 0;
}
@media (min-width: 480px) {
  .accordion-body > .result-item.level-3:not(.section-title ~ .result-item) {
    margin-left: 1em;
  }
}
@media (min-width: 768px) {
  .accordion-body > .result-item.level-3:not(.section-title ~ .result-item) {
    margin-left: 1.5em;
  }
}
.accordion-body > .result-item.level-4 {
  margin-left: 1em;
}
@media (min-width: 480px) {
  .accordion-body > .result-item.level-4 {
    margin-left: 1.5em;
  }
}
@media (min-width: 768px) {
  .accordion-body > .result-item.level-4 {
    margin-left: 1.5em;
  }
  .accordion-body > .result-item.level-4:not(.section-title ~ .result-item) {
    margin-left: 2.25em;
  }
}
.accordion-body > .result-item.level-5 {
  margin-left: 1.5em;
}
@media (min-width: 480px) {
  .accordion-body > .result-item.level-5 {
    margin-left: 2.25em;
  }
}
@media (min-width: 768px) {
  .accordion-body > .result-item.level-5 {
    margin-left: 3.5em;
  }
}
.result-item.level-2 + .result-item.level-2 {
  margin-top: 1em;
}
.result-item:is(.level-3, .level-4, .level-5) + .result-item.level-2 {
  margin-top: 2em;
}
.result-item:is(.level-4, .level-5) + .result-item.level-3 {
  margin-top: 1.5em;
}
.result-item.level-3:not(.section-title ~ .result-item) {
  margin-left: 0.5em;
}
.results-sub-section .section-sub-title ~ .result-item {
  margin-left: 0.5em;
}
@media (min-width: 480px) {
  .results-sub-section .section-sub-title ~ .result-item {
    margin-left: 1em;
  }
}
@media (min-width: 768px) {
  .results-sub-section .section-sub-title ~ .result-item {
    margin-left: 1.5em;
  }
}

.result-item-header {
  grid-area: result-item-header;
}
.widget-info-box .result-item-header {
  margin-bottom: 0.5em;
}

.result-title {
  font-size: 1.125em;
  padding: 0;
  margin: 0 0 0.5em;
}
.result-title a {
  border: none;
}
.widget-info-box .result-title {
  font-size: 1em;
}
.wcmsearch .result-title {
  font-size: 1.5em;
}
.browse-item .result-title {
  flex: 1 1 max-content;
  font-size: 1em;
}
.book-section-item .result-title {
  font-size: 1em;
}
.browse .result-title {
  margin-bottom: 0;
}
.browse-header.fancy .result-title {
  grid-area: result-title;
  margin: 0;
}

.document-title {
  font-family: Roboto, Tahoma, sans-serif;
  font-size: 1em;
  font-weight: 400;
  font-style: italic;
  padding: 0;
  margin: 0 0 0.5em;
}
.widget-info-box .document-title {
  font-size: 0.85em;
}
.browse-header.fancy .document-title {
  grid-area: document-title;
  flex: 1 1 100%;
  margin: 0;
}
.browse-header.fancy .toggle-marker .document-title {
  padding-left: 1.5em;
}

.pill {
  font-size: 0.85em;
  font-style: normal;
  font-weight: 400;
  color: hsl(0, 0%, 100%);
  background-color: hsl(208, 78%, 42%);
  padding: 0.125em 0.5em 0.25em;
  border-radius: 0.25rem;
  margin-left: 0.25em;
}

.masthead {
  display: flex;
  flex-flow: column nowrap;
  row-gap: 1em;
  justify-content: flex-start;
  background: linear-gradient(90deg, hsl(207, 89%, 22%) 25%, hsl(207, 54%, 32%) 90%);
  margin-top: 0;
  padding-bottom: 0;
}
@media (min-width: 768px) {
  .masthead {
    flex-flow: row wrap;
    align-items: baseline;
    justify-content: space-between;
    row-gap: 1em;
  }
}
.home .masthead {
  justify-content: center;
  border-bottom: 10px solid hsl(220, 5%, 40%);
}
.search-results > .masthead {
  background: hsl(0, 0%, 100%);
  margin: 1rem 0;
  padding: 0;
}
@media (min-width: 960px) {
  .search-results > .masthead {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: space-between;
  }
}
.content-details .masthead {
  background: hsl(0, 0%, 100%);
  margin: 1rem 0;
  padding: 0;
}
@media (min-width: 480px) {
  .content-details .masthead {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: space-between;
  }
}
body:not(.home, .search-results, .content-details) .masthead {
  padding: 0 1rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
}
@media (min-width: 768px) {
  body:not(.home, .search-results, .content-details) .masthead {
    padding: 0 calc((100% - 750px) / 2);
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
@media (min-width: 960px) {
  body:not(.home, .search-results, .content-details) .masthead {
    padding: 0 calc((100% - 936px) / 2);
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
@media (min-width: 1200px) {
  body:not(.home, .search-results, .content-details) .masthead {
    padding: 0 calc((100% - 1152px) / 2);
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
@media (min-width: 768px) {
  body:not(.home, .search-results, .content-details) .masthead.browse-tabs {
    padding-bottom: 0;
  }
}
.masthead > .btn-ui {
  flex: 0 0 auto;
  width: -moz-max-content;
  width: max-content;
}
@media (min-width: 768px) {
  .masthead > .btn-ui {
    order: 3;
  }
}
.masthead.browse-frtoc {
  display: grid;
  grid: [frtoc-masthead-start] "prev-issue page-title        next-issue" min-content [frtoc-masthead-end] [frtoc-masthead-start] "prev-issue page-sub-title    next-issue" min-content [frtoc-masthead-end] [frtoc-masthead-start] "prev-issue rendition-buttons next-issue" min-content [frtoc-masthead-end]/2em auto 2em;
  gap: 0.5em;
  justify-items: center;
  align-items: center;
}
@media (min-width: 768px) {
  .masthead {
    gap: 0 0.75em;
  }
}

.page-title {
  flex: 1 1 100%;
  color: hsl(0, 0%, 100%);
  font-size: 1.5em;
  padding: 0;
  margin: 0;
}
@media (min-width: 480px) {
  .page-title {
    font-size: 1.875em;
  }
}
@media (min-width: 768px) {
  .page-title {
    flex: 1 1 80%;
    font-size: 2.25em;
  }
}
.home .page-title {
  text-align: center;
  margin: 1em;
}
.browse-frtoc .page-title {
  grid-area: page-title;
  font-size: 1.875em;
  text-align: center;
}
.search-results .page-title, .content-details .page-title {
  color: hsl(208, 97%, 12%);
  font-size: 1.875em;
  padding: 0;
  margin: 0;
}
@media (min-width: 768px) {
  .search-results .page-title, .content-details .page-title {
    flex: 1 1 auto;
  }
}
.content-details .page-title {
  font-size: 1.5em;
  margin: 0.5em 0;
}
@media (min-width: 480px) {
  .content-details .page-title {
    flex: 1 1 auto;
  }
}
.page-title > div {
  display: inline-block;
}

.page-sub-title {
  color: hsl(0, 0%, 100%);
  font-size: 1.5em;
  padding: 0;
  margin: 0;
}
@media (min-width: 480px) {
  .page-sub-title {
    font-size: 1.875em;
  }
}
.browse-frtoc .page-sub-title {
  grid-area: page-sub-title;
  text-align: center;
  font-size: 1.5em;
}

.masthead-button-group {
  display: flex;
  flex-flow: column;
  justify-content: center;
  gap: 0.5em;
  padding: 0.5em 0;
}
@media (min-width: 768px) {
  .masthead-button-group {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
}
.masthead-button-group > .btn-ui {
  flex: 1 0 auto;
  text-align: center;
}
@media (min-width: 768px) {
  .masthead-button-group > .btn-ui {
    text-align: left;
  }
}

.calendar-dropdown .dropdown-menu {
  padding: 0;
}
.calendar-dropdown .dropdown-item {
  padding: 0;
  border: none;
}

.share-icons {
  display: flex;
  justify-content: flex-start;
  gap: 0 0.25em;
}
@media (min-width: 768px) {
  .share-icons {
    flex: 1 0 7.5em;
    justify-content: flex-end;
    align-items: center;
    margin: 0;
  }
}
.search-results .share-icons, .content-details .share-icons {
  margin: 0;
}
@media (min-width: 768px) {
  .search-results .share-icons, .content-details .share-icons {
    flex: 1 0 auto;
  }
}
@media (min-width: 960px) {
  .search-results .share-icons, .content-details .share-icons {
    justify-content: flex-end;
  }
}
.modal-footer .share-icons {
  justify-content: center;
}
.share-icons .share-icon-img {
  width: 1.65rem;
  min-width: 1.65rem;
  height: auto;
}
.modal-footer .share-icons .share-icon-img {
  width: 2.25rem;
}
.share-icons:focus-within {
  outline: 1px dotted hsl(208, 97%, 12%);
  border-radius: 1em;
}
body:not(.search-results) .masthead .share-icons:focus-within {
  outline-color: hsl(0, 0%, 100%);
}

.svg-icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -2px;
}
.modal-title .svg-icon {
  color: hsl(16, 88%, 57%);
  margin-right: 0.25em;
}
.btn-icon .svg-icon {
  width: 1.125em;
  height: 1.125em;
  vertical-align: -8px;
}
.modal-footer .btn-icon .svg-icon {
  width: 1.25em;
  height: 1.25em;
  vertical-align: -10px;
}
.btn-icon:is(.facebook, .rss-feed) .svg-icon {
  width: 1.75em;
  height: 1.75em;
}
.modal-footer .btn-icon:is(.facebook, .rss-feed) .svg-icon {
  width: 2em;
  height: 2em;
}

.has-icon {
  display: flex;
  align-items: center;
  gap: 0.25em;
}
.has-icon svg {
  width: 1.5em;
  height: 2em;
}

#inline-svg-src {
  display: none;
  visibility: hidden;
}

#mockup-svg {
  display: none;
}

.page-description {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: flex-start;
  background-color: hsl(0, 0%, 92%);
  padding-top: 1em;
  padding-bottom: 1em;
}
.page-description .section-toggle {
  order: 0;
  align-self: stretch;
}
@media (min-width: 768px) {
  .page-description .section-toggle {
    order: 1;
  }
}
.page-description .section-content {
  order: 1;
}
@media (min-width: 768px) {
  .page-description .section-content {
    order: 2;
  }
}

#related-resources {
  position: relative;
  background-color: hsl(0, 0%, 85%);
  padding-top: 1em;
  padding-bottom: 2em;
}

.related-resources-list {
  position: relative;
  display: flex;
  flex-flow: column wrap;
  justify-content: space-around;
  gap: 1em;
  list-style: none;
  padding: 1em 0;
  margin: 0;
}
@media (min-width: 768px) {
  .related-resources-list {
    flex-direction: row;
  }
}

.related-resources-list-item {
  position: relative;
  flex: 1 0 100%;
}
@media (min-width: 768px) {
  .related-resources-list-item {
    flex: 1 0 30%;
  }
}

.resource-item-link {
  display: block;
  width: 100%;
  height: 100%;
  background-color: hsl(0, 0%, 92%);
  border-radius: 0.125em;
  border-left: 0.5rem solid hsl(208, 84%, 32%);
  padding: 0.25em 1em;
  box-shadow: 0.125rem 0.125rem 0.125rem hsla(0, 0%, 0%, 0.3);
}
.resource-item-link p {
  font-size: 0.85em;
}
.resource-item-link:hover, .resource-item-link:focus, .resource-item-link:active {
  background-color: hsl(220, 5%, 95%);
  border-color: hsl(16, 88%, 57%);
  box-shadow: 0.125rem 0.125rem 0.25rem hsla(0, 0%, 0%, 0.25);
}
.resource-item-link:hover p, .resource-item-link:focus p, .resource-item-link:active p {
  color: hsl(208, 97%, 12%);
}

.resource-title {
  font-size: 1em;
  line-height: 1.6;
  padding: 0;
  margin: 0.5em 0;
}

.nav-browse {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 1em;
  background-color: hsl(0, 0%, 92%);
  padding: 1em;
}
@media (min-width: 768px) {
  .nav-browse {
    flex-flow: row nowrap;
    background-color: transparent;
    text-align: center;
    padding: 0 1rem;
    margin-bottom: 2.25rem;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .nav-browse {
    padding: 0 calc((100% - 750px) / 2);
  }
}
@media (min-width: 768px) and (min-width: 960px) {
  .nav-browse {
    padding: 0 calc((100% - 936px) / 2);
  }
}
@media (min-width: 768px) and (min-width: 1200px) {
  .nav-browse {
    padding: 0 calc((100% - 1152px) / 2);
  }
}

.browse .accordion-item {
  border-radius: 0;
  padding: 0;
  margin: 0 0 1em;
}
.browse .accordion-collapse {
  border: 1px solid hsl(0, 0%, 92%);
}
.browse .accordion-body {
  padding: 1em 0.5em;
}
@media (min-width: 768px) {
  .browse .accordion-body {
    padding: 1em;
  }
}
.browse .browse-header {
  background-color: hsl(0, 0%, 92%);
  border: 1px solid hsl(0, 0%, 92%);
}
.browse .browse-header:hover, .browse .browse-header:focus {
  color: hsl(16, 78%, 42%);
  background-color: hsl(0, 0%, 85%);
}
.browse .browse-header.fancy {
  display: grid;
  grid: [header-start] "titles" auto [header-end] [rendition-buttons-start] "rendition-buttons" auto [rendition-buttons-end] [thumbnail-start] "thumbnail" auto [thumbnail-end] [description-start] "description" auto [description-end]/1fr;
  gap: 0.5em;
}
@media (min-width: 375px) {
  .browse .browse-header.fancy {
    grid: [header-start] "titles            titles" auto [header-end] [rendition-buttons-start] "rendition-buttons rendition-buttons" auto [rendition-buttons-end] [description-start] "thumbnail         description" auto [description-end]/auto 1fr;
  }
}
@media (min-width: 768px) {
  .browse .browse-header.fancy {
    grid: [header-start] "titles    titles      rendition-buttons" auto [header-end] [thumbnail-start] "thumbnail description description" auto [teaser-end]/auto 1fr auto;
    gap: 1em 0;
  }
}
@media (min-width: 768px) {
  .browse .browse-header.fancy.label-only {
    grid: [header-start] "titles rendition-buttons" auto [header-end]/1fr auto;
    gap: 0;
  }
}
.browse .accordion-button {
  padding: 0.75em 1em;
  cursor: pointer;
}
.browse .accordion-button::before {
  content: "\f4f9";
  font-family: bootstrap-icons;
  color: currentcolor;
  background-color: hsl(0, 0%, 100%);
  border-radius: 50%;
  margin-right: 0.5em;
}
.browse .accordion-button::after {
  content: none;
}
.browse .accordion-button[aria-expanded=false]::before {
  content: "\f4f9";
}
.browse .accordion-button[aria-expanded=true]::before {
  content: "\f2e5";
}
.browse .fancy .accordion-button {
  flex-flow: row wrap;
  padding: 0;
}
.browse .fancy .browse-titles {
  display: grid;
  grid: [marker-start] "marker result-title" auto [result-title-end] [marker-start] "marker document-title" auto [document-title-end]/1em 1fr;
  gap: 0 0.5em;
  grid-area: titles;
  align-items: start;
  padding: 1em 1em 0;
}
.browse .fancy .browse-titles::before {
  grid-area: marker;
  margin: 0.25em 0 0;
}
.browse .fancy .browse-thumbnail {
  grid-area: thumbnail;
  align-items: start;
  padding: 0 0 0 2.5em;
}
.browse .fancy .browse-thumbnail::before {
  display: none;
}
@media (min-width: 375px) {
  .browse .fancy .browse-thumbnail {
    padding: 0 0 1em 2.5em;
  }
}
.browse .fancy .browse-description {
  grid-area: description;
  align-items: start;
  padding: 0 1em 1em 2.5em;
}
.browse .fancy .browse-description::before {
  display: none;
}
@media (min-width: 375px) {
  .browse .fancy .browse-description {
    padding: 0 1em 1em 0;
  }
}
@media (min-width: 768px) {
  .browse .fancy .browse-description {
    padding: 0 1em 1em;
  }
}
.browse .fancy p {
  margin: 0;
}
.browse .browse-item-sort {
  width: 100%;
  text-align: right;
  padding: 0 0 1rem;
  border-bottom: 1px solid hsl(0, 0%, 92%);
  margin: 0 0 1rem;
}
.browse .browse-item {
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 0.5em;
  padding: 0 0 1em;
  border-bottom: 1px solid hsl(0, 0%, 92%);
  margin: 0 0 1em;
}
.browse .browse-item:last-of-type {
  padding: 0;
  border: none;
  margin: 0;
}
@media (min-width: 768px) {
  .browse .browse-item {
    flex-flow: row nowrap;
    gap: 1em;
  }
}
.browse .browse-item + .browse-container {
  margin-top: 2em;
}

.sidebar-actions {
  padding-top: 0.5rem;
}
@media (min-width: 768px) {
  .sidebar-actions {
    padding-top: 2rem;
  }
}
@media (min-width: 768px) {
  .sidebar-actions section {
    margin-bottom: 2em;
  }
}
.sidebar-actions ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.sidebar-actions li {
  margin: 0;
}
@media (min-width: 768px) {
  .sidebar-actions li {
    margin: 0.5em 0;
  }
}
.sidebar-actions a {
  display: flex;
  flex-flow: row nowrap;
  gap: 0 0.25em;
  width: 100%;
  font-size: 1.125em;
  border: none;
  padding: 0.5em;
}
.sidebar-actions a:visited {
  color: hsl(208, 97%, 12%);
  background-color: transparent;
}
.sidebar-actions a:focus, .sidebar-actions a:hover {
  color: hsl(16, 88%, 57%);
  background: hsl(0, 0%, 92%);
}
.sidebar-actions a:active {
  color: hsl(16, 78%, 42%);
}
.sidebar-actions a::before {
  display: block;
  flex: 0 0 1em;
  color: hsl(16, 88%, 57%);
  content: "\f392";
  font-family: bootstrap-icons;
}
.sidebar-actions a.pdf::before {
  content: "\f63e";
}
.sidebar-actions a.text::before {
  content: "\f38b";
}
.sidebar-actions a.xml::before {
  content: "\f362";
}
.sidebar-actions a.xlsx::before, .sidebar-actions a.csv::before {
  content: "\f389";
}
.sidebar-actions a.uslm::before {
  content: "\f362";
}
.sidebar-actions a.mods::before {
  content: "\f392";
}
.sidebar-actions a.premis::before {
  content: "\f362";
}
.sidebar-actions a.zip::before {
  content: "\f391";
}
.sidebar-actions a.browse::before {
  content: "\f225";
}
.sidebar-actions a.help::before {
  content: "\f504";
}
.sidebar-actions a.cgp-record::before {
  content: "\f447";
}
.sidebar-actions a.buy::before {
  content: "\f243";
}

.summary-metadata-list .metadata-item {
  margin: 0.5em 0;
}
@media (min-width: 480px) {
  .summary-metadata-list .metadata-item {
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-template-rows: auto;
    gap: 0.25em 1em;
    margin: 1em 0;
  }
}
@media (min-width: 960px) {
  .summary-metadata-list .metadata-item {
    display: grid;
    grid-template-columns: 1fr 3fr;
  }
}
.summary-metadata-list .metadata-term {
  grid-column: 1/2;
  grid-row: 1/-1;
  font-family: Lato, Tahoma, sans-serif;
  font-size: 1.125em;
  font-weight: 700;
}
.summary-metadata-list .metadata-value {
  margin: 0.5em 0 0 0.5em;
  line-height: 1.6;
}
@media (min-width: 480px) {
  .summary-metadata-list .metadata-value {
    grid-column: 2/-1;
    margin: 0;
  }
}
.summary-metadata-list .metadata-tip {
  cursor: help;
}

article.citation {
  margin-bottom: 1.5em;
}
article.citation .citation-title {
  font-size: 1.5em;
  vertical-align: baseline;
  padding: 0;
  margin: 0.5em 0;
}

.message {
  border: 1px solid currentcolor;
  padding: 1em;
}
.message h2 {
  padding: 0;
  margin: 0;
}
.message.empty-results {
  border-color: hsl(34, 92%, 64%);
  border-left-width: 4px;
}
.message.empty-results .bi {
  color: hsl(34, 92%, 64%);
  padding-right: 0.25em;
}

.pagination {
  font-size: 0.85em;
  color: hsl(208, 97%, 12%);
  margin: 0;
}
.pagination .page-item {
  cursor: pointer;
  border: solid 1px hsl(220, 5%, 88%);
  border-radius: 0;
  margin: 0 0 0 -1px;
}
.pagination .page-item:hover, .pagination .page-item:focus, .pagination .page-item:focus-within {
  color: hsl(16, 88%, 57%);
  background-color: hsl(0, 0%, 92%);
}
.pagination .page-link {
  line-height: 1.5em;
}
.pagination .page-link:focus {
  outline: 1px dotted hsl(208, 97%, 12%);
  box-shadow: none;
}
.pagination .active {
  color: hsl(0, 0%, 100%);
  background-color: hsl(16, 88%, 57%);
  border-color: hsl(16, 78%, 42%);
}
.pagination .active:hover, .pagination .active:focus {
  color: hsl(0, 0%, 100%);
  background-color: hsl(16, 78%, 42%);
}
.pagination .active > .page-link {
  border-color: hsl(16, 78%, 42%);
}
.pagination .disabled {
  cursor: not-allowed;
}

.pagination-controls {
  display: flex;
  flex-flow: column-reverse;
  justify-content: space-between;
  align-content: center;
  margin: 1rem 0;
}
.search-results .pagination-controls {
  margin: 1rem 0 2rem;
}
@media (min-width: 960px) {
  .pagination-controls {
    flex-flow: row wrap;
  }
}
.pagination-controls .pagination {
  flex: 1 1 100%;
  flex-wrap: wrap;
}
@media (min-width: 960px) {
  .pagination-controls .pagination {
    flex: 1 0 75%;
  }
}
.pagination-controls .results-number-select {
  flex: 1 1 100%;
  margin: 0 0 0.5em;
}
@media (min-width: 960px) {
  .pagination-controls .results-number-select {
    flex: 1 0 25%;
    margin: 0;
  }
}

.alert {
  color: hsl(208, 97%, 12%);
  background-color: hsl(208, 56%, 95%);
  border: 0.125em solid hsl(208, 84%, 32%);
  border-left-width: 0.5rem;
  margin: 1em auto;
}

.alert-info {
  color: hsl(208, 100%, 20%);
  background-color: hsl(0, 0%, 100%);
  border-color: hsl(208, 84%, 32%);
}
.alert-info a {
  color: hsl(16, 78%, 42%);
}
.alert-info svg {
  color: hsl(34, 92%, 64%);
}

.btn-ui {
  display: inline-block;
  font-size: 0.85em;
  text-transform: uppercase;
  line-height: 1.2;
  color: hsl(0, 0%, 100%);
  background-color: hsl(16, 88%, 57%);
  box-shadow: none;
  border: 1px solid hsl(16, 88%, 50%);
  border-radius: 0;
  transition: all 0.25s ease;
  padding: 0.5rem 0.625rem;
  margin: 0 0.125rem;
  cursor: pointer;
}
.btn-ui:visited {
  color: hsl(0, 0%, 100%);
  background-color: hsl(16, 88%, 57%);
}
.btn-ui:hover, .btn-ui:focus {
  color: hsl(0, 0%, 100%);
  background-color: hsl(16, 78%, 42%);
  border-color: hsl(16, 88%, 50%);
  transform: translate(0.125em, 0.125em);
}
.btn-ui:active {
  background-color: hsl(16, 78%, 42%);
  color: hsl(0, 0%, 100%);
}
@media (min-width: 768px) {
  .btn-ui {
    box-shadow: 3px 3px 0 hsl(16, 78%, 42%);
  }
  .btn-ui:hover, .btn-ui:focus {
    box-shadow: 1px 1px 0 hsl(16, 78%, 42%);
  }
  .btn-ui:active {
    box-shadow: 1px 1px 0 hsl(16, 78%, 42%);
  }
}
.btn-ui a {
  color: hsl(0, 0%, 100%);
}

.btn-browse {
  display: grid;
  grid-template-columns: 2em 1fr;
  grid-template-rows: repeat(2, max-content);
  gap: 0 0.5em;
  justify-items: start;
  align-items: start;
  border: none;
  margin: 0 0 0.5em;
  transition: all 0.25s ease;
}
@media (min-width: 768px) {
  .btn-browse {
    display: block;
    flex: 0 1 20%;
    display: inline-block;
    font-size: 0.85em;
    text-transform: uppercase;
    line-height: 1.2;
    color: hsl(208, 97%, 12%);
    background-color: hsl(0, 0%, 92%);
    box-shadow: none;
    border: 1px solid hsl(220, 5%, 88%);
    border-radius: 0;
    transition: all 0.25s ease;
    padding: 0.5rem 0.625rem;
    margin: 0 0.125rem;
    cursor: pointer;
    font-size: 1em;
    text-transform: initial;
    padding: 2em 0.5em;
  }
  .btn-browse:visited {
    color: hsl(208, 97%, 12%);
    background-color: hsl(220, 5%, 80%);
  }
  .btn-browse:hover, .btn-browse:focus {
    color: hsl(208, 97%, 12%);
    background-color: hsl(220, 5%, 80%);
    border-color: hsl(220, 5%, 88%);
    transform: translate(0.125em, 0.125em);
  }
  .btn-browse:active {
    background-color: hsl(220, 5%, 80%);
    color: hsl(208, 97%, 12%);
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .btn-browse {
    box-shadow: 3px 3px 0 hsl(220, 5%, 70%);
  }
  .btn-browse:hover, .btn-browse:focus {
    box-shadow: 1px 1px 0 hsl(220, 5%, 70%);
  }
  .btn-browse:active {
    box-shadow: 1px 1px 0 hsl(220, 5%, 70%);
  }
}
@media (min-width: 768px) {
  .btn-browse:hover, .btn-browse:focus {
    color: hsl(16, 88%, 57%);
    background-color: hsl(0, 0%, 92%);
  }
}
.btn-browse h3 {
  grid-column: 2/3;
  font-size: 1.125em;
  padding: 0;
  margin: 0;
}
.btn-browse p {
  font-size: 0.85em;
  padding: 0;
  margin: 0;
}
.btn-browse .bi {
  display: inline-block;
  grid-column: 1/2;
  grid-row: 1/-1;
  line-height: 1.2;
}

.browse-nav-tabs {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 0.25em;
  margin-top: 1em;
}
main .browse-nav-tabs {
  border-bottom: 1px solid hsl(220, 5%, 88%);
}
.masthead .browse-nav-tabs {
  display: none;
}
@media (min-width: 768px) {
  .masthead .browse-nav-tabs {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    gap: 0.25em;
    margin-top: 1em;
  }
}
.browse-nav-tabs .browse-nav-tab {
  display: block;
  color: hsl(208, 97%, 12%);
  background-color: transparent;
  border-bottom: solid 2px transparent;
  padding: 0.25em;
  cursor: pointer;
}
@media (min-width: 480px) {
  .browse-nav-tabs .browse-nav-tab {
    line-height: 160%;
    color: hsl(208, 97%, 12%);
    background-color: hsl(0, 0%, 92%);
    padding: 0.5em 1.5em;
    border-top: solid 3px hsl(0, 0%, 80%);
    border-left: solid 1px hsl(0, 0%, 92%);
    border-right: solid 1px hsl(0, 0%, 92%);
  }
}
.browse-nav-tabs .browse-nav-tab:hover, .browse-nav-tabs .browse-nav-tab:focus {
  color: hsl(16, 88%, 57%);
  background-color: hsl(0, 0%, 100%);
  border-color: hsl(0, 0%, 92%);
  border-bottom-color: transparent;
}
:is(.browse-nav-tabs .browse-nav-tab, .home .browse-nav-tabs .browse-nav-tab).active {
  color: hsl(16, 78%, 42%);
  background-color: transparent;
  border-top-color: currentcolor;
}
@media (min-width: 480px) {
  :is(.browse-nav-tabs .browse-nav-tab, .home .browse-nav-tabs .browse-nav-tab).active {
    color: hsl(16, 88%, 57%);
    background-color: hsl(0, 0%, 100%);
    border-color: currentcolor hsl(0, 0%, 92%) hsl(0, 0%, 100%) hsl(0, 0%, 92%);
  }
}
@media (min-width: 480px) {
  main .browse-nav-tabs .browse-nav-tab {
    margin-bottom: -2px;
  }
}
.browse-nav-tabs.details-tabs .browse-nav-tab {
  padding: 0.5em;
}
@media (min-width: 480px) {
  .browse-nav-tabs.details-tabs .browse-nav-tab {
    padding: 0.5em 0.625em;
  }
}
@media (min-width: 768px) {
  .browse-nav-tabs.details-tabs .browse-nav-tab {
    padding: 0.5em 1em;
  }
}
@media (min-width: 960px) {
  .browse-nav-tabs.details-tabs .browse-nav-tab {
    padding: 0.5em 1.5em;
  }
}

.browse-tab-content,
.browse-date-content {
  border: 1px solid hsl(220, 5%, 88%);
  border-top-color: transparent;
  padding: 1em 2em;
}

.button-text {
  display: none;
}
@media (min-width: 960px) {
  .button-text {
    display: inline;
  }
}
.btn-search-toggle .button-text {
  display: inline;
}
@media (min-width: 768px) {
  .btn-search-toggle .button-text {
    display: none;
  }
}
@media (min-width: 960px) {
  .btn-search-toggle .button-text {
    display: inline;
  }
}
.custom-search .button-text, .nav-tabs:not(.simple-search) + .tab-content .button-text {
  display: inline;
}

.btn-calendar {
  font-size: 1em;
  font-weight: 400;
  color: currentcolor;
  background-color: transparent;
  border: none;
  border-radius: 0;
  margin: 0 0 0 0.125em;
}
.btn-calendar::after {
  content: "\f214";
  vertical-align: 0;
  font-family: bootstrap-icons;
  border: none;
}
.btn-calendar:hover, .btn-calendar:focus, .btn-calendar:active {
  color: hsl(16, 88%, 66%);
  background-color: transparent;
}

.btn-clear {
  display: inline-block;
  font-size: 0.85em;
  text-transform: uppercase;
  line-height: 1.2;
  color: hsl(208, 97%, 12%);
  background-color: hsl(0, 0%, 92%);
  box-shadow: none;
  border: 1px solid hsl(220, 5%, 88%);
  border-radius: 0;
  transition: all 0.25s ease;
  padding: 0.5rem 0.625rem;
  margin: 0 0.125rem;
  cursor: pointer;
}
.btn-clear:visited {
  color: hsl(208, 97%, 12%);
  background-color: hsl(220, 5%, 80%);
}
.btn-clear:hover, .btn-clear:focus {
  color: hsl(208, 97%, 12%);
  background-color: hsl(220, 5%, 80%);
  border-color: hsl(220, 5%, 88%);
  transform: translate(0.125em, 0.125em);
}
.btn-clear:active {
  background-color: hsl(220, 5%, 80%);
  color: hsl(208, 97%, 12%);
}

.btn-collapse-all {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  display: inline-block;
  font-size: 0.85em;
  text-transform: uppercase;
  line-height: 1.2;
  color: hsl(0, 0%, 100%);
  background-color: hsl(16, 88%, 57%);
  box-shadow: none;
  border: 1px solid hsl(16, 88%, 50%);
  border-radius: 0;
  transition: all 0.25s ease;
  padding: 0.5rem 0.625rem;
  margin: 0 0.125rem;
  cursor: pointer;
}
.btn-collapse-all:visited {
  color: hsl(0, 0%, 100%);
  background-color: hsl(16, 88%, 57%);
}
.btn-collapse-all:hover, .btn-collapse-all:focus {
  color: hsl(0, 0%, 100%);
  background-color: hsl(16, 78%, 42%);
  border-color: hsl(16, 88%, 50%);
  transform: translate(0.125em, 0.125em);
}
.btn-collapse-all:active {
  background-color: hsl(16, 78%, 42%);
  color: hsl(0, 0%, 100%);
}
@media (min-width: 768px) {
  .btn-collapse-all {
    box-shadow: 3px 3px 0 hsl(16, 78%, 42%);
  }
  .btn-collapse-all:hover, .btn-collapse-all:focus {
    box-shadow: 1px 1px 0 hsl(16, 78%, 42%);
  }
  .btn-collapse-all:active {
    box-shadow: 1px 1px 0 hsl(16, 78%, 42%);
  }
}
@media (min-width: 768px) {
  .btn-collapse-all {
    left: 1.25rem;
    bottom: 2.5rem;
    width: auto;
  }
}
.btn-collapse-all a {
  color: hsl(0, 0%, 100%);
}
.btn-collapse-all > i {
  text-shadow: 0 0 8px hsl(16, 78%, 42%);
}

.btn-details {
  display: inline-block;
  font-size: 0.85em;
  text-transform: uppercase;
  line-height: 1.2;
  color: hsl(0, 0%, 100%);
  background-color: hsl(204, 28%, 42%);
  box-shadow: none;
  border: 1px solid hsl(204, 28%, 35%);
  border-radius: 0;
  transition: all 0.25s ease;
  padding: 0.5rem 0.625rem;
  margin: 0 0.125rem;
  cursor: pointer;
  color: hsl(208, 97%, 12%);
  background-color: hsl(0, 0%, 100%);
  border: 1px solid hsl(220, 5%, 88%);
  border-bottom: 1px solid hsl(220, 5%, 88%);
  margin: 0;
}
.btn-details:visited {
  color: hsl(208, 97%, 12%);
  background-color: hsl(204, 28%, 80%);
}
.btn-details:hover, .btn-details:focus {
  color: hsl(0, 0%, 100%);
  background-color: hsl(204, 28%, 35%);
  border-color: hsl(204, 28%, 35%);
  transform: translate(0.125em, 0.125em);
}
.btn-details:active {
  background-color: hsl(204, 28%, 35%);
  color: hsl(0, 0%, 100%);
}
@media (min-width: 768px) {
  .btn-details {
    box-shadow: 3px 3px 0 hsl(204, 28%, 30%);
  }
  .btn-details:hover, .btn-details:focus {
    box-shadow: 1px 1px 0 hsl(204, 28%, 30%);
  }
  .btn-details:active {
    box-shadow: 1px 1px 0 hsl(204, 28%, 30%);
  }
}
.btn-details:focus, .btn-details:hover {
  color: hsl(16, 78%, 42%);
  background: hsl(0, 0%, 92%);
  transform: none;
}
@media (min-width: 768px) {
  .btn-details {
    display: inline-block;
    font-size: 0.85em;
    text-transform: uppercase;
    line-height: 1.2;
    color: hsl(0, 0%, 100%);
    background-color: hsl(204, 28%, 42%);
    box-shadow: none;
    border: 1px solid hsl(204, 28%, 35%);
    border-radius: 0;
    transition: all 0.25s ease;
    padding: 0.5rem 0.625rem;
    margin: 0 0.125rem;
    cursor: pointer;
  }
  .btn-details:visited {
    color: hsl(208, 97%, 12%);
    background-color: hsl(204, 28%, 80%);
  }
  .btn-details:hover, .btn-details:focus {
    color: hsl(0, 0%, 100%);
    background-color: hsl(204, 28%, 35%);
    border-color: hsl(204, 28%, 35%);
    transform: translate(0.125em, 0.125em);
  }
  .btn-details:active {
    background-color: hsl(204, 28%, 35%);
    color: hsl(0, 0%, 100%);
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .btn-details {
    box-shadow: 3px 3px 0 hsl(204, 28%, 30%);
  }
  .btn-details:hover, .btn-details:focus {
    box-shadow: 1px 1px 0 hsl(204, 28%, 30%);
  }
  .btn-details:active {
    box-shadow: 1px 1px 0 hsl(204, 28%, 30%);
  }
}
.swbs5 .btn-details {
  padding: 0.5em 0.625em;
  margin: 0 0.125em;
}

@media (min-width: 768px) {
  .btn-rendition span:not(span.spinner-button) {
    position: absolute;
    width: 1px;
    height: 1px;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    overflow: hidden;
    padding: 0;
    margin: -1px;
  }
}
.btn-rendition i {
  display: block;
  text-transform: capitalize;
  font-style: italic;
}
@media (min-width: 768px) {
  .btn-rendition i {
    position: absolute;
    width: 1px;
    height: 1px;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    overflow: hidden;
    padding: 0;
    margin: -1px;
  }
}

.btn-details-share {
  display: inline-block;
  font-size: 0.85em;
  text-transform: uppercase;
  line-height: 1.2;
  color: hsl(208, 97%, 12%);
  background-color: hsl(0, 0%, 92%);
  box-shadow: none;
  border: 1px solid hsl(220, 5%, 88%);
  border-radius: 0;
  transition: all 0.25s ease;
  padding: 0.5rem 0.625rem;
  margin: 0 0.125rem;
  cursor: pointer;
  margin-left: 0.25rem;
}
.btn-details-share:visited {
  color: hsl(208, 97%, 12%);
  background-color: hsl(220, 5%, 80%);
}
.btn-details-share:hover, .btn-details-share:focus {
  color: hsl(208, 97%, 12%);
  background-color: hsl(220, 5%, 80%);
  border-color: hsl(220, 5%, 88%);
  transform: translate(0.125em, 0.125em);
}
.btn-details-share:active {
  background-color: hsl(220, 5%, 80%);
  color: hsl(208, 97%, 12%);
}
@media (min-width: 768px) {
  .btn-details-share {
    box-shadow: 3px 3px 0 hsl(220, 5%, 70%);
  }
  .btn-details-share:hover, .btn-details-share:focus {
    box-shadow: 1px 1px 0 hsl(220, 5%, 70%);
  }
  .btn-details-share:active {
    box-shadow: 1px 1px 0 hsl(220, 5%, 70%);
  }
}
.swbs5 .btn-details-share {
  padding: 0.5em 0.625em;
  margin: 0 0.125em 0 0.25em;
}
.widget-info-box .btn-details-share {
  order: 2;
  flex: 0 0 fit-content;
}
.browse-header.fancy .btn-details-share {
  background-color: hsl(0, 0%, 95%);
}

.btn-details-view {
  display: inline-block;
  font-size: 0.85em;
  text-transform: uppercase;
  line-height: 1.2;
  color: hsl(0, 0%, 100%);
  background-color: hsl(204, 28%, 42%);
  box-shadow: none;
  border: 1px solid hsl(204, 28%, 35%);
  border-radius: 0;
  transition: all 0.25s ease;
  padding: 0.5rem 0.625rem;
  margin: 0 0.125rem;
  cursor: pointer;
}
.btn-details-view:visited {
  color: hsl(208, 97%, 12%);
  background-color: hsl(204, 28%, 80%);
}
.btn-details-view:hover, .btn-details-view:focus {
  color: hsl(0, 0%, 100%);
  background-color: hsl(204, 28%, 35%);
  border-color: hsl(204, 28%, 35%);
  transform: translate(0.125em, 0.125em);
}
.btn-details-view:active {
  background-color: hsl(204, 28%, 35%);
  color: hsl(0, 0%, 100%);
}
@media (min-width: 768px) {
  .btn-details-view {
    box-shadow: 3px 3px 0 hsl(204, 28%, 30%);
  }
  .btn-details-view:hover, .btn-details-view:focus {
    box-shadow: 1px 1px 0 hsl(204, 28%, 30%);
  }
  .btn-details-view:active {
    box-shadow: 1px 1px 0 hsl(204, 28%, 30%);
  }
}
@media (min-width: 768px) {
  .btn-details-view {
    display: none;
    visibility: hidden;
  }
}
.widget-info-box .btn-details-view {
  order: 1;
  flex: 1 0 auto;
}
.btn-details-view > .svg-icon {
  transform: rotate(0.25turn);
  transition: transform 0.2s ease;
}
.btn-details-view:is(.expand, [aria-expanded=true]) > .svg-icon {
  transform: rotate(0.5turn);
}

.rendition-button-group {
  display: flex;
  flex-flow: row wrap;
  align-items: start;
  row-gap: 0.5em;
}
@media (min-width: 768px) {
  .browse .rendition-button-group {
    place-self: start end;
  }
}
.rendition-button-group > p {
  position: absolute;
  display: none;
  width: 10em;
  border: 1px solid hsl(220, 5%, 88%);
  border-radius: 0 0 0.25rem 0.25rem;
  box-shadow: 4px 4px 0 hsla(0, 0%, 0%, 0.2);
  margin: calc(1rem + 0.85em) 0 0 0.25rem;
}
@media (min-width: 768px) {
  .rendition-button-group > p {
    position: relative;
    display: flex;
    flex-flow: row wrap;
    height: unset;
    width: unset;
    min-width: unset;
    border: unset;
    border-radius: unset;
    box-shadow: unset;
    padding: unset;
    margin: unset;
    z-index: unset;
  }
}
.widget-info-box .rendition-button-group > p {
  position: relative;
  order: 3;
  flex: 1 0 100%;
}
@media (min-width: 768px) {
  .widget-info-box .rendition-button-group > p {
    position: unset;
    order: unset;
    flex: unset;
  }
}
.rendition-button-group > :is(.btn-details-view.expand, .btn-details-view[aria-expanded=true]) ~ p {
  display: flex;
  flex-flow: column nowrap;
  z-index: 20;
}
@media (min-width: 768px) {
  .rendition-button-group > :is(.btn-details-view.expand, .btn-details-view[aria-expanded=true]) ~ p {
    flex-flow: row wrap;
    width: unset;
    margin: unset;
    padding: unset;
    z-index: unset;
  }
}
.widget-info-box .rendition-button-group > :is(.btn-details-view.expand, .btn-details-view[aria-expanded=true]) ~ p {
  margin-top: unset;
}
.widget-info-box .rendition-button-group {
  place-self: center;
  width: 100%;
  row-gap: 0;
}
@media (min-width: 768px) {
  .widget-info-box .rendition-button-group {
    width: auto;
  }
}
.browse-frtoc .rendition-button-group {
  grid-area: rendition-buttons;
  place-self: center center;
  margin: 1em 0;
  /* stylelint-disable-next-line no-descending-specificity */
}
.browse-frtoc .rendition-button-group p {
  margin: 0;
}
.books .rendition-button-group {
  place-self: start end;
}
.result-item .rendition-button-group {
  grid-area: result-item-button-group;
}
.browse-item .rendition-button-group {
  justify-content: flex-end;
  align-items: flex-start;
  flex: 1 0 max-content;
  margin: 0;
}
.browse-header.fancy .rendition-button-group {
  grid-area: rendition-buttons;
  padding: 0 0 1em 2.5em;
  /* stylelint-disable-next-line no-descending-specificity */
}
.browse-header.fancy .rendition-button-group p {
  margin: 0;
}
@media (min-width: 768px) {
  .browse-header.fancy .rendition-button-group {
    padding: 1.25em 1em 0;
  }
}
@media (min-width: 768px) {
  .browse-header.fancy.label-only .rendition-button-group {
    padding: 0.5em 1em;
  }
}
.browse-header.fancy .browse-titles:only-of-type + .rendition-button-group {
  padding-left: 2em;
}
@media (min-width: 768px) {
  .browse-header.fancy .browse-titles:only-of-type + .rendition-button-group {
    padding-left: 1em;
  }
}

.btn-copy {
  display: inline-block;
  font-size: 0.85em;
  text-transform: uppercase;
  line-height: 1.2;
  color: hsl(208, 97%, 12%);
  background-color: hsl(0, 0%, 92%);
  box-shadow: none;
  border: 1px solid hsl(220, 5%, 88%);
  border-radius: 0;
  transition: all 0.25s ease;
  padding: 0.5rem 0.625rem;
  margin: 0 0.125rem;
  cursor: pointer;
}
.btn-copy:visited {
  color: hsl(208, 97%, 12%);
  background-color: hsl(220, 5%, 80%);
}
.btn-copy:hover, .btn-copy:focus {
  color: hsl(208, 97%, 12%);
  background-color: hsl(220, 5%, 80%);
  border-color: hsl(220, 5%, 88%);
  transform: translate(0.125em, 0.125em);
}
.btn-copy:active {
  background-color: hsl(220, 5%, 80%);
  color: hsl(208, 97%, 12%);
}
.citation-title .btn-copy {
  font-family: Roboto, Tahoma, sans-serif;
  font-weight: 400;
  font-size: 0.85rem;
}

.btn-custom-sort {
  font-size: 0.85em;
  font-weight: 400;
  color: hsl(208, 97%, 12%);
  background-color: inherit;
  border: none;
  box-shadow: none;
  cursor: pointer;
}
.btn-custom-sort > .svg-icon {
  width: 1.5em;
  height: 1.5em;
}
.btn-custom-sort:hover, .btn-custom-sort:focus {
  color: hsl(16, 88%, 57%);
}
.btn-custom-sort:hover > .svg-icon, .btn-custom-sort:focus > .svg-icon {
  stroke: hsl(16, 88%, 57%);
}
.btn-custom-sort:active {
  color: hsl(16, 78%, 42%);
}
.btn-custom-sort.active {
  font-weight: 700;
}
.btn-custom-sort.active > .svg-icon {
  stroke: hsl(208, 97%, 12%);
  stroke-width: 0.5px;
}
.btn-custom-sort.active:hover, .btn-custom-sort.active:focus {
  color: hsl(16, 88%, 57%);
}
.btn-custom-sort.active:hover > .svg-icon, .btn-custom-sort.active:focus > .svg-icon {
  stroke: hsl(16, 88%, 57%);
}

.btn-browse-sort {
  font-size: 1em;
  font-weight: 400;
  color: hsl(208, 97%, 12%);
  background-color: inherit;
  border: none;
  box-shadow: none;
  cursor: pointer;
}
.btn-browse-sort::after {
  content: "";
  font-family: bootstrap-icons;
  vertical-align: -1px;
  margin: 0 0 0 0.25em;
  color: currentcolor;
}
.btn-browse-sort.numeric-desc::after {
  content: "\f577";
}
.btn-browse-sort.numeric-asc::after {
  content: "\f579";
}
.btn-browse-sort.alpha-desc::after {
  content: "\f571";
}
.btn-browse-sort.alpha-asc::after {
  content: "\f573";
}
.btn-browse-sort.date-desc::after {
  content: "\f128\f214";
}
.btn-browse-sort.date-asc::after {
  content: "\f148\f214";
}

.label-custom-search-toggle {
  position: relative;
  top: 0;
  left: 0;
  width: calc(100% - 30px);
  font-size: 1em;
  font-weight: 700;
  background: hsl(220, 5%, 88%);
  padding: 0.5em 0.5em 0.5em 1em;
  margin: 0 auto;
  cursor: pointer;
  transition: all 0.25s ease;
  z-index: 10;
  order: 2;
}
.checkbox-custom-search-toggle + .label-custom-search-toggle::before {
  content: "";
  width: 0;
  min-width: 0;
  height: 0;
  min-height: 0;
}
@media (min-width: 768px) {
  .label-custom-search-toggle {
    width: -moz-fit-content;
    width: fit-content;
    height: -moz-fit-content;
    height: fit-content;
    grid-row: 1/2;
    grid-column: 2/3;
    align-self: center;
    background: hsl(220, 5%, 88%);
    padding: 0.5rem 0 0.5rem 1em;
    margin: 0;
  }
  .label-custom-search-toggle::before {
    display: block;
    position: absolute;
    width: 0;
    height: 100%;
    top: 0;
    background-color: hsl(220, 5%, 88%);
    transform: translate(-100%, 0);
    transition: all 0.25s ease;
  }
  .label-custom-search-toggle:focus, .label-custom-search-toggle:focus-within, .label-custom-search-toggle:focus-visible, .label-custom-search-toggle:active {
    outline: none;
  }
  .custom-search .label-custom-search-toggle {
    margin: 1em 0;
  }
}
.label-custom-search-toggle > span:not(.visually-hidden, .icon-search) {
  display: inline-block;
  width: calc(100% - 2.75em - 1em);
  opacity: 1;
  transition: opacity 0.25s ease-out;
}
@media (min-width: 768px) {
  .label-custom-search-toggle > span:not(.visually-hidden, .icon-search) {
    display: unset;
    width: auto;
  }
}
.label-custom-search-toggle > .icon-search {
  content: "";
  display: inline-block;
  top: 1em;
  width: 2.75em;
  height: 2.5em;
  position: relative;
  color: hsl(0, 0%, 100%);
  background-color: hsl(16, 88%, 57%);
  padding-top: 0.25em;
  margin: -1em -1em -0.75em 0.25em;
  clip-path: polygon(0% 0%, 50% 15%, 100% 0%, 100% 85%, 50% 100%, 0% 85%);
  transition: all 0.25s ease;
}
@media (min-width: 768px) {
  .label-custom-search-toggle > .icon-search {
    top: unset;
    height: 2.25em;
    clip-path: polygon(0% 0%, 85% 0%, 100% 50%, 85% 100%, 0% 100%, 15% 50%);
    background-image: none;
    padding-top: unset;
  }
}
.label-custom-search-toggle > .icon-search:hover, .label-custom-search-toggle > .icon-search:focus, .label-custom-search-toggle > .icon-search:active {
  background-color: hsl(16, 78%, 42%);
  outline: none;
}
.label-custom-search-toggle > .icon-search::before {
  content: "";
  display: block;
  position: absolute;
  width: 1em;
  height: 1em;
  background-color: transparent;
  border: 2px solid hsl(0, 0%, 100%);
  border-radius: 50%;
  transform: translate(0.75em, 0.475em);
  transition: all 0.25s ease;
}
.label-custom-search-toggle > .icon-search::after {
  content: "";
  display: block;
  position: absolute;
  width: 1px;
  height: 0.5em;
  background-color: transparent;
  border: 1px solid hsl(0, 0%, 100%);
  transform: rotate(-45deg) translate(0.325em, 2em);
  transition: all 0.25s ease;
}
@media (min-width: 768px) {
  .label-custom-search-toggle:hover, .label-custom-search-toggle:focus, .label-custom-search-toggle:active {
    padding-left: 1em;
  }
  .label-custom-search-toggle:hover::before, .label-custom-search-toggle:focus::before, .label-custom-search-toggle:active::before {
    width: 100vw;
    height: 100%;
    transform: translate(-100%, 0);
  }
}
.label-custom-search-toggle:hover > .icon-search, .label-custom-search-toggle:focus > .icon-search, .label-custom-search-toggle:active > .icon-search {
  background-color: hsl(16, 78%, 42%);
}

.checkbox-custom-search-toggle {
  border: none;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
@media (min-width: 768px) {
  .checkbox-custom-search-toggle:checked + .label-custom-search-toggle {
    left: -2.5em;
    grid-column: 1/2;
    background-color: transparent;
  }
  .custom-search .checkbox-custom-search-toggle:checked + .label-custom-search-toggle {
    grid-row: 1/2;
    grid-column: 2/3;
  }
}
@media screen and (min-width: 1688px) {
  .checkbox-custom-search-toggle:checked + .label-custom-search-toggle {
    left: calc(0em - (100vw - 1170px) / 2 + 13.5em);
  }
}
.checkbox-custom-search-toggle:checked + .label-custom-search-toggle::before {
  content: "";
  background-color: transparent;
}
.checkbox-custom-search-toggle:checked + .label-custom-search-toggle .icon-search {
  clip-path: polygon(0% 15%, 50% 0%, 100% 15%, 100% 100%, 50% 85%, 0% 100%);
}
@media (min-width: 768px) {
  .checkbox-custom-search-toggle:checked + .label-custom-search-toggle .icon-search {
    clip-path: polygon(15% 0%, 100% 0%, 85% 50%, 100% 100%, 15% 100%, 0% 50%);
  }
}
.checkbox-custom-search-toggle:checked + .label-custom-search-toggle .icon-search::before {
  width: 1px;
  height: 1.25em;
  border-width: 1px;
  border-radius: 0;
  transform: rotate(45deg) translate(1.25em, -0.625em);
}
.checkbox-custom-search-toggle:checked + .label-custom-search-toggle .icon-search::after {
  height: 1.25em;
  transform: rotate(-45deg) translate(0.625em, 1.25em);
}
.checkbox-custom-search-toggle:checked + .label-custom-search-toggle span:not(.visually-hidden, .icon-search) {
  opacity: 0;
}
@media (min-width: 768px) {
  .checkbox-custom-search-toggle:checked + .label-custom-search-toggle span:not(.visually-hidden, .icon-search) {
    display: none;
    visibility: hidden;
  }
}

.btn-help {
  font-size: 1em;
  border: none;
}
.btn-help::before {
  content: "\f504";
  font-family: bootstrap-icons;
  margin-right: 0.25em;
}
.btn-help:visited {
  color: hsl(208, 97%, 12%);
}
.btn-help:hover, .btn-help:focus {
  color: hsl(16, 88%, 57%);
}
@media (min-width: 768px) {
  :not(.search-results) .btn-help, :not(.content-details) .btn-help {
    display: inline-block;
    font-size: 0.85em;
    text-transform: uppercase;
    line-height: 1.2;
    color: hsl(0, 0%, 100%);
    background-color: hsl(16, 88%, 57%);
    box-shadow: none;
    border: 1px solid hsl(16, 88%, 50%);
    border-radius: 0;
    transition: all 0.25s ease;
    padding: 0.5rem 0.625rem;
    margin: 0 0.125rem;
    cursor: pointer;
  }
  :not(.search-results) .btn-help:visited, :not(.content-details) .btn-help:visited {
    color: hsl(0, 0%, 100%);
    background-color: hsl(16, 88%, 57%);
  }
  :not(.search-results) .btn-help:hover, :not(.search-results) .btn-help:focus, :not(.content-details) .btn-help:hover, :not(.content-details) .btn-help:focus {
    color: hsl(0, 0%, 100%);
    background-color: hsl(16, 78%, 42%);
    border-color: hsl(16, 88%, 50%);
    transform: translate(0.125em, 0.125em);
  }
  :not(.search-results) .btn-help:active, :not(.content-details) .btn-help:active {
    background-color: hsl(16, 78%, 42%);
    color: hsl(0, 0%, 100%);
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  :not(.search-results) .btn-help, :not(.content-details) .btn-help {
    box-shadow: 3px 3px 0 hsl(16, 78%, 42%);
  }
  :not(.search-results) .btn-help:hover, :not(.search-results) .btn-help:focus, :not(.content-details) .btn-help:hover, :not(.content-details) .btn-help:focus {
    box-shadow: 1px 1px 0 hsl(16, 78%, 42%);
  }
  :not(.search-results) .btn-help:active, :not(.content-details) .btn-help:active {
    box-shadow: 1px 1px 0 hsl(16, 78%, 42%);
  }
}
@media (min-width: 768px) {
  :not(.search-results) .btn-help::before, :not(.content-details) .btn-help::before {
    content: "";
  }
}
:is(.page-description, .browse-tabs) .btn-help {
  display: inline-block;
  font-size: 0.85em;
  text-transform: uppercase;
  line-height: 1.2;
  color: hsl(0, 0%, 100%);
  background-color: hsl(16, 88%, 57%);
  box-shadow: none;
  border: 1px solid hsl(16, 88%, 50%);
  border-radius: 0;
  transition: all 0.25s ease;
  padding: 0.5rem 0.625rem;
  margin: 0 0.125rem;
  cursor: pointer;
  margin: 0;
  width: 100%;
  text-align: center;
}
:is(.page-description, .browse-tabs) .btn-help:visited {
  color: hsl(0, 0%, 100%);
  background-color: hsl(16, 88%, 57%);
}
:is(.page-description, .browse-tabs) .btn-help:hover, :is(.page-description, .browse-tabs) .btn-help:focus {
  color: hsl(0, 0%, 100%);
  background-color: hsl(16, 78%, 42%);
  border-color: hsl(16, 88%, 50%);
  transform: translate(0.125em, 0.125em);
}
:is(.page-description, .browse-tabs) .btn-help:active {
  background-color: hsl(16, 78%, 42%);
  color: hsl(0, 0%, 100%);
}
@media (min-width: 768px) {
  :is(.page-description, .browse-tabs) .btn-help {
    box-shadow: 3px 3px 0 hsl(16, 78%, 42%);
  }
  :is(.page-description, .browse-tabs) .btn-help:hover, :is(.page-description, .browse-tabs) .btn-help:focus {
    box-shadow: 1px 1px 0 hsl(16, 78%, 42%);
  }
  :is(.page-description, .browse-tabs) .btn-help:active {
    box-shadow: 1px 1px 0 hsl(16, 78%, 42%);
  }
}
:is(.page-description, .browse-tabs) .btn-help::before {
  content: "";
}
.search-results .btn-help, .content-details .btn-help {
  display: block;
  max-width: 50%;
  font-size: 1em;
  text-transform: capitalize;
  border: none;
  background: none;
  box-shadow: none;
  padding: 0;
}
@media (min-width: 960px) {
  .search-results .btn-help, .content-details .btn-help {
    max-width: 25%;
    margin-left: auto;
  }
}

.link-help {
  flex: 1 0 100%;
  text-align: left;
  padding: 0.5rem 0;
  margin: 0;
}
.link-help > a {
  border: none;
}
.link-help > a::before {
  content: "\f504";
  font-family: bootstrap-icons;
  vertical-align: -0.125em;
  margin-right: 0.25em;
}
@media (min-width: 960px) {
  .link-help {
    text-align: right;
  }
}

.btn-help-ribbon {
  text-align: right;
  line-height: 1;
  margin-top: 0;
}
@media (min-width: 768px) {
  .btn-help-ribbon {
    position: relative;
    width: -moz-max-content;
    width: max-content;
    justify-self: end;
    background: hsl(0, 0%, 85%);
    box-shadow: 1px 1px 2px hsl(220, 5%, 66%);
    padding: 0.75em 1.5em 0.75em 1.25em;
    margin: -1rem 0 -1em auto;
    z-index: 10;
  }
  .btn-help-ribbon::before {
    content: "";
    position: absolute;
    left: -1rem;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 1rem 1rem;
    border-color: transparent transparent hsl(220, 5%, 66%) transparent;
  }
}
.page-description .btn-help-ribbon {
  display: none;
  order: 2;
  align-self: stretch;
}
@media (min-width: 768px) {
  .page-description .btn-help-ribbon {
    display: block;
    order: 0;
    align-self: flex-end;
  }
}
.browse-tabs > .btn-help-ribbon {
  display: block;
  position: relative;
  top: 3em;
  margin-bottom: -2.5em;
}
@media (min-width: 768px) {
  .browse-tabs > .btn-help-ribbon {
    top: 2.25em;
  }
}
.page-description .show + .btn-help-ribbon {
  display: block;
}

.btn-icon {
  display: inline-block;
  width: 1.75em;
  min-width: 1.75em;
  height: 1.75em;
  min-height: 1.75em;
  text-align: center;
  color: hsl(0, 0%, 100%);
  background-color: hsl(240, 1%, 50%);
  border: none;
  border-radius: 50%;
  cursor: pointer;
}
.btn-icon:visited, .btn-icon:hover, .btn-icon:focus {
  color: hsl(0, 0%, 100%);
}
.btn-icon.facebook {
  width: 1.75em;
  min-width: 1.75em;
  height: 1.75em;
  min-height: 1.75em;
  color: hsl(214, 89%, 52%);
  background-color: hsl(0, 0%, 100%);
}
.btn-icon.facebook::after {
  display: none;
  content: "";
}
.btn-icon.twitter-x {
  color: hsl(0, 0%, 100%);
  background-color: hsl(203, 89%, 53%);
}
.btn-icon.twitter-x::after {
  display: none;
  content: "";
}
.btn-icon.email {
  color: hsl(0, 0%, 100%);
  background-color: hsl(240, 1%, 50%);
}
.btn-icon.copy-url {
  color: hsl(0, 0%, 100%);
  background-color: hsl(240, 1%, 50%);
}
.btn-icon.download {
  color: hsl(0, 0%, 100%);
  background-color: hsl(16, 88%, 57%);
}
.btn-icon.rss-feed {
  width: 1.75em;
  min-width: 1.75em;
  height: 1.75em;
  min-height: 1.75em;
  color: hsl(16, 88%, 57%);
  background-color: hsl(0, 0%, 100%);
  margin: 0;
}
.modal-footer .btn-icon {
  width: 2em;
  min-width: 2em;
  height: 2em;
  min-height: 2em;
}
.btn-icon.citation {
  color: hsl(208, 97%, 12%);
  background-color: hsl(37, 95%, 61%);
}
.btn-icon.knocked, .knocked .btn-icon, :is(.masthead:not(#search-masthead, #details-masthead)) .btn-icon {
  color: hsl(207, 54%, 32%);
  background-color: hsl(0, 0%, 100%);
}
.btn-icon.knocked.facebook, .btn-icon.knocked.rss-feed, .knocked .btn-icon.facebook, .knocked .btn-icon.rss-feed, :is(.masthead:not(#search-masthead, #details-masthead)) .btn-icon.facebook, :is(.masthead:not(#search-masthead, #details-masthead)) .btn-icon.rss-feed {
  color: hsl(0, 0%, 100%);
  background-color: transparent;
}

:is(.btn-previous, .btn-next) {
  display: block;
  font-size: 1.875em;
  font-weight: 700;
  color: hsl(0, 0%, 100%);
  opacity: 0.75;
  background: none;
  padding: 0.5em;
  border: none;
  border-radius: 0;
  margin: 0;
  transition: all 250ms ease;
}
@media (min-width: 768px) {
  :is(.btn-previous, .btn-next) {
    font-size: 2.25em;
  }
}
:is(.btn-previous, .btn-next)::after {
  vertical-align: 0;
  font-family: bootstrap-icons;
  border: none;
}
:is(.btn-previous, .btn-next):visited {
  color: hsl(0, 0%, 100%);
}
:is(.btn-previous, .btn-next):hover, :is(.btn-previous, .btn-next):focus, :is(.btn-previous, .btn-next):active {
  color: hsl(16, 88%, 66%);
  opacity: 1;
  background: none;
}

.btn-previous::after {
  content: "\f284";
}
.browse-frtoc .btn-previous {
  grid-area: prev-issue;
}

.btn-next::after {
  content: "\f285";
}
.browse-frtoc .btn-next {
  grid-area: next-issue;
}

.btn-search {
  display: inline-block;
  font-size: 0.85em;
  text-transform: uppercase;
  line-height: 1.2;
  color: hsl(0, 0%, 100%);
  background-color: hsl(16, 88%, 57%);
  box-shadow: none;
  border: 1px solid hsl(16, 88%, 50%);
  border-radius: 0;
  transition: all 0.25s ease;
  padding: 0.5rem 0.625rem;
  margin: 0 0.125rem;
  cursor: pointer;
  padding: 0.75em;
  border: none;
}
.btn-search:visited {
  color: hsl(0, 0%, 100%);
  background-color: hsl(16, 88%, 57%);
}
.btn-search:hover, .btn-search:focus {
  color: hsl(0, 0%, 100%);
  background-color: hsl(16, 78%, 42%);
  border-color: hsl(16, 88%, 50%);
  transform: translate(0.125em, 0.125em);
}
.btn-search:active {
  background-color: hsl(16, 78%, 42%);
  color: hsl(0, 0%, 100%);
}
@media (min-width: 768px) {
  .btn-search {
    box-shadow: 3px 3px 0 hsl(16, 78%, 42%);
  }
  .btn-search:hover, .btn-search:focus {
    box-shadow: 1px 1px 0 hsl(16, 78%, 42%);
  }
  .btn-search:active {
    box-shadow: 1px 1px 0 hsl(16, 78%, 42%);
  }
}
.input-group .btn-search {
  box-shadow: none;
}
.search-form-submit .btn-search {
  display: block;
  margin: auto;
  box-shadow: 3px 3px 0 hsl(16, 78%, 42%);
}
.search-form-submit .btn-search:hover, .search-form-submit .btn-search:focus {
  box-shadow: 1px 1px 0 hsl(16, 78%, 42%);
}
.search-form-submit .btn-search:active {
  box-shadow: 1px 1px 0 hsl(16, 78%, 42%);
}
.btn-search:not(.input-group .btn-search) {
  font-size: 1em;
}
#govinfo-widget .btn-search.icon::before {
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
  content: "";
  color: currentcolor;
  background-image: url('data:image/svg+xml,<svg viewBox="0 0 16 16" fill="%23fff" xmlns="http://www.w3.org/2000/svg"><path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001q.044.06.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1 1 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0"/></svg>');
  background-repeat: no-repeat;
  background-size: 1em 1em;
  padding: 0;
  margin-right: 0;
}
.input-group #govinfo-widget .btn-search.icon::before {
  margin: 0;
}
@media (min-width: 960px) {
  #govinfo-widget .btn-search.icon::before {
    padding: 0 0.25em;
    margin-right: 0.25em;
  }
}

.btn-criteria-toggle {
  font-size: 1em;
  text-align: left;
  background: transparent;
  padding: 0.5em 0.5em 0.5em 0.25em;
  margin: 0;
  border: none;
  cursor: pointer;
}
.btn-criteria-toggle:hover, .btn-criteria-toggle:focus {
  color: hsl(16, 88%, 57%);
}
.btn-criteria-toggle:active {
  color: hsl(16, 78%, 42%);
}
.btn-criteria-toggle .btn-criteria-toggle-icon {
  width: 1.25em;
  height: 1.25em;
  vertical-align: -4px;
}
.btn-criteria-toggle.remove > .btn-criteria-toggle-icon {
  width: 1em;
  height: 1em;
  vertical-align: -2px;
}
.search-input-group .btn-criteria-toggle {
  font-size: 0.85em;
  align-self: end;
  text-align: right;
}
#govinfo-widget .btn-criteria-toggle.icon::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  color: currentcolor;
  background-repeat: no-repeat;
  background-size: 1rem 1rem;
  vertical-align: -0.125em;
}
#govinfo-widget .btn-criteria-toggle.icon:hover::before, #govinfo-widget .btn-criteria-toggle.icon:focus::before {
  filter: brightness(5) sepia(1) hue-rotate(315deg) saturate(5);
}
#govinfo-widget .btn-criteria-toggle.icon:active::before {
  filter: brightness(3) sepia(1) hue-rotate(315deg) saturate(4);
}
#govinfo-widget .btn-criteria-toggle.icon.add::before {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="rgb(1, 32, 59)" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8 2a.5.5 0 0 1 .5.5v5h5a.5.5 0 0 1 0 1h-5v5a.5.5 0 0 1-1 0v-5h-5a.5.5 0 0 1 0-1h5v-5A.5.5 0 0 1 8 2"/></svg>');
}
#govinfo-widget .btn-criteria-toggle.icon.remove::before {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="rgb(1, 32, 59)" viewBox="0 0 16 16"><path d="M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8z"/></svg>');
}

.btn-search-toggle {
  width: -moz-max-content;
  width: max-content;
  font-size: 1em;
  color: hsl(208, 97%, 12%);
  background: hsl(0, 0%, 100%);
  text-transform: capitalize;
  padding: 1em 0;
  border: none;
}
.btn-search-toggle:visited {
  color: hsl(208, 97%, 12%);
}
.btn-search-toggle:hover, .btn-search-toggle:focus {
  color: hsl(16, 88%, 57%);
  background: none;
}
.btn-search-toggle:active {
  color: hsl(16, 78%, 42%);
  background: none;
}
@media (min-width: 768px) {
  .btn-search-toggle {
    display: inline-block;
    font-size: 0.85em;
    text-transform: uppercase;
    line-height: 1.2;
    color: hsl(0, 0%, 100%);
    background-color: hsl(16, 88%, 57%);
    box-shadow: none;
    border-radius: 0;
    transition: all 0.25s ease;
    padding: 0.5rem 0.625rem;
    margin: 0 0.125rem;
    cursor: pointer;
    font-size: 1em;
    padding: 1em;
  }
  .btn-search-toggle:visited {
    color: hsl(0, 0%, 100%);
    background-color: hsl(16, 88%, 57%);
  }
  .btn-search-toggle:hover, .btn-search-toggle:focus {
    color: hsl(0, 0%, 100%);
    background-color: hsl(16, 78%, 42%);
    border-color: hsl(16, 88%, 50%);
    transform: translate(0.125em, 0.125em);
  }
  .btn-search-toggle:active {
    background-color: hsl(16, 78%, 42%);
    color: hsl(0, 0%, 100%);
  }
}
.btn-search-toggle .icon-caret {
  display: none;
}
@media (min-width: 768px) {
  .btn-search-toggle .icon-caret {
    display: inline-block;
    font-family: bootstrap-icons;
    margin: 0 0.125em;
    transform: rotate(0);
    transition: transform 0.3s ease-in;
  }
  .btn-search-toggle .icon-caret::after {
    content: "\f235";
    display: block;
    color: currentcolor;
  }
}
.btn-search-toggle[aria-expanded=false] .icon-caret {
  transform: rotate(0.5turn);
}
.btn-search-toggle span {
  margin: 0 0.125em;
}
.menu-bar-site-nav.is-open ~ .btn-search-toggle {
  visibility: hidden;
}

.section-toggle {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  padding: 0 1rem;
}
@media (min-width: 768px) {
  .section-toggle ~ div.collapse {
    display: block;
  }
  .section-toggle ~ div.collapsing {
    order: 2;
    height: auto;
    overflow: auto;
    transition: none;
  }
  .section-toggle ~ div.collapse:not(.show) {
    display: block;
  }
}

.btn-section-toggle {
  width: 100%;
  font-size: inherit;
  text-align: left;
  color: hsl(208, 97%, 12%);
  background-color: transparent;
  padding: 0;
  border: none;
}

.btn-section-toggle-caret {
  font-size: 1.25em;
  color: hsl(208, 97%, 12%);
  background-color: transparent;
  padding: 0;
  border: none;
  transform: rotate(0turn);
  transition: all 0.25s ease;
}
.btn-section-toggle-caret:hover, .btn-section-toggle-caret:active, .btn-section-toggle-caret:focus {
  color: hsl(16, 78%, 42%);
}
.btn-section-toggle-caret::after {
  content: "\f285";
  font-family: bootstrap-icons;
}
.btn-section-toggle-caret[aria-expanded=true] {
  transform: rotate(0.25turn);
}
@media (min-width: 768px) {
  .btn-section-toggle-caret {
    display: none;
  }
}

.btn-to-content {
  clip-path: polygon(0 0, 0 0, 0 0, 0 0);
  box-sizing: border-box;
  position: absolute;
  margin: 0;
  padding: 0;
}
.btn-to-content:focus {
  position: absolute;
  display: block;
  width: 100%;
  top: 0;
  left: 0;
  font-size: 1.125em;
  text-align: center;
  color: hsl(16, 88%, 57%);
  background-color: hsla(0, 0%, 100%, 0.9);
  padding: 1em 0.5em;
  border: 1px solid currentcolor;
  clip-path: none;
  z-index: 999;
}

.btn-to-top {
  position: fixed;
  display: none;
  right: 1.25rem;
  bottom: 2.5rem;
  width: 3.25rem;
  height: 3.25rem;
  color: hsl(0, 0%, 100%);
  background-color: hsl(0, 0%, 0%);
  opacity: 0.3;
  text-align: center;
  border-radius: 0.25rem;
  border: none;
  padding: 0.25rem 0 0.325em;
  transition: all 0.25s ease;
  cursor: pointer;
}
.btn-to-top::after {
  content: "\f286";
  font-family: bootstrap-icons;
  font-size: 2.25em;
  font-weight: 700;
}
.btn-to-top:hover, .btn-to-top:focus {
  color: hsl(0, 0%, 100%);
  background-color: hsl(0, 0%, 0%);
  opacity: 0.5;
}
.btn-to-top:active {
  background-color: hsl(0, 0%, 0%);
  opacity: 0.6;
}
.btn-to-top:visited {
  color: hsl(0, 0%, 100%);
}
.btn-to-top.show {
  display: block;
}

.btn-tooltip {
  font-size: 1.125em;
  color: hsl(208, 97%, 12%);
  background-color: hsl(0, 0%, 100%);
  border: none;
  border-radius: 50%;
  box-shadow: none;
  cursor: pointer;
}
.btn-tooltip > i {
  font-size: 0.85em;
}

button {
  font-family: inherit;
  font-weight: inherit;
}

.tooltip-info-metadata, .tooltip-info-rendition, .tooltip-info-historical, .tooltip-info-link-copied {
  font-size: 0.85em;
  line-height: 1.2;
  color: hsl(208, 97%, 12%);
  cursor: pointer;
}
.tooltip-info-metadata .tooltip-arrow, .tooltip-info-rendition .tooltip-arrow, .tooltip-info-historical .tooltip-arrow, .tooltip-info-link-copied .tooltip-arrow {
  color: hsl(16, 88%, 57%);
}
.tooltip-info-metadata .tooltip-inner, .tooltip-info-rendition .tooltip-inner, .tooltip-info-historical .tooltip-inner, .tooltip-info-link-copied .tooltip-inner {
  text-align: left;
  background-color: hsl(0, 0%, 100%);
  border: 1px solid hsl(16, 88%, 57%);
  border-bottom-width: 4px;
  border-radius: 0.25rem;
  box-shadow: 3px 3px 2px hsla(0, 0%, 0%, 0.3);
}
.tooltip-info-metadata .tooltip-inner:hover, .tooltip-info-rendition .tooltip-inner:hover, .tooltip-info-historical .tooltip-inner:hover, .tooltip-info-link-copied .tooltip-inner:hover, .tooltip-info-metadata .tooltip-inner:focus, .tooltip-info-rendition .tooltip-inner:focus, .tooltip-info-historical .tooltip-inner:focus, .tooltip-info-link-copied .tooltip-inner:focus {
  background-color: hsl(0, 0%, 100%);
}
.tooltip-info-metadata .tooltip-inner .bi, .tooltip-info-rendition .tooltip-inner .bi, .tooltip-info-historical .tooltip-inner .bi, .tooltip-info-link-copied .tooltip-inner .bi {
  padding: 0 0.5em 0 0;
}

.tooltip-info-link-copied .tooltip-inner {
  padding: 0.5em 1em;
}

.tooltip-info-historical {
  max-width: 25em;
}

.tooltip-info-rendition {
  text-transform: uppercase;
}
.tooltip-info-rendition p {
  margin: 0;
}
.tooltip-info-rendition p.label-download {
  text-transform: none;
  font-style: italic;
}
.tooltip-info-rendition .tooltip-arrow {
  color: hsl(204, 28%, 42%);
}
.tooltip-info-rendition .tooltip-inner {
  border-color: hsl(204, 28%, 42%);
}

.tooltip-info-metadata {
  max-width: 20em;
}

.popover-info {
  font-size: 0.85em;
  line-height: 1.2;
  color: hsl(208, 97%, 12%);
  border: 1px solid hsl(16, 88%, 57%);
  border-bottom-width: 4px;
  border-radius: 0.25rem;
  box-shadow: 3px 3px 2px hsla(0, 0%, 0%, 0.3);
  cursor: pointer;
}
.popover-info.thumbnail-info {
  max-width: 30em;
}
.popover-info .popover-arrow {
  color: hsl(16, 88%, 57%);
  border-color: hsl(16, 88%, 57%);
}
.popover-info .popover-header {
  font-size: 1em;
  color: hsl(0, 0%, 100%);
  background-color: hsl(16, 88%, 57%);
  border-radius: 0.25rem 0.25rem 0 0;
  padding: 0.25em 1em 0.25em 0.5em;
  margin: 0;
}
.popover-info .popover-header .bi {
  padding: 0 0.5em 0 0;
}
.popover-info .popover-body {
  background-color: hsl(0, 0%, 100%);
  padding: 1em;
}
.popover-info .popover-body :is(h1, h2, h3, h4, h5, h6) {
  font-size: 1.125em;
  padding: 0;
  margin: 0.5em 0;
}

.spinner-background {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: hsla(207, 100%, 95%, 0.6);
  padding: 1em;
  z-index: 1000;
}

.spinner {
  position: relative;
  top: calc(50% - 3em);
  left: calc(50% - 2.5em);
  width: 5em;
  height: 5em;
}

.spinner-button {
  width: 1em;
  height: 1em;
}

.modal .modal-content {
  background-color: hsl(0, 0%, 100%);
  border: 1px solid hsl(16, 88%, 65%);
  border-top-width: 4px;
  border-radius: 0.25rem;
  box-shadow: 3px 3px 2px hsl(157, 4%, 42%);
}
.modal .modal-header {
  flex-flow: row wrap;
  border-bottom: none;
}
.modal .modal-header p {
  order: 3;
  flex: 1 0 100%;
}
.modal .modal-header .modal-title {
  order: 1;
  font-size: 1.5em;
  padding: 0;
  margin: 0;
}
.modal .modal-header .btn-close {
  order: 2;
}
.modal .modal-figure-image {
  margin: 0 auto;
}
.modal .modal-form-label {
  font-weight: 700;
}
.modal .modal-footer {
  justify-content: space-between;
  border-top: none;
}
.modal .modal-footer::before, .modal .modal-footer::after {
  content: none;
}

@media (min-width: 768px) {
  #citation-modal .modal-dialog {
    max-width: 40em;
  }
}
@media (min-width: 1200px) {
  #citation-modal .modal-dialog {
    max-width: 50em;
  }
}

.toast-info-container {
  position: fixed;
  top: 5rem;
  right: 0.5rem;
}

.toast-info {
  position: relative;
  font-size: 0.85em;
  line-height: 1.2;
  color: hsl(208, 97%, 12%);
  background-color: hsl(0, 0%, 100%);
  opacity: 0.9;
  border: 1px solid hsl(16, 88%, 57%);
  border-bottom-width: 4px;
  border-radius: 0.25rem;
  box-shadow: 3px 3px 2px hsl(157, 4%, 42%);
  padding: 0;
}
.toast-info .toast-header {
  display: flex;
  justify-content: space-between;
  color: hsl(0, 0%, 100%);
  background-color: hsl(16, 88%, 57%);
  border-radius: 0.25rem 0.25rem 0 0;
  padding: 0.25em 1em;
  margin: 0;
}
.toast-info .toast-header .toast-title {
  font-size: 1em;
  padding: 0;
  margin: 0;
}
.toast-info .toast-header .svg-icon {
  color: hsl(0, 0%, 100%);
  margin-right: 0.25em;
}
.toast-info .toast-body {
  padding: 0.5em 1em;
}

.swbs5 #search-widget .toast {
  font-size: 13.6px;
  background-color: hsl(0, 0%, 100%);
  opacity: 0.9;
}

.affiliate-badges-group {
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-evenly;
  align-items: center;
  gap: 1.5em;
  margin: 1.5em 0 0;
}
@media (min-width: 768px) {
  .affiliate-badges-group {
    flex-direction: row;
    align-items: flex-start;
  }
}

.affiliate-badge {
  flex: 0 1 100%;
  text-align: center;
  border: none;
}
@media (min-width: 768px) {
  .affiliate-badge {
    flex: 0 1 auto;
    width: auto;
  }
}
.affiliate-badge.gpo-logo img {
  width: 220px;
  margin: 0 auto 1.25em;
}
@media (min-width: 768px) {
  .affiliate-badge.gpo-logo {
    order: 2;
  }
}
.affiliate-badge.ptab-logo img {
  max-width: 220px;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .affiliate-badge.ptab-logo {
    order: 1;
  }
}
.affiliate-badge.cts-logo img {
  max-width: 188px;
  margin: -18px -15px -25px -14px;
}
@media (min-width: 768px) {
  .affiliate-badge.cts-logo {
    order: 3;
  }
}

.site-footer .section-title {
  font-size: 1.125em;
}

.footer-nav {
  display: none;
}
@media (min-width: 768px) {
  .footer-nav {
    display: block;
  }
}
.footer-nav .footer-nav-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
@media (min-width: 768px) {
  .footer-nav .footer-nav-list {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: flex-start;
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }
}
.footer-nav .footer-nav-list-item {
  position: relative;
  width: 16.6666666667%;
}
.footer-nav .footer-nav-menu-title {
  font-size: 1.125em;
  padding: 0 0 0.25em;
  margin: 0 0 0.5em;
  border: 2px solid hsl(240, 1%, 68%);
  -o-border-image: linear-gradient(90deg, hsl(157, 4%, 42%) 0%, hsl(157, 4%, 42%) 50%, hsl(240, 1%, 68%) 50%) 0 0 100 0;
     border-image: linear-gradient(90deg, hsl(157, 4%, 42%) 0%, hsl(157, 4%, 42%) 50%, hsl(240, 1%, 68%) 50%) 0 0 100 0;
}
.footer-nav .footer-nav-menu {
  font-size: 0.85em;
  list-style: none;
  padding: 0;
  margin: 0;
}
.footer-nav .footer-nav-menu-item {
  padding: 0.5em 0;
}
.footer-nav .footer-nav-menu-link {
  border: none;
}

.summary-facets {
  margin: 1.5em 0 0;
}

.summary-facets-list {
  margin: 0.5em 0 1em;
}

.summary-facet-next-arrow {
  padding: 0 0.5em 0 0.25em;
}

.facet-field-group {
  display: inline-block;
  margin: 0 0.25em 0 0;
}

.facet-field {
  display: inline-block;
  font-size: 0.85em;
  font-weight: 700;
  padding: 0;
  margin: 0 0.25em 0.25em 0;
}
.summary-title + .facet-field {
  flex: 0 1 auto;
  line-height: 2.25;
}

:is(.facet-field:hover, .facet-field:focus, .facet-field-group:hover, .facet-field-group:focus) ~ :is(.facet-field-group, .facet-field-group ~ .facet-field) {
  opacity: 0.2;
}

.facet-field-value {
  white-space: inherit;
  color: hsl(208, 97%, 12%);
  background-color: #ebebeb;
  border: 1px solid #dedfe1;
  padding: 0.4em 0.7em;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
.facet-field-value:visited {
  color: hsl(208, 97%, 12%);
}
.facet-field-value:hover, .facet-field-value:focus {
  color: hsl(16, 88%, 57%);
  background-color: #dedfe1;
  border: 1px solid #ebebeb;
}
.facet-field-value::after {
  content: "\f62a";
  font-family: bootstrap-icons;
  font-size: 1.125em;
  vertical-align: -3px;
  margin-left: 0.25em;
}

#search-navigators {
  padding: 0;
}
@media (min-width: 768px) {
  #search-navigators {
    padding: 1rem 0 0;
  }
}

.navigator-section {
  border: none;
  margin: 0 0 1px;
}
@media (min-width: 768px) {
  .navigator-section {
    margin: 0;
  }
}
.navigator-section a {
  border: none;
}

.navigator-header {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  background-color: hsl(207, 100%, 20%);
  padding: 0 1rem;
}
@media (min-width: 768px) {
  .navigator-header {
    margin: 0;
  }
}
.navigator-header .navigator-title {
  flex: 1 0 auto;
  font-size: 1.125em;
  color: hsl(0, 0%, 100%);
  padding: 0;
  margin: 0.5em 0;
}
.navigator-header .navigator-section-toggle {
  flex: 0 0 2rem;
  color: hsl(0, 0%, 100%);
  background-color: transparent;
  font-size: 1.875em;
  border: none;
  box-shadow: none;
  padding: 0.25rem 0.5rem;
  transform: rotate(0.25turn);
  transition: all 0.5s ease;
}
.navigator-header .navigator-section-toggle[aria-expanded=false] {
  transform: rotate(0);
}
@media (min-width: 768px) {
  .navigator-header .navigator-section-toggle {
    display: none;
  }
}
.navigator-header .navigator-section-toggle-caret::before {
  content: "\f285";
  color: currentcolor;
  font-family: bootstrap-icons;
  display: inline-block;
  cursor: pointer;
}

@media (min-width: 768px) {
  .navigators-section-panel.collapse {
    display: block;
  }
}

.navigator-panel .navigator-panel-heading {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  background-color: hsl(0, 0%, 92%);
  padding: 0 1rem;
}
.navigator-panel .navigator-panel-heading .navigator-panel-title {
  font-family: Roboto, Tahoma, sans-serif;
  font-size: 1em;
  font-weight: 400;
  padding: 0;
  margin: 0;
}
.navigator-panel .navigator-panel-heading .custom-sort-controls {
  flex: 0 1 auto;
  font-size: 0.85em;
  padding: 0.75rem 0.125rem;
  margin: 0.25rem 0;
}
.navigator-panel .navigator-list-group {
  list-style: none;
  padding: 0;
  margin: 0 0 0.5rem;
}
.navigator-panel .navigator-list-item {
  background-color: hsl(0, 0%, 100%);
  padding: 0 0.5rem 0.25rem;
  margin: 0;
  transition: all 0.5s ease;
}
.navigator-panel .navigator-list-item:hover {
  background-color: hsl(0, 0%, 85%);
}
.navigator-panel .navigator-list-item:focus-within {
  background-color: hsl(0, 0%, 85%);
  outline: 1px dotted black;
}
.navigator-panel .navigator-list-item .navigator-facet-heading {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
}
.navigator-panel .navigator-list-item .navigator-facet-label {
  flex: 0 1 auto;
  font-size: 0.85em;
  text-indent: -1rem;
  padding: 0.5rem 0.5rem 0.5rem 1.75rem;
}
.navigator-panel .navigator-list-item .navigator-facet-label::before {
  text-indent: 0;
}
.facet-expandable .navigator-panel .navigator-list-item .navigator-facet-label::after {
  content: "\f285";
  color: currentcolor;
  font-family: bootstrap-icons;
  letter-spacing: 5px;
  display: inline-block;
  cursor: pointer;
}
.navigator-panel .navigator-list-item .navigator-facet-sub-content {
  flex: 0 0 auto;
  background-color: hsl(0, 0%, 100%);
}
.navigator-panel .navigator-panel-toggle {
  flex: 1 1 auto;
  display: inline-block;
  font-size: 1em;
  text-align: left;
  color: hsl(208, 97%, 12%);
  background-color: transparent;
  border: none;
  padding: 0.75rem 0.125rem;
  margin: 0.25rem 0;
  cursor: pointer;
}
.navigator-panel .navigator-panel-toggle::before {
  content: "\f2e5";
  display: inline-block;
  color: currentcolor;
  font-family: bootstrap-icons;
  font-size: 0.85em;
  vertical-align: -1px;
  margin: 0 0.5em 0 0;
  cursor: pointer;
}
.navigator-panel .navigator-panel-toggle:focus, .navigator-panel .navigator-panel-toggle:hover {
  color: hsl(16, 78%, 42%);
}
.navigator-panel .navigator-panel-toggle[aria-expanded=false]::before {
  content: "\f4f9";
}
.navigator-panel .navigator-facet-toggle {
  flex: 1 0 auto;
  text-align: right;
  font-size: 0.85em;
  color: hsl(208, 97%, 12%);
  background-color: inherit;
  border: none;
  box-shadow: none;
  padding: 0.23rem 0.5rem;
  cursor: pointer;
}
.navigator-panel .navigator-facet-toggle::before {
  content: "\f285";
  display: inline-block;
  color: currentcolor;
  font-family: bootstrap-icons;
  transform: rotate(0);
  transition: all 0.5s ease;
}
.navigator-panel .navigator-facet-toggle[aria-expanded=false]::before {
  transform: rotate(0);
}
.navigator-panel .navigator-facet-toggle[aria-expanded=true]::before {
  transform: rotate(0.25turn);
}
.navigator-panel .btn-navigator-show-moreless {
  display: block;
  width: 100%;
  color: hsl(208, 97%, 12%);
  background-color: hsl(0, 0%, 100%);
  font-size: 0.85em;
  font-weight: 700;
  text-align: end;
  text-transform: capitalize;
  border: none;
  box-shadow: none;
  padding: 0.25rem 0.5rem;
  margin: 0.5rem 0;
  cursor: pointer;
}
.navigator-panel .btn-navigator-show-moreless:hover, .navigator-panel .btn-navigator-show-moreless:focus {
  color: hsl(16, 88%, 57%);
}
.navigator-panel .btn-navigator-show-moreless:active {
  color: hsl(16, 78%, 42%);
}
.navigator-panel .btn-navigator-show-moreless::after {
  content: "";
  font-family: bootstrap-icons;
  font-weight: 700;
  font-size: 1.125em;
  display: inline-block;
  color: currentcolor;
  vertical-align: -3px;
  margin: 0;
}
.navigator-panel .btn-navigator-show-moreless.more::after {
  content: "\f4fe";
}
.navigator-panel .btn-navigator-show-moreless.less::after {
  content: "\f2ea";
}

.page-footer {
  background: hsl(0, 0%, 92%);
  border-top: 1px solid hsl(220, 5%, 88%);
  padding-top: 1.5em;
  padding-bottom: 5em;
  margin: 1em 0 0;
}
@media (min-width: 768px) {
  .page-footer {
    padding-top: 3.75em;
    margin: 2em 0 0;
  }
}
#related-resources + .page-footer {
  margin: 0;
}

.curated-list {
  list-style: none;
  padding-left: 0;
}
.curated-list li {
  font-size: 1.125em;
  padding: 0 0 0.5em;
}
.curated-list a {
  border: none;
}

.search-summary-header {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-content: flex-start;
}
@media (min-width: 960px) {
  .search-summary-header {
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: baseline;
    gap: 0 0.25em;
  }
}
.search-results-curated .search-summary-header {
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: baseline;
  gap: 0 0.25em;
  margin: 1.5em 0 1em;
}

.search-summary-results {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-content: baseline;
  align-items: center;
}
.search-summary-results .historical-results-toggle-group {
  flex: 1 1 auto;
}
.search-summary-results .results-sort-select {
  flex: 0 1 30%;
}

.summary-title {
  flex: 1 0 100%;
  margin: 0;
  padding: 0;
  font-size: 1.125em;
}
.search-summary-results .summary-title {
  flex: 0 0 auto;
  font-size: 0.85em;
  padding: 0 0.5rem 0.125em 0;
  margin: 0 0.5rem 0 0;
  border-right: 1px solid hsl(220, 5%, 88%);
}
.search-results-curated .summary-title {
  flex: 0 0 auto;
}
@media (min-width: 960px) {
  .summary-title {
    flex: 0 1 auto;
  }
}

.search-results-list {
  padding-left: 2em;
}

.curated-search-form {
  background-color: hsl(220, 5%, 88%);
  border: solid 2px hsl(0, 0%, 80%);
  border-radius: 0;
  padding: 1.25em 1em;
  margin: 2rem 0 0;
}

.curated-search-label {
  display: block;
  font-weight: 700;
  margin-bottom: 1em;
}

.search-results-details {
  font-weight: 700;
}
.search-results-details i {
  font-weight: 400;
}

/* stylelint-disable max-line-length */
.details-header {
  display: grid;
  grid-template: [details-title-start] "details-article-title     details-article-title" auto [details-title-end] [details-thumbnail-start] "details-article-thumbnail details-article-description" auto [details-description-end]/auto 1fr;
  gap: 1rem;
  align-items: start;
}

.browse-author {
  margin-top: 5em;
}
@media (min-width: 768px) {
  .browse-author {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 1.25em;
    margin-top: 2.5em;
  }
}
@media (min-width: 960px) {
  .browse-author {
    gap: 2.5em;
  }
}

@media (min-width: 768px) {
  .author-section {
    display: grid;
    grid-template-rows: max-content 8.5rem auto;
    gap: 0.5em 0;
  }
}
@media (min-width: 960px) {
  .author-section {
    grid-template-rows: max-content 7.5rem auto;
  }
}
@media (min-width: 1200px) {
  .author-section {
    grid-template-rows: max-content 6rem auto;
  }
}

.browse-list {
  list-style: none;
  padding-left: 1.25em;
  margin-top: 0;
}
.browse-list li {
  text-indent: -1.25em;
  padding: 0 0 1em;
}
.browse-list a {
  border: none;
}

.browse-category {
  display: block;
  margin-top: 3em;
}
@media (min-width: 768px) {
  .browse-category {
    display: grid;
    gap: 0 3em;
    grid-template-columns: [tabs-start] 1fr [tabs-end content-start] 2fr [content-end];
    grid-template-rows: auto;
    margin-top: revert;
  }
}
.browse-category .category-tab {
  border-color: hsl(220, 5%, 88%);
  border-left: 4px solid transparent;
  border-bottom: 1px solid hsl(220, 5%, 88%);
  margin: 0;
  transition: border-color 250ms ease-out;
}
.browse-category .category-tab:hover, .browse-category .category-tab:focus {
  border-color: hsl(220, 5%, 88%);
  border-left: 4px solid hsl(220, 5%, 88%);
}
.browse-category .category-tab.active {
  border-top: 1px solid hsl(16, 88%, 57%);
  border-left: 4px solid hsl(16, 88%, 57%);
  border-bottom-color: hsl(220, 5%, 88%);
}
@media (min-width: 768px) {
  .browse-category .category-tab.active {
    border-top: none;
  }
}
.browse-category .category-tab.active:hover, .browse-category .category-tab.active:focus {
  border-color: hsl(16, 88%, 57%);
  border-bottom-color: hsl(220, 5%, 88%);
}
@media (min-width: 768px) {
  .browse-category .category-tab {
    grid-column: tabs-start/tabs-end;
  }
}
.browse-category .category-tab-content {
  position: relative;
  visibility: hidden;
  height: 0;
  max-height: 0;
  overflow: hidden;
  transition: max-height 300ms ease-in;
}
@media (min-width: 768px) {
  .browse-category .category-tab-content {
    grid-column: content-start/content-end;
    grid-area: 2/content-start/18/content-end;
    opacity: 0;
    visibility: hidden;
    transition: opacity 250ms ease-out;
  }
}
.browse-category .category-tab-content.active {
  height: auto;
  max-height: 100%;
  border-left: 4px solid hsl(16, 88%, 57%);
  visibility: visible;
  transition: max-height 300ms ease-out;
}
@media (min-width: 768px) {
  .browse-category .category-tab-content.active {
    border: none;
    opacity: 1;
    visibility: visible;
    transition: opacity 250ms ease-in;
  }
}
.browse-category .category-tab-content.collapsable.is-collapsed {
  visibility: hidden;
  height: 0;
  max-height: 0;
}
.browse-category .browse-category-nav ul {
  margin-top: 0;
  list-style: none;
}
@media (min-width: 768px) {
  .browse-category .browse-category-nav ul {
    margin: revert;
  }
}
.browse-category .browse-category-nav li {
  padding: 1em 0;
  border-bottom: 1px solid hsl(220, 5%, 88%);
}

.browse-date {
  display: block;
  margin-top: 3em;
}
@media (min-width: 768px) {
  .browse-date {
    margin-top: revert;
  }
}

.timeframes-buttons {
  display: flex;
  flex-flow: column wrap;
  gap: 0.5em;
}
@media (min-width: 768px) {
  .timeframes-buttons {
    flex-flow: row wrap;
    gap: 1em;
  }
}
.timeframes-buttons .btn-timeframe {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: 0.5em;
  background-color: hsl(0, 0%, 92%);
  padding: 0;
  margin: 0;
  padding-left: 1em;
  border: 1px solid hsl(220, 5%, 75%);
  border-radius: 0;
  cursor: pointer;
}
@media (min-width: 768px) {
  .timeframes-buttons .btn-timeframe {
    padding-left: 0.75em;
  }
}
.timeframes-buttons .btn-timeframe-radio {
  display: inline-block;
  padding: 0.5em;
  border: 2px solid transparent;
  margin: 0;
  transition: all 250ms ease;
  cursor: pointer;
}
.timeframes-buttons .btn-timeframe-radio:checked {
  background-color: hsl(16, 88%, 57%);
  background-image: none;
  border: 2px solid hsl(16, 78%, 42%);
}
.timeframes-buttons .btn-timeframe-label {
  display: inline-block;
  flex: 1 0 auto;
  text-transform: capitalize;
  padding: 1em 0.5em;
  cursor: pointer;
}
@media (min-width: 768px) {
  .timeframes-buttons .btn-timeframe-label {
    padding: 1em 1em 1em 0;
  }
}
.timeframes-buttons .btn-timeframe-label.checked {
  background-color: hsl(240, 1%, 68%);
}

#storybook-docs :is(h1, h2, h3, h4, h5) a {
  border: none;
}