:root {
  --black-white-white: #FFF;
  --btr-nav-bar-non-active: #111214;
  --btr-content-bg: #232428;
  --btr-menu-selected-bg: linear-gradient(90deg, #DC0069 0%, #E64C96 100%);
  --phoenix-navbar-vertical-bg-color: var(--btr-nav-bar-non-active);
  --phoenix-dropdown-bg: #373737;
  --phoenix-navbar-vertical-width: 14.5rem;
}

.offcanvas {
  --phoenix-offcanvas-width: 700px;
}

.content {
  background-color: var(--btr-content-bg) !important;
  border-color: var(--btr-content-bg) !important;
  overflow: hidden !important;
  max-height: 100vh !important;
  height: 100vh !important;
  margin-left: calc(var(--phoenix-navbar-vertical-width) + 0.5rem) !important;
  padding-bottom: 0 !important;
  padding-right: 1.5rem !important;
  padding-top: calc(var(--phoenix-navbar-top-height) + 1rem) !important;
  display: flex !important;
  flex-direction: column !important;
}
.content > .row,
.content > hr,
.content > .collapse,
.content > .mb-1,
.content > .btr-footer {
  flex-shrink: 0;
}
.content > .dashboard-content,
.content > .dashboard-content-funnel,
.content > .dashboard-content-image,
.content > .dashboard-content-fixed,
.content > .btr-homepage-main {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
}

.navbar-vertical {
  background: var(--btr-nav-bar-non-active) !important;
  border-color: var(--btr-content-bg) !important;
  border-radius: 24px 24px 0px 0px !important;
  margin-left: 24px !important;
  margin-top: 24px !important;
  max-height: calc(100vh - 150px) !important;
}

.navbar-expand-lg {
  border-radius: 24px 24px 24px 24px !important;
  margin-top: 24px !important;
  margin-left: 24px !important;
}

.navbar-vertical-footer {
  background-color: var(--btr-nav-bar-non-active) !important;
  border-color: var(--btr-content-bg) !important;
  border: none !important;
}

.navbar-vertical-footer-icon-hide {
  display: inline-block;
}

.navbar-vertical-footer-icon-show {
  display: none;
}

.navbar-vertical-collapsed .navbar-vertical-footer-icon-hide {
  display: none;
}
.navbar-vertical-collapsed .navbar-vertical-footer-icon-show {
  display: inline-block;
}

.navbar-top {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.03) 100%) !important;
  border-color: var(--btr-content-bg) !important;
}

.navbar-vertical ul.collapse.show,
.navbar-vertical .collapse.nav.show,
.navbar-vertical ul.collapse.collapsing,
.navbar-vertical .collapse.nav.collapsing {
  display: flex !important;
  flex-direction: column !important;
}
.navbar-vertical ul.collapse.show .nav-item,
.navbar-vertical .collapse.nav.show .nav-item,
.navbar-vertical ul.collapse.collapsing .nav-item,
.navbar-vertical .collapse.nav.collapsing .nav-item {
  width: 100% !important;
  flex: none !important;
}

.navbar-vertical .navbar-vertical-content {
  padding-right: 0 !important;
}
.navbar-vertical .nav-link {
  padding-right: 0 !important;
  margin-right: 0 !important;
}
.navbar-vertical .nav-link.active,
.navbar-vertical .nav-link:hover,
.navbar-vertical .nav-link:focus {
  background-color: var(--btr-content-bg) !important;
  border-radius: 24px 0 0 24px !important;
  padding-right: 0 !important;
  margin-right: 0 !important;
  position: relative !important;
}
.navbar-vertical .nav-link.active::before,
.navbar-vertical .nav-link:hover::before,
.navbar-vertical .nav-link:focus::before {
  content: "" !important;
  position: absolute !important;
  right: 0 !important;
  top: -16px !important;
  width: 16px !important;
  height: 16px !important;
  background: transparent !important;
  border-bottom-right-radius: 16px !important;
  box-shadow: 4px 4px 0 4px var(--btr-content-bg) !important;
  pointer-events: none !important;
}
.navbar-vertical .nav-link.active::after,
.navbar-vertical .nav-link:hover::after,
.navbar-vertical .nav-link:focus::after {
  content: "" !important;
  position: absolute !important;
  right: 0 !important;
  bottom: -16px !important;
  width: 16px !important;
  height: 16px !important;
  background: transparent !important;
  border-top-right-radius: 16px !important;
  box-shadow: 4px -4px 0 4px var(--btr-content-bg) !important;
  pointer-events: none !important;
}
.navbar-vertical .navbar-nav .nav-link.active {
  background-color: var(--btr-content-bg) !important;
  border-radius: 24px 0 0 24px !important;
  padding-right: 0 !important;
  margin-right: 0 !important;
}
.navbar-vertical .nav .nav-link.active,
.navbar-vertical .nav .nav-link:hover,
.navbar-vertical .nav .nav-link:focus {
  background-color: var(--btr-content-bg) !important;
  border-radius: 24px 0 0 24px !important;
  padding-right: 0 !important;
  margin-right: 0 !important;
}
.navbar-vertical .dropdown-item.active,
.navbar-vertical .dropdown-item:active {
  background-color: var(--btr-content-bg) !important;
  border-radius: 24px 0 0 24px !important;
  padding-right: 0 !important;
  margin-right: 0 !important;
}
.navbar-vertical .nav-item.active,
.navbar-vertical .nav-item:has(.active) {
  padding-right: 0 !important;
  margin-right: 0 !important;
}

.navbar-vertical-collapsed {
  overflow: hidden !important;
}
.navbar-vertical-collapsed .content {
  overflow: hidden !important;
  max-height: 100vh !important;
}

html.navbar-vertical-collapsed,
body.navbar-vertical-collapsed {
  overflow: hidden !important;
  max-height: 100vh !important;
}

.navbar-vertical-collapsed .navbar-vertical {
  margin-top: 80px !important;
  overflow: visible !important;
}
.navbar-vertical-collapsed .navbar-vertical .navbar-vertical-content {
  max-height: calc(100vh - 230px) !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  scrollbar-width: thin !important;
  scrollbar-color: rgba(255, 255, 255, 0.2) transparent !important;
}
.navbar-vertical-collapsed .navbar-vertical .navbar-vertical-content::-webkit-scrollbar {
  width: 8px !important;
}
.navbar-vertical-collapsed .navbar-vertical .navbar-vertical-content::-webkit-scrollbar-track {
  background: transparent !important;
}
.navbar-vertical-collapsed .navbar-vertical .navbar-vertical-content::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.2) !important;
  border-radius: 4px !important;
}
.navbar-vertical-collapsed .navbar-vertical .navbar-vertical-content::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.3) !important;
}
.navbar-vertical-collapsed .navbar-vertical .btr-main-brand-image {
  display: none !important;
}
.navbar-vertical-collapsed .navbar-vertical .btr-main-brand {
  height: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}
