:root {
  --tblr-primary: #fec428 !important;
  --tblr-primary-light: #ffe88d !important;
  --tblr-primary-light-transparent: #ffe88d00 !important;
  --tblr-primary-light-hover: #fec42812 !important;
  --tblr-primary-fg: #313538 !important;
  --tblr-primary-rgb: 248, 199, 0 !important;
  --tblr-primary-darken: #f4b303 !important;
  --tblr-body-font-size: 0.9rem;
  --tblr-body-font-size-lg: 1.25rem;
  --tblr-btn-disabled-border-color: transparent !important;
  --tblr-link-color: #066fd1 !important;
  --tblr-link-hover-color: color-mix(
    in srgb,
    var(--tblr-link-color),
    #000 20%
  ) !important;
  --tblr-link-hover-color-rgb: var(--tblr-link-hover-color) !important;
  --fp-navy-blue: #091d5b;
  --fp-navy-blue-light: #081670;
}

.text-selected,
::selection {
  background-color: color-mix(in srgb, var(--tblr-primary) 40%, transparent);
}

.card {
  --tblr-card-cap-bg: transparent;
  box-shadow:
    0 1px 3px rgba(0, 0, 0, 0.02),
    0 4px 6px rgba(0, 0, 0, 0.015),
    0 10px 20px rgba(0, 0, 0, 0.01),
    0 25px 50px rgba(0, 0, 0, 0.009);
  /* backdrop-filter: blur(20px); */
  border-color: #00000014;
}

.card:hover {
  box-shadow:
    0 1px 3px rgba(0, 0, 0, 0.04),
    0 4px 6px rgba(0, 0, 0, 0.03),
    0 10px 20px rgba(0, 0, 0, 0.02),
    0 25px 50px rgba(0, 0, 0, 0.03);
}

.dropdown-item {
  --tblr-dropdown-link-hover-bg: rgba(var(--tblr-secondary-rgb), 0.08);
}

.btn {
  font-size: var(--tblr-body-font-size);
}

.btn-group-lg > .btn,
.btn-lg {
  font-size: var(--tblr-btn-font-size, 1.25rem);
}

.form-label,
.form-control {
  font-size: var(--tblr-body-font-size);
}

.form-control-lg {
  font-size: var(--tblr-body-font-size-lg);
}

.form-check-input:focus {
  border-color: var(--tblr-primary);
}

.form-switch .form-check-input:focus:not(:checked) {
  --tblr-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='%23f4b303'/%3e%3c/svg%3e");
}

.nav-bordered .nav-link.active {
  color: var(--fp-navy-blue-light) !important;
}

.navbar-secondary {
  --tblr-navbar-active-border-color: var(--tblr-gray-400);
}

img {
  height: revert-layer;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  99% {
    opacity: 0.01;
    width: 100%;
    height: 100%;
  }

  100% {
    opacity: 0;
    width: 0;
    height: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  90% {
    opacity: 0.01;
    width: 100%;
    height: 60%;
  }

  100% {
    opacity: 0;
    width: 0;
    height: 0;
  }
}

.fade-out {
  display: block;
  -webkit-animation: fadeOut 1s;
  animation: fadeOut 1s;
  animation-fill-mode: forwards;
}

.navbar .avatar {
  --tblr-avatar-size: 1.8rem;
}

@media (min-width: 768px) {
  .navbar-expand-md .nav-item {
    position: relative;
  }

  .navbar-expand-md .nav-item:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -0.25rem;
    border: 0 var(--tblr-border-style) var(--tblr-primary-light-transparent);
    border-bottom-width: 2px;
    transition: border-color 100ms;
  }

  .navbar-expand-md .nav-item:hover:after {
    border-color: var(--tblr-primary-light);
  }
}

.card-image-aspect-ratio {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

.table-responsive .table tr:last-child td {
  border-bottom: none;
}

.list-group {
  --tblr-list-group-action-hover-bg: var(--tblr-primary-light-hover);
  --tblr-list-group-action-active-bg: var(--tblr-primary-light-hover);
}

.list-group-item:active,
.list-group-item:focus,
.list-group-item:hover {
  background-color: var(--tblr-primary-light-hover);
}

.summary-block {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  padding: 1rem;
  border-radius: 0.5rem;
}

.mw-0 {
  /* Prevents elements from pushing out flex rows */
  min-width: 0;
}

.form-label.required:after {
  content: "*";
  color: var(--tblr-danger);
}

.form-control.inactive-flush:not(:focus, :hover),
.form-select.inactive-flush:not(:focus, :hover) {
  border-color: transparent;
  box-shadow: none;
}

.border-dashed {
  border-style: dashed;
}

.no-wrap {
  white-space: nowrap;
}
