.dynamic-height {
  -ms-overflow-style: none;
  scrollbar-width: none;
  flex: 1;
  height: 100dvh;
  overflow: hidden;
}

#initial-page-loader .initial-loader-content {
  text-align: center;
}

#initial-page-loader .initial-loader-logo-ring {
  --loader-ring-size: 36.6px;
  --loader-ring-border: 2px;
  position: relative;
  width: var(--loader-ring-size);
  height: var(--loader-ring-size);
  border-radius: 50%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background: transparent;
}

#initial-page-loader .initial-loader-logo-ring::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  border: var(--loader-ring-border) solid var(--fw-black-000);
  border-top-color: var(--fw-white-100);
  border-right-color: var(--fw-black-000);
  border-bottom-color: var(--fw-white-100);
  background: transparent;
  z-index: 0;
  animation: initial-loader-ring-spin 1.25s linear infinite;
}

#initial-page-loader .initial-loader-logo {
  position: relative;
  z-index: 1;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: block;
  background: var(--fw-white-100);
}

@keyframes initial-loader-ring-spin {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

.colv2-fw-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.base-component-content-fade {
  opacity: 0;
  transition: opacity 0ms ease;
}

.base-component-content-fade.base-component-content-visible {
  opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
  .base-component-content-fade {
    opacity: 1;
    transition: none;
  }
}

:root {
  --fwv2-sidebar-expanded-width: 0px;
  --fwv2-bp-sm: 576px;
  --fwv2-bp-md: 768px;
  --fwv2-bp-lg: 992px;
  --fwv2-bp-xl: 1200px;
  --fwv2-bp-xxl: 1400px;
  --fwv2-container-sm: 540px;
  --fwv2-container-md: 720px;
  --fwv2-container-lg: 960px;
  --fwv2-container-xl: 1290px;
  --fwv2-container-xxl: 1320px;
  --fwv2-legacy-col1-compact: 62px;
  --fwv2-legacy-col1-expanded: var(--fwv2-sidebar-expanded-width);
  --fwv2-legacy-col2-min: 600px;
  --fwv2-legacy-col2-expanded-offset: 238px;
  --fwv2-legacy-three-col2-expanded-offset: var(--fwv2-sidebar-expanded-width);
  --fwv2-legacy-col3-lg: 340px;
  --fwv2-legacy-col3-xl: 380px;
  --fwv2-col-main-min: 520px;
  --fwv2-col-side-min: 280px;
  --fwv2-col-side-2-min: 240px;
  --fwv2-col-3-break-xl: 1460px;
  --fwv2-col-3-break-lg: 1380px;
}

.fwv2-container {
  display: flex;
  flex-direction: column;
  position: relative;
  gap: 0px;
  padding: 0px 0px;
  margin: 0px auto 0px auto;
  box-sizing: border-box;
  --fwv2-sidebar-current-width: 0px;
}

.fwv2-sidebar-navigation-container {
  display: none;
  box-sizing: border-box;
  position: fixed;
  top: 0;
  pointer-events: all;
  z-index: 9;
  height: 100dvh;
  overflow-y: auto;
  overflow-x: hidden;
  justify-content: start;
  align-items: center;
  border-right: 0;
  flex-direction: column;
  width: var(--fwv2-sidebar-current-width);
  transition:
    top var(--fwv2-header-nav-transition, 220ms) var(--fwv2-header-nav-easing, cubic-bezier(0.22, 1, 0.36, 1)),
    height var(--fwv2-header-nav-transition, 220ms) var(--fwv2-header-nav-easing, cubic-bezier(0.22, 1, 0.36, 1)),
    width var(--fwv2-header-nav-transition, 220ms) var(--fwv2-header-nav-easing, cubic-bezier(0.22, 1, 0.36, 1));
  will-change: top, height, width;
  background-color: var(--sidebar-navigation-background);
}

.fwv2-sidebar-navigation-container > * {
  width: var(--fwv2-legacy-col1-expanded, var(--fwv2-sidebar-expanded-width));
  max-width: none;
}

.fwv2-sidebar-navigation-container .tlv2-sidebar-menu,
.fwv2-sidebar-navigation-container .menu-item {
  white-space: nowrap;
}

.fwv2-sidebar-navigation-container .tlv2-sidebar-text,
.fwv2-sidebar-navigation-container .menu-item-text,
.fwv2-sidebar-navigation-container .sidebar-label,
.fwv2-sidebar-navigation-container .nav-label {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.fwv2-container.navigation-with-sidebar .fwv2-sidebar-navigation-container {
  display: none;
}

.fwv2-container.navigation-with-sidebar .fwv2-container-column {
  margin-left: 0;
}

.fwv2-container.navigation-with-sidebar.navigation-sidebar-force-compact {
  --fwv2-sidebar-current-width: var(--fwv2-legacy-col1-compact, 62px);
}

.fwv2-container.navigation-with-sidebar.navigation-sidebar-force-compact .fwv2-sidebar-navigation-container {
  flex: 0 0 var(--fwv2-legacy-col1-compact, 62px) !important;
  width: var(--fwv2-legacy-col1-compact, 62px) !important;
}

.fwv2-container.navigation-with-sidebar.navigation-sidebar-force-compact .fwv2-sidebar-navigation-container .tlv2-sidebar-text,
.fwv2-container.navigation-with-sidebar.navigation-sidebar-force-compact .fwv2-sidebar-navigation-container .menu-item-text,
.fwv2-container.navigation-with-sidebar.navigation-sidebar-force-compact .fwv2-sidebar-navigation-container .sidebar-label,
.fwv2-container.navigation-with-sidebar.navigation-sidebar-force-compact .fwv2-sidebar-navigation-container .nav-label,
.fwv2-container.navigation-with-sidebar.navigation-sidebar-force-compact .fwv2-sidebar-navigation-container .tlv2-sidebar-category-title:not(.fwv2-navigation-category-toggle),
.fwv2-container.navigation-with-sidebar.navigation-sidebar-force-compact .fwv2-sidebar-navigation-container .sidebar-category {
  display: none !important;
}

.fwv2-container.navigation-with-sidebar.navigation-sidebar-force-compact .fwv2-sidebar-navigation-container .menu-item {
  justify-content: center !important;
}

@media (max-width: 604.98px) {
  .fwv2-container.navigation-with-sidebar.navigation-sidebar-force-compact {
    --fwv2-sidebar-current-width: 0px;
  }

  .fwv2-container.navigation-with-sidebar.navigation-sidebar-force-compact .fwv2-sidebar-navigation-container {
    display: none !important;
    flex: 0 0 0 !important;
    width: 0 !important;
    border-right: 0 !important;
  }
}

.fwv2-container.framework-border-left-enabled .fwv2-sidebar-navigation-container {
  border-left: 1px solid var(--fw-white-300);
}

.fwv2-container.framework-border-left-enabled,
.fwv2-container.framework-border-right-enabled {
  min-height: 100svh;
}

.fwv2-container.framework-border-left-enabled {
  border-left: 1px solid var(--fw-white-300);
}

.fwv2-container.framework-border-right-enabled {
  border-right: 1px solid var(--fw-white-300);
}

.fwv2-container.framework-border-left-enabled.navigation-with-sidebar {
  border-left: 0;
}

.fwv2-container.layout-size-sm {
  max-width: var(--fwv2-container-sm) !important;
}

.fwv2-container.layout-size-md {
  max-width: var(--fwv2-container-md) !important;
}

.fwv2-container.layout-size-lg {
  max-width: var(--fwv2-container-lg) !important;
}

.fwv2-container.layout-size-xl {
  max-width: var(--fwv2-container-xl) !important;
}

.fwv2-container.layout-size-xxl {
  max-width: var(--fwv2-container-xxl) !important;
}

.fwv2-container.layout-size-fluid {
  width: 100% !important;
  max-width: 100% !important;
}

.fwv2-container-column {
  display: flex;
  flex-direction: column;
  /* gap: 15px; */
  box-sizing: border-box;
}

.fwv2-navigation-header-row {
  display: none;
  position: relative;
  top: auto;
  width: 100%;
  max-width: none;
  box-sizing: border-box;
  z-index: var(--fwv2-header-nav-z-index, 1100);
  background: var(---header-navigation-background);
  /* border-bottom: 1px solid var(--fw-white-300); */
}

.fwv2-navigation-header-row.is-navigation-enabled {
  display: block;
}

body.fwv2-header-mode-relative .fwv2-navigation-header-row {
  margin-top: 0;
}

.fwv2-column-row {
  display: flex;
  position: relative;
  flex-direction: row;
  justify-content: start;
  align-items: start;
  box-sizing: border-box;
}

.fwv2-main-col {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}

#fwv2_col_1 {
  display: none;
  flex: 0 0 0%;
  box-sizing: border-box;
  position: fixed;
  pointer-events: all;
  z-index: 9;
  height: 100vh;
  overflow-y: auto;
  overflow-x: hidden;
  justify-content: start;
  align-items: center;
  border-right: 1px solid var(--fw-white-300);
}

#fwv2_col_2 {
  display: flex;
  flex: 1;
  position: relative;
  box-sizing: border-box;
  flex-direction: column;
  max-width: 100%;
  width: 100%;
  border-left: 0px solid transparent;
  border-right: 0px solid transparent;
  height: calc(100% - 50px);
  min-width: 0;
}