.navbar-vertical-collapsed .navbar-vertical .btr-navbar-item-text,
.navbar-vertical-collapsed .navbar-vertical .btr-navbar-item-text-no-icon {
  display: none !important;
}
.navbar-vertical-collapsed .navbar-vertical .collapse .btr-navbar-item-text,
.navbar-vertical-collapsed .navbar-vertical .collapse .btr-navbar-item-text-no-icon,
.navbar-vertical-collapsed .navbar-vertical .nav-item:hover .collapse .btr-navbar-item-text,
.navbar-vertical-collapsed .navbar-vertical .nav-item:hover .collapse .btr-navbar-item-text-no-icon {
  display: block !important;
  color: #FFFFFF !important;
  opacity: 1 !important;
  visibility: visible !important;
  white-space: nowrap !important;
}
.navbar-vertical-collapsed .navbar-vertical .btr-navbar-item-chevron {
  display: none !important;
}
.navbar-vertical-collapsed .navbar-vertical .btr-nav-item-wrapper {
  padding-left: 0 !important;
  padding-right: 0 !important;
  width: 100% !important;
  display: flex !important;
  justify-content: center !important;
}
.navbar-vertical-collapsed .navbar-vertical .navbar-nav {
  width: 100% !important;
  align-items: center !important;
}
.navbar-vertical-collapsed .navbar-vertical .nav-link {
  display: flex !important;
  justify-content: center !important;
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.navbar-vertical-collapsed .navbar-vertical .nav-link::before, .navbar-vertical-collapsed .navbar-vertical .nav-link::after {
  display: none !important;
  content: none !important;
  box-shadow: none !important;
}
.navbar-vertical-collapsed .navbar-vertical .nav-link.active, .navbar-vertical-collapsed .navbar-vertical .nav-link:hover, .navbar-vertical-collapsed .navbar-vertical .nav-link:focus {
  background-color: transparent !important;
  border-radius: 0 !important;
}
.navbar-vertical-collapsed .navbar-vertical .nav-link.active::before, .navbar-vertical-collapsed .navbar-vertical .nav-link.active::after, .navbar-vertical-collapsed .navbar-vertical .nav-link:hover::before, .navbar-vertical-collapsed .navbar-vertical .nav-link:hover::after, .navbar-vertical-collapsed .navbar-vertical .nav-link:focus::before, .navbar-vertical-collapsed .navbar-vertical .nav-link:focus::after {
  display: none !important;
  content: none !important;
  box-shadow: none !important;
}
.navbar-vertical-collapsed .navbar-vertical > .navbar-vertical-content > .navbar-nav > .nav-item > .btr-nav-item-wrapper > .nav-link,
.navbar-vertical-collapsed .navbar-vertical > .navbar-vertical-content > .navbar-nav > .nav-item > .btr-nav-item-wrapper > a.nav-link {
  background-color: transparent !important;
  border-radius: 0 !important;
}
.navbar-vertical-collapsed .navbar-vertical > .navbar-vertical-content > .navbar-nav > .nav-item > .btr-nav-item-wrapper > .nav-link::before, .navbar-vertical-collapsed .navbar-vertical > .navbar-vertical-content > .navbar-nav > .nav-item > .btr-nav-item-wrapper > .nav-link::after,
.navbar-vertical-collapsed .navbar-vertical > .navbar-vertical-content > .navbar-nav > .nav-item > .btr-nav-item-wrapper > a.nav-link::before,
.navbar-vertical-collapsed .navbar-vertical > .navbar-vertical-content > .navbar-nav > .nav-item > .btr-nav-item-wrapper > a.nav-link::after {
  display: none !important;
  content: none !important;
}
.navbar-vertical-collapsed .navbar-vertical > .navbar-vertical-content > .navbar-nav > .nav-item > .btr-nav-item-wrapper > .nav-link.active, .navbar-vertical-collapsed .navbar-vertical > .navbar-vertical-content > .navbar-nav > .nav-item > .btr-nav-item-wrapper > .nav-link:hover, .navbar-vertical-collapsed .navbar-vertical > .navbar-vertical-content > .navbar-nav > .nav-item > .btr-nav-item-wrapper > .nav-link:focus,
.navbar-vertical-collapsed .navbar-vertical > .navbar-vertical-content > .navbar-nav > .nav-item > .btr-nav-item-wrapper > a.nav-link.active,
.navbar-vertical-collapsed .navbar-vertical > .navbar-vertical-content > .navbar-nav > .nav-item > .btr-nav-item-wrapper > a.nav-link:hover,
.navbar-vertical-collapsed .navbar-vertical > .navbar-vertical-content > .navbar-nav > .nav-item > .btr-nav-item-wrapper > a.nav-link:focus {
  background-color: transparent !important;
  border-radius: 0 !important;
}
.navbar-vertical-collapsed .navbar-vertical > .navbar-vertical-content > .navbar-nav > .nav-item > .btr-nav-item-wrapper > .nav-link.active::before, .navbar-vertical-collapsed .navbar-vertical > .navbar-vertical-content > .navbar-nav > .nav-item > .btr-nav-item-wrapper > .nav-link.active::after, .navbar-vertical-collapsed .navbar-vertical > .navbar-vertical-content > .navbar-nav > .nav-item > .btr-nav-item-wrapper > .nav-link:hover::before, .navbar-vertical-collapsed .navbar-vertical > .navbar-vertical-content > .navbar-nav > .nav-item > .btr-nav-item-wrapper > .nav-link:hover::after, .navbar-vertical-collapsed .navbar-vertical > .navbar-vertical-content > .navbar-nav > .nav-item > .btr-nav-item-wrapper > .nav-link:focus::before, .navbar-vertical-collapsed .navbar-vertical > .navbar-vertical-content > .navbar-nav > .nav-item > .btr-nav-item-wrapper > .nav-link:focus::after,
.navbar-vertical-collapsed .navbar-vertical > .navbar-vertical-content > .navbar-nav > .nav-item > .btr-nav-item-wrapper > a.nav-link.active::before,
.navbar-vertical-collapsed .navbar-vertical > .navbar-vertical-content > .navbar-nav > .nav-item > .btr-nav-item-wrapper > a.nav-link.active::after,
.navbar-vertical-collapsed .navbar-vertical > .navbar-vertical-content > .navbar-nav > .nav-item > .btr-nav-item-wrapper > a.nav-link:hover::before,
.navbar-vertical-collapsed .navbar-vertical > .navbar-vertical-content > .navbar-nav > .nav-item > .btr-nav-item-wrapper > a.nav-link:hover::after,
.navbar-vertical-collapsed .navbar-vertical > .navbar-vertical-content > .navbar-nav > .nav-item > .btr-nav-item-wrapper > a.nav-link:focus::before,
.navbar-vertical-collapsed .navbar-vertical > .navbar-vertical-content > .navbar-nav > .nav-item > .btr-nav-item-wrapper > a.nav-link:focus::after {
  display: none !important;
  content: none !important;
}
.navbar-vertical-collapsed .navbar-vertical > .navbar-vertical-content > .navbar-nav > .nav-item > .btr-nav-item-wrapper > .nav-link .btr-navbar-item {
  padding: 8px !important;
  justify-content: center !important;
  width: auto !important;
}
.navbar-vertical-collapsed .navbar-vertical > .navbar-vertical-content > .navbar-nav > .nav-item {
  width: 100% !important;
  display: flex !important;
  justify-content: center !important;
}
.navbar-vertical-collapsed .navbar-vertical .nav-item {
  position: relative !important;
}
.navbar-vertical-collapsed .navbar-vertical .nav-item > .btr-nav-item-wrapper {
  position: static !important;
}
.navbar-vertical-collapsed .navbar-vertical .nav-item > .btr-nav-item-wrapper > div {
  position: static !important;
}
.navbar-vertical-collapsed .navbar-vertical .nav-item > .btr-nav-item-wrapper > div > .collapse {
  display: none !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
.navbar-vertical-collapsed .navbar-vertical .nav-item:has(.collapse):hover > .btr-nav-item-wrapper > div > .collapse,
.navbar-vertical-collapsed .navbar-vertical .nav-item:has(.collapse) > .btr-nav-item-wrapper > div > .collapse:hover {
  display: flex !important;
  flex-direction: column !important;
  opacity: 1 !important;
  pointer-events: all !important;
  position: absolute !important;
  left: calc(100% + 0px) !important;
  top: 0 !important;
  min-width: 220px !important;
  background: var(--btr-nav-bar-non-active) !important;
  border: 1px solid var(--btr-content-bg) !important;
  border-radius: 12px !important;
  margin-left: 0 !important;
  padding: 12px !important;
  z-index: 9999 !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5) !important;
}
.navbar-vertical-collapsed .navbar-vertical .nav-item:has(.collapse):hover > .btr-nav-item-wrapper > div > .collapse .nav-item,
.navbar-vertical-collapsed .navbar-vertical .nav-item:has(.collapse) > .btr-nav-item-wrapper > div > .collapse:hover .nav-item {
  width: 100% !important;
  flex: none !important;
}
.navbar-vertical-collapsed .navbar-vertical .nav-item:has(.collapse):hover > .btr-nav-item-wrapper > div > .collapse .btr-navbar-item,
.navbar-vertical-collapsed .navbar-vertical .nav-item:has(.collapse) > .btr-nav-item-wrapper > div > .collapse:hover .btr-navbar-item {
  justify-content: flex-start !important;
  padding: 8px 12px !important;
  white-space: nowrap !important;
  flex-wrap: nowrap !important;
}
.navbar-vertical-collapsed .navbar-vertical .nav-item:has(.collapse):hover > .btr-nav-item-wrapper > div > .collapse .nav-link,
.navbar-vertical-collapsed .navbar-vertical .nav-item:has(.collapse) > .btr-nav-item-wrapper > div > .collapse:hover .nav-link {
  background-color: transparent !important;
  border-radius: 0 !important;
  padding-right: 1rem !important;
  margin-right: 0 !important;
}
.navbar-vertical-collapsed .navbar-vertical .nav-item:has(.collapse):hover > .btr-nav-item-wrapper > div > .collapse .nav-link::before, .navbar-vertical-collapsed .navbar-vertical .nav-item:has(.collapse):hover > .btr-nav-item-wrapper > div > .collapse .nav-link::after,
.navbar-vertical-collapsed .navbar-vertical .nav-item:has(.collapse) > .btr-nav-item-wrapper > div > .collapse:hover .nav-link::before,
.navbar-vertical-collapsed .navbar-vertical .nav-item:has(.collapse) > .btr-nav-item-wrapper > div > .collapse:hover .nav-link::after {
  display: none !important;
  content: none !important;
}
.navbar-vertical-collapsed .navbar-vertical .nav-item:has(.collapse):hover > .btr-nav-item-wrapper > div > .collapse .nav-link:hover, .navbar-vertical-collapsed .navbar-vertical .nav-item:has(.collapse):hover > .btr-nav-item-wrapper > div > .collapse .nav-link:focus, .navbar-vertical-collapsed .navbar-vertical .nav-item:has(.collapse):hover > .btr-nav-item-wrapper > div > .collapse .nav-link.active,
.navbar-vertical-collapsed .navbar-vertical .nav-item:has(.collapse) > .btr-nav-item-wrapper > div > .collapse:hover .nav-link:hover,
.navbar-vertical-collapsed .navbar-vertical .nav-item:has(.collapse) > .btr-nav-item-wrapper > div > .collapse:hover .nav-link:focus,
.navbar-vertical-collapsed .navbar-vertical .nav-item:has(.collapse) > .btr-nav-item-wrapper > div > .collapse:hover .nav-link.active {
  background-color: transparent !important;
  border-radius: 0 !important;
}
.navbar-vertical-collapsed .navbar-vertical .nav-item:has(.collapse):hover > .btr-nav-item-wrapper > div > .collapse .nav-link:hover::before, .navbar-vertical-collapsed .navbar-vertical .nav-item:has(.collapse):hover > .btr-nav-item-wrapper > div > .collapse .nav-link:hover::after, .navbar-vertical-collapsed .navbar-vertical .nav-item:has(.collapse):hover > .btr-nav-item-wrapper > div > .collapse .nav-link:focus::before, .navbar-vertical-collapsed .navbar-vertical .nav-item:has(.collapse):hover > .btr-nav-item-wrapper > div > .collapse .nav-link:focus::after, .navbar-vertical-collapsed .navbar-vertical .nav-item:has(.collapse):hover > .btr-nav-item-wrapper > div > .collapse .nav-link.active::before, .navbar-vertical-collapsed .navbar-vertical .nav-item:has(.collapse):hover > .btr-nav-item-wrapper > div > .collapse .nav-link.active::after,
.navbar-vertical-collapsed .navbar-vertical .nav-item:has(.collapse) > .btr-nav-item-wrapper > div > .collapse:hover .nav-link:hover::before,
.navbar-vertical-collapsed .navbar-vertical .nav-item:has(.collapse) > .btr-nav-item-wrapper > div > .collapse:hover .nav-link:hover::after,
.navbar-vertical-collapsed .navbar-vertical .nav-item:has(.collapse) > .btr-nav-item-wrapper > div > .collapse:hover .nav-link:focus::before,
.navbar-vertical-collapsed .navbar-vertical .nav-item:has(.collapse) > .btr-nav-item-wrapper > div > .collapse:hover .nav-link:focus::after,
.navbar-vertical-collapsed .navbar-vertical .nav-item:has(.collapse) > .btr-nav-item-wrapper > div > .collapse:hover .nav-link.active::before,
.navbar-vertical-collapsed .navbar-vertical .nav-item:has(.collapse) > .btr-nav-item-wrapper > div > .collapse:hover .nav-link.active::after {
  display: none !important;
  content: none !important;
}
.navbar-vertical-collapsed .navbar-vertical .nav-item:has(.collapse):hover > .btr-nav-item-wrapper > div > .collapse .nav-item:hover .btr-navbar-item,
.navbar-vertical-collapsed .navbar-vertical .nav-item:has(.collapse) > .btr-nav-item-wrapper > div > .collapse:hover .nav-item:hover .btr-navbar-item {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border-radius: 8px !important;
}
.navbar-vertical-collapsed .navbar-vertical .nav-item:has(.collapse):hover::after {
  content: "" !important;
  position: absolute !important;
  left: 100% !important;
  top: 0 !important;
  width: 20px !important;
  height: 100% !important;
  z-index: 9998 !important;
}
.navbar-vertical-collapsed .navbar-vertical .navbar-vertical-footer-text {
  display: none !important;
}
.navbar-vertical-collapsed .navbar-vertical.show .nav-item > .btr-nav-item-wrapper > div > .collapse.show {
  display: flex !important;
  flex-direction: column !important;
  opacity: 1 !important;
  pointer-events: all !important;
  position: static !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  min-width: 0 !important;
  left: auto !important;
  top: auto !important;
  padding: 0 !important;
  margin-left: 1rem !important;
}

.navbar-expand-lg .navbar-nav .nav-link {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.nav-link[aria-expanded=true] .btr-navbar-item-chevron {
  transform: rotate(0deg);
  transition: transform 0.3s ease;
}

.nav-link[aria-expanded=false] .btr-navbar-item-chevron,
.nav-link:not([aria-expanded]) .btr-navbar-item-chevron {
  transform: rotate(180deg);
  transition: transform 0.3s ease;
}

@media (max-width: 1319.98px) {
  .navbar-vertical {
    margin-left: 0 !important;
    margin-top: 0 !important;
    border-radius: 0 !important;
    max-height: none !important;
  }
  .navbar-vertical.show, .navbar-vertical.collapsing {
    position: fixed !important;
    top: 80px !important;
    left: 0 !important;
    right: 0 !important;
    margin: 0 !important;
    max-height: calc(100vh - 80px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    z-index: 1050 !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5) !important;
    width: 80% !important;
    max-width: 300px !important;
    border-radius: 0 !important;
    padding: 1rem !important;
    align-items: flex-start !important;
    scrollbar-width: thin !important;
    scrollbar-color: rgba(255, 255, 255, 0.2) transparent !important;
  }
  .navbar-vertical.show::-webkit-scrollbar, .navbar-vertical.collapsing::-webkit-scrollbar {
    width: 6px !important;
  }
  .navbar-vertical.show::-webkit-scrollbar-track, .navbar-vertical.collapsing::-webkit-scrollbar-track {
    background: transparent !important;
  }
  .navbar-vertical.show::-webkit-scrollbar-thumb, .navbar-vertical.collapsing::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.2) !important;
    border-radius: 4px !important;
  }
  .navbar-vertical.show .navbar-vertical-content, .navbar-vertical.collapsing .navbar-vertical-content {
    max-height: none !important;
    overflow: visible !important;
  }
  .navbar-vertical.show .simplebar-track, .navbar-vertical.collapsing .simplebar-track {
    display: none !important;
  }
  .navbar-vertical.show .simplebar-wrapper, .navbar-vertical.collapsing .simplebar-wrapper {
    overflow: visible !important;
    width: 100% !important;
    height: auto !important;
  }
  .navbar-vertical.show .simplebar-mask, .navbar-vertical.collapsing .simplebar-mask {
    overflow: visible !important;
    width: 100% !important;
    height: auto !important;
    position: static !important;
  }
  .navbar-vertical.show .simplebar-offset, .navbar-vertical.collapsing .simplebar-offset {
    overflow: visible !important;
    width: 100% !important;
    height: auto !important;
    position: static !important;
  }
  .navbar-vertical.show .simplebar-content-wrapper, .navbar-vertical.collapsing .simplebar-content-wrapper {
    overflow: visible !important;
    width: 100% !important;
    height: auto !important;
  }
  .navbar-vertical.show .simplebar-content, .navbar-vertical.collapsing .simplebar-content {
    overflow: visible !important;
    width: 100% !important;
    height: auto !important;
  }
  .navbar-vertical.show .simplebar-placeholder, .navbar-vertical.collapsing .simplebar-placeholder {
    display: none !important;
  }
  .navbar-vertical.show .btr-main-brand, .navbar-vertical.collapsing .btr-main-brand {
    height: auto !important;
    padding: 1rem 0 !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
  }
  .navbar-vertical.show .btr-main-brand .btr-main-brand-image, .navbar-vertical.collapsing .btr-main-brand .btr-main-brand-image {
    display: block !important;
  }
  .navbar-vertical.show .navbar-nav, .navbar-vertical.collapsing .navbar-nav {
    width: 100% !important;
    align-items: flex-start !important;
  }
  .navbar-vertical.show .btr-nav-item-wrapper, .navbar-vertical.collapsing .btr-nav-item-wrapper {
    padding-left: 0 !important;
    width: 100% !important;
  }
  .navbar-vertical.show .btr-navbar-item, .navbar-vertical.collapsing .btr-navbar-item {
    padding: 0.5rem !important;
    justify-content: flex-start !important;
  }
  .navbar-vertical.show .btr-navbar-item-text,
  .navbar-vertical.show .btr-navbar-item-text-no-icon, .navbar-vertical.collapsing .btr-navbar-item-text,
  .navbar-vertical.collapsing .btr-navbar-item-text-no-icon {
    display: block !important;
  }
  .navbar-vertical.show .btr-navbar-item-chevron, .navbar-vertical.collapsing .btr-navbar-item-chevron {
    display: flex !important;
  }
  .navbar-vertical.show .collapse, .navbar-vertical.collapsing .collapse {
    position: static !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin-left: 1rem !important;
    width: 100% !important;
  }
  .navbar-vertical.show .collapse.show,
  .navbar-vertical.show .nav-item > .btr-nav-item-wrapper > div > .collapse.show, .navbar-vertical.collapsing .collapse.show,
  .navbar-vertical.collapsing .nav-item > .btr-nav-item-wrapper > div > .collapse.show {
    display: flex !important;
    flex-direction: column !important;
    opacity: 1 !important;
    pointer-events: all !important;
    position: static !important;
    min-width: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    left: auto !important;
    top: auto !important;
    z-index: auto !important;
  }
  .navbar-vertical.show .nav-link, .navbar-vertical.collapsing .nav-link {
    padding-right: 1rem !important;
    width: 100% !important;
    border-radius: 8px !important;
    margin-right: 0 !important;
  }
  .navbar-vertical.show .nav-link::before, .navbar-vertical.show .nav-link::after, .navbar-vertical.collapsing .nav-link::before, .navbar-vertical.collapsing .nav-link::after {
    display: none !important;
    content: none !important;
    box-shadow: none !important;
  }
  .navbar-vertical.show .nav-link.active, .navbar-vertical.show .nav-link:hover, .navbar-vertical.show .nav-link:focus, .navbar-vertical.collapsing .nav-link.active, .navbar-vertical.collapsing .nav-link:hover, .navbar-vertical.collapsing .nav-link:focus {
    background-color: var(--btr-content-bg) !important;
    border-radius: 8px !important;
    padding-right: 1rem !important;
    margin-right: 0 !important;
  }
  .navbar-vertical.show .nav-link.active::before, .navbar-vertical.show .nav-link.active::after, .navbar-vertical.show .nav-link:hover::before, .navbar-vertical.show .nav-link:hover::after, .navbar-vertical.show .nav-link:focus::before, .navbar-vertical.show .nav-link:focus::after, .navbar-vertical.collapsing .nav-link.active::before, .navbar-vertical.collapsing .nav-link.active::after, .navbar-vertical.collapsing .nav-link:hover::before, .navbar-vertical.collapsing .nav-link:hover::after, .navbar-vertical.collapsing .nav-link:focus::before, .navbar-vertical.collapsing .nav-link:focus::after {
    display: none !important;
    content: none !important;
    box-shadow: none !important;
  }
  .navbar-vertical.show .navbar-nav .nav-link.active,
  .navbar-vertical.show .nav .nav-link.active,
  .navbar-vertical.show .nav .nav-link:hover,
  .navbar-vertical.show .nav .nav-link:focus, .navbar-vertical.collapsing .navbar-nav .nav-link.active,
  .navbar-vertical.collapsing .nav .nav-link.active,
  .navbar-vertical.collapsing .nav .nav-link:hover,
  .navbar-vertical.collapsing .nav .nav-link:focus {
    border-radius: 8px !important;
  }
  .navbar-vertical.show .navbar-nav .nav-link.active::before, .navbar-vertical.show .navbar-nav .nav-link.active::after,
  .navbar-vertical.show .nav .nav-link.active::before,
  .navbar-vertical.show .nav .nav-link.active::after,
  .navbar-vertical.show .nav .nav-link:hover::before,
  .navbar-vertical.show .nav .nav-link:hover::after,
  .navbar-vertical.show .nav .nav-link:focus::before,
  .navbar-vertical.show .nav .nav-link:focus::after, .navbar-vertical.collapsing .navbar-nav .nav-link.active::before, .navbar-vertical.collapsing .navbar-nav .nav-link.active::after,
  .navbar-vertical.collapsing .nav .nav-link.active::before,
  .navbar-vertical.collapsing .nav .nav-link.active::after,
  .navbar-vertical.collapsing .nav .nav-link:hover::before,
  .navbar-vertical.collapsing .nav .nav-link:hover::after,
  .navbar-vertical.collapsing .nav .nav-link:focus::before,
  .navbar-vertical.collapsing .nav .nav-link:focus::after {
    display: none !important;
    content: none !important;
    box-shadow: none !important;
  }
  .navbar-vertical.show .nav-item, .navbar-vertical.collapsing .nav-item {
    width: 100% !important;
  }
  .navbar-vertical-collapsed .navbar-vertical.show,
  .navbar-vertical-collapsed .navbar-vertical.collapsing {
    overflow-y: auto !important;
    overflow-x: hidden !important;
    margin-top: 0 !important;
    scrollbar-width: thin !important;
    scrollbar-color: rgba(255, 255, 255, 0.2) transparent !important;
  }
  .navbar-vertical-collapsed .navbar-vertical.show .simplebar-track,
  .navbar-vertical-collapsed .navbar-vertical.collapsing .simplebar-track {
    display: none !important;
  }
  .navbar-vertical-collapsed .navbar-vertical.show .simplebar-wrapper,
  .navbar-vertical-collapsed .navbar-vertical.collapsing .simplebar-wrapper {
    overflow: visible !important;
    width: 100% !important;
    height: auto !important;
  }
  .navbar-vertical-collapsed .navbar-vertical.show .simplebar-mask,
  .navbar-vertical-collapsed .navbar-vertical.collapsing .simplebar-mask {
    overflow: visible !important;
    width: 100% !important;
    height: auto !important;
    position: static !important;
  }
  .navbar-vertical-collapsed .navbar-vertical.show .simplebar-offset,
  .navbar-vertical-collapsed .navbar-vertical.collapsing .simplebar-offset {
    overflow: visible !important;
    width: 100% !important;
    height: auto !important;
    position: static !important;
  }
  .navbar-vertical-collapsed .navbar-vertical.show .simplebar-content-wrapper,
  .navbar-vertical-collapsed .navbar-vertical.collapsing .simplebar-content-wrapper {
    overflow: visible !important;
    width: 100% !important;
    height: auto !important;
  }
  .navbar-vertical-collapsed .navbar-vertical.show .simplebar-content,
  .navbar-vertical-collapsed .navbar-vertical.collapsing .simplebar-content {
    overflow: visible !important;
    width: 100% !important;
    height: auto !important;
  }
  .navbar-vertical-collapsed .navbar-vertical.show .simplebar-placeholder,
  .navbar-vertical-collapsed .navbar-vertical.collapsing .simplebar-placeholder {
    display: none !important;
  }
  .navbar-vertical-collapsed .navbar-vertical.show .btr-main-brand,
  .navbar-vertical-collapsed .navbar-vertical.collapsing .btr-main-brand {
    height: auto !important;
    min-height: auto !important;
    padding: 1rem 0 !important;
    overflow: visible !important;
    display: block !important;
  }
  .navbar-vertical-collapsed .navbar-vertical.show .btr-main-brand-image,
  .navbar-vertical-collapsed .navbar-vertical.collapsing .btr-main-brand-image {
    display: block !important;
  }
  .navbar-vertical-collapsed .navbar-vertical.show .btr-navbar-item-text,
  .navbar-vertical-collapsed .navbar-vertical.show .btr-navbar-item-text-no-icon,
  .navbar-vertical-collapsed .navbar-vertical.collapsing .btr-navbar-item-text,
  .navbar-vertical-collapsed .navbar-vertical.collapsing .btr-navbar-item-text-no-icon {
    display: block !important;
  }
  .navbar-vertical-collapsed .navbar-vertical.show .btr-navbar-item-chevron,
  .navbar-vertical-collapsed .navbar-vertical.collapsing .btr-navbar-item-chevron {
    display: flex !important;
  }
  .navbar-vertical-collapsed .navbar-vertical.show .navbar-nav,
  .navbar-vertical-collapsed .navbar-vertical.collapsing .navbar-nav {
    width: 100% !important;
    align-items: flex-start !important;
  }
  .navbar-vertical-collapsed .navbar-vertical.show .btr-nav-item-wrapper,
  .navbar-vertical-collapsed .navbar-vertical.collapsing .btr-nav-item-wrapper {
    padding-left: 0 !important;
    width: 100% !important;
    display: block !important;
    justify-content: flex-start !important;
  }
  .navbar-vertical-collapsed .navbar-vertical.show > .navbar-vertical-content > .navbar-nav > .nav-item,
  .navbar-vertical-collapsed .navbar-vertical.show .nav-item,
  .navbar-vertical-collapsed .navbar-vertical.collapsing > .navbar-vertical-content > .navbar-nav > .nav-item,
  .navbar-vertical-collapsed .navbar-vertical.collapsing .nav-item {
    width: 100% !important;
    display: block !important;
    justify-content: flex-start !important;
  }
  .navbar-vertical-collapsed .navbar-vertical.show .nav-link,
  .navbar-vertical-collapsed .navbar-vertical.collapsing .nav-link {
    display: flex !important;
    justify-content: flex-start !important;
    width: 100% !important;
    padding-left: 0.5rem !important;
    padding-right: 1rem !important;
    border-radius: 8px !important;
  }
  .navbar-vertical-collapsed .navbar-vertical.show .nav-link::before, .navbar-vertical-collapsed .navbar-vertical.show .nav-link::after,
  .navbar-vertical-collapsed .navbar-vertical.collapsing .nav-link::before,
  .navbar-vertical-collapsed .navbar-vertical.collapsing .nav-link::after {
    display: none !important;
    content: none !important;
    box-shadow: none !important;
  }
  .navbar-vertical-collapsed .navbar-vertical.show .nav-link.active, .navbar-vertical-collapsed .navbar-vertical.show .nav-link:hover, .navbar-vertical-collapsed .navbar-vertical.show .nav-link:focus,
  .navbar-vertical-collapsed .navbar-vertical.collapsing .nav-link.active,
  .navbar-vertical-collapsed .navbar-vertical.collapsing .nav-link:hover,
  .navbar-vertical-collapsed .navbar-vertical.collapsing .nav-link:focus {
    background-color: var(--btr-content-bg) !important;
    border-radius: 8px !important;
  }
  .navbar-vertical-collapsed .navbar-vertical.show .nav-link.active::before, .navbar-vertical-collapsed .navbar-vertical.show .nav-link.active::after, .navbar-vertical-collapsed .navbar-vertical.show .nav-link:hover::before, .navbar-vertical-collapsed .navbar-vertical.show .nav-link:hover::after, .navbar-vertical-collapsed .navbar-vertical.show .nav-link:focus::before, .navbar-vertical-collapsed .navbar-vertical.show .nav-link:focus::after,
  .navbar-vertical-collapsed .navbar-vertical.collapsing .nav-link.active::before,
  .navbar-vertical-collapsed .navbar-vertical.collapsing .nav-link.active::after,
  .navbar-vertical-collapsed .navbar-vertical.collapsing .nav-link:hover::before,
  .navbar-vertical-collapsed .navbar-vertical.collapsing .nav-link:hover::after,
  .navbar-vertical-collapsed .navbar-vertical.collapsing .nav-link:focus::before,
  .navbar-vertical-collapsed .navbar-vertical.collapsing .nav-link:focus::after {
    display: none !important;
    content: none !important;
    box-shadow: none !important;
  }
  .navbar-vertical-collapsed .navbar-vertical.show .btr-navbar-item,
  .navbar-vertical-collapsed .navbar-vertical.collapsing .btr-navbar-item {
    padding: 0.5rem !important;
    justify-content: flex-start !important;
    width: 100% !important;
  }
  .navbar-vertical-collapsed .navbar-vertical.show .navbar-vertical-content,
  .navbar-vertical-collapsed .navbar-vertical.collapsing .navbar-vertical-content {
    max-height: none !important;
    overflow: visible !important;
  }
  .navbar-vertical-collapsed .navbar-vertical.show .collapse,
  .navbar-vertical-collapsed .navbar-vertical.collapsing .collapse {
    position: static !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin-left: 1rem !important;
    width: 100% !important;
  }
  .navbar-vertical-collapsed .navbar-vertical.show .nav-item > .btr-nav-item-wrapper > div > .collapse,
  .navbar-vertical-collapsed .navbar-vertical.collapsing .nav-item > .btr-nav-item-wrapper > div > .collapse {
    display: none !important;
    opacity: 1 !important;
    pointer-events: all !important;
    position: static !important;
  }
  .navbar-vertical-collapsed .navbar-vertical.show .nav-item > .btr-nav-item-wrapper > div > .collapse.show,
  .navbar-vertical-collapsed .navbar-vertical.collapsing .nav-item > .btr-nav-item-wrapper > div > .collapse.show {
    display: flex !important;
    flex-direction: column !important;
    opacity: 1 !important;
    pointer-events: all !important;
    position: static !important;
    min-width: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    left: auto !important;
    top: auto !important;
    z-index: auto !important;
  }
  .navbar-vertical-collapsed .navbar-vertical.show .nav-item:has(.collapse):hover > .btr-nav-item-wrapper > div > .collapse,
  .navbar-vertical-collapsed .navbar-vertical.collapsing .nav-item:has(.collapse):hover > .btr-nav-item-wrapper > div > .collapse {
    position: static !important;
    left: auto !important;
    top: auto !important;
    min-width: 0 !important;
    box-shadow: none !important;
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
    margin-left: 1rem !important;
  }
  .navbar-vertical-collapsed .navbar-vertical.show .nav-item:has(.collapse):hover::after,
  .navbar-vertical-collapsed .navbar-vertical.collapsing .nav-item:has(.collapse):hover::after {
    display: none !important;
    content: none !important;
  }
  .navbar-vertical-collapsed .navbar-vertical.show .nav-item > .btr-nav-item-wrapper,
  .navbar-vertical-collapsed .navbar-vertical.collapsing .nav-item > .btr-nav-item-wrapper {
    position: relative !important;
  }
  .navbar-vertical-collapsed .navbar-vertical.show .nav-item > .btr-nav-item-wrapper > div,
  .navbar-vertical-collapsed .navbar-vertical.collapsing .nav-item > .btr-nav-item-wrapper > div {
    position: relative !important;
  }
  .navbar-vertical-collapsed .navbar-vertical.show .navbar-vertical-footer-text,
  .navbar-vertical-collapsed .navbar-vertical.collapsing .navbar-vertical-footer-text {
    display: block !important;
  }
  .content {
    margin-left: 24px !important;
    margin-right: 24px !important;
  }
  .navbar-top {
    display: flex !important;
  }
  .navbar-toggler {
    display: block !important;
  }
}
@media (min-width: 1320px) {
  .navbar-vertical {
    display: block !important;
  }
  .navbar-vertical.collapse:not(.show) {
    display: block !important;
  }
  .navbar-toggler {
    display: none !important;
  }
}
.nav-link:hover .btr-navbar-icon-wrapper {
  background: var(--btr-menu-selected-bg) !important;
}
.nav-link:hover .btr-navbar-icon-wrapper .btr-navbar-item-icon {
  stroke: #FFF !important;
}

