/* Ember supports plain CSS out of the box. More info: https://cli.emberjs.com/release/advanced-use/stylesheets/ */

@import url('https://cdn.jsdelivr.net/npm/shepherd.js@14.3.0/dist/css/shepherd.min.css');
@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville&display=swap');

:root {
  --bs-disabled: #adb5bd;
  --bs-important: #6f42c1;
  --bs-important-text-emphasis: #2c1a4d;
  --bs-important-bg-subtle: #e2d9f3;
  --bs-important-border-subtle: #c5b3e6;
  --bs-stationery: #ffe69c;
  --bs-urgent: #fd7e14;
  --bs-chill: #006ce6;
  --bs-premium: #6610f2;
  --bs-border-radius: 0.5rem;
  --bs-modal-transition: transform 0.15s ease-out;
  --bs-modal-fade-transform: translate(0, -50px) scale(0.9);
  --bs-offcanvas-transition-duration: 0.15s;
}

/* utils */

/* table-cell-wrap */

.table-cell-wrap {
  max-width: 300px;
  overflow-wrap: break-word;
  white-space: normal !important;
}

/* card-hover */

.card-hover {
  transition: box-shadow ease-in-out 0.2s;
}

.card-hover:hover {
  box-shadow: var(--bs-box-shadow);
}

/* my-offcanvas-sm */

.my-offcanvas-sm {
  width: 19rem !important;
}

/* my-offcanvas-lg */

.my-offcanvas-lg {
  width: 38rem !important;
}

/* my-offcanvas-xl */

.my-offcanvas-xl {
  width: 75vw !important;
}

/* form-check-sm */

.form-check-sm {
  min-height: 0;
  margin-bottom: 0;
}

/* white-space-pre-line */

.white-space-pre-line {
  white-space: pre-line;
}

/* frozen */

.table .frozen {
  position: sticky;
  left: 0;
  right: 0;
}

/* vendor */

/* ember-cli-flash */

.flash-message.exiting .toast {
  opacity: 0; /* for close transition */
}

/* ember-highcharts */

.highcharts-container .highcharts-root {
  --highcharts-color-0: var(--bs-blue);
  --highcharts-color-1: var(--bs-indigo);
  --highcharts-color-2: var(--bs-purple);
  --highcharts-color-3: var(--bs-pink);
  --highcharts-color-4: var(--bs-red);
  --highcharts-color-5: var(--bs-orange);
  --highcharts-color-6: var(--bs-yellow);
  --highcharts-color-7: var(--bs-green);
  --highcharts-color-8: var(--bs-teal);
  --highcharts-color-9: var(--bs-cyan);
}

.highcharts-container .highcharts-root .highcharts-background {
  fill: transparent;
}

.highcharts-container .highcharts-root .highcharts-tooltip-box {
  fill: var(--bs-emphasis-color);
}

.highcharts-container .highcharts-root .highcharts-tooltip text {
  fill: var(--bs-body-bg);
}

.highcharts-container .highcharts-root .highcharts-axis-line {
  stroke: var(--highcharts-neutral-color-10);
}

/* ember-shepherd */

.shepherd-element {
  color: var(--bs-white);
  background-color: var(--bs-primary);
  border: none;
  border-radius: var(--bs-border-radius-lg);
  box-shadow: var(--bs-box-shadow-sm);
}

.shepherd-element .shepherd-arrow::before {
  background: var(--bs-primary) !important;
}

.shepherd-element .shepherd-content .shepherd-title,
.shepherd-element .shepherd-content .shepherd-text {
  color: inherit;
}

.shepherd-element .shepherd-content .shepherd-header,
.shepherd-element .shepherd-content .shepherd-text {
  padding: 0 0 1rem;
}

.shepherd-element .shepherd-content .shepherd-header {
  background: none;
}

.shepherd-element .shepherd-content .shepherd-footer {
  padding: 0;
}

/* ember-shiki */

.shiki code,
.shiki code .line {
  padding: 0 !important;
}

.form-control:focus,
.form-control:hover:enabled,
.form-select:focus,
.form-select:hover:enabled {
  border-color: var(--bs-primary);
}

.table td {
  vertical-align: middle;
}

.table:not(.normalize) td {
  white-space: nowrap;
}

