.offcanvas,
.offcanvas-xxl,
.offcanvas-xl,
.offcanvas-lg,
.offcanvas-md,
.offcanvas-sm {
  --cod-offcanvas-zindex: 1045;
  --cod-offcanvas-width: 400px;
  --cod-offcanvas-height: 30vh;
  --cod-offcanvas-padding-x: 1em;
  --cod-offcanvas-padding-y: 1em;
  --cod-offcanvas-color: var(--cod-body-color);
  --cod-offcanvas-bg: var(--cod-body-bg);
  --cod-offcanvas-border-width: var(--cod-border-width);
  --cod-offcanvas-border-color: var(--cod-border-color-translucent);
  --cod-offcanvas-box-shadow: 0 0.125em 0.25em rgba(0, 0, 0, 0.075);
  --cod-offcanvas-transition: transform 0.3s ease-in-out;
  --cod-offcanvas-title-line-height: 1.5;
}

@media (max-width: 575.98px) {
  .offcanvas-sm {
    position: fixed;
    bottom: 0;
    z-index: var(--cod-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--cod-offcanvas-color);
    visibility: hidden;
    background-color: var(--cod-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--cod-offcanvas-transition);
  }
}
@media (max-width: 575.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-sm {
    transition: none;
  }
}
@media (max-width: 575.98px) {
  .offcanvas-sm.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--cod-offcanvas-width);
    border-right: var(--cod-offcanvas-border-width) solid
      var(--cod-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-sm.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--cod-offcanvas-width);
    border-left: var(--cod-offcanvas-border-width) solid
      var(--cod-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-sm.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--cod-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--cod-offcanvas-border-width) solid
      var(--cod-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-sm.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--cod-offcanvas-height);
    max-height: 100%;
    border-top: var(--cod-offcanvas-border-width) solid
      var(--cod-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-sm.showing,
  .offcanvas-sm.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-sm.showing,
  .offcanvas-sm.hiding,
  .offcanvas-sm.show {
    visibility: visible;
  }
}
@media (min-width: 576px) {
  .offcanvas-sm {
    --cod-offcanvas-height: auto;
    --cod-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-sm .offcanvas-header {
    display: none;
  }
  .offcanvas-sm .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}

@media (max-width: 767.98px) {
  .offcanvas-md {
    position: fixed;
    bottom: 0;
    z-index: var(--cod-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--cod-offcanvas-color);
    visibility: hidden;
    background-color: var(--cod-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--cod-offcanvas-transition);
  }
}
@media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-md {
    transition: none;
  }
}
@media (max-width: 767.98px) {
  .offcanvas-md.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--cod-offcanvas-width);
    border-right: var(--cod-offcanvas-border-width) solid
      var(--cod-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-md.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--cod-offcanvas-width);
    border-left: var(--cod-offcanvas-border-width) solid
      var(--cod-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-md.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--cod-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--cod-offcanvas-border-width) solid
      var(--cod-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-md.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--cod-offcanvas-height);
    max-height: 100%;
    border-top: var(--cod-offcanvas-border-width) solid
      var(--cod-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-md.showing,
  .offcanvas-md.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-md.showing,
  .offcanvas-md.hiding,
  .offcanvas-md.show {
    visibility: visible;
  }
}
@media (min-width: 768px) {
  .offcanvas-md {
    --cod-offcanvas-height: auto;
    --cod-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-md .offcanvas-header {
    display: none;
  }
  .offcanvas-md .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}

@media (max-width: 991.98px) {
  .offcanvas-lg {
    position: fixed;
    bottom: 0;
    z-index: var(--cod-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--cod-offcanvas-color);
    visibility: hidden;
    background-color: var(--cod-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--cod-offcanvas-transition);
  }
}
@media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-lg {
    transition: none;
  }
}
@media (max-width: 991.98px) {
  .offcanvas-lg.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--cod-offcanvas-width);
    border-right: var(--cod-offcanvas-border-width) solid
      var(--cod-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-lg.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--cod-offcanvas-width);
    border-left: var(--cod-offcanvas-border-width) solid
      var(--cod-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-lg.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--cod-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--cod-offcanvas-border-width) solid
      var(--cod-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-lg.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--cod-offcanvas-height);
    max-height: 100%;
    border-top: var(--cod-offcanvas-border-width) solid
      var(--cod-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-lg.showing,
  .offcanvas-lg.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-lg.showing,
  .offcanvas-lg.hiding,
  .offcanvas-lg.show {
    visibility: visible;
  }
}
@media (min-width: 992px) {
  .offcanvas-lg {
    --cod-offcanvas-height: auto;
    --cod-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-lg .offcanvas-header {
    display: none;
  }
  .offcanvas-lg .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}

@media (max-width: 1199.98px) {
  .offcanvas-xl {
    position: fixed;
    bottom: 0;
    z-index: var(--cod-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--cod-offcanvas-color);
    visibility: hidden;
    background-color: var(--cod-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--cod-offcanvas-transition);
  }
}
@media (max-width: 1199.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-xl {
    transition: none;
  }
}
@media (max-width: 1199.98px) {
  .offcanvas-xl.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--cod-offcanvas-width);
    border-right: var(--cod-offcanvas-border-width) solid
      var(--cod-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-xl.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--cod-offcanvas-width);
    border-left: var(--cod-offcanvas-border-width) solid
      var(--cod-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-xl.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--cod-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--cod-offcanvas-border-width) solid
      var(--cod-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-xl.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--cod-offcanvas-height);
    max-height: 100%;
    border-top: var(--cod-offcanvas-border-width) solid
      var(--cod-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-xl.showing,
  .offcanvas-xl.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-xl.showing,
  .offcanvas-xl.hiding,
  .offcanvas-xl.show {
    visibility: visible;
  }
}
@media (min-width: 1200px) {
  .offcanvas-xl {
    --cod-offcanvas-height: auto;
    --cod-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-xl .offcanvas-header {
    display: none;
  }
  .offcanvas-xl .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}

@media (max-width: 1399.98px) {
  .offcanvas-xxl {
    position: fixed;
    bottom: 0;
    z-index: var(--cod-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--cod-offcanvas-color);
    visibility: hidden;
    background-color: var(--cod-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--cod-offcanvas-transition);
  }
}
@media (max-width: 1399.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-xxl {
    transition: none;
  }
}
@media (max-width: 1399.98px) {
  .offcanvas-xxl.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--cod-offcanvas-width);
    border-right: var(--cod-offcanvas-border-width) solid
      var(--cod-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-xxl.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--cod-offcanvas-width);
    border-left: var(--cod-offcanvas-border-width) solid
      var(--cod-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-xxl.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--cod-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--cod-offcanvas-border-width) solid
      var(--cod-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-xxl.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--cod-offcanvas-height);
    max-height: 100%;
    border-top: var(--cod-offcanvas-border-width) solid
      var(--cod-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-xxl.showing,
  .offcanvas-xxl.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-xxl.showing,
  .offcanvas-xxl.hiding,
  .offcanvas-xxl.show {
    visibility: visible;
  }
}
@media (min-width: 1400px) {
  .offcanvas-xxl {
    --cod-offcanvas-height: auto;
    --cod-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-xxl .offcanvas-header {
    display: none;
  }
  .offcanvas-xxl .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}

.offcanvas {
  position: fixed;
  bottom: 0;
  z-index: var(--cod-offcanvas-zindex);
  display: flex;
  flex-direction: column;
  max-width: 100%;
  color: var(--cod-offcanvas-color);
  visibility: hidden;
  background-color: var(--cod-offcanvas-bg);
  background-clip: padding-box;
  outline: 0;
  transition: var(--cod-offcanvas-transition);
}
@media (prefers-reduced-motion: reduce) {
  .offcanvas {
    transition: none;
  }
}
.offcanvas.offcanvas-start {
  top: 0;
  left: 0;
  width: var(--cod-offcanvas-width);
  border-right: var(--cod-offcanvas-border-width) solid
    var(--cod-offcanvas-border-color);
  transform: translateX(-100%);
}
.offcanvas.offcanvas-end {
  top: 0;
  right: 0;
  width: var(--cod-offcanvas-width);
  border-left: var(--cod-offcanvas-border-width) solid
    var(--cod-offcanvas-border-color);
  transform: translateX(100%);
}
.offcanvas.offcanvas-top {
  top: 0;
  right: 0;
  left: 0;
  height: var(--cod-offcanvas-height);
  max-height: 100%;
  border-bottom: var(--cod-offcanvas-border-width) solid
    var(--cod-offcanvas-border-color);
  transform: translateY(-100%);
}
.offcanvas.offcanvas-bottom {
  right: 0;
  left: 0;
  height: var(--cod-offcanvas-height);
  max-height: 100%;
  border-top: var(--cod-offcanvas-border-width) solid
    var(--cod-offcanvas-border-color);
  transform: translateY(100%);
}
.offcanvas.showing,
.offcanvas.show:not(.hiding) {
  transform: none;
}
.offcanvas.showing,
.offcanvas.hiding,
.offcanvas.show {
  visibility: visible;
}

.offcanvas-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}
.offcanvas-backdrop.fade {
  opacity: 0;
}
.offcanvas-backdrop.show {
  opacity: 0.5;
}

.offcanvas-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--cod-offcanvas-padding-y) var(--cod-offcanvas-padding-x);
}
.offcanvas-header .btn-close {
  padding: calc(var(--cod-offcanvas-padding-y) * 0.5)
    calc(var(--cod-offcanvas-padding-x) * 0.5);
  margin-top: calc(-0.5 * var(--cod-offcanvas-padding-y));
  margin-right: calc(-0.5 * var(--cod-offcanvas-padding-x));
  margin-bottom: calc(-0.5 * var(--cod-offcanvas-padding-y));
}