.nav-link:focus .btr-navbar-icon-wrapper {
  background: var(--btr-menu-selected-bg) !important;
}
.nav-link:focus .btr-navbar-icon-wrapper .btr-navbar-item-icon {
  stroke: #FFF !important;
}

.nav-link.active .btr-navbar-icon-wrapper {
  background: var(--btr-menu-selected-bg) !important;
}
.nav-link.active .btr-navbar-icon-wrapper .btr-navbar-item-icon {
  stroke: #FFF !important;
}

.nav-link[aria-expanded=true] .btr-navbar-icon-wrapper {
  background: var(--btr-menu-selected-bg) !important;
}
.nav-link[aria-expanded=true] .btr-navbar-icon-wrapper .btr-navbar-item-icon {
  stroke: #FFF !important;
}

.choices__item {
  color: white !important;
}

@media (min-width: 1320px) {
  html:not(.navbar-vertical-collapsed) .navbar-vertical.navbar-expand-xl {
    width: 14.5rem !important;
  }
}
.navbar-vertical .simplebar-track.simplebar-vertical {
  width: 0 !important;
  opacity: 0 !important;
  transition: width 0.25s ease, opacity 0.25s ease;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
.navbar-vertical:hover .simplebar-track.simplebar-vertical {
  width: 10px !important;
  opacity: 1 !important;
}
.navbar-vertical::-webkit-scrollbar {
  width: 0 !important;
  background: transparent !important;
}
.navbar-vertical::-webkit-scrollbar-track {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
.navbar-vertical::-webkit-scrollbar-thumb {
  background: transparent !important;
}
.navbar-vertical:hover::-webkit-scrollbar {
  width: 6px !important;
}
.navbar-vertical:hover::-webkit-scrollbar-thumb {
  background: var(--phoenix-scrollbar-bg) !important;
  visibility: visible !important;
}

@media (min-width: 1320px) {
  html:not(.navbar-vertical-collapsed) .navbar-vertical .navbar-vertical-footer {
    width: 14.5rem !important;
  }
}
@font-face {
  font-family: "Aperture Display";
  src: url("../fonts/ApertureDisplay-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Source Sans 3";
  src: url("../fonts/SourceSans3-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
:root {
  --phoenix-gutter-x: 1rem;
  --grey: #373737;
  --dark-apple: #8CDB9E;
  --dark-coral: #F59494;
  --violet: #949FFF;
  --black-white-white: #FFF;
  --btr-background: #232428;
  --dark-ash-violet: #B1B2C9;
}

body {
  background-color: var(--btr-background, #232428);
}

.row {
  --phoenix-gutter-x: 1rem;
}

.row-g-sm {
  --phoenix-gutter-x: 0.5rem;
}

.color-grey {
  color: var(--grey, #373737);
}

.color-green {
  color: var(--dark-apple, #8CDB9E);
}

.color-red {
  color: var(--dark-coral, #F59494);
}

.color-coral {
  color: var(--dark-coral, #F59494);
}

.color-violet {
  color: var(--violet, #949FFF);
}

.color-white {
  color: var(--black-white-white, #FFF);
}

.color-dark-ash {
  color: var(--dark-ash-violet, #B1B2C9);
}

.btr-bg-color-grey {
  background-color: var(--grey, #373737);
}

.btr-bg-color-green {
  background-color: var(--dark-apple, #8CDB9E);
}

.btr-bg-color-white {
  background-color: #FFF;
}

.btr-bg-color-coral {
  background-color: var(--dark-coral, #F59494);
}

.btr-bg-color-dark-ash {
  background-color: var(--dark-ash-violet, #B1B2C9);
}

.btr-background-black {
  background: #111214;
}

.sortable-selected-item {
  background: #e8c657;
}

.sortable-item-wrapper {
  padding: 1px;
}

.btr-blue-bg-gradient {
  background: linear-gradient(293deg, var(--Mint, #99E5EA) 0%, #7B87F8 100%) !important;
}

.btr-purple-bg-gradient {
  background: linear-gradient(293deg, var(--Apricot, #FFC8AD) 0%, #7B87F8 100%) !important;
}

.btr-color-apple {
  color: var(--Apple, #B6EFC3);
}

.btr-color-tangerine {
  color: var(--Tangerine, #FFDB96);
}

.btr-bg-color-transparent {
  background-color: transparent;
}

.h6-ad {
  /* H6 - AD */
  font-family: "Aperture Display";
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px; /* 125% */
}

.h5-ad {
  /* H5 - AD */
  font-family: "Aperture Display";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.h4-ad {
  font-family: "Aperture Display";
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px; /* 100% */
}

.h3-ad {
  font-family: "Aperture Display";
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px; /* 75% */
}

.h2-ad {
  font-family: "Aperture Display";
  font-size: 55px;
  font-style: normal;
  font-weight: 400;
  line-height: 55px; /* 100% */
}

.h6-ss {
  /* H6 - SS */
  font-family: "Source Sans 3";
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px; /* 157.143% */
}

.h5-ss {
  /* H5 - SS */
  font-family: "Source Sans 3";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px; /* 125% */
}

.h4-ss {
  /* H4 - SS */
  font-family: "Source Sans 3";
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 26px; /* 144.444% */
}

.h3-ss {
  /* H3 - SS */
  font-family: "Source Sans 3";
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px; /* 140% */
}

.h2-ss {
  /* H2 - SS */
  font-family: "Source Sans 3";
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 32px; /* 133.333% */
}

.h1-ss {
  /* H1 - SS */
  font-family: "Source Sans 3";
  font-size: 30px;
  font-style: normal;
  font-weight: 600;
  line-height: 33px; /* 110% */
}

.dashboard-content-fixed {
  flex: 1;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
}
@media (max-width: 767px) {
  .dashboard-content-fixed {
    display: block;
    overflow-y: visible;
  }
}

.dashboard-content-funnel {
  flex: 1;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
}
@media (max-width: 767px) {
  .dashboard-content-funnel {
    display: block;
    overflow-y: visible;
  }
}
.dashboard-content-funnel > .row:first-child {
  flex-shrink: 0;
}
.dashboard-content-funnel > .row:nth-child(2) {
  flex-shrink: 0;
}
.dashboard-content-funnel > .row:not(:has(~ .row)) {
  flex: 1;
  min-height: 450px;
}
@media (max-width: 767px) {
  .dashboard-content-funnel > .row:not(:has(~ .row)) {
    min-height: auto;
  }
}
.dashboard-content-funnel > .row:not(:has(~ .row)) > .col-12 {
  display: flex;
  flex-direction: column;
}
@media (max-width: 767px) {
  .dashboard-content-funnel > .row:not(:has(~ .row)) > .col-12 {
    display: block;
  }
}
.dashboard-content-funnel > .row:not(:has(~ .row)) > .col-12 > .btr-chart-card,
.dashboard-content-funnel > .row:not(:has(~ .row)) > .col-12 > .card.btr-chart-card {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 300px;
}
@media (max-width: 767px) {
  .dashboard-content-funnel > .row:not(:has(~ .row)) > .col-12 > .btr-chart-card,
  .dashboard-content-funnel > .row:not(:has(~ .row)) > .col-12 > .card.btr-chart-card {
    min-height: auto;
  }
}
.dashboard-content-funnel > .row:not(:has(~ .row)) > .col-12 > .btr-chart-card .brand-long-time-trend-chart,
.dashboard-content-funnel > .row:not(:has(~ .row)) > .col-12 > .card.btr-chart-card .brand-long-time-trend-chart {
  flex: 1;
  min-height: 350px;
}
@media (max-width: 767px) {
  .dashboard-content-funnel > .row:not(:has(~ .row)) > .col-12 > .btr-chart-card .brand-long-time-trend-chart,
  .dashboard-content-funnel > .row:not(:has(~ .row)) > .col-12 > .card.btr-chart-card .brand-long-time-trend-chart {
    min-height: 400px;
  }
}

.dashboard-content-image {
  flex: 1;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
}
@media (max-width: 767px) {
  .dashboard-content-image {
    display: block;
    overflow-y: visible;
  }
}
.dashboard-content-image > .row:first-child {
  flex-shrink: 0;
}
.dashboard-content-image > .row:not(:has(~ .row)) {
  flex: 1;
  display: flex;
  min-height: 300px;
}
@media (max-width: 767px) {
  .dashboard-content-image > .row:not(:has(~ .row)) {
    display: block;
    flex: none;
    min-height: auto;
  }
}
.dashboard-content-image > .row:not(:has(~ .row)) > .col-12 {
  display: flex;
  flex-direction: column;
}
@media (max-width: 767px) {
  .dashboard-content-image > .row:not(:has(~ .row)) > .col-12 {
    display: block;
  }
}
.dashboard-content-image > .row:not(:has(~ .row)) > .col-12 > .btr-chart-card,
.dashboard-content-image > .row:not(:has(~ .row)) > .col-12 > .card.btr-chart-card {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 300px;
}
@media (max-width: 767px) {
  .dashboard-content-image > .row:not(:has(~ .row)) > .col-12 > .btr-chart-card,
  .dashboard-content-image > .row:not(:has(~ .row)) > .col-12 > .card.btr-chart-card {
    min-height: auto;
  }
}
.dashboard-content-image > .row:not(:has(~ .row)) > .col-12 > .btr-chart-card .attribute-overview-chart,
.dashboard-content-image > .row:not(:has(~ .row)) > .col-12 > .btr-chart-card .brand-long-time-trend-chart,
.dashboard-content-image > .row:not(:has(~ .row)) > .col-12 > .card.btr-chart-card .attribute-overview-chart,
.dashboard-content-image > .row:not(:has(~ .row)) > .col-12 > .card.btr-chart-card .brand-long-time-trend-chart {
  flex: 1;
  min-height: 0;
}
@media (max-width: 767px) {
  .dashboard-content-image > .row:not(:has(~ .row)) > .col-12 > .btr-chart-card .attribute-overview-chart,
  .dashboard-content-image > .row:not(:has(~ .row)) > .col-12 > .btr-chart-card .brand-long-time-trend-chart,
  .dashboard-content-image > .row:not(:has(~ .row)) > .col-12 > .card.btr-chart-card .attribute-overview-chart,
  .dashboard-content-image > .row:not(:has(~ .row)) > .col-12 > .card.btr-chart-card .brand-long-time-trend-chart {
    min-height: 30rem;
  }
}

.dashboard-content {
  flex: 1;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
}
@media (max-width: 767px) {
  .dashboard-content {
    display: block;
    overflow-y: visible;
  }
}
.dashboard-content > .row {
  flex: 1;
  display: flex;
}
@media (max-width: 767px) {
  .dashboard-content > .row {
    display: block;
    flex: none;
  }
}
.dashboard-content > .row > .col-12 {
  display: flex;
  flex-direction: column;
}
@media (max-width: 767px) {
  .dashboard-content > .row > .col-12 {
    display: block;
  }
}
.dashboard-content > .row > .col-12 > .btr-chart-card,
.dashboard-content > .row > .col-12 > .card.btr-chart-card {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 200px;
}
@media (max-width: 767px) {
  .dashboard-content > .row > .col-12 > .btr-chart-card,
  .dashboard-content > .row > .col-12 > .card.btr-chart-card {
    min-height: auto;
  }
}
.dashboard-content > .row > .col-12 > .btr-chart-card .attribute-overview-chart,
.dashboard-content > .row > .col-12 > .btr-chart-card .brand-long-time-trend-chart,
.dashboard-content > .row > .col-12 > .card.btr-chart-card .attribute-overview-chart,
.dashboard-content > .row > .col-12 > .card.btr-chart-card .brand-long-time-trend-chart {
  flex: 1;
  min-height: 0;
}
@media (max-width: 767px) {
  .dashboard-content > .row > .col-12 > .btr-chart-card .attribute-overview-chart,
  .dashboard-content > .row > .col-12 > .btr-chart-card .brand-long-time-trend-chart,
  .dashboard-content > .row > .col-12 > .card.btr-chart-card .attribute-overview-chart,
  .dashboard-content > .row > .col-12 > .card.btr-chart-card .brand-long-time-trend-chart {
    min-height: 15rem;
  }
}

.dashboard-content-brand-competitors {
  flex: 1;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
}
@media (max-width: 767px) {
  .dashboard-content-brand-competitors {
    display: block;
    overflow-y: visible;
  }
}
.dashboard-content-brand-competitors > .row:first-child {
  flex-shrink: 0;
}
.dashboard-content-brand-competitors > .row:nth-child(2) {
  flex: 1 0 auto;
  display: flex;
  min-height: 500px;
}
@media (max-width: 767px) {
  .dashboard-content-brand-competitors > .row:nth-child(2) {
    display: block;
    flex: none;
    min-height: auto;
  }
}
.dashboard-content-brand-competitors > .row:nth-child(2) > [class*=col-] {
  display: flex;
  flex-direction: column;
}
@media (max-width: 767px) {
  .dashboard-content-brand-competitors > .row:nth-child(2) > [class*=col-] {
    display: block;
  }
}
.dashboard-content-brand-competitors > .row:nth-child(2) > [class*=col-] > .btr-chart-card,
.dashboard-content-brand-competitors > .row:nth-child(2) > [class*=col-] > .card.btr-chart-card {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 300px;
}
@media (max-width: 767px) {
  .dashboard-content-brand-competitors > .row:nth-child(2) > [class*=col-] > .btr-chart-card,
  .dashboard-content-brand-competitors > .row:nth-child(2) > [class*=col-] > .card.btr-chart-card {
    min-height: auto;
  }
}
.dashboard-content-brand-competitors > .row:nth-child(2) > [class*=col-] > .btr-chart-card .brand-long-time-trend-chart,
.dashboard-content-brand-competitors > .row:nth-child(2) > [class*=col-] > .btr-chart-card .brand-purchase-vs-spontaneous-chart,
.dashboard-content-brand-competitors > .row:nth-child(2) > [class*=col-] > .card.btr-chart-card .brand-long-time-trend-chart,
.dashboard-content-brand-competitors > .row:nth-child(2) > [class*=col-] > .card.btr-chart-card .brand-purchase-vs-spontaneous-chart {
  flex: 1;
  min-height: 0;
}
@media (max-width: 767px) {
  .dashboard-content-brand-competitors > .row:nth-child(2) > [class*=col-] > .btr-chart-card .brand-long-time-trend-chart,
  .dashboard-content-brand-competitors > .row:nth-child(2) > [class*=col-] > .btr-chart-card .brand-purchase-vs-spontaneous-chart,
  .dashboard-content-brand-competitors > .row:nth-child(2) > [class*=col-] > .card.btr-chart-card .brand-long-time-trend-chart,
  .dashboard-content-brand-competitors > .row:nth-child(2) > [class*=col-] > .card.btr-chart-card .brand-purchase-vs-spontaneous-chart {
    min-height: 25rem;
  }
}
.dashboard-content-brand-competitors > .row:nth-child(3) {
  flex-shrink: 0;
}

.dashboard-content-brand-detail {
  flex: 1;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
}
@media (max-width: 767px) {
  .dashboard-content-brand-detail {
    display: block;
    overflow-y: visible;
  }
}
.dashboard-content-brand-detail > .row {
  flex: 1;
  display: flex;
}
@media (max-width: 767px) {
  .dashboard-content-brand-detail > .row {
    display: block;
    flex: none;
  }
}
.dashboard-content-brand-detail > .row > .col-12 {
  display: flex;
  flex-direction: column;
}
@media (max-width: 767px) {
  .dashboard-content-brand-detail > .row > .col-12 {
    display: block;
  }
}
.dashboard-content-brand-detail > .row > .col-12 > .btr-chart-card,
.dashboard-content-brand-detail > .row > .col-12 > .card.btr-chart-card {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 200px;
}
@media (max-width: 767px) {
  .dashboard-content-brand-detail > .row > .col-12 > .btr-chart-card,
  .dashboard-content-brand-detail > .row > .col-12 > .card.btr-chart-card {
    min-height: auto;
  }
}
.dashboard-content-brand-detail > .row > .col-12 > .btr-chart-card .attribute-overview-chart,
.dashboard-content-brand-detail > .row > .col-12 > .btr-chart-card .brand-long-time-trend-chart,
.dashboard-content-brand-detail > .row > .col-12 > .card.btr-chart-card .attribute-overview-chart,
.dashboard-content-brand-detail > .row > .col-12 > .card.btr-chart-card .brand-long-time-trend-chart {
  flex: 1;
  min-height: 0;
}
@media (max-width: 767px) {
  .dashboard-content-brand-detail > .row > .col-12 > .btr-chart-card .attribute-overview-chart,
  .dashboard-content-brand-detail > .row > .col-12 > .btr-chart-card .brand-long-time-trend-chart,
  .dashboard-content-brand-detail > .row > .col-12 > .card.btr-chart-card .attribute-overview-chart,
  .dashboard-content-brand-detail > .row > .col-12 > .card.btr-chart-card .brand-long-time-trend-chart {
    min-height: 15rem;
  }
}
.dashboard-content-brand-detail > .row > .col-12 > .card.btr-chart-card .attribute-overview-chart,
.dashboard-content-brand-detail > .row > .col-12 > .card.btr-chart-card .brand-long-time-trend-chart {
  min-height: 25rem;
}

.dashboard-content-brand-purchases {
  flex: 1;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
}
@media (max-width: 767px) {
  .dashboard-content-brand-purchases {
    display: block;
    overflow-y: visible;
  }
}
.dashboard-content-brand-purchases > .row {
  flex: 1;
  display: flex;
}
@media (max-width: 767px) {
  .dashboard-content-brand-purchases > .row {
    display: block;
    flex: none;
  }
}
.dashboard-content-brand-purchases > .row > .col-12 {
  display: flex;
  flex-direction: column;
}
@media (max-width: 767px) {
  .dashboard-content-brand-purchases > .row > .col-12 {
    display: block;
  }
}
.dashboard-content-brand-purchases > .row > .col-12 > .btr-chart-card,
.dashboard-content-brand-purchases > .row > .col-12 > .card.btr-chart-card {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 200px;
}
@media (max-width: 767px) {
  .dashboard-content-brand-purchases > .row > .col-12 > .btr-chart-card,
  .dashboard-content-brand-purchases > .row > .col-12 > .card.btr-chart-card {
    min-height: auto;
  }
}
.dashboard-content-brand-purchases > .row > .col-12 > .btr-chart-card .attribute-overview-chart,
.dashboard-content-brand-purchases > .row > .col-12 > .btr-chart-card .brand-long-time-trend-chart,
.dashboard-content-brand-purchases > .row > .col-12 > .card.btr-chart-card .attribute-overview-chart,
.dashboard-content-brand-purchases > .row > .col-12 > .card.btr-chart-card .brand-long-time-trend-chart {
  flex: 1;
  min-height: 0;
}
@media (max-width: 767px) {
  .dashboard-content-brand-purchases > .row > .col-12 > .btr-chart-card .attribute-overview-chart,
  .dashboard-content-brand-purchases > .row > .col-12 > .btr-chart-card .brand-long-time-trend-chart,
  .dashboard-content-brand-purchases > .row > .col-12 > .card.btr-chart-card .attribute-overview-chart,
  .dashboard-content-brand-purchases > .row > .col-12 > .card.btr-chart-card .brand-long-time-trend-chart {
    min-height: 15rem;
  }
}
.dashboard-content-brand-purchases > .row > .col-12 > .btr-chart-card .attribute-overview-chart,
.dashboard-content-brand-purchases > .row > .col-12 > .btr-chart-card .donut-purchases-chart,
.dashboard-content-brand-purchases > .row > .col-12 > .btr-chart-card .brand-long-time-trend-chart,
.dashboard-content-brand-purchases > .row > .col-12 > .card.btr-chart-card .attribute-overview-chart,
.dashboard-content-brand-purchases > .row > .col-12 > .card.btr-chart-card .brand-long-time-trend-chart {
  min-height: 25rem;
}
@media (max-width: 1024px) {
  .dashboard-content-brand-purchases > .row > .col-12 > .btr-chart-card .attribute-overview-chart,
  .dashboard-content-brand-purchases > .row > .col-12 > .btr-chart-card .donut-purchases-chart,
  .dashboard-content-brand-purchases > .row > .col-12 > .btr-chart-card .brand-long-time-trend-chart,
  .dashboard-content-brand-purchases > .row > .col-12 > .card.btr-chart-card .attribute-overview-chart,
  .dashboard-content-brand-purchases > .row > .col-12 > .card.btr-chart-card .brand-long-time-trend-chart {
    min-height: 15rem;
  }
}

.dashboard-content-campaign {
  flex: 1;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
}
@media (max-width: 767px) {
  .dashboard-content-campaign {
    display: block;
    overflow-y: visible;
  }
}
.dashboard-content-campaign > .row {
  flex: 1;
  display: flex;
}
@media (max-width: 767px) {
  .dashboard-content-campaign > .row {
    display: block;
    flex: none;
  }
}
.dashboard-content-campaign > .row > .col-12 {
  display: flex;
  flex-direction: column;
}
@media (max-width: 767px) {
  .dashboard-content-campaign > .row > .col-12 {
    display: block;
  }
}
.dashboard-content-campaign > .row > .col-12 > .btr-chart-card,
.dashboard-content-campaign > .row > .col-12 > .card.btr-chart-card {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 200px;
}
@media (max-width: 767px) {
  .dashboard-content-campaign > .row > .col-12 > .btr-chart-card,
  .dashboard-content-campaign > .row > .col-12 > .card.btr-chart-card {
    min-height: auto;
  }
}
.dashboard-content-campaign > .row > .col-12 > .btr-chart-card .attribute-overview-chart,
.dashboard-content-campaign > .row > .col-12 > .btr-chart-card .brand-long-time-trend-chart,
.dashboard-content-campaign > .row > .col-12 > .card.btr-chart-card .attribute-overview-chart,
.dashboard-content-campaign > .row > .col-12 > .card.btr-chart-card .brand-long-time-trend-chart {
  flex: 1;
  min-height: 0;
}
@media (max-width: 767px) {
  .dashboard-content-campaign > .row > .col-12 > .btr-chart-card .attribute-overview-chart,
  .dashboard-content-campaign > .row > .col-12 > .btr-chart-card .brand-long-time-trend-chart,
  .dashboard-content-campaign > .row > .col-12 > .card.btr-chart-card .attribute-overview-chart,
  .dashboard-content-campaign > .row > .col-12 > .card.btr-chart-card .brand-long-time-trend-chart {
    min-height: 15rem;
  }
}
.dashboard-content-campaign > .row > .col-12 > .btr-chart-card .attribute-overview-chart,
.dashboard-content-campaign > .row > .col-12 > .btr-chart-card .brand-long-time-trend-chart,
.dashboard-content-campaign > .row > .col-12 > .btr-chart-card .donut-campaign-chart,
.dashboard-content-campaign > .row > .col-12 > .card.btr-chart-card .attribute-overview-chart,
.dashboard-content-campaign > .row > .col-12 > .card.btr-chart-card .brand-long-time-trend-chart {
  min-height: 25rem;
}
@media (max-width: 1024px) {
  .dashboard-content-campaign > .row > .col-12 > .btr-chart-card .attribute-overview-chart,
  .dashboard-content-campaign > .row > .col-12 > .btr-chart-card .brand-long-time-trend-chart,
  .dashboard-content-campaign > .row > .col-12 > .btr-chart-card .donut-campaign-chart,
  .dashboard-content-campaign > .row > .col-12 > .card.btr-chart-card .attribute-overview-chart,
  .dashboard-content-campaign > .row > .col-12 > .card.btr-chart-card .brand-long-time-trend-chart {
    min-height: 15rem;
  }
}

.dashboard-content-large {
  flex: 1;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
}
@media (max-width: 767px) {
  .dashboard-content-large {
    display: block;
    overflow-y: visible;
  }
}
.dashboard-content-large > .row {
  flex: 1;
  display: flex;
}
@media (max-width: 767px) {
  .dashboard-content-large > .row {
    display: block;
    flex: none;
  }
}
.dashboard-content-large > .row > .col-12 {
  display: flex;
  flex-direction: column;
}
@media (max-width: 767px) {
  .dashboard-content-large > .row > .col-12 {
    display: block;
  }
}
.dashboard-content-large > .row > .col-12 > .btr-chart-card,
.dashboard-content-large > .row > .col-12 > .card.btr-chart-card {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 200px;
}
@media (max-width: 767px) {
  .dashboard-content-large > .row > .col-12 > .btr-chart-card,
  .dashboard-content-large > .row > .col-12 > .card.btr-chart-card {
    min-height: auto;
  }
}
.dashboard-content-large > .row > .col-12 > .btr-chart-card .attribute-overview-chart,
.dashboard-content-large > .row > .col-12 > .btr-chart-card .brand-long-time-trend-chart,
.dashboard-content-large > .row > .col-12 > .card.btr-chart-card .attribute-overview-chart,
.dashboard-content-large > .row > .col-12 > .card.btr-chart-card .brand-long-time-trend-chart {
  flex: 1;
  min-height: 0;
}
@media (max-width: 767px) {
  .dashboard-content-large > .row > .col-12 > .btr-chart-card .attribute-overview-chart,
  .dashboard-content-large > .row > .col-12 > .btr-chart-card .brand-long-time-trend-chart,
  .dashboard-content-large > .row > .col-12 > .card.btr-chart-card .attribute-overview-chart,
  .dashboard-content-large > .row > .col-12 > .card.btr-chart-card .brand-long-time-trend-chart {
    min-height: 15rem;
  }
}

.dashboard-content-extra-large {
  flex: 1;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
}
@media (max-width: 767px) {
  .dashboard-content-extra-large {
    display: block;
    overflow-y: visible;
  }
}
.dashboard-content-extra-large > .row {
  flex: 1;
  display: flex;
}
@media (max-width: 767px) {
  .dashboard-content-extra-large > .row {
    display: block;
    flex: none;
  }
}
.dashboard-content-extra-large > .row > .col-12 {
  display: flex;
  flex-direction: column;
}
@media (max-width: 767px) {
  .dashboard-content-extra-large > .row > .col-12 {
    display: block;
  }
}
.dashboard-content-extra-large > .row > .col-12 > .btr-chart-card,
.dashboard-content-extra-large > .row > .col-12 > .card.btr-chart-card {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 200px;
}
@media (max-width: 767px) {
  .dashboard-content-extra-large > .row > .col-12 > .btr-chart-card,
  .dashboard-content-extra-large > .row > .col-12 > .card.btr-chart-card {
    min-height: auto;
  }
}
.dashboard-content-extra-large > .row > .col-12 > .btr-chart-card .attribute-overview-chart,
.dashboard-content-extra-large > .row > .col-12 > .btr-chart-card .brand-long-time-trend-chart,
.dashboard-content-extra-large > .row > .col-12 > .card.btr-chart-card .attribute-overview-chart,
.dashboard-content-extra-large > .row > .col-12 > .card.btr-chart-card .brand-long-time-trend-chart {
  flex: 1;
  min-height: 0;
}
@media (max-width: 767px) {
  .dashboard-content-extra-large > .row > .col-12 > .btr-chart-card .attribute-overview-chart,
  .dashboard-content-extra-large > .row > .col-12 > .btr-chart-card .brand-long-time-trend-chart,
  .dashboard-content-extra-large > .row > .col-12 > .card.btr-chart-card .attribute-overview-chart,
  .dashboard-content-extra-large > .row > .col-12 > .card.btr-chart-card .brand-long-time-trend-chart {
    min-height: 15rem;
  }
}

.btr-card {
  color: #FFF;
  font-family: "Source Sans 3";
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px; /* 140% */
  border-radius: 24px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.02) 100%) !important;
  border: 0 solid transparent;
}

.btr-card-header {
  border-radius: 24px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.02) 100%) !important;
}

.btr-card-title {
  color: #FFF;
  flex: 1 0 0;
  font-family: "Source Sans 3";
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px; /* 140% */
}

.btr-navbar-item {
  display: flex;
  padding: 0.2rem;
  align-items: center;
  gap: 0.75rem;
  align-self: stretch;
  border-radius: 24px 0 0 24px;
  white-space: nowrap;
  flex-wrap: nowrap;
  width: 100%;
}

.btr-navbar-item-chevron {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 1rem;
  height: 1rem;
  margin-left: auto;
}
.btr-navbar-item-chevron svg {
  width: 100%;
  height: 100%;
  display: block;
}

.btr-navbar-item-text {
  color: var(--black-white-white, #FFF);
  font-family: "Source Sans 3";
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.125rem; /* 150% */
  letter-spacing: 0.0375rem;
  opacity: 0.5;
}

.btr-navbar-item-text-no-icon {
  color: var(--black-white-white, #FFF);
  font-family: "Source Sans 3";
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.375rem; /* 157.143% */
  opacity: 0.5;
  white-space: nowrap;
}

.btr-nav-item-wrapper {
  padding-left: 1rem;
}

.btr-top-buttons-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2rem;
  align-self: stretch;
}

.btr-top-user-wrapper {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.btr-top-settings-wrapper {
  display: flex;
  width: 1.25rem;
  height: 1.25rem;
  padding: 0.08538rem 0.104rem 0.12294rem 0.10419rem;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1/1;
}

.btr-top-user-icon {
  width: 1.25rem;
  height: 1.25rem;
  padding: 0.10419rem 0.16925rem;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='17' height='19' viewBox='0 0 17 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.75 17.4168V16.3752C0.75 15.4176 0.938604 14.4694 1.30504 13.5848C1.67149 12.7001 2.20859 11.8963 2.88568 11.2192C3.56277 10.5421 4.3666 10.005 5.25127 9.63854C6.13593 9.2721 7.08411 9.0835 8.04167 9.0835C8.99922 9.0835 9.9474 9.2721 10.8321 9.63854C11.7167 10.005 12.5206 10.5421 13.1977 11.2192C13.8747 11.8963 14.4118 12.7001 14.7783 13.5848C15.1447 14.4694 15.3333 15.4176 15.3333 16.3752V17.4168' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.04167 9.08333C9.14674 9.08333 10.2065 8.64435 10.9879 7.86294C11.7693 7.08154 12.2083 6.02174 12.2083 4.91667C12.2083 3.8116 11.7693 2.75179 10.9879 1.97039C10.2065 1.18899 9.14674 0.75 8.04167 0.75C6.9366 0.75 5.87679 1.18899 5.09539 1.97039C4.31399 2.75179 3.875 3.8116 3.875 4.91667C3.875 6.02174 4.31399 7.08154 5.09539 7.86294C5.87679 8.64435 6.9366 9.08333 8.04167 9.08333V9.08333Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg width='17' height='19' viewBox='0 0 17 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.75 17.4168V16.3752C0.75 15.4176 0.938604 14.4694 1.30504 13.5848C1.67149 12.7001 2.20859 11.8963 2.88568 11.2192C3.56277 10.5421 4.3666 10.005 5.25127 9.63854C6.13593 9.2721 7.08411 9.0835 8.04167 9.0835C8.99922 9.0835 9.9474 9.2721 10.8321 9.63854C11.7167 10.005 12.5206 10.5421 13.1977 11.2192C13.8747 11.8963 14.4118 12.7001 14.7783 13.5848C15.1447 14.4694 15.3333 15.4176 15.3333 16.3752V17.4168' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.04167 9.08333C9.14674 9.08333 10.2065 8.64435 10.9879 7.86294C11.7693 7.08154 12.2083 6.02174 12.2083 4.91667C12.2083 3.8116 11.7693 2.75179 10.9879 1.97039C10.2065 1.18899 9.14674 0.75 8.04167 0.75C6.9366 0.75 5.87679 1.18899 5.09539 1.97039C4.31399 2.75179 3.875 3.8116 3.875 4.91667C3.875 6.02174 4.31399 7.08154 5.09539 7.86294C5.87679 8.64435 6.9366 9.08333 8.04167 9.08333V9.08333Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: var(--black-white-white, #FFF);
  transition: background-color 0.3s ease;
}

.btr-settings-window {
  border-radius: 1rem 0 1rem 1rem;
  background: #393A3D;
  box-shadow: 0 24px 60px 0 rgba(0, 0, 0, 0.12), 0 8px 20px 0 #000;
}

.btr-settings-items-wrapper {
  padding: 1rem;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}

.btr-user-settings-items-wrapper {
  display: inline-flex;
  padding: 1rem;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}

.btr-user-settings-projects-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.25rem;
  align-self: stretch;
}

.btr-user-settings-projects-text {
  color: var(--Dark-Ash-Violet, #B1B2C9);
  font-family: "Source Sans 3";
  font-size: 0.625rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.btr-settings-items {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}

.btr-settings-buttons {
  display: flex;
  align-items: flex-start;
  gap: 0.25rem;
}

.btr-settings-text {
  color: var(--Dark-Ash-Violet, #B1B2C9);
  font-family: "Source Sans 3";
  font-size: 0.625rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.btr-top-settings-icon {
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.0007 12.5003C11.3814 12.5003 12.5007 11.381 12.5007 10.0003C12.5007 8.61962 11.3814 7.50033 10.0007 7.50033C8.61999 7.50033 7.5007 8.61962 7.5007 10.0003C7.5007 11.381 8.61999 12.5003 10.0007 12.5003Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.1673 12.5003C16.0558 12.7529 16.0226 13.0336 16.0723 13.3053C16.122 13.577 16.2523 13.8276 16.4465 14.0253L16.4965 14.0753C16.6487 14.2273 16.7694 14.4078 16.8515 14.6062C16.9337 14.8047 16.9757 15.0171 16.9757 15.232C16.9757 15.4469 16.9337 15.6593 16.8515 15.8578C16.7694 16.0562 16.6487 16.2367 16.4965 16.3887C16.3445 16.5408 16.164 16.6616 15.9655 16.7437C15.7671 16.8258 15.5547 16.8679 15.3398 16.8679C15.1249 16.8679 14.9125 16.8258 14.714 16.7437C14.5156 16.6616 14.3351 16.5408 14.1831 16.3887L14.1331 16.3387C13.9354 16.1445 13.6848 16.0141 13.4131 15.9644C13.1414 15.9147 12.8607 15.948 12.6081 16.0595C12.3607 16.1661 12.1478 16.3416 11.9939 16.5654C11.84 16.7892 11.7512 17.0525 11.7381 17.3253V17.5003C11.7381 17.9424 11.5625 18.3664 11.2499 18.679C10.9373 18.9916 10.5133 19.1670 10.0713 19.1670C9.62924 19.1670 9.20526 18.9916 8.89264 18.679C8.58002 18.3664 8.40459 17.9424 8.40459 17.5003V17.4253C8.38515 17.1436 8.28402 16.8738 8.1131 16.6494C7.94218 16.425 7.70907 16.2558 7.44209 16.1628C7.18948 16.0513 6.90876 16.018 6.63707 16.0677C6.36537 16.1174 6.11471 16.2478 5.91709 16.442L5.86709 16.492C5.71507 16.6442 5.53457 16.7649 5.33613 16.847C5.13769 16.9292 4.92527 16.9712 4.71037 16.9712C4.49548 16.9712 4.28306 16.9292 4.08462 16.847C3.88618 16.7649 3.70568 16.6442 3.55365 16.492C3.40152 16.34 3.28077 16.1595 3.1986 15.961C3.11643 15.7626 3.07444 15.5502 3.07444 15.3353C3.07444 15.1204 3.11643 14.908 3.1986 14.7095C3.28077 14.5111 3.40152 14.3306 3.55365 14.1786L3.60365 14.1286C3.79786 13.931 3.92827 13.6803 3.97796 13.4086C4.02764 13.1369 3.99436 12.8562 3.88287 12.6036C3.77631 12.3563 3.60078 12.1433 3.37698 11.9894C3.15317 11.8355 2.88985 11.7467 2.61709 11.7336H2.44209C1.99999 11.7336 1.57602 11.5582 1.2634 11.2456C0.950782 10.933 0.775352 10.509 0.775352 10.067C0.775352 9.62488 0.950782 9.2009 1.2634 8.88828C1.57602 8.57566 1.99999 8.40023 2.44209 8.40023H2.51709C2.79877 8.38079 3.06855 8.27966 3.29296 8.10874C3.51737 7.93782 3.68662 7.70471 3.77959 7.43773C3.89108 7.18512 3.92436 6.9044 3.87468 6.63271C3.825 6.36101 3.69458 6.11035 3.50037 5.91273L3.45037 5.86273C3.29824 5.7107 3.17749 5.5302 3.09532 5.33176C3.01315 5.13332 2.97116 4.9209 2.97116 4.70601C2.97116 4.49111 3.01315 4.2787 3.09532 4.08026C3.17749 3.88182 3.29824 3.70131 3.45037 3.54929C3.60239 3.39716 3.7829 3.27641 3.98134 3.19424C4.17978 3.11207 4.39219 3.07008 4.60709 3.07008C4.82198 3.07008 5.0344 3.11207 5.23284 3.19424C5.43128 3.27641 5.61179 3.39716 5.76381 3.54929L5.81381 3.59929C6.01143 3.79349 6.26209 3.92391 6.53379 3.97359C6.80548 4.02327 7.08621 3.98999 7.33881 3.8785H7.42459C7.67197 3.77194 7.88495 3.59641 8.03885 3.37261C8.19275 3.1488 8.28153 2.88548 8.29459 2.61273V2.43773C8.29459 1.99563 8.47002 1.57166 8.78264 1.25904C9.09526 0.946421 9.51924 0.770996 9.96134 0.770996C10.4034 0.770996 10.8274 0.946421 11.14 1.25904C11.4527 1.57166 11.6281 1.99563 11.6281 2.43773V2.51273C11.6412 2.78548 11.73 3.0488 11.8838 3.27261C12.0377 3.49641 12.2507 3.67194 12.4981 3.7785C12.7507 3.88999 13.0314 3.92327 13.3031 3.87359C13.5748 3.82391 13.8255 3.69349 14.0231 3.49929L14.0731 3.44929C14.2251 3.29716 14.4056 3.17641 14.6041 3.09424C14.8025 3.01207 15.0149 2.97008 15.2298 2.97008C15.4447 2.97008 15.6571 3.01207 15.8556 3.09424C16.054 3.17641 16.2345 3.29716 16.3865 3.44929C16.5386 3.60131 16.6594 3.78182 16.7416 3.98026C16.8237 4.1787 16.8657 4.39111 16.8657 4.60601C16.8657 4.8209 16.8237 5.03332 16.7416 5.23176C16.6594 5.4302 16.5386 5.6107 16.3865 5.76273L16.3365 5.81273C16.1423 6.01035 16.0119 6.26101 15.9622 6.53271C15.9125 6.8044 15.9458 7.08512 16.0573 7.33773C16.1638 7.58511 16.3394 7.79809 16.5632 7.95199C16.787 8.10589 17.0503 8.19467 17.3231 8.20773H17.4981C17.9402 8.20773 18.3641 8.38316 18.6768 8.69578C18.9894 9.0084 19.1648 9.43237 19.1648 9.87447C19.1648 10.3166 18.9894 10.7405 18.6768 11.0532C18.3641 11.3658 17.9402 11.5412 17.4981 11.5412H17.4231C17.1503 11.5543 16.887 11.6431 16.6632 11.7969C16.4394 11.9508 16.2638 12.1638 16.1573 12.4112V12.5003H16.1673Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.0007 12.5003C11.3814 12.5003 12.5007 11.381 12.5007 10.0003C12.5007 8.61962 11.3814 7.50033 10.0007 7.50033C8.61999 7.50033 7.5007 8.61962 7.5007 10.0003C7.5007 11.381 8.61999 12.5003 10.0007 12.5003Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.1673 12.5003C16.0558 12.7529 16.0226 13.0336 16.0723 13.3053C16.122 13.577 16.2523 13.8276 16.4465 14.0253L16.4965 14.0753C16.6487 14.2273 16.7694 14.4078 16.8515 14.6062C16.9337 14.8047 16.9757 15.0171 16.9757 15.232C16.9757 15.4469 16.9337 15.6593 16.8515 15.8578C16.7694 16.0562 16.6487 16.2367 16.4965 16.3887C16.3445 16.5408 16.164 16.6616 15.9655 16.7437C15.7671 16.8258 15.5547 16.8679 15.3398 16.8679C15.1249 16.8679 14.9125 16.8258 14.714 16.7437C14.5156 16.6616 14.3351 16.5408 14.1831 16.3887L14.1331 16.3387C13.9354 16.1445 13.6848 16.0141 13.4131 15.9644C13.1414 15.9147 12.8607 15.948 12.6081 16.0595C12.3607 16.1661 12.1478 16.3416 11.9939 16.5654C11.84 16.7892 11.7512 17.0525 11.7381 17.3253V17.5003C11.7381 17.9424 11.5625 18.3664 11.2499 18.679C10.9373 18.9916 10.5133 19.1670 10.0713 19.1670C9.62924 19.1670 9.20526 18.9916 8.89264 18.679C8.58002 18.3664 8.40459 17.9424 8.40459 17.5003V17.4253C8.38515 17.1436 8.28402 16.8738 8.1131 16.6494C7.94218 16.425 7.70907 16.2558 7.44209 16.1628C7.18948 16.0513 6.90876 16.018 6.63707 16.0677C6.36537 16.1174 6.11471 16.2478 5.91709 16.442L5.86709 16.492C5.71507 16.6442 5.53457 16.7649 5.33613 16.847C5.13769 16.9292 4.92527 16.9712 4.71037 16.9712C4.49548 16.9712 4.28306 16.9292 4.08462 16.847C3.88618 16.7649 3.70568 16.6442 3.55365 16.492C3.40152 16.34 3.28077 16.1595 3.1986 15.961C3.11643 15.7626 3.07444 15.5502 3.07444 15.3353C3.07444 15.1204 3.11643 14.908 3.1986 14.7095C3.28077 14.5111 3.40152 14.3306 3.55365 14.1786L3.60365 14.1286C3.79786 13.931 3.92827 13.6803 3.97796 13.4086C4.02764 13.1369 3.99436 12.8562 3.88287 12.6036C3.77631 12.3563 3.60078 12.1433 3.37698 11.9894C3.15317 11.8355 2.88985 11.7467 2.61709 11.7336H2.44209C1.99999 11.7336 1.57602 11.5582 1.2634 11.2456C0.950782 10.933 0.775352 10.509 0.775352 10.067C0.775352 9.62488 0.950782 9.2009 1.2634 8.88828C1.57602 8.57566 1.99999 8.40023 2.44209 8.40023H2.51709C2.79877 8.38079 3.06855 8.27966 3.29296 8.10874C3.51737 7.93782 3.68662 7.70471 3.77959 7.43773C3.89108 7.18512 3.92436 6.9044 3.87468 6.63271C3.825 6.36101 3.69458 6.11035 3.50037 5.91273L3.45037 5.86273C3.29824 5.7107 3.17749 5.5302 3.09532 5.33176C3.01315 5.13332 2.97116 4.9209 2.97116 4.70601C2.97116 4.49111 3.01315 4.2787 3.09532 4.08026C3.17749 3.88182 3.29824 3.70131 3.45037 3.54929C3.60239 3.39716 3.7829 3.27641 3.98134 3.19424C4.17978 3.11207 4.39219 3.07008 4.60709 3.07008C4.82198 3.07008 5.0344 3.11207 5.23284 3.19424C5.43128 3.27641 5.61179 3.39716 5.76381 3.54929L5.81381 3.59929C6.01143 3.79349 6.26209 3.92391 6.53379 3.97359C6.80548 4.02327 7.08621 3.98999 7.33881 3.8785H7.42459C7.67197 3.77194 7.88495 3.59641 8.03885 3.37261C8.19275 3.1488 8.28153 2.88548 8.29459 2.61273V2.43773C8.29459 1.99563 8.47002 1.57166 8.78264 1.25904C9.09526 0.946421 9.51924 0.770996 9.96134 0.770996C10.4034 0.770996 10.8274 0.946421 11.14 1.25904C11.4527 1.57166 11.6281 1.99563 11.6281 2.43773V2.51273C11.6412 2.78548 11.73 3.0488 11.8838 3.27261C12.0377 3.49641 12.2507 3.67194 12.4981 3.7785C12.7507 3.88999 13.0314 3.92327 13.3031 3.87359C13.5748 3.82391 13.8255 3.69349 14.0231 3.49929L14.0731 3.44929C14.2251 3.29716 14.4056 3.17641 14.6041 3.09424C14.8025 3.01207 15.0149 2.97008 15.2298 2.97008C15.4447 2.97008 15.6571 3.01207 15.8556 3.09424C16.054 3.17641 16.2345 3.29716 16.3865 3.44929C16.5386 3.60131 16.6594 3.78182 16.7416 3.98026C16.8237 4.1787 16.8657 4.39111 16.8657 4.60601C16.8657 4.8209 16.8237 5.03332 16.7416 5.23176C16.6594 5.4302 16.5386 5.6107 16.3865 5.76273L16.3365 5.81273C16.1423 6.01035 16.0119 6.26101 15.9622 6.53271C15.9125 6.8044 15.9458 7.08512 16.0573 7.33773C16.1638 7.58511 16.3394 7.79809 16.5632 7.95199C16.787 8.10589 17.0503 8.19467 17.3231 8.20773H17.4981C17.9402 8.20773 18.3641 8.38316 18.6768 8.69578C18.9894 9.0084 19.1648 9.43237 19.1648 9.87447C19.1648 10.3166 18.9894 10.7405 18.6768 11.0532C18.3641 11.3658 17.9402 11.5412 17.4981 11.5412H17.4231C17.1503 11.5543 16.887 11.6431 16.6632 11.7969C16.4394 11.9508 16.2638 12.1638 16.1573 12.4112V12.5003H16.1673Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: var(--black-white-white, #FFF);
  transition: background-color 0.3s ease;
}
.btr-top-settings-icon:hover {
  background-color: var(--dark-apple, #8CDB9E);
}

.btr-rounded-button {
  border: none;
  display: flex;
  width: 2.25rem;
  height: 2.25rem;
  padding: 0.75rem;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  aspect-ratio: 1/1;
  border-radius: 0.75rem;
  background: linear-gradient(270deg, rgba(148, 159, 255, 0.08) 0%, rgba(148, 159, 255, 0.2) 100%);
}

.btr-bookmark-icon {
  width: 1.25rem;
  height: 1.25rem;
  flex-shrink: 0;
  aspect-ratio: 1/1;
  background-image: url("../img/bookmark-check.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.btr-share-icon {
  width: 1.25rem;
  height: 1.25rem;
  flex-shrink: 0;
  aspect-ratio: 1/1;
  background-image: url("../img/share-06.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.btr-bookmark-icon {
  width: 1.25rem;
  height: 1.25rem;
  flex-shrink: 0;
  aspect-ratio: 1/1;
  background-image: url("../img/bookmark-check.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.btr-chart-zero-icon {
  width: 50px;
  height: 40px;
  background-image: url("../img/Line_3.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  margin: 0 auto;
}

.btr-main-brand {
  display: flex;
  height: 100px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.1rem;
  align-self: stretch;
  padding: 0.2rem 0.3rem;
  box-sizing: border-box;
}

.btr-main-brand-logo {
  max-width: calc(100% - 0.3rem);
  max-height: 95px;
  width: auto;
  height: auto;
  object-fit: contain;
  display: block;
}

.btr-main-brand-image {
  width: 9.5625rem;
  height: 2.5rem;
  flex-shrink: 0;
  aspect-ratio: 153/40;
}

.btr-navbar-icon-wrapper {
  display: flex;
  width: 2.5rem;
  height: 2.5rem;
  padding: 0.5rem;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  aspect-ratio: 1/1;
  border-radius: 1rem;
  background: #FFF;
}

.btr-navbar-item-icon {
  stroke-width: 1.5px;
  stroke: var(--btr-menu-selected-bg);
}

.btr-card-header {
  display: flex;
  height: 1.875rem;
  align-items: center;
  align-self: stretch;
  margin-bottom: 1rem;
}

.btr-card-header-link {
  color: var(--Violet, #949FFF);
  text-align: center;
  font-family: "Source Sans 3";
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.375rem; /* 157.143% */
  text-decoration: none;
  stroke: #949FFF;
}
.btr-card-header-link:hover {
  text-decoration: none;
}

.btr-inner-card {
  border-radius: 24px;
  box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.3);
  display: flex;
  padding: 2rem 1rem;
  align-items: flex-start;
  flex: 1 0 0;
  align-self: stretch;
}

.btr-inner-card-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
}

.btr-inner-card-content-row {
  display: flex;
  align-items: flex-end;
  gap: 0.5rem;
}

.btr-inner-card-text-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
}

.btr-inner-card-text {
  color: var(--Grey, #373737);
  font-family: "Source Sans 3";
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.25rem; /* 125% */
}

.btr-inner-card-lg-text {
  color: var(--Grey, #373737);
  text-align: center;
  font-family: "Aperture Display" !important;
  font-size: 4.6875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 3.9375rem; /* 84% */
}

.btr-button:hover {
  background: rgba(92, 210, 218, 0.2);
}

.btr-button-active {
  background: rgba(92, 210, 218, 0.4);
}

.btr-difference-card {
  display: flex;
  padding: 0 1.5rem;
  border: none;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 1rem;
  flex: 1 0 0;
  align-self: stretch;
  border-radius: 1.5rem;
  background: linear-gradient(270deg, rgba(255, 255, 255, 0.02) 0%, rgba(255, 255, 255, 0.1) 100%);
}

.btr-difference-button-wrapper {
  display: flex;
  width: 2.3rem;
  height: 2.3rem;
  padding: 0.25rem;
  flex-direction: column;
  align-items: center;
  gap: 0.0625rem;
  border-radius: 0.75rem;
  border: 1px dashed rgba(255, 255, 255, 0.4);
}

.btr-difference-button-icon-wrapper {
  display: flex;
  width: 0.8125rem;
  height: 0.8125rem;
  padding: 0.13538rem 0.13544rem 0.13544rem 0.13544rem;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1/1;
}

.btr-difference-button-na-icon-wrapper {
  display: flex;
  width: 1.5rem;
  height: 1.5rem;
  padding: 0.13538rem 0.13544rem 0.13544rem 0.13544rem;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1/1;
}
.btr-difference-button-na-icon-wrapper .btr-icon-na {
  width: 100%;
  height: 100%;
  display: block;
}

.btr-difference-button-icon {
  width: 0.5417rem;
  height: 0.5417rem;
  flex-shrink: 0;
}

.btr-difference-button-text {
  font-family: "Source Sans 3";
  font-size: 0.625rem;
  font-style: normal;
  font-weight: 600;
  line-height: 0.75rem;
  text-wrap: nowrap;
}

.btr-stroke-grey {
  stroke: var(--grey, #373737);
  stroke-width: 1.5px;
}
.btr-stroke-grey path {
  stroke: var(--grey, #373737);
  stroke-width: 1.5px;
}

.btr-stroke-green {
  stroke: var(--dark-apple, #8CDB9E) !important;
  stroke-width: 1.5px !important;
}
.btr-stroke-green path {
  stroke: var(--dark-apple, #8CDB9E) !important;
  stroke-width: 1.5px !important;
}

.btr-icon-arrow-external-right {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.00003 17L17 1' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17 16.0848V0.999986H1.91518' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.00003 17L17 1' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17 16.0848V0.999986H1.91518' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.btr-icon-equals {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='12' height='6' viewBox='0 0 12 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.75 5.08301H10.5' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M0.75 0.75H10.5' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg width='12' height='6' viewBox='0 0 12 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.75 5.08301H10.5' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M0.75 0.75H10.5' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.btr-icon-na {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.75 18.75L18.75 0.749999' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ctext x='10' y='13' text-anchor='middle' font-family='Arial, sans-serif' font-size='8' fill='black' font-weight='bold'%3EN/A%3C/text%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.75 18.75L18.75 0.749999' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ctext x='10' y='13' text-anchor='middle' font-family='Arial, sans-serif' font-size='8' fill='black' font-weight='bold'%3EN/A%3C/text%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.btr-icon-arrow-external-right-down {
  transform: rotate(90deg);
}

.btr-difference-panels {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  align-self: stretch;
}

.btr-difference-panel-detail-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  max-width: 5.9375rem;
  flex: 1;
  justify-content: flex-start;
}

.btr-difference-panel-detail-info-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.25rem;
}

.btr-difference-panel-detail-separator {
  height: 0;
  align-self: stretch;
  stroke-width: 1px;
  color: #FFF;
  opacity: 0.1;
}

.btr-difference-detail-special-wrapper {
  display: flex;
  justify-content: center;
  border-radius: 0.625rem;
  background: var(--black-white-white, #FFF);
  /* Elevation/2 */
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.04), 0 4px 10px 0 rgba(0, 0, 0, 0.08);
  color: var(--btr-menu-selected-bg) !important;
}

.btr-difference-detail-special-wrapper-th {
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 0.625rem;
  background: var(--black-white-white, #FFF);
  /* Elevation/2 */
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.04), 0 4px 10px 0 rgba(0, 0, 0, 0.08);
  color: var(--btr-menu-selected-bg) !important;
}

.btr-difference-detail-text-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  align-self: stretch;
  flex: 1;
}

.btr-difference-main-detail-text {
  color: var(--dark-ash-violet, #B1B2C9);
  text-align: left;
  padding: 0.3rem;
  font-family: "Source Sans 3";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 0.875rem; /* 116.667% */
}

.btr-difference-detail-mini-text-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin-top: 0.3rem;
}

.btr-difference-panel-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.25rem;
}

.btr-difference-panel-text {
  color: var(--black-white-white, #FFF);
  font-family: "Aperture Display" !important;
  font-size: 2.5625rem;
  font-style: normal;
  font-weight: 400;
  line-height: 3.1875rem; /* 124.39% */
}

.navbar-vertical-collapsed .navbar-vertical.navbar-expand-lg + .navbar.navbar-top ~ .content {
  margin-left: 5rem !important;
}

.btr-select {
  display: flex;
  padding: 0.5rem;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  flex-shrink: 0;
  width: 8.75rem;
  height: 2.25rem;
  border-radius: 0.25rem;
  border: 1px solid var(--dark-violet, #7B87F8);
  background: rgba(123, 135, 248, 0.2);
}
.btr-select:hover {
  border: 1px solid var(--Dark-Mint, #5CD2DA);
  background: rgba(92, 210, 218, 0.2);
}
.btr-select:hover .btr-select-text {
  color: var(--Dark-Mint, #5CD2DA);
}
.btr-select:hover .btr-select-items-wrapper {
  mask-image: linear-gradient(to right, black calc(100% - 20px), transparent 100%);
  -webkit-mask-image: linear-gradient(to right, black calc(100% - 20px), transparent 100%);
}

.btr-select-items-wrapper {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  flex: 1;
  min-width: 0;
  position: relative;
  text-align: left;
  mask-image: linear-gradient(to right, black calc(100% - 20px), transparent 100%);
  -webkit-mask-image: linear-gradient(to right, black calc(100% - 20px), transparent 100%);
}
.btr-select-items-wrapper .btr-select-text {
  display: inline;
}

.btr-select-text {
  color: var(--Violet, #949FFF);
  font-family: "Source Sans 3";
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.375rem; /* 157.143% */
}

.btr-select-chevron {
  width: 1rem;
  margin-left: 0.2rem;
  height: 0.5rem;
  flex-shrink: 0;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.33398 6.3335L6.00065 1.66683L10.6673 6.3335' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.33398 6.3335L6.00065 1.66683L10.6673 6.3335' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: var(--black-white-white, #FFF);
  transform: rotate(180deg);
  transition: transform 0.3s ease;
}
.btr-select.show .btr-select-chevron {
  transform: rotate(0deg);
}

.btr-button-select-wrapper {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.btr-button-select {
  display: flex;
  padding: 0.5rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex: 1 0 0;
  align-self: stretch;
  border-radius: 0.25rem;
  border: 1px solid var(--Violet, #949FFF);
  background: rgba(123, 135, 248, 0.2);
  width: 34px;
  height: 34px;
  position: relative;
}
.btr-button-select:hover {
  border: 1px solid var(--Dark-Mint, #5CD2DA);
  background: rgba(92, 210, 218, 0.2);
}

.btr-button-chevron-wrapper {
  display: flex;
  width: 1.5rem;
  height: 1.5rem;
  padding: 0 0.23438rem;
  justify-content: center;
  align-items: center;
}

.btr-button-chevron {
  width: 1rem;
  height: 0.5rem;
  flex-shrink: 0;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.33398 6.3335L6.00065 1.66683L10.6673 6.3335' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.33398 6.3335L6.00065 1.66683L10.6673 6.3335' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: var(--black-white-white, #FFF);
  transform: rotate(180deg);
  transition: transform 0.3s ease;
}
.btr-button-select.show .btr-button-chevron {
  transform: rotate(0deg);
}

.btr-dropdown-menu {
  background: var(--grey, #373737);
  align-items: flex-start;
  border-color: var(--grey, #373737);
  box-shadow: 0 8px 20px 0 #000;
  padding: 0;
  border-radius: 0.75rem;
  width: max-content;
}

.btr-button-select-item {
  display: flex;
  padding: 0.125rem 0.25rem;
  align-items: center;
  gap: 0;
  align-self: stretch;
  width: 100%;
  border: none;
  box-shadow: none !important;
  outline: none;
  background: var(--grey, #373737);
  border-radius: 0.75rem;
}

.btr-button-select-item-text-wrapper {
  display: flex;
  padding: 0.3125rem 0.75rem;
  justify-content: space-between;
  align-items: flex-start;
  flex: 1;
  border-radius: 0.75rem;
}
.btr-button-select-item-text-wrapper:hover {
  background: rgba(92, 210, 218, 0.1);
}
.btr-button-select-item-text-wrapper:active {
  background: rgba(123, 135, 248, 0.2);
}

.btr-button-select-item-text {
  align-self: stretch;
  color: var(--black-white-white, #FFF);
  font-family: "Source Sans 3";
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem; /* 150% */
  text-align: left;
  white-space: nowrap;
}
.btr-button-select-item-text:hover {
  color: var(--Dark-Mint, #5CD2DA);
}

.btr-button-selected-item-icon {
  width: 0.875rem;
  height: 0.875rem;
  flex-shrink: 0;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.25977 7.81999L4.53983 11.1001L12.74 2.8999' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.25977 7.81999L4.53983 11.1001L12.74 2.8999' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: var(--Dark-Violet, #7B87F8);
}

.btr-page-header-wrapper {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  align-self: stretch;
  border-radius: 1rem;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .btr-page-header-wrapper {
    flex-direction: column;
    align-items: stretch;
    gap: 0.75rem;
  }
}

.btr-page-header-title {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex: 1 0 0;
}

.btr-collapse-filter-button {
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(123, 135, 248, 0.2);
  border: 1px solid var(--Dark-Violet, #7B87F8);
  border-radius: 0.5rem;
  padding: 0.5rem;
  cursor: pointer;
  transition: background-color 0.2s ease;
}
.btr-collapse-filter-button:hover {
  border: 1px solid var(--Dark-Mint, #5CD2DA);
  background: rgba(92, 210, 218, 0.2);
}
.btr-collapse-filter-button[aria-expanded=true] .btr-collapse-filter-icon {
  transform: rotate(180deg);
}
@media (max-height: 500px) and (orientation: landscape) {
  .btr-collapse-filter-button {
    display: flex !important;
  }
}

.btr-collapse-filter-icon {
  width: 1rem;
  height: 1rem;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: var(--black-white-white, #FFF);
  transition: transform 0.3s ease;
}

.btr-filters-collapsible-wrapper {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  width: 100%;
}
@media (max-width: 767px) {
  .btr-filters-collapsible-wrapper {
    flex-direction: column;
    align-items: stretch;
    gap: 0.75rem;
    padding-top: 0.75rem;
  }
}
@media (max-height: 500px) and (orientation: landscape) {
  .btr-filters-collapsible-wrapper {
    align-items: stretch;
    gap: 0.75rem;
    padding-top: 0.75rem;
  }
  .btr-filters-collapsible-wrapper .btr-link.d-none.d-sm-none.d-md-flex {
    display: none !important;
  }
}

@media (max-height: 500px) and (orientation: landscape) {
  .multi-collapse:not(.show) {
    display: none !important;
  }
  .multi-collapse.show {
    display: block !important;
  }
  .d-md-block.multi-collapse {
    display: none !important;
  }
  .d-md-block.multi-collapse.show {
    display: block !important;
  }
}
.btr-active-filter-wrapper {
  display: flex;
  align-items: center;
  gap: 1rem;
  align-self: stretch;
  border-radius: 1rem;
  height: auto;
}
@media (max-width: 767px) {
  .btr-active-filter-wrapper {
    flex-direction: column;
    align-items: stretch;
    gap: 0.75rem;
  }
}

.btr-active-filter-combos-wrapper {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}
@media (max-width: 767px) {
  .btr-active-filter-combos-wrapper {
    flex-direction: column;
    align-items: stretch;
    gap: 0.75rem;
  }
}

.btr-active-filter-combo-active-item {
  color: var(--black-white-white, #FFF);
  font-feature-settings: "liga" off, "clig" off;
  font-family: "Aperture Display";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.6875rem; /* 84.375% */
}

.btr-active-filter-scroll-wrapper {
  display: flex;
  align-items: center;
  flex: 1;
  min-width: 0;
  gap: 0.25rem;
}

.btr-filter-scroll-button {
  display: flex;
  align-items: center;
  justify-content: center;
  background: none;
  border: none;
  padding: 0.25rem;
  cursor: pointer;
  flex-shrink: 0;
  opacity: 0.7;
  transition: opacity 0.2s ease;
}
.btr-filter-scroll-button:hover {
  opacity: 1;
}

.btr-filter-chevron-left {
  width: 0.625rem;
  height: 0.375rem;
  flex-shrink: 0;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.33398 6.3335L6.00065 1.66683L10.6673 6.3335' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.33398 6.3335L6.00065 1.66683L10.6673 6.3335' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: var(--black-white-white, #FFF);
  transform: rotate(-90deg);
}

.btr-filter-chevron-right {
  width: 0.625rem;
  height: 0.375rem;
  flex-shrink: 0;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.33398 6.3335L6.00065 1.66683L10.6673 6.3335' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.33398 6.3335L6.00065 1.66683L10.6673 6.3335' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: var(--black-white-white, #FFF);
  transform: rotate(90deg);
}

.btr-active-filter-items-wrapper {
  display: flex;
  align-items: center;
  gap: 0.1875rem;
  flex: 1;
  min-width: 0;
  overflow-x: auto;
  overflow-y: hidden;
  position: relative;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE and Edge */
  mask-image: linear-gradient(to right, black calc(100% - 3rem), transparent 100%);
  -webkit-mask-image: linear-gradient(to right, black calc(100% - 3rem), transparent 100%);
}
.btr-active-filter-items-wrapper::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Opera */
}

.btr-active-filter-item {
  display: flex;
  padding: 0.0625rem 0.375rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  border-radius: 0.125rem;
  background: rgba(203, 204, 221, 0.2);
}

.btr-active-filter-item-content {
  display: flex;
  height: 1.125rem;
  align-items: center;
  gap: 0.25rem;
}

.btr-active-filter-item-text {
  color: var(--dark-ash-violet, #B1B2C9);
  font-family: "Source Sans 3";
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.375rem; /* 157.143% */
  text-wrap: nowrap;
}

.btr-active-filter-item-icon-button {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.btr-active-filter-item-icon-button:hover .btr-active-filter-item-icon {
  opacity: 1;
}

.btr-active-filter-item-icon {
  width: 0.625rem;
  height: 0.625rem;
  opacity: 0.5;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.4111 4.99987L0.539062 8.87191L1.12832 9.46116L5.00036 5.58912L8.8724 9.46116L9.46165 8.87191L5.58961 4.99987L9.46165 1.12783L8.8724 0.538574L5.00036 4.41061L1.12832 0.538574L0.539062 1.12783L4.4111 4.99987Z' fill='black'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.4111 4.99987L0.539062 8.87191L1.12832 9.46116L5.00036 5.58912L8.8724 9.46116L9.46165 8.87191L5.58961 4.99987L9.46165 1.12783L8.8724 0.538574L5.00036 4.41061L1.12832 0.538574L0.539062 1.12783L4.4111 4.99987Z' fill='black'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: var(--dark-ash-violet, #B1B2C9);
}

.btr-active-filter-export-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  gap: 0.625rem;
  flex-shrink: 0;
}

.btr-active-filter-export-button {
  display: flex;
  height: 1.75rem;
  padding: 0.1875rem 0.25rem 0.1875rem 0.375rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 0.25rem;
  border: 1px solid var(--violet, #949FFF);
  background: transparent;
}
.btr-active-filter-export-button:hover {
  border: 1px solid var(--Dark-Mint, #5CD2DA);
}
.btr-active-filter-export-button:hover .btr-active-filter-export-button-text {
  color: var(--Dark-Mint, #5CD2DA);
}
.btr-active-filter-export-button:hover .btr-active-filter-export-button-icon {
  background-color: var(--Dark-Mint, #5CD2DA);
}

.btr-active-filter-export-button-content {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

.btr-active-filter-export-button-text {
  color: var(--violet, #949FFF);
  text-align: center;
  font-family: "Source Sans 3";
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.125rem; /* 128.571% */
}

.btr-active-filter-export-button-icon {
  width: 0.875rem;
  height: 0.875rem;
  background-color: white;
  -webkit-mask: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.43555 6.05621L6.99927 10.6199L11.563 6.05621M6.99927 10.294V1.1665M3.08751 12.2498H10.911' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/contain;
  mask: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.43555 6.05621L6.99927 10.6199L11.563 6.05621M6.99927 10.294V1.1665M3.08751 12.2498H10.911' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/contain;
}

.btr-link {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
}
.btr-link:hover .btr-link-text {
  color: var(--Dark-Mint, #5CD2DA);
}
.btr-link:hover .btr-link-text2 {
  color: var(--Dark-Mint, #5CD2DA);
}
.btr-link:hover .btr-link-icon-close {
  background-color: var(--Dark-Mint, #5CD2DA);
}
.btr-link:hover .btr-link-icon-eye {
  background-color: var(--Dark-Mint, #5CD2DA);
}
.btr-link:hover .btr-link-icon-eye-no-line {
  background-color: var(--Dark-Mint, #5CD2DA);
}
.btr-link:hover .btr-logout-icon {
  background-color: var(--Dark-Mint, #5CD2DA);
}
.btr-link:hover .btr-button-text {
  color: var(--Dark-Mint, #5CD2DA);
}

.btr-user-menu {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
}
.btr-user-menu .btr-user-menu:focus,
.btr-user-menu .btr-user-menu:active {
  outline: none;
  box-shadow: none;
  -webkit-tap-highlight-color: transparent;
}

.btr-link-content-wrapper {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

.btr-link-text {
  color: var(--dark-ash-violet, #B1B2C9);
  text-align: center;
  font-family: "Source Sans 3";
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.125rem; /* 150% */
}
.btr-link-text:hover {
  color: 1px solid var(--Dark-Mint, #5CD2DA);
}

.btr-link-text2 {
  color: var(--Ash-Violet, #CBCCDD);
  font-family: "Source Sans 3";
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1rem; /* 133.333% */
  opacity: 0.4;
}
.btr-link-text2:hover {
  color: 1px solid var(--Dark-Mint, #5CD2DA);
}

.btr-link-icon-wrapper {
  display: flex;
  width: 0.875rem;
  height: 0.875rem;
  justify-content: center;
  align-items: center;
}

.btr-link-icon-close {
  width: 0.65625rem;
  height: 0.65625rem;
  flex-shrink: 0;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.28711 3.07715L10.7117 10.5018' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.28711 10.502L10.7117 3.07733' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.28711 3.07715L10.7117 10.5018' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.28711 10.502L10.7117 3.07733' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: var(--dark-ash-violet, #B1B2C9);
}
.btr-link-icon-close:hover {
  background-color: var(--Dark-Mint, #5CD2DA);
}

.btr-link-icon-eye {
  display: flex;
  width: 1rem;
  height: 1rem;
  padding: 0.11163rem 0.09369rem 0.16669rem 0.07294rem;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1/1;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='15' height='14' viewBox='0 0 15 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.41578 2.39055C6.96625 2.3849 6.51794 2.4387 6.08251 2.55055C4.14068 3.03704 2.26758 4.5546 1.00364 6.10001C0.83933 6.30889 0.75 6.56695 0.75 6.83271C0.75 7.09848 0.83933 7.35653 1.00364 7.56542C2.24802 9.08475 4.11638 10.629 6.08488 11.1208C6.51968 11.2315 6.96714 11.2847 7.41578 11.279C7.86521 11.2849 8.31347 11.2317 8.74905 11.1208C10.7175 10.6308 12.5877 9.08594 13.8297 7.56542C13.994 7.35653 14.0833 7.09848 14.0833 6.83271C14.0833 6.56695 13.994 6.30889 13.8297 6.10001C12.5652 4.55401 10.6891 3.03645 8.74905 2.54995C8.31357 2.4384 7.86528 2.38481 7.41578 2.39055V2.39055Z' stroke='%23949FFF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cellipse cx='7.4163' cy='6.66825' rx='1.2952' ry='1.2952' stroke='%23949FFF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.25 12.2974L10.9167 0.750358' stroke='%23949FFF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg width='15' height='14' viewBox='0 0 15 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.41578 2.39055C6.96625 2.3849 6.51794 2.4387 6.08251 2.55055C4.14068 3.03704 2.26758 4.5546 1.00364 6.10001C0.83933 6.30889 0.75 6.56695 0.75 6.83271C0.75 7.09848 0.83933 7.35653 1.00364 7.56542C2.24802 9.08475 4.11638 10.629 6.08488 11.1208C6.51968 11.2315 6.96714 11.2847 7.41578 11.279C7.86521 11.2849 8.31347 11.2317 8.74905 11.1208C10.7175 10.6308 12.5877 9.08594 13.8297 7.56542C13.994 7.35653 14.0833 7.09848 14.0833 6.83271C14.0833 6.56695 13.994 6.30889 13.8297 6.10001C12.5652 4.55401 10.6891 3.03645 8.74905 2.54995C8.31357 2.4384 7.86528 2.38481 7.41578 2.39055V2.39055Z' stroke='%23949FFF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cellipse cx='7.4163' cy='6.66825' rx='1.2952' ry='1.2952' stroke='%23949FFF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.25 12.2974L10.9167 0.750358' stroke='%23949FFF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: #949FFF;
}
.btr-link-icon-eye:hover {
  background-color: var(--Dark-Mint, #5CD2DA);
}

.btr-link-icon-eye-no-line {
  display: flex;
  width: 1rem;
  height: 1rem;
  padding: 0.11163rem 0.09369rem 0.16669rem 0.07294rem;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1/1;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.7496 5.13942C11.0753 5.13094 10.4029 5.21164 9.74974 5.37941C6.83699 6.10915 4.02735 8.38549 2.13144 10.7036C1.88497 11.0169 1.75098 11.404 1.75098 11.8027C1.75098 12.2013 1.88497 12.5884 2.13144 12.9017C3.99801 15.1807 6.80055 17.4971 9.75329 18.2348C10.4055 18.4009 11.0767 18.4806 11.7496 18.4721C12.4238 18.4809 13.0962 18.4011 13.7495 18.2348C16.7023 17.4997 19.5075 15.1825 21.3705 12.9017C21.617 12.5884 21.751 12.2013 21.751 11.8027C21.751 11.404 21.617 11.0169 21.3705 10.7036C19.4737 8.3846 16.6596 6.10826 13.7495 5.37852C13.0963 5.21119 12.4239 5.1308 11.7496 5.13942V5.13942Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='11.7508' cy='11.5558' r='1.9428' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.7496 5.13942C11.0753 5.13094 10.4029 5.21164 9.74974 5.37941C6.83699 6.10915 4.02735 8.38549 2.13144 10.7036C1.88497 11.0169 1.75098 11.404 1.75098 11.8027C1.75098 12.2013 1.88497 12.5884 2.13144 12.9017C3.99801 15.1807 6.80055 17.4971 9.75329 18.2348C10.4055 18.4009 11.0767 18.4806 11.7496 18.4721C12.4238 18.4809 13.0962 18.4011 13.7495 18.2348C16.7023 17.4997 19.5075 15.1825 21.3705 12.9017C21.617 12.5884 21.751 12.2013 21.751 11.8027C21.751 11.404 21.617 11.0169 21.3705 10.7036C19.4737 8.3846 16.6596 6.10826 13.7495 5.37852C13.0963 5.21119 12.4239 5.1308 11.7496 5.13942V5.13942Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='11.7508' cy='11.5558' r='1.9428' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: #949FFF;
}
.btr-link-icon-eye-no-line:hover {
  background-color: var(--Dark-Mint, #5CD2DA);
}

.btr-chart-card {
  display: flex;
  padding: 1rem;
  border: none;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  flex: 1 0 0;
  border-radius: 1.5rem;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.02) 100%);
}

.btr-chart-header-row {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 1.5rem;
  align-self: stretch;
}

.btr-chart-header {
  display: flex;
  align-items: center;
  gap: 1rem;
  align-self: stretch;
}
@media (max-width: 767.98px) {
  .btr-chart-header {
    flex-direction: column;
    align-items: flex-start;
  }
}

.btr-chart {
  display: flex;
  height: 15.75rem;
  padding: 0 2rem;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  border-radius: 1.5rem;
  background: #111214;
}

.btr-chart-labels-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
}

.btr-chart-label-wrapper {
  display: flex;
  height: 2.5rem;
  align-items: center;
  gap: 0.625rem;
  align-self: stretch;
}

.btr-chart-label {
  color: var(--Ash-Violet, #CBCCDD);
  font-family: "Source Sans 3";
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.0375rem;
  text-transform: uppercase;
}

.btr-chart-details-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
  min-width: 6.8rem;
}

.btr-chart-detail-row {
  display: flex;
  align-items: center;
  align-self: stretch;
  justify-content: space-evenly;
}

.btr-chart-detail-text {
  color: var(--black-white-white, #FFF);
  font-family: "Aperture Display";
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.btr-calendar-icon {
  width: 1.25rem;
  height: 1.25rem;
  aspect-ratio: 1/1;
  position: absolute;
  right: 1.65625rem;
  bottom: 1.625rem;
  opacity: 0.7;
  background-image: url("../img/calendar-check-01.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.btr-chart-buttons-row {
  display: flex;
  align-items: flex-end;
  gap: 1.5rem;
  align-self: stretch;
  padding-bottom: 5px;
  border-bottom: 1px solid rgba(203, 204, 221, 0.4);
}

.btr-chart-buttons-wrapper {
  display: flex;
  height: 1.875rem;
  flex-direction: column;
  align-items: flex-start;
  flex: 1 0 0;
}

.btr-chart-buttons-content {
  display: flex;
  padding-left: 1rem;
  align-items: center;
  gap: 2rem;
  flex: 1 0 0;
  align-self: stretch;
}

.btr-chart-button-item {
  display: flex;
  height: 1.875rem;
  align-items: center;
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
}

.btr-chart-button-tab {
  display: flex;
  padding: 1rem 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  align-self: stretch;
}
.btr-chart-button-tab.active .btr-chart-button-text {
  color: white;
  border-bottom: 2px solid white;
}
.btr-chart-button-tab:hover .btr-chart-button-text {
  color: var(--Dark-Mint, #5CD2DA);
}

.btr-chart-button-text {
  color: #949FFF;
  font-family: "Source Sans 3";
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.375rem; /* 157.143% */
}

.btr-chart-icons-wrapper {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 0.5rem;
  flex: 1 0 0;
}

.btr-link-icon-arrow-left {
  display: flex;
  width: 2.25rem;
  height: 0.875rem;
  padding: 0.12906rem 0.0705rem 0.12906rem 0.07625rem;
  justify-content: center;
  align-items: center;
  aspect-ratio: 18/7;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='36' height='12' viewBox='0 0 36 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M29.2402 0.75L34.4023 5.685L29.2402 10.62' stroke='%237B87F8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M0.75 5.70215H34.1202' stroke='%237B87F8' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg width='36' height='12' viewBox='0 0 36 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M29.2402 0.75L34.4023 5.685L29.2402 10.62' stroke='%237B87F8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M0.75 5.70215H34.1202' stroke='%237B87F8' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: #949FFF;
}
.btr-link-icon-arrow-left:hover {
  background-color: var(--Dark-Mint, #5CD2DA);
}

.btr-link-icon-arrow-right {
  display: flex;
  width: 2.25rem;
  height: 0.875rem;
  padding: 0.12906rem 0.0705rem 0.12906rem 0.07625rem;
  justify-content: center;
  align-items: center;
  aspect-ratio: 18/7;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='36' height='12' viewBox='0 0 36 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.91211 10.6201L0.750077 5.68512L5.91211 0.750116' stroke='%237B87F8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M34.4023 5.66797L1.03214 5.66797' stroke='%237B87F8' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg width='36' height='12' viewBox='0 0 36 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.91211 10.6201L0.750077 5.68512L5.91211 0.750116' stroke='%237B87F8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M34.4023 5.66797L1.03214 5.66797' stroke='%237B87F8' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: #949FFF;
}
.btr-link-icon-arrow-right:hover {
  background-color: var(--Dark-Mint, #5CD2DA);
}

.btr-chart-buttons-panel {
  display: flex;
  width: 12.5rem;
  height: 1.875rem;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 0.625rem;
  opacity: 0.3;
}

.btr-footer {
  display: flex;
  padding: 0.5rem 0;
  justify-content: flex-end;
  align-items: center;
  gap: 1.5rem;
  align-self: stretch;
  flex-shrink: 0;
}

.btr-real-link {
  color: var(--Violet, #949FFF);
  text-align: center;
  font-family: "Source Sans 3";
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.125rem; /* 150% */
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}

.btr-footer-text {
  color: var(--Dark-Ash-Violet, #B1B2C9);
  font-family: "Source Sans 3";
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1rem; /* 133.333% */
}

.brand-long-time-trend-chart,
.brand-homepage-long-time-trend-chart,
.brand-homepage-long-time-trend-image-chart,
.brand-purchase-vs-spontaneous-chart,
.brand-overview-chart,
.attribute-overview-chart,
.donut-campaign-chart,
.donut-purchases-chart,
.btr-homepage-campaign-chart,
.brand-average-chart {
  flex: 1;
  min-height: 15rem;
  width: 100%;
}
@media (min-width: 768px) {
  .brand-long-time-trend-chart,
  .brand-homepage-long-time-trend-chart,
  .brand-homepage-long-time-trend-image-chart,
  .brand-purchase-vs-spontaneous-chart,
  .brand-overview-chart,
  .attribute-overview-chart,
  .donut-campaign-chart,
  .donut-purchases-chart,
  .btr-homepage-campaign-chart,
  .brand-average-chart {
    min-height: 200px;
  }
}

.image-importance-chart {
  flex: 1;
  min-height: 2rem;
  max-width: 10rem;
}

.btr-login-page-left-panel {
  display: flex;
  width: 100%;
  padding: 1.5rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5rem;
  flex-shrink: 0;
  align-self: stretch;
  position: relative;
}

.btr-login-page-login-card {
  display: flex;
  width: 21.875rem;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}

.btr-login-page-login-content {
  display: flex;
  padding: 1.5rem;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  align-self: stretch;
  border-radius: 1.5rem;
  background: linear-gradient(270deg, rgba(255, 255, 255, 0.02) 0%, rgba(255, 255, 255, 0.1) 100%);
}

.btr-login-page-login-text {
  color: var(--black-white-white, #FFF);
  font-family: "Source Sans 3";
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.75rem; /* 140% */
}

.btr-login-page-inputs {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
  align-self: stretch;
}

.btr-login-page-input-wrapper {
  display: flex;
  height: 3.5rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.25rem;
  align-self: stretch;
}

.btr-login-page-input-label {
  color: var(--Dark-Ash-Violet, #B1B2C9);
  font-family: "Source Sans 3";
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1rem; /* 133.333% */
}

.btr-login-page-input {
  width: 18.875rem;
  height: 2.25rem;
  flex-shrink: 0;
  border-radius: 0.25rem;
  border: 1px solid rgba(255, 255, 255, 0.3);
  background: rgba(255, 255, 255, 0.05);
}

.btr-login-page-right-panel {
  position: relative;
  display: flex;
  width: 100%;
  min-height: 100vh;
  padding: 1.5rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  align-self: stretch;
  background-image: url("../img/login_image.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  overflow: hidden;
}
@media (min-width: 992px) {
  .btr-login-page-right-panel {
    min-height: auto;
  }
}

.btr-login-image-1,
.btr-login-image-2,
.btr-login-image-3 {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  image-rendering: -webkit-optimize-contrast;
  will-change: transform;
}

.btr-login-image-1 {
  position: absolute;
  top: 3rem;
  right: 10rem;
  z-index: 1;
}

.btr-login-image-2 {
  position: absolute;
  left: 2rem;
  bottom: 40%;
  transform: translateY(-50%);
  z-index: 1;
}

.btr-login-image-3 {
  position: absolute;
  bottom: 10rem;
  left: 2rem;
  z-index: 1;
}

.form-check-input:checked {
  background-color: #949FFF;
  border-color: #949FFF;
}

.btr-login-button-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}

.btr-login-button {
  display: flex;
  padding: 0.4375rem 0.5rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 0.25rem;
  background: var(--Violet, #949FFF);
  width: 5.125rem;
  border: none;
}

.btr-login-button-text {
  color: var(--black-white-white, #FFF);
  text-align: center;
  font-family: "Source Sans 3";
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.375rem; /* 157.143% */
}

.btr-login-forgot-password-link {
  color: var(--Violet, #949FFF);
  text-align: center;
  font-family: "Source Sans 3";
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.375rem; /* 157.143% */
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}

.btr-text-input {
  color: var(--black-white-white, #FFF);
  font-family: "Source Sans 3";
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.375rem; /* 157.143% */
}

.btr-login-page-footer {
  display: flex;
  width: 42rem;
  padding: 0.5rem 0;
  justify-content: center;
  align-items: center;
  gap: 1.5rem;
  position: absolute;
  bottom: 1.5rem;
  left: 50%;
  transform: translateX(-50%);
}

.btr-login-page-footer-text {
  color: var(--Dark-Ash-Violet, #B1B2C9);
  font-family: "Source Sans 3";
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1rem; /* 133.333% */
  opacity: 0.7;
}

/* Animated Gradient Progress Bar */
.animated-gradient-progress {
  height: 1px !important;
  background-color: transparent;
  overflow: hidden;
  border-radius: 0;
  position: relative;
}
.animated-gradient-progress .progress-bar-animated {
  animation: progressIndeterminate 1.5s ease-in-out infinite;
}

.progress-bar-gradient {
  width: 100% !important;
  height: 100%;
  background: var(--btr-menu-selected-bg);
  background-size: 200% 100%;
  animation: gradientShift 2s linear infinite;
  border-radius: 0;
}

@keyframes gradientShift {
  0% {
    background-position: 0% 0%;
  }
  100% {
    background-position: 200% 0%;
  }
}
@keyframes progressIndeterminate {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
.btr-tooltip {
  --phoenix-tooltip-bg: #111214;
  --phoenix-tooltip-color: #fff;
}

.btr-input-group-select {
  display: flex;
  padding: 0.5rem;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  flex-shrink: 0;
  width: auto;
  height: 2.25rem;
  border-radius: 0.25rem;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border: 1px solid var(--dark-violet, #7B87F8);
  background: rgba(123, 135, 248, 0.2);
}
.btr-input-group-select:hover {
  border: 1px solid var(--Dark-Mint, #5CD2DA);
  background: rgba(92, 210, 218, 0.2);
}
.btr-input-group-select:hover .btr-select-text {
  color: var(--Dark-Mint, #5CD2DA);
}
.btr-input-group-select:hover .btr-select-items-wrapper {
  mask-image: linear-gradient(to right, black calc(100% - 20px), transparent 100%);
  -webkit-mask-image: linear-gradient(to right, black calc(100% - 20px), transparent 100%);
}

.btr-input-group-text {
  padding: 0.5rem;
  width: auto;
  height: 2.25rem;
  border-radius: 0;
  border: 1px solid var(--dark-violet, #7B87F8);
  border-left: none;
  border-right: none;
  background: rgba(123, 135, 248, 0.2);
  color: #949FFF;
  font-family: "Source Sans 3";
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.375rem; /* 157.143% */
  text-wrap: nowrap;
}

.btr-input-group-button-left {
  display: flex;
  padding: 0.5rem;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  flex-shrink: 0;
  width: auto;
  height: 2.25rem;
  border-radius: 0;
  border: 1px solid var(--dark-violet, #7B87F8);
  border-right: 1px solid transparent;
  border-left: 1px solid transparent;
  background: rgba(123, 135, 248, 0.2);
}
.btr-input-group-button-left:hover {
  border: 1px solid var(--Dark-Mint, #5CD2DA);
  background: rgba(92, 210, 218, 0.2);
}

.btr-input-group-button-right {
  display: flex;
  padding: 0.5rem;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  flex-shrink: 0;
  width: auto;
  height: 2.25rem;
  border-radius: 0;
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
  border: 1px solid var(--dark-violet, #7B87F8);
  background: rgba(123, 135, 248, 0.2);
  border-left: 1px solid transparent;
}
.btr-input-group-button-right:hover {
  border: 1px solid var(--Dark-Mint, #5CD2DA);
  background: rgba(92, 210, 218, 0.2);
}

.btr-select-chevron-left {
  width: 1rem;
  height: 0.5rem;
  flex-shrink: 0;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.33398 6.3335L6.00065 1.66683L10.6673 6.3335' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.33398 6.3335L6.00065 1.66683L10.6673 6.3335' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: var(--black-white-white, #FFF);
  transform: rotate(-90deg);
}

.btr-select-chevron-right {
  width: 1rem;
  height: 0.5rem;
  flex-shrink: 0;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.33398 6.3335L6.00065 1.66683L10.6673 6.3335' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.33398 6.3335L6.00065 1.66683L10.6673 6.3335' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: var(--black-white-white, #FFF);
  transform: rotate(90deg);
}

.btr-brand-competitors-card-content {
  display: flex;
  height: 11.25rem;
  align-items: center;
  align-self: stretch;
}

.btr-competitors-difference-panels {
  display: flex;
  padding: 0 2rem;
  align-items: stretch;
  gap: 3.125rem;
  flex: 1 0 0;
  align-self: stretch;
  border-radius: 1.5rem;
  overflow-x: hidden;
  scroll-behavior: smooth;
  position: relative;
}

.btr-competitors-difference-panel-arrows-wrapper {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 0.5rem;
  position: absolute;
  right: 3rem;
  top: 4rem;
}

.btr-overview-difference-panel-arrows-wrapper {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 0.5rem;
  position: absolute;
  right: 0.75rem;
  top: 0.1rem;
}

.btr-image-difference-panel-arrows-wrapper {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 0.5rem;
  position: absolute;
  right: 2rem;
  top: 0.2rem;
}

.btr-logout-icon {
  width: 1.125rem;
  height: 1.125rem;
  aspect-ratio: 1/1;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.75 15.75H3.75C3.35218 15.75 2.97064 15.592 2.68934 15.3107C2.40804 15.0294 2.25 14.6478 2.25 14.25V3.75C2.25 3.35218 2.40804 2.97064 2.68934 2.68934C2.97064 2.40804 3.35218 2.25 3.75 2.25H6.75M12 12.75L15.75 9M15.75 9L12 5.25M15.75 9H6.75' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.75 15.75H3.75C3.35218 15.75 2.97064 15.592 2.68934 15.3107C2.40804 15.0294 2.25 14.6478 2.25 14.25V3.75C2.25 3.35218 2.40804 2.97064 2.68934 2.68934C2.97064 2.40804 3.35218 2.25 3.75 2.25H6.75M12 12.75L15.75 9M15.75 9L12 5.25M15.75 9H6.75' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: #949FFF;
}

.btr-button-text {
  color: var(--Violet, #949FFF);
  text-align: center;
  font-family: "Source Sans 3";
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem; /* 150% */
}
.btr-button-text:hover {
  color: 1px solid var(--Dark-Mint, #5CD2DA);
}
.btr-button-text .btr-user-settings-project-text {
  color: var(--black-white-white, #FFF);
  font-family: "Source Sans 3";
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem; /* 150% */
}
.btr-button-text .btr-user-settings-project-text:hover {
  color: 1px solid var(--Dark-Mint, #5CD2DA);
}

.btr-pager-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.75rem;
}

.btr-pager-content {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.btr-pager-arrow-wrapper {
  display: inline-flex;
  width: 1.75rem;
  height: 1.75rem;
  padding: 0.4375rem;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  border-radius: 0.25rem;
  background: rgba(123, 135, 248, 0.2);
  border: none;
}
.btr-pager-arrow-wrapper.disabled {
  background-color: rgba(255, 255, 255, 0.1);
}
.btr-pager-arrow-wrapper.disabled .btr-pager-arrow-right {
  background-color: var(--black-white-white, #FFF);
}
.btr-pager-arrow-wrapper.disabled .btr-pager-arrow-left {
  background-color: var(--black-white-white, #FFF);
}

.btr-pager-number-wrapper {
  display: flex;
  width: 1.75rem;
  height: 1.75rem;
  padding: 0 0.3125rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  border-radius: 0.25rem;
  border: none;
  background-color: transparent;
}
.btr-pager-number-wrapper.active {
  background-color: rgba(123, 135, 248, 0.2);
}

.btr-pager-number {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1 0 0;
  align-self: stretch;
  color: var(--Dark-Ash-Violet, #B1B2C9);
  text-align: center;
  font-family: "Source Sans 3";
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.875rem; /* 116.667% */
}

.btr-pager-arrow-left {
  width: 0.875rem;
  height: 0.875rem;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.33398 6.3335L6.00065 1.66683L10.6673 6.3335' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg  viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.33398 6.3335L6.00065 1.66683L10.6673 6.3335' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: #949FFF;
  rotate: -90deg;
}
.btr-pager-arrow-left.disabled {
  background-color: var(--black-white-white, #FFF);
}

.btr-pager-arrow-right {
  width: 0.875rem;
  height: 0.875rem;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.50842 7.00006L3.6709 11.8376L4.49586 12.6625L10.1583 7.00006L4.49586 1.33758L3.6709 2.16254L8.50842 7.00006Z' fill='black'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.50842 7.00006L3.6709 11.8376L4.49586 12.6625L10.1583 7.00006L4.49586 1.33758L3.6709 2.16254L8.50842 7.00006Z' fill='black'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: #949FFF;
}
.btr-pager-arrow-right.disabled {
  background-color: var(--black-white-white, #FFF);
}

.btr-creative-th {
  display: flex;
  padding: 0 0.5rem;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  flex: 1 0 0;
  align-self: stretch;
}

.btr-creative-td-text {
  color: var(--black-white-white, #FFF);
  text-align: center;
  font-family: "Source Sans 3";
  font-size: 0.9rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.875rem; /* 116.667% */
}

.btr-creative-td-media {
  width: 9rem;
  aspect-ratio: 16/9;
  border-radius: 0.75rem;
  overflow: hidden;
  object-fit: cover;
}

.btr-creative-table-wrapper {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.btr-creative-table-wrapper::-webkit-scrollbar {
  height: 6px;
}
.btr-creative-table-wrapper::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 3px;
}
.btr-creative-table-wrapper::-webkit-scrollbar-thumb {
  background: rgba(148, 159, 255, 0.5);
  border-radius: 3px;
}
.btr-creative-table-wrapper::-webkit-scrollbar-thumb:hover {
  background: rgba(148, 159, 255, 0.7);
}

.btr-creative-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 0.3rem;
  min-width: 600px;
}
.btr-creative-table thead th {
  text-align: center;
  vertical-align: bottom;
  padding: 0.5rem;
  white-space: nowrap;
}
.btr-creative-table tbody .btr-creative-tr {
  position: relative;
}
.btr-creative-table tbody .btr-creative-tr th:first-child,
.btr-creative-table tbody .btr-creative-tr td:first-child {
  border-radius: 1.5rem 0 0 1.5rem;
  background: rgba(17, 18, 20, 0.2);
  text-align: left;
  padding-left: 1.5rem;
}
.btr-creative-table tbody .btr-creative-tr th:nth-child(2),
.btr-creative-table tbody .btr-creative-tr td:nth-child(2) {
  background: rgba(17, 18, 20, 0.2);
  text-align: center;
  vertical-align: middle;
}
.btr-creative-table tbody .btr-creative-tr th:not(:first-child):not(:nth-child(2)):not(:last-child),
.btr-creative-table tbody .btr-creative-tr td:not(:first-child):not(:nth-child(2)):not(:last-child) {
  background: rgba(17, 18, 20, 0.2);
}
.btr-creative-table tbody .btr-creative-tr th:last-child,
.btr-creative-table tbody .btr-creative-tr td:last-child {
  border-radius: 0 1.5rem 1.5rem 0;
  background: rgba(17, 18, 20, 0.2);
}
.btr-creative-table tbody .btr-creative-tr th:only-child,
.btr-creative-table tbody .btr-creative-tr td:only-child {
  border-radius: 1.5rem;
}

.war-result-table {
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0 0.3rem;
  min-width: 600px;
}
.war-result-table thead th {
  text-align: center;
  vertical-align: bottom;
  padding: 0.5rem;
  overflow: hidden;
}
.war-result-table th:first-child,
.war-result-table td:first-child {
  width: auto;
}
.war-result-table th:not(:first-child),
.war-result-table td:not(:first-child) {
  width: 10rem;
}
.war-result-table tbody .btr-creative-tr {
  position: relative;
}
.war-result-table tbody .btr-creative-tr th:first-child,
.war-result-table tbody .btr-creative-tr td:first-child {
  border-radius: 1.5rem 0 0 1.5rem;
  background: rgba(17, 18, 20, 0.2);
  text-align: left;
  padding-left: 1.5rem;
  overflow: hidden;
}
.war-result-table tbody .btr-creative-tr th:not(:first-child):not(:last-child),
.war-result-table tbody .btr-creative-tr td:not(:first-child):not(:last-child) {
  background: rgba(17, 18, 20, 0.2);
}
.war-result-table tbody .btr-creative-tr th:last-child,
.war-result-table tbody .btr-creative-tr td:last-child {
  border-radius: 0 1.5rem 1.5rem 0;
  background: rgba(17, 18, 20, 0.2);
}
.war-result-table tbody .btr-creative-tr th:only-child,
.war-result-table tbody .btr-creative-tr td:only-child {
  border-radius: 1.5rem;
}

.btr-creative-row-td {
  text-align: center;
  vertical-align: middle;
  padding: 0.4rem;
}

.image-importance-chart {
  width: 100%;
  min-width: 60px;
  height: 40px;
  margin: 0 auto;
}

.btr-creative-row-td-benchmark-wrapper {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0.5rem 1rem;
  border-radius: 0.75rem;
  background: var(--black-white-black, #000);
  margin: 0 auto;
}

.btr-creative-row-td-text {
  color: var(--black-white-white, #FFF);
  font-family: "Aperture Display";
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.btr-creative-row-td-text-attribute {
  flex-shrink: 0;
  color: var(--black-white-white, #FFF);
  font-family: "Source Sans 3";
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.375rem; /* 157.143% */
}

.btr-creative-row-td-benchmark-wrapper {
  display: inline-flex;
  width: 2.8125rem;
  height: 2.8125rem;
  padding: 0.25rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.0625rem;
  border-radius: 0.75rem;
  background: #111214;
  margin: 0 auto;
}

.btr-creative-row-td-diff-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 4px 0;
}

.btr-creative-row-td-diff-button {
  display: flex;
  width: 1.5625rem;
  height: 1.5625rem;
  padding: 0.25rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.0625rem;
  aspect-ratio: 1/1;
  border-radius: 0.5rem;
  border: 1px dashed rgba(255, 255, 255, 0.4);
  margin-left: 0.5rem;
}

/* Creative Detail Modal Styles */
.btr-modal-content {
  background-color: transparent;
  border: none;
  border-radius: 1rem;
  color: #fff;
}

.btr-modal-header {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding: 1.5rem 2rem;
}

.btr-modal-header-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
}

.btr-modal-creative-label {
  display: flex;
  height: 1.875rem;
  padding: 0.5rem;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 1rem;
  border-radius: 0.5rem;
  background: #45464C;
  color: #FFF;
  font-family: "Source Sans 3";
  font-size: 0.875rem;
  font-style: normal;
  line-height: 1.0625rem; /* 121.429% */
}

.btr-modal-close-button-wrapper {
  display: flex;
  width: 1.875rem;
  padding: 0.4375rem 0.5rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 0.25rem;
  border: 1px solid var(--Violet, #949FFF);
  background: rgba(123, 135, 248, 0.2);
}
.btr-modal-close-button-wrapper:hover {
  border: 1px solid var(--Dark-Mint, #5CD2DA);
  background: rgba(92, 210, 218, 0.2);
}

.btr-modal-error-close-button-wrapper {
  display: flex;
  width: 1.875rem;
  padding: 0.4375rem 0.5rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 0.25rem;
  border: none;
  background: transparent;
  pointer-events: auto;
}

.btr-modal-error-close-button-wrapper svg {
  pointer-events: none;
}

.btr-modal-error-close-button {
  width: 14px;
  height: 14px;
  opacity: 0.3;
}

.btr-modal-close-button-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.25rem;
}

.btr-btn-close {
  filter: invert(1) grayscale(100%) brightness(200%);
  opacity: 0.8;
}

.btr-btn-close:hover {
  opacity: 1;
}

.btr-modal-body {
  padding: 2rem;
}

.btr-creative-preview-wrapper {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #1C1D21;
  border-radius: 0.75rem;
  overflow: hidden;
  min-height: 400px;
}

.btr-creative-video {
  width: 100%;
  height: auto;
  max-height: 70vh;
  object-fit: contain;
  border-radius: 0.5rem;
}

/* Modal dialog customization */
#creativeDetailModal .modal-dialog {
  max-width: 900px;
}

@media (max-width: 991px) {
  #creativeDetailModal .modal-dialog {
    max-width: 95%;
  }
  .btr-creative-video {
    max-height: 50vh;
  }
}
/* Responsive hiding for funnel chart side information */
@media (max-width: 512px) {
  .btr-chart-details-wrapper {
    display: none;
  }
  .btr-chart .brand-overview-chart,
  .btr-chart .brand-average-chart {
    width: 85% !important;
  }
}
@media (max-width: 767px) {
  .btr-chart-labels-wrapper {
    display: none;
  }
  .btr-chart {
    padding: 0 1rem;
    justify-content: center;
  }
  .btr-chart .brand-overview-chart,
  .btr-chart .brand-average-chart {
    width: 100% !important;
  }
}
.btr-homepage {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2.5rem;
  align-self: stretch;
  width: 100%;
  max-width: 100%;
}

.btr-homepage-headline {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  align-self: stretch;
  border-radius: 1rem;
}
@media (max-width: 768px) {
  .btr-homepage-headline {
    flex-direction: column;
    gap: 1rem;
  }
}

.btr-homepage-headline-text-wrapper {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex: 1 0 0;
}

.btr-homepage-headline-text {
  width: 12.1875rem;
  align-self: stretch;
  color: #FFF;
  font-feature-settings: "liga" off, "clig" off;
  font-family: "Aperture Display";
  font-size: 2.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.875rem; /* 75% */
}

.btr-homepage-headline-period-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.btr-homepage-headline-period-label {
  color: var(--Dark-Ash-Violet, #B1B2C9);
  font-family: "Source Sans 3";
  font-size: 0.625rem;
  font-style: normal;
  font-weight: 600;
  line-height: 0.75rem; /* 120% */
}

.btr-homepage-headline-period {
  color: var(--black-white-white, #FFF);
  font-family: "Source Sans 3";
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.125rem; /* 128.571% */
}

.btr-homepage-content-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  align-self: stretch;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.btr-homepage-content-row {
  display: flex;
  align-items: stretch;
  gap: 1rem;
  align-self: stretch;
  flex-wrap: wrap;
}
@media (max-width: 768px) {
  .btr-homepage-content-row {
    flex-direction: column;
    gap: 0.5rem;
  }
}

.btr-homepage-content-card {
  display: flex;
  padding: 1rem;
  position: relative;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  flex: 1 1 0%;
  min-width: 0;
  border-radius: 1.5rem;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.02) 100%);
}
@media (max-width: 768px) {
  .btr-homepage-content-card {
    width: 100%;
    max-width: 100%;
  }
}

.btr-homepage-content-card-header {
  display: flex;
  height: 1.875rem;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
}

.btr-homepage-content-card-text {
  color: #FFF;
  font-family: "Source Sans 3";
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.75rem; /* 140% */
}

.btr-homepage-content-card-link-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.btr-homepage-content-card-link-wrapper:hover {
  text-decoration: none;
}

.btr-homepage-content-card-link {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.25rem;
}
.btr-homepage-content-card-link:hover .btr-homepage-content-card-link-text {
  text-decoration: none;
  color: var(--Dark-Mint, #5CD2DA);
}
.btr-homepage-content-card-link:hover .btr-homepage-content-card-link-icon {
  background-color: var(--Dark-Mint, #5CD2DA);
}

.btr-homepage-content-card-link-text {
  color: var(--Violet, #949FFF);
  text-align: center;
  font-family: "Source Sans 3";
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  text-decoration: none;
  line-height: 1.375rem; /* 157.143% */
}

.btr-homepage-content-card-link-icon {
  display: flex;
  width: 1rem;
  height: 1rem;
  padding: 0.14744rem 0.27244rem 0.14744rem 0.375rem;
  justify-content: center;
  align-items: center;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='8' height='13' viewBox='0 0 8 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.75 0.75L6.39058 6.39058L0.75 12.0312' stroke='%23949FFF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg width='8' height='13' viewBox='0 0 8 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.75 0.75L6.39058 6.39058L0.75 12.0312' stroke='%23949FFF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: #949FFF;
}

.btr-homepage-content-card-main {
  display: flex;
  height: 15.75rem;
  align-items: flex-start;
  gap: 0.5rem;
  align-self: stretch;
}
@media (max-width: 768px) {
  .btr-homepage-content-card-main {
    flex-direction: column;
    height: auto;
  }
}

.btr-homepage-content-card-tile {
  display: flex;
  padding: 2rem;
  align-items: flex-start;
  flex: 1 0 0;
  align-self: stretch;
  border-radius: 1.5rem;
}
@media (max-width: 768px) {
  .btr-homepage-content-card-tile {
    min-height: 12rem;
    width: 100%;
  }
}

.btr-gradient-mint {
  background: linear-gradient(293deg, var(--Mint, #99E5EA) 0%, #7B87F8 100%);
  box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.3);
}

.btr-gradient-apricot {
  background: linear-gradient(293deg, var(--Apricot, #FFC8AD) 0%, #7B87F8 100%);
  box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.3);
}

.btr-homepage-content-card-tile-text {
  color: var(--Grey, #373737);
  font-family: "Source Sans 3";
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.25rem; /* 125% */
}

.btr-homepage-content-card-chart {
  display: flex;
  padding: 2rem;
  justify-content: center;
  align-items: center;
  flex: 1 0 0;
  align-self: stretch;
  border-radius: 1.5rem;
  background: #111214;
}

.btr-homepage-content-competitors-attribute-text {
  color: var(--black-white-white, #FFF);
  font-family: "Source Sans 3";
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.125rem; /* 150% */
  letter-spacing: 0.0375rem;
  text-transform: uppercase;
  opacity: 0.5;
}

.btr-homepage-content-competitors-content {
  display: flex;
  align-items: flex-start;
  gap: 0.625rem;
  flex: 1 0 0;
  align-self: stretch;
}
@media (max-width: 768px) {
  .btr-homepage-content-competitors-content {
    flex-direction: column;
  }
}

.btr-homepage-content-competitors-primary-brand-content {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  align-self: stretch;
}

.btr-homepage-content-competitors-primary-brand-content-data-wrapper {
  display: flex;
  max-width: 100%;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
}
@media (max-width: 768px) {
  .btr-homepage-content-competitors-primary-brand-content-data-wrapper {
    width: 100%;
  }
}

.btr-homepage-content-competitors-primary-brand-value-content {
  display: flex;
  align-items: flex-end;
  gap: 0.5rem;
}

.btr-homepage-content-competitors-primary-brand-value-wrapper {
  display: flex;
  width: 4.375rem;
  height: 4.375rem;
  padding: 1.5rem 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  aspect-ratio: 1/1;
  border-radius: 1rem;
  border: 2px solid rgba(255, 255, 255, 0.2);
  background: var(--Tangerine, #FFDB96);
  box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.3);
}

.btr-homepage-content-competitors-primary-brand-value {
  color: var(--Grey, #373737);
  text-align: center;
  font-family: "Aperture Display";
  font-size: 2.5625rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.btr-homepage-content-competitors-primary-brand-diff-button {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.btr-homepage-content-competitors-primary-brand-text {
  color: var(--black-white-white, #FFF);
  font-family: "Aperture Display";
  font-size: 2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2rem; /* 100% */
}

.btr-homepage-content-competitors-brands {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  flex: 1 0 0;
  align-self: stretch;
}

.btr-homepage-content-competitors-brands-row {
  display: flex;
  padding: 0 1rem;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  flex: 1 0 0;
  align-self: stretch;
  border-radius: 2.5rem;
}

.btr-homepage-content-competitors-brands-row-content {
  display: flex;
  align-items: center;
  flex: 1 0 0;
  align-self: stretch;
}

.btr-homepage-content-competitors-brands-row-text-content {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  align-self: stretch;
  flex: 1;
  padding-right: 0.75rem;
  max-width: 15rem;
}

.btr-homepage-content-competitors-brands-row-text-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  border-radius: 3.75rem;
}

.btr-homepage-content-competitors-brands-row-value-text {
  color: var(--black-white-white, #FFF);
  text-align: center;
  /* H5 - AD */
  font-family: "Aperture Display";
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.btr-homepage-content-competitors-brands-row-text {
  color: var(--black-white-white, #FFF);
  text-align: right;
  font-family: "Source Sans 3";
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.25rem; /* 125% */
  text-wrap: nowrap;
}

.btr-homepage-donut-campaign-text {
  color: var(--Dark-Ash-Violet, #B1B2C9);
  text-align: right;
  font-family: "Source Sans 3";
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.875rem; /* 116.667% */
}

.btr-homepage-main {
  flex: 1;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
}

.btr-canvas-title {
  color: var(--Violet, #949FFF);
  font-feature-settings: "liga" off, "clig" off;
  font-family: "Aperture Display";
  font-size: 2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.6875rem; /* 84.375% */
}

.btr-canvas-body {
  display: flex;
  padding: 1.5rem;
  align-items: flex-start;
  gap: 1.5rem;
  flex: 1 0 0;
  align-self: stretch;
  border-radius: 1.5rem;
  background: linear-gradient(270deg, rgba(255, 255, 255, 0.02) 0%, rgba(255, 255, 255, 0.1) 100%);
}

.fr-box .fr-wrapper .fr-view {
  background-color: #141824;
}

.dark-theme.fr-box.fr-basic .fr-wrapper {
  background-color: #141824;
}

.dark-theme .fr-second-toolbar {
  background-color: #141824;
}

.btr-input-invalid {
  border-radius: 4px;
  border: 1px solid var(--Error, #FA6666);
  background: rgba(250, 102, 102, 0.1);
}

.btr-input-invalid-text {
  color: var(--Error, #FA6666);
  font-family: "Source Sans 3";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px; /* 157.143% */
}

.btr-error-modal {
  display: flex;
  width: 600px;
  flex-direction: column;
  align-items: flex-start;
  min-height: 200px;
}

.btr-error-modal-wrapper {
  display: flex;
  padding-left: 16px;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
  border-radius: 4px;
  border: 1px solid var(--Dark-Coral, #F59494);
  background: var(--Coral, #FFA4A4);
}

.btr-info-modal-wrapper {
  display: flex;
  padding-left: 16px;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
  border-radius: 4px;
  border: 1px solid var(--Dark-Apple, #8CDB9E);
  background: var(--Apple, #B6EFC3);
}

.btr-error-modal-text-wrapper {
  display: flex;
  padding-top: 12px;
  align-items: flex-start;
  gap: 12px;
  flex: 1 0 0;
  align-self: stretch;
}

.btr-error-modal-icon {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}

.btr-error-modal-text {
  color: var(--Grey, #373737);
  font-family: "Source Sans 3";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px; /* 157.143% */
}

.btr-error-content-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1.875rem;
  flex: 1;
  width: 100%;
}

.btr-error-image-wrapper {
  position: relative;
  height: 200px;
}

.btr-error-404-vector {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 28.8125rem;
  height: 10.3125rem;
}

.btr-error-404-vector2 {
  position: absolute;
  top: 56%;
  left: 42%;
  transform: translate(-50%, -70%);
  width: 6.5rem;
  height: 4rem;
}

.btr-error-404-vector3 {
  position: absolute;
  top: 69%;
  left: 35%;
  transform: translate(-50%, 0%);
  width: 6.5625rem;
  height: 4.3125rem;
}

.btr-error-404-text-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}

.btr-error-404-back-button {
  display: inline-flex;
  padding: 0.5rem 1.5rem;
  justify-content: center;
  align-items: center;
  border-radius: 0.25rem;
  background: var(--Violet, #949FFF);
  color: var(--black-white-white, #FFF);
  text-align: center;
  font-family: "Source Sans 3";
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5rem; /* 150% */
  text-decoration: none;
  border: none;
  cursor: pointer;
}
.btr-error-404-back-button:hover {
  background: #7B87F8;
  color: #FFF;
  text-decoration: none;
}

.btr-error-404-text-title {
  color: #FFF;
  text-align: center;
  font-feature-settings: "liga" off, "clig" off;
  font-family: "Aperture Display";
  font-size: 2.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.875rem; /* 75% */
}

.btr-error-404-description-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.1875rem;
}

.btr-error-404-description1 {
  color: var(--black-white-white, #FFF);
  font-family: "Source Sans 3";
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 600;
  line-height: 2rem; /* 133.333% */
}

.btr-error-404-description2 {
  color: var(--black-white-white, #FFF);
  text-align: center;
  font-family: "Source Sans 3";
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem; /* 150% */
}

.btr-error-404-vector5 {
  position: absolute;
  top: 0px;
  left: 60%;
}

.war-table-value {
  font-family: "Aperture Display";
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.war-table-value-percentage {
  font-family: "Aperture Display";
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.375rem; /* 157.143% */
  vertical-align: top;
}

.war-chart-100-icon {
  width: 50px;
  height: 40px;
  background-image: url("../img/100.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  margin: 0 auto;
}

.war-table-value-td-text {
  color: var(--black-white-white, #FFF);
  font-family: "Source Sans 3";
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.375rem; /* 157.143% */
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tooltip-nowrap .tooltip-inner {
  white-space: nowrap;
  max-width: none;
  background-color: #000;
}

.tooltip-nowrap.bs-tooltip-top .tooltip-arrow::before {
  border-top-color: #000;
}

.tooltip-nowrap.bs-tooltip-bottom .tooltip-arrow::before {
  border-bottom-color: #000;
}

.tooltip-nowrap.bs-tooltip-start .tooltip-arrow::before {
  border-left-color: #000;
}

.tooltip-nowrap.bs-tooltip-end .tooltip-arrow::before {
  border-right-color: #000;
}