.innerscroll#fwv2_col_2 {
  display: flex;
  flex: 1;
  position: relative;
  box-sizing: border-box;
  flex-direction: column;
  max-width: 100%;
  width: 100%;
  border-left: 0px solid transparent;
  border-right: 0px solid transparent;
  height: calc(100dvh - 50px);
}

#fw_top_bar_function_container {
  background-color: var(--top-bar-background);
  z-index: 100;
}

.fwv2-top-utility-container {
  position: -webkit-sticky;
  position: sticky;
  top: -1px;
  z-index: 1000;
  align-self: stretch;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  margin: -1px 0 0;
  padding-top: 1px;
  box-sizing: border-box;
  background: var(--top-bar-background);
  isolation: isolate;
}

.fwv2-top-utility-container::before {
  content: "";
  position: absolute;
  top: -2px;
  right: 0;
  left: 0;
  height: 3px;
  background: var(--top-bar-background);
  pointer-events: none;
  z-index: 0;
}

.fwv2-top-utility-container > * {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

.layout-one-column:not(.navigation-with-sidebar) #fwv2_col_1 {
  display: none !important;
  width: 0 !important;
  flex: 0 0 0 !important;
  border: 0 !important;
}

.layout-one-column:not(.navigation-with-sidebar) #fwv2_col_2 {
  width: 100%;
  max-width: 100%;
  padding-left: 0 !important;
  margin-left: 0 !important;
}