.offcanvas-title {
  margin-bottom: 0;
  line-height: var(--cod-offcanvas-title-line-height);
}

.offcanvas-body {
  flex-grow: 1;
  padding: var(--cod-offcanvas-padding-y) var(--cod-offcanvas-padding-x);
  overflow-y: auto;
}

:host,
[data-bs-theme='light'] {
  --cod-blue: #0d6efd;
  --cod-indigo: #6610f2;
  --cod-purple: #6f42c1;
  --cod-pink: #d63384;
  --cod-red: #dc3545;
  --cod-orange: #fd7e14;
  --cod-yellow: #ffc107;
  --cod-green: #198754;
  --cod-teal: #20c997;
  --cod-cyan: #0dcaf0;
  --cod-black: #000;
  --cod-white: #fff;
  --cod-gray: #6c757d;
  --cod-gray-dark: #343a40;
  --cod-gray-100: #f8f9fa;
  --cod-gray-200: #e9ecef;
  --cod-gray-300: #dee2e6;
  --cod-gray-400: #ced4da;
  --cod-gray-500: #adb5bd;
  --cod-gray-600: #6c757d;
  --cod-gray-700: #495057;
  --cod-gray-800: #343a40;
  --cod-gray-900: #212529;
  --cod-primary: #004445;
  --cod-secondary: #f2f2f2;
  --cod-success: #9fd5b3;
  --cod-info: #004445;
  --cod-warning: #feb70d;
  --cod-danger: #b3393b;
  --cod-light: #fff;
  --cod-dark: #18252a;
  --cod-accent-primary: #feb70d;
  --cod-accent-secondary: #9fd5b3;
  --cod-primary-rgb: 0, 68, 69;
  --cod-secondary-rgb: 242, 242, 242;
  --cod-success-rgb: 159, 213, 179;
  --cod-info-rgb: 0, 68, 69;
  --cod-warning-rgb: 254, 183, 13;
  --cod-danger-rgb: 179, 57, 59;
  --cod-light-rgb: 255, 255, 255;
  --cod-dark-rgb: 24, 37, 42;
  --cod-accent-primary-rgb: 254, 183, 13;
  --cod-accent-secondary-rgb: 159, 213, 179;
  --cod-primary-text-emphasis: #001b1c;
  --cod-secondary-text-emphasis: #616161;
  --cod-success-text-emphasis: #405548;
  --cod-info-text-emphasis: #001b1c;
  --cod-warning-text-emphasis: #664905;
  --cod-danger-text-emphasis: #481718;
  --cod-light-text-emphasis: #495057;
  --cod-dark-text-emphasis: #495057;
  --cod-primary-bg-subtle: #ccdada;
  --cod-secondary-bg-subtle: #fcfcfc;
  --cod-success-bg-subtle: #ecf7f0;
  --cod-info-bg-subtle: #ccdada;
  --cod-warning-bg-subtle: #fff1cf;
  --cod-danger-bg-subtle: #f0d7d8;
  --cod-light-bg-subtle: #fcfcfd;
  --cod-dark-bg-subtle: #ced4da;
  --cod-primary-border-subtle: #99b4b5;
  --cod-secondary-border-subtle: #fafafa;
  --cod-success-border-subtle: #d9eee1;
  --cod-info-border-subtle: #99b4b5;
  --cod-warning-border-subtle: #ffe29e;
  --cod-danger-border-subtle: #e1b0b1;
  --cod-light-border-subtle: #e9ecef;
  --cod-dark-border-subtle: #adb5bd;
  --cod-white-rgb: 255, 255, 255;
  --cod-black-rgb: 0, 0, 0;
  --cod-font-sans-serif: 'Montserrat', sans-serif;
  --cod-font-monospace: 'Montserrat', sans-serif;
  --cod-gradient: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.15),
    rgba(255, 255, 255, 0)
  );
  --cod-body-font-family: var(--cod-font-sans-serif);
  --cod-body-font-size: 1em;
  --cod-body-font-weight: 500;
  --cod-body-line-height: 1.5;
  --cod-body-color: #212529;
  --cod-body-color-rgb: 33, 37, 41;
  --cod-body-bg: #fff;
  --cod-body-bg-rgb: 255, 255, 255;
  --cod-emphasis-color: #000;
  --cod-emphasis-color-rgb: 0, 0, 0;
  --cod-secondary-color: rgba(33, 37, 41, 0.75);
  --cod-secondary-color-rgb: 33, 37, 41;
  --cod-secondary-bg: #e9ecef;
  --cod-secondary-bg-rgb: 233, 236, 239;
  --cod-tertiary-color: rgba(33, 37, 41, 0.5);
  --cod-tertiary-color-rgb: 33, 37, 41;
  --cod-tertiary-bg: #f8f9fa;
  --cod-tertiary-bg-rgb: 248, 249, 250;
  --cod-link-color: #004445;
  --cod-link-color-rgb: 0, 68, 69;
  --cod-link-decoration: underline;
  --cod-link-hover-color: #003637;
  --cod-link-hover-color-rgb: 0, 54, 55;
  --cod-code-color: #d63384;
  --cod-highlight-bg: #fff3cd;
  --cod-border-width: 1px;
  --cod-border-style: solid;
  --cod-border-color: #dee2e6;
  --cod-border-color-translucent: rgba(0, 0, 0, 0.175);
  --cod-border-radius: 0.375em;
  --cod-border-radius-sm: 0.25em;
  --cod-border-radius-lg: 0.5em;
  --cod-border-radius-xl: 1em;
  --cod-border-radius-xxl: 2em;
  --cod-border-radius-2xl: var(--cod-border-radius-xxl);
  --cod-border-radius-pill: 50em;
  --cod-box-shadow: 0 0.5em 1em rgba(0, 0, 0, 0.15);
  --cod-box-shadow-sm: 0 0.125em 0.25em rgba(0, 0, 0, 0.075);
  --cod-box-shadow-lg: 0 1em 3em rgba(0, 0, 0, 0.175);
  --cod-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  --cod-focus-ring-width: 0.25em;
  --cod-focus-ring-opacity: 1;
  --cod-focus-ring-color: blue;
  --cod-form-valid-color: #9fd5b3;
  --cod-form-valid-border-color: #9fd5b3;
  --cod-form-invalid-color: #b3393b;
  --cod-form-invalid-border-color: #b3393b;
}

