/*
 * Enter any custom CSS here.
 * This file will not be overwritten by theme updates.
*/

:root {
  color-scheme: dark;
}

.bg-card,
.component .rounded-lg.bg-card {
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.16);
}

.component a,
.component button,
.choices__inner {
  transition: background-color 180ms ease, border-color 180ms ease, color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.component a:hover,
.component button:hover:not(:disabled) {
  border-color: rgba(var(--cl-accent), 0.34);
}

a.block.h-full.bg-card {
  overflow: hidden;
}

a.block.h-full.bg-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 22px 60px rgba(0, 122, 255, 0.09), 0 18px 48px rgba(0, 0, 0, 0.2);
}

.currency-selector {
  min-width: 5.75rem;
}

.currency-selector .choices {
  border-radius: 0.75rem !important;
}

.currency-selector .choices::after,
.currency-selector .choices[data-type*="select-one"]::after,
.currency-selector .choices[data-type*="select-one"].is-open::after {
  display: none !important;
  content: none !important;
  border: 0 !important;
}

.currency-selector .choices__inner {
  display: flex !important;
  align-items: center !important;
  min-width: 5.75rem !important;
  height: 40px !important;
  padding: 0.5rem 0.95rem !important;
  border-radius: 0.75rem !important;
  border-color: rgba(255, 255, 255, 0.09) !important;
  background: rgba(var(--cl-card), 0.92) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.currency-selector .choices.is-open .choices__inner,
.currency-selector .choices__inner:hover {
  border-color: rgba(var(--cl-accent), 0.55) !important;
  box-shadow: 0 0 0 3px rgba(var(--cl-accent), 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}

.currency-selector .choices__list--single {
  padding-right: 0 !important;
}

.currency-selector .choices__inner .choices__item {
  display: flex;
  align-items: center;
  max-width: none !important;
  gap: 0.38rem;
}

.currency-selector .choices__inner .symbol {
  width: auto !important;
  color: rgba(var(--cl-t-primary), 0.95) !important;
  font-size: 1.04rem;
  line-height: 1;
}

.currency-selector .choices__inner .code {
  display: inline !important;
  color: rgba(var(--cl-t-primary), 0.95) !important;
  font-weight: 650;
}

.currency-selector .choices__inner::after {
  content: "";
  width: 0.42rem;
  height: 0.42rem;
  margin-left: 0.45rem;
  border-right: 1.8px solid rgba(var(--cl-t-primary), 0.75);
  border-bottom: 1.8px solid rgba(var(--cl-t-primary), 0.75);
  transform: translateY(-1px) rotate(45deg);
}

.currency-selector .choices.is-open .choices__inner::after {
  transform: translateY(2px) rotate(225deg);
}

.currency-selector .choices__list.choices__list--dropdown {
  min-width: 12rem !important;
  margin-left: -6rem !important;
  padding: 0.35rem !important;
  border-radius: 0.85rem !important;
  border-color: rgba(255, 255, 255, 0.09) !important;
  background: rgba(var(--cl-background), 0.98) !important;
  box-shadow: 0 22px 54px rgba(0, 0, 0, 0.32);
}

.currency-selector .choices__list--dropdown .choices__item {
  border-radius: 0.55rem;
}

.currency-selector .choices__list--dropdown .choices__item--selectable.is-highlighted {
  background: rgba(var(--cl-accent), 0.18) !important;
  color: rgba(var(--cl-t-primary), 1) !important;
}