.dropdown-menu .dropdown-item:active.text-danger,
.dropdown-menu .dropdown-item.active.text-danger {
  background-color: var(--bs-danger);
  color: var(--bs-white) !important;
}

.dropdown-menu .dropdown-item:active svg,
.dropdown-menu .dropdown-item.active svg {
  color: var(--bs-dropdown-link-active-color) !important;
}

.dropdown-menu .dropdown-item:disabled {
  color: var(--bs-secondary-color) !important;
}

.accordion .accordion-item {
  border-radius: var(--bs-border-radius);
}

.accordion .accordion-item:not(:last-child) {
  margin-bottom: 1rem;
}

.accordion .accordion-item:not(:first-of-type) {
  border-top: var(--bs-border-width) solid var(--bs-border-color);
}

.accordion .accordion-item:hover {
  border-color: var(--bs-primary);
  box-shadow: 0 4px 14px 0 rgb(13 36 209 / 10%);
}

.accordion .accordion-item .accordion-button,
.accordion .accordion-item .accordion-body {
  padding: 1rem;
}

.accordion .accordion-item .accordion-header .accordion-button {
  font-weight: var(--bs-font-weight-bold);
  background: transparent;
  box-shadow: none;
  color: var(--bs-body-color);
}

.accordion .accordion-item .accordion-header .accordion-button .icon,
.accordion .accordion-item .accordion-header .accordion-button:hover {
  color: var(--bs-primary);
}

.accordion .accordion-item .accordion-header .accordion-button:focus {
  box-shadow: none;
}

.dropdown-item:active .text-secondary,
.dropdown-item.active .text-secondary,
.list-group-item-action.active .text-secondary {
  color: var(--bs-white) !important;
}

.container,
.container-fluid,
.container-sm,
.container-md,
.container-lg,
.container-xl,
.container-xxl {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.breadcrumb {
  margin-bottom: 0;
}

a {
  text-decoration: none;
}

.nav-link {
  text-decoration: none !important;
}

.dropdown-toggle::after {
  content: none !important;
}

.modal-dialog {
  transition: var(--bs-modal-transition);
}

.modal-dialog:not(.modal.show .modal-dialog) {
  transform: var(--bs-modal-fade-transform);
}

.offcanvas.show {
  transition-duration: var(--bs-offcanvas-transition-duration);
}

input,
select,
textarea {
  transition: none;
}

kbd {
  font-size: 0.75rem;
  background-color: rgb(0 0 0 / 30%);
}

.btn {
  font-weight: 600;
}

.badge {
  font-weight: 600;
  border-radius: 0.35rem;
}

.form-label {
  font-weight: 600;
}

.table th {
  font-weight: 600;
  margin-bottom: 0.5rem;
}

dt {
  font-weight: 400;
}

.text-disabled {
  color: var(--bs-disabled);
}

.bg-disabled {
  background-color: var(--bs-disabled);
}

.text-bg-disabled {
  color: black !important;
  background-color: var(--bs-disabled) !important;
}

.text-important {
  color: var(--bs-important);
}

.bg-important {
  background-color: var(--bs-important);
}

.text-bg-important {
  color: white !important;
  background-color: var(--bs-important) !important;
}

.text-stationery {
  color: var(--bs-stationery);
}

.bg-stationery {
  background-color: var(--bs-stationery);
}

.text-bg-stationery {
  color: black !important;
  background-color: var(--bs-stationery) !important;
}

.text-urgent {
  color: var(--bs-urgent);
}

.bg-urgent {
  background-color: var(--bs-urgent);
}

.text-bg-urgent {
  color: black !important;
  background-color: var(--bs-urgent) !important;
}

.text-chill {
  color: var(--bs-chill);
}

.bg-chill {
  background-color: var(--bs-chill);
}

.text-bg-chill {
  color: white !important;
  background-color: var(--bs-chill) !important;
}

.text-premium {
  color: var(--bs-premium);
}

.bg-premium {
  background-color: var(--bs-premium);
}

.text-bg-premium {
  color: white !important;
  background-color: var(--bs-premium) !important;
}

.placeholder {
  opacity: 0.03;
}

@keyframes placeholder-glow {
  50% {
    opacity: 0.1;
  }
}

.fw-normal {
  font-weight: 400 !important;
}