[data-bs-theme='dark'] {
  color-scheme: dark;
  --cod-body-color: #adb5bd;
  --cod-body-color-rgb: 173, 181, 189;
  --cod-body-bg: #212529;
  --cod-body-bg-rgb: 33, 37, 41;
  --cod-emphasis-color: #fff;
  --cod-emphasis-color-rgb: 255, 255, 255;
  --cod-secondary-color: rgba(173, 181, 189, 0.75);
  --cod-secondary-color-rgb: 173, 181, 189;
  --cod-secondary-bg: #343a40;
  --cod-secondary-bg-rgb: 52, 58, 64;
  --cod-tertiary-color: rgba(173, 181, 189, 0.5);
  --cod-tertiary-color-rgb: 173, 181, 189;
  --cod-tertiary-bg: #2b3035;
  --cod-tertiary-bg-rgb: 43, 48, 53;
  --cod-primary-text-emphasis: #668f8f;
  --cod-secondary-text-emphasis: #f7f7f7;
  --cod-success-text-emphasis: #c5e6d1;
  --cod-info-text-emphasis: #668f8f;
  --cod-warning-text-emphasis: #fed46e;
  --cod-danger-text-emphasis: #d18889;
  --cod-light-text-emphasis: #f8f9fa;
  --cod-dark-text-emphasis: #dee2e6;
  --cod-primary-bg-subtle: #000e0e;
  --cod-secondary-bg-subtle: #303030;
  --cod-success-bg-subtle: #202b24;
  --cod-info-bg-subtle: #000e0e;
  --cod-warning-bg-subtle: #332503;
  --cod-danger-bg-subtle: #240b0c;
  --cod-light-bg-subtle: #343a40;
  --cod-dark-bg-subtle: #1a1d20;
  --cod-primary-border-subtle: #002929;
  --cod-secondary-border-subtle: #919191;
  --cod-success-border-subtle: #5f806b;
  --cod-info-border-subtle: #002929;
  --cod-warning-border-subtle: #986e08;
  --cod-danger-border-subtle: #6b2223;
  --cod-light-border-subtle: #495057;
  --cod-dark-border-subtle: #343a40;
  --cod-link-color: #668f8f;
  --cod-link-hover-color: #85a5a5;
  --cod-link-color-rgb: 102, 143, 143;
  --cod-link-hover-color-rgb: 133, 165, 165;
  --cod-code-color: #e685b5;
  --cod-border-color: #495057;
  --cod-border-color-translucent: rgba(255, 255, 255, 0.15);
  --cod-form-valid-color: #75b798;
  --cod-form-valid-border-color: #75b798;
  --cod-form-invalid-color: #ea868f;
  --cod-form-invalid-border-color: #ea868f;
}