.fwv2-container:not(.navigation-with-sidebar) #fwv2_col_1 {
  display: none !important;
  width: 0 !important;
  flex: 0 0 0 !important;
  border-right: 0 !important;
}

.fwv2-container:not(.navigation-with-sidebar) #fwv2_col_2 {
  padding-left: 0 !important;
  margin-left: 0 !important;
}

.fwv2-container.navigation-with-sidebar #fwv2_col_2 {
  padding-left: 0;
}

.layout-one-column #fwv2_col_2 {
  border-right: 0;
}

@media (min-width: 605px) {
  .fwv2-container.navigation-with-sidebar {
    --fwv2-sidebar-current-width: var(--fwv2-legacy-col1-compact, 62px);
  }

  .fwv2-container.navigation-with-sidebar .fwv2-sidebar-navigation-container {
    display: flex;
    flex: 0 0 var(--fwv2-legacy-col1-compact, 62px);
    width: var(--fwv2-legacy-col1-compact, 62px);
    border-right: var(--sidebar-navigation-border);
  }

  .fwv2-container.navigation-with-sidebar .fwv2-container-column {
    margin-left: var(--fwv2-sidebar-current-width);
    transition: margin-left var(--fwv2-header-nav-transition, 220ms) var(--fwv2-header-nav-easing, cubic-bezier(0.22, 1, 0.36, 1));
  }

  #fwv2_col_2 {
    /* border-right: 1px solid var(--fw-white-300); */
    padding-left: 0;
    height: 100%;
  }

  .innerscroll#fwv2_col_2 {
    border-right: 1px solid var(--fw-white-300);
    padding-left: 0;
    height: 100dvh;
  }
}

@media (min-width: 992px) {
  .fwv2-container:not(.navigation-with-sidebar) #fwv2_col_2 {
    min-width: 0;
  }
}

@media (min-width: 576px) {
  .fwv2-container.layout-one-column {
    max-width: var(--fwv2-container-sm);
  }
}

@media (min-width: 768px) {
  .fwv2-container.layout-one-column {
    max-width: var(--fwv2-container-md);
  }
}

@media (min-width: 992px) {
  .fwv2-container.layout-one-column {
    max-width: var(--fwv2-container-lg);
  }
}

@media (min-width: 1200px) {
  .fwv2-container.layout-one-column {
    max-width: var(--fwv2-container-xl);
  }
}

@media (min-width: 1400px) {
  .fwv2-container.layout-one-column {
    max-width: var(--fwv2-container-xxl);
  }
}

@media (min-width: 768px) {
  .fwv2-container {
    max-width: 787px;
  }
}
@media (min-width: 1004px) {
  .fwv2-container {
    max-width: 1080px;
  }

  #fwv2_col_2 {
    min-width: var(--fwv2-col-main-min, 520px);
  }
}

@media (min-width: 1280px) {
  .fwv2-container.navigation-with-sidebar:not(.navigation-sidebar-force-compact) {
    --fwv2-sidebar-current-width: var(--fwv2-legacy-col1-expanded, var(--fwv2-sidebar-expanded-width));
  }

  .fwv2-container {
    max-width: 1310px;
  }

  .fwv2-container.navigation-with-sidebar:not(.navigation-sidebar-force-compact) .fwv2-sidebar-navigation-container {
    display: flex;
    flex: 0 0 var(--fwv2-legacy-col1-expanded, var(--fwv2-sidebar-expanded-width));
    width: var(--fwv2-legacy-col1-expanded, var(--fwv2-sidebar-expanded-width));
    align-items: start;
  }

  #fwv2_col_2 {
    flex: 1;
    margin-left: 0;
  }
}