h1,
.h1 {
  border-left: 0.1em solid #feb70d;
  padding-left: 0.25em;
}

.title-line {
  border-left: none;
  border-bottom: 0.1em solid #feb70d;
}

b,
strong {
  font-weight: 700;
}

.btn {
  --cod-btn-focus-box-shadow: 0 0 0 0.25em
    rgba(var(--cod-btn-focus-shadow-rgb), 1);
}

.btn:focus-visible {
  --cod-btn-focus-shadow-rgb: 0, 0, 255;
}

.btn-primary {
  --cod-btn-focus-shadow-rgb: 0, 0, 255;
}

.btn-secondary {
  --cod-btn-focus-shadow-rgb: 0, 0, 255;
}

.btn-success {
  --cod-btn-focus-shadow-rgb: 0, 0, 255;
}

.btn-info {
  --cod-btn-focus-shadow-rgb: 0, 0, 255;
}

.btn-warning {
  --cod-btn-focus-shadow-rgb: 0, 0, 255;
}

.btn-danger {
  --cod-btn-focus-shadow-rgb: 0, 0, 255;
}

.btn-light {
  --cod-btn-focus-shadow-rgb: 0, 0, 255;
}

.btn-dark {
  --cod-btn-focus-shadow-rgb: 0, 0, 255;
}

.btn-accent-primary {
  --cod-btn-focus-shadow-rgb: 0, 0, 255;
}

.btn-accent-secondary {
  --cod-btn-focus-shadow-rgb: 0, 0, 255;
}

.offcanvas-contained {
  /* The parent element of a contained drawer should have position: relative */
  position: absolute;
  bottom: auto;
  height: 100%;
  max-height: 100%;
  z-index: 1000;
}
.offcanvas-contained.offcanvas-start {
  top: 0;
  left: 0;
  width: var(--cod-offcanvas-width, 50%);
  border-right: var(--cod-offcanvas-border-width) solid
    var(--cod-offcanvas-border-color);
  transform: translateX(-100%);
}
.offcanvas-contained.offcanvas-end {
  top: 0;
  right: 0;
  width: var(--cod-offcanvas-width, 50%);
  border-left: var(--cod-offcanvas-border-width) solid
    var(--cod-offcanvas-border-color);
  transform: translateX(100%);
}
.offcanvas-contained.offcanvas-top {
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: var(--cod-offcanvas-height, 50%);
  border-bottom: var(--cod-offcanvas-border-width) solid
    var(--cod-offcanvas-border-color);
  transform: translateY(-100%);
}
.offcanvas-contained.offcanvas-bottom {
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: var(--cod-offcanvas-height, 50%);
  border-top: var(--cod-offcanvas-border-width) solid
    var(--cod-offcanvas-border-color);
  transform: translateY(100%);
}

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