/*  
---------------------------------------------------
Anchors 
---------------------------------------------------  
*/

/* Component only */
/*
.component.usn_cmp_anchornavigation { }*/

/* Not available as part of Split
.item_block.usn_cmp_anchornavigation { }*/

.component.usn_cmp_anchornavigation {
  position: relative;
  top: 0;
  z-index: 901;
  padding: var(--base-half-spacing) 0 !important;
  width: 100%;
  box-shadow: var(--header-box-shadow_h) var(--header-box-shadow_v)
    var(--header-box-shadow_b) rgba(var(--true-black), 0);
  transition: top 0.5s ease-in-out 0s, box-shadow 0.5s ease-in-out 0s;
  background: unset !important;
}

html.nav-down:not(.reached-top) .component.usn_cmp_anchornavigation,
html.nav-up:not(.reached-top) .component.usn_cmp_anchornavigation {
  opacity: 1;
  box-shadow: var(--header-box-shadow_h) var(--header-box-shadow_v)
    var(--header-box-shadow_b)
    rgba(var(--true-black), var(--header-box-shadow_o));
}

.component.usn_cmp_anchornavigation,
.component.usn_cmp_anchornavigation ul.nav {
  margin: 0;
}

.component.usn_cmp_anchornavigation ul.nav.justify-content-center {
  text-align: center;
}
.component.usn_cmp_anchornavigation ul.nav.justify-content-start {
  text-align: left;
}
.component.usn_cmp_anchornavigation ul.nav.justify-content-end {
  text-align: right;
}

.component.usn_cmp_anchornavigation ul.nav li.nav-item {
  position: relative;
}

.component.usn_cmp_anchornavigation ul.nav li.nav-item span {
  position: relative;
  display: inline-block;
}

.component.usn_cmp_anchornavigation ul.nav li.nav-item a.nav-link {
  color: rgba(var(--base-heading), 1);
  position: relative;
  display: block;
  cursor: pointer;
  outline: 0 none;

  -webkit-transition: opacity 0.3s ease-in-out 0s, color 0.3s ease-in-out 0s,
    background-color 0.3s ease-in-out 0s, text-decoration 0.3s ease-in-out 0s,
    top 0.3s ease-in-out 0s, right 0.3s ease-in-out 0s,
    bottom 0.3s ease-in-out 0s, left 0.3s ease-in-out 0s,
    width 0.3s ease-in-out 0s, max-width 0.3s ease-in-out 0s,
    height 0.3s ease-in-out 0s, max-height 0.3s ease-in-out 0s,
    padding-top 0.3s ease-in-out 0s, padding-right 0.3s ease-in-out 0s,
    padding-bottom 0.3s ease-in-out 0s, padding-left 0.3s ease-in-out 0s,
    box-shadow 0.3s ease-in-out 0s, border-color 0.3s ease-in-out 0s,
    transform 0.3s ease-in-out 0s;
  transition: opacity 0.3s ease-in-out 0s, color 0.3s ease-in-out 0s,
    background-color 0.3s ease-in-out 0s, text-decoration 0.3s ease-in-out 0s,
    top 0.3s ease-in-out 0s, right 0.3s ease-in-out 0s,
    bottom 0.3s ease-in-out 0s, left 0.3s ease-in-out 0s,
    width 0.3s ease-in-out 0s, max-width 0.3s ease-in-out 0s,
    height 0.3s ease-in-out 0s, max-height 0.3s ease-in-out 0s,
    padding-top 0.3s ease-in-out 0s, padding-right 0.3s ease-in-out 0s,
    padding-bottom 0.3s ease-in-out 0s, padding-left 0.3s ease-in-out 0s,
    box-shadow 0.3s ease-in-out 0s, border-color 0.3s ease-in-out 0s,
    transform 0.3s ease-in-out 0s;
}

/* 
---------------------------------------------------
Anchors Styles

Basic
Buttons
Underline
Linethrough
---------------------------------------------------  
*/

/*	
--------------------------------------------------
Tab Basic Style 
-------------------------------------------------- 
*/

.component.usn_cmp_anchornavigation nav.tab-basic ul.nav li.nav-item .nav-link {
  padding: calc(var(--base-half-spacing) / 1.5) var(--base-half-spacing);
  border-width: var(--base-border-width);
  border-style: solid;
  border-radius: var(--base-border-radius) var(--base-border-radius) 0 0;
}

.component.usn_cmp_anchornavigation nav.tab-basic ul.nav li.nav-item .nav-link {
  border-width: var(--base-border-width) var(--base-border-width) 0;
}

.component.usn_cmp_anchornavigation
  nav.tab-basic
  ul.nav
  li.nav-item
  a.nav-link.active::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: calc(var(--base-border-width) * 2);
  background: var(--base-highlight);
}

/* Tabs */
.component.usn_cmp_anchornavigation nav.tab-basic ul.nav li.nav-item .nav-link {
  color: var(--base-link-hover);
  border-color: var(--base-borders);
  background: transparent;
}
.component.usn_cmp_anchornavigation
  nav.tab-basic
  ul.nav
  li.nav-item
  .nav-link:not(.active) {
  background: rgba(var(--base-borders), 0.15);
}
.component.usn_cmp_anchornavigation
  nav.tab-basic
  ul.nav
  li.nav-item
  .nav-link:not(.active):hover {
  color: var(--base-link-hover);
  background: rgba(var(--base-borders), 0.25);
}
.component.usn_cmp_anchornavigation
  nav.tab-basic
  ul.nav
  li.nav-item
  .nav-link.active {
  color: var(--base-heading);
}
.component.usn_cmp_anchornavigation
  nav.tab-basic
  ul.nav
  li.nav-item
  .nav-link.active {
  border-bottom-color: transparent !important;
}

.component.usn_cmp_anchornavigation
  nav.tab-basic
  ul.nav.justify-content-center
  li.nav-item {
  margin: 0 2.5px;
}
.component.usn_cmp_anchornavigation
  nav.tab-basic
  ul.nav.justify-content-start
  li.nav-item {
  margin-right: 5px;
}
.component.usn_cmp_anchornavigation
  nav.tab-basic
  ul.nav.justify-content-end
  li.nav-item {
  margin-left: 5px;
}

/*	
--------------------------------------------------
Tab Button Style 
-------------------------------------------------- 
*/

.component.usn_cmp_anchornavigation
  nav.tab-buttons
  ul.nav
  li.nav-item
  .nav-link {
  padding: var(--btn_sm-padding_top) var(--btn_sm-padding_right)
    var(--btn_sm-padding_bottom) var(--btn_sm-padding_left);
  border-width: var(--base-border-width);
  border-style: solid;
  border-radius: var(--btn-border-radius);
  box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v)
    var(--btn-box-shadow_b)
    rgba(var(--base-btn-borders), var(--btn-box-shadow_o));
}

/* Tabs */
.component.usn_cmp_anchornavigation
  nav.tab-buttons
  ul.nav
  li.nav-item
  .nav-link {
  color: rgba(var(--base-heading), 1);
  border-color: rgba(var(--base-borders), 0.25);
  background: transparent;
}
.component.usn_cmp_anchornavigation
  nav.tab-buttons
  ul.nav
  li.nav-item
  .nav-link:not(.active):hover {
  color: rgba(var(--base-heading), 1);
  border-color: rgba(var(--base-borders), 1);
}
.component.usn_cmp_anchornavigation
  nav.tab-buttons
  ul.nav
  li.nav-item
  .nav-link.active {
  color: rgba(var(--base-heading), 1);
  border-color: rgba(var(--base-heading), 1);
}
/* Tab Box shadows */
.component.usn_cmp_anchornavigation
  nav.tab-buttons
  ul.nav
  li.nav-item
  .nav-link {
  box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v)
    var(--btn-box-shadow_b) rgba(var(--base-borders), 0.25);
}
.component.usn_cmp_anchornavigation
  nav.tab-buttons
  ul.nav
  li.nav-item
  .nav-link:not(.active):hover {
  box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v)
    var(--btn-box-shadow_b) rgba(var(--base-borders), var(--btn-box-shadow_o));
}
.component.usn_cmp_anchornavigation
  nav.tab-buttons
  ul.nav
  li.nav-item
  .nav-link.active {
  box-shadow: var(--btn-box-shadow_h) var(--btn-box-shadow_v)
    var(--btn-box-shadow_b) rgba(var(--base-borders), var(--btn-box-shadow_o));
}

.component.usn_cmp_anchornavigation
  nav.tab-buttons
  ul.nav.justify-content-center
  li.nav-item {
  margin: 0 5px;
}
.component.usn_cmp_anchornavigation
  nav.tab-buttons
  ul.nav.justify-content-start
  li.nav-item {
  margin-right: 10px;
}
.component.usn_cmp_anchornavigation
  nav.tab-buttons
  ul.nav.justify-content-end
  li.nav-item {
  margin-left: 10px;
}

/*	
--------------------------------------------------
Tab Underline Style
-------------------------------------------------- 
*/

.component.usn_cmp_anchornavigation
  nav.tab-underline
  ul.nav
  li.nav-item
  .nav-link {
  padding: 5px 0 2px;
  border-radius: 0;
  background: transparent;
}

.component.usn_cmp_anchornavigation
  nav.tab-underline
  ul.nav
  li.nav-item
  a.nav-link::after {
  content: "";
  position: absolute;
  bottom: 2px;
  width: 0;
  height: var(--base-border-width);
  opacity: 0;

  -webkit-transition: opacity 0.3s ease-in-out 0s, color 0.3s ease-in-out 0s,
    background-color 0.3s ease-in-out 0s, text-decoration 0.3s ease-in-out 0s,
    top 0.3s ease-in-out 0s, right 0.3s ease-in-out 0s,
    bottom 0.3s ease-in-out 0s, left 0.3s ease-in-out 0s,
    width 0.3s ease-in-out 0s, max-width 0.3s ease-in-out 0s,
    height 0.3s ease-in-out 0s, max-height 0.3s ease-in-out 0s,
    padding-top 0.3s ease-in-out 0s, padding-right 0.3s ease-in-out 0s,
    padding-bottom 0.3s ease-in-out 0s, padding-left 0.3s ease-in-out 0s,
    box-shadow 0.3s ease-in-out 0s, border-color 0.3s ease-in-out 0s,
    transform 0.3s ease-in-out 0s;
  transition: opacity 0.3s ease-in-out 0s, color 0.3s ease-in-out 0s,
    background-color 0.3s ease-in-out 0s, text-decoration 0.3s ease-in-out 0s,
    top 0.3s ease-in-out 0s, right 0.3s ease-in-out 0s,
    bottom 0.3s ease-in-out 0s, left 0.3s ease-in-out 0s,
    width 0.3s ease-in-out 0s, max-width 0.3s ease-in-out 0s,
    height 0.3s ease-in-out 0s, max-height 0.3s ease-in-out 0s,
    padding-top 0.3s ease-in-out 0s, padding-right 0.3s ease-in-out 0s,
    padding-bottom 0.3s ease-in-out 0s, padding-left 0.3s ease-in-out 0s,
    box-shadow 0.3s ease-in-out 0s, border-color 0.3s ease-in-out 0s,
    transform 0.3s ease-in-out 0s;
}
html[dir="ltr"]
  .component.usn_cmp_anchornavigation
  nav.tab-underline
  ul.nav
  li.nav-item
  a.nav-link::after {
  left: 0;
}

.component.usn_cmp_anchornavigation
  nav.tab-underline
  ul.nav
  li.nav-item
  .nav-link {
  color: rgba(var(--base-link), 1);
}

.component.usn_cmp_anchornavigation
  nav.tab-underline
  ul.nav
  li.nav-item
  .nav-link:not(.active):hover {
  color: rgba(var(--base-link-hover), 1);
}

.component.usn_cmp_anchornavigation
  nav.tab-underline
  ul.nav
  li.nav-item
  a.nav-link.active {
  color: rgba(var(--base-heading), 1);
}

.component.usn_cmp_anchornavigation
  nav.tab-underline
  ul.nav
  li.nav-item
  a.nav-link:not(.active):hover::after {
  width: 100%;
  background: rgba(var(--base-link-hover), 1);
  opacity: 1;
}

.component.usn_cmp_anchornavigation
  nav.tab-underline
  ul.nav
  li.nav-item
  a.nav-link.active::after {
  width: 100%;
  background: rgba(var(--base-heading), 1);
  opacity: 1;
}

.component.usn_cmp_anchornavigation
  nav.tab-underline
  ul.nav.justify-content-center
  li.nav-item {
  margin: 0 5px;
}

.component.usn_cmp_anchornavigation
  nav.tab-underline
  ul.nav.justify-content-start
  li.nav-item {
  margin-right: 10px;
}

.component.usn_cmp_anchornavigation
  nav.tab-underline
  ul.nav.justify-content-end
  li.nav-item {
  margin-left: 10px;
}

/*	
--------------------------------------------------
Tab Linethrough Style
-------------------------------------------------- 
*/

.component.usn_cmp_anchornavigation
  nav.tab-linethrough
  ul.nav
  li.nav-item
  .nav-link {
  padding: 5px 5px 2px;
  border-radius: 0;
  background: transparent;
}

.component.usn_cmp_anchornavigation
  nav.tab-linethrough
  ul.nav
  li.nav-item
  a.nav-link::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 0;
  height: var(--base-border-width);
  opacity: 0;
  transform: translateY(-50%);

  -webkit-transition: opacity 0.3s ease-in-out 0s, color 0.3s ease-in-out 0s,
    background-color 0.3s ease-in-out 0s, text-decoration 0.3s ease-in-out 0s,
    top 0.3s ease-in-out 0s, right 0.3s ease-in-out 0s,
    bottom 0.3s ease-in-out 0s, left 0.3s ease-in-out 0s,
    width 0.3s ease-in-out 0s, max-width 0.3s ease-in-out 0s,
    height 0.3s ease-in-out 0s, max-height 0.3s ease-in-out 0s,
    padding-top 0.3s ease-in-out 0s, padding-right 0.3s ease-in-out 0s,
    padding-bottom 0.3s ease-in-out 0s, padding-left 0.3s ease-in-out 0s,
    box-shadow 0.3s ease-in-out 0s, border-color 0.3s ease-in-out 0s,
    transform 0.3s ease-in-out 0s;
  transition: opacity 0.3s ease-in-out 0s, color 0.3s ease-in-out 0s,
    background-color 0.3s ease-in-out 0s, text-decoration 0.3s ease-in-out 0s,
    top 0.3s ease-in-out 0s, right 0.3s ease-in-out 0s,
    bottom 0.3s ease-in-out 0s, left 0.3s ease-in-out 0s,
    width 0.3s ease-in-out 0s, max-width 0.3s ease-in-out 0s,
    height 0.3s ease-in-out 0s, max-height 0.3s ease-in-out 0s,
    padding-top 0.3s ease-in-out 0s, padding-right 0.3s ease-in-out 0s,
    padding-bottom 0.3s ease-in-out 0s, padding-left 0.3s ease-in-out 0s,
    box-shadow 0.3s ease-in-out 0s, border-color 0.3s ease-in-out 0s,
    transform 0.3s ease-in-out 0s;
}
html[dir="ltr"]
  .component.usn_cmp_anchornavigation
  nav.tab-linethrough
  ul.nav
  li.nav-item
  a.nav-link::after {
  left: 0;
}

.component.usn_cmp_anchornavigation
  nav.tab-linethrough
  ul.nav
  li.nav-item
  .nav-link:not(.active) {
  color: rgba(var(--base-link), 1);
}

.component.usn_cmp_anchornavigation
  nav.tab-linethrough
  ul.nav
  li.nav-item
  .nav-link:not(.active):hover {
  color: rgba(var(--base-link-hover), 1);
}

.component.usn_cmp_anchornavigation
  nav.tab-linethrough
  ul.nav
  li.nav-item
  a.nav-link.active {
  color: rgba(var(--base-heading), 1);
}

.component.usn_cmp_anchornavigation
  nav.tab-linethrough
  ul.nav
  li.nav-item
  a.nav-link:not(.active):hover::after {
  background: rgba(var(--base-link-hover), 1);
  opacity: 1;
  width: 100%;
}

.component.usn_cmp_anchornavigation
  nav.tab-linethrough
  ul.nav
  li.nav-item
  a.nav-link.active::after {
  background: rgba(var(--base-heading), 1);
  opacity: 1;
  width: 100%;
}

.component.usn_cmp_anchornavigation
  nav.tab-linethrough
  ul.nav.justify-content-center
  li.nav-item {
  margin: 0 5px;
}

.component.usn_cmp_anchornavigation
  nav.tab-linethrough
  ul.nav.justify-content-start
  li.nav-item {
  margin-right: 10px;
}

.component.usn_cmp_anchornavigation
  nav.tab-linethrough
  ul.nav.justify-content-end
  li.nav-item {
  margin-left: 10px;
}

/* 
---------------------------------------------------
Anchors Expand
---------------------------------------------------  
*/

.component.usn_cmp_anchornavigation .expand-anchor {
  position: relative;
  color: rgba(var(--base-heading), 1);
  width: 60px;
  height: 15px;
  display: block;
  cursor: pointer;
  text-indent: -9999px;
  border: 0 none;
  background: none;
  font-size: 0;

  -webkit-transition: opacity 0.3s ease-in-out 0s, color 0.3s ease-in-out 0s,
    background-color 0.3s ease-in-out 0s, text-decoration 0.3s ease-in-out 0s,
    top 0.3s ease-in-out 0s, right 0.3s ease-in-out 0s,
    bottom 0.3s ease-in-out 0s, left 0.3s ease-in-out 0s,
    width 0.3s ease-in-out 0s, max-width 0.3s ease-in-out 0s,
    height 0.3s ease-in-out 0s, max-height 0.3s ease-in-out 0s,
    padding-top 0.3s ease-in-out 0s, padding-right 0.3s ease-in-out 0s,
    padding-bottom 0.3s ease-in-out 0s, padding-left 0.3s ease-in-out 0s,
    box-shadow 0.3s ease-in-out 0s, border-color 0.3s ease-in-out 0s,
    transform 0.3s ease-in-out 0s;
  transition: opacity 0.3s ease-in-out 0s, color 0.3s ease-in-out 0s,
    background-color 0.3s ease-in-out 0s, text-decoration 0.3s ease-in-out 0s,
    top 0.3s ease-in-out 0s, right 0.3s ease-in-out 0s,
    bottom 0.3s ease-in-out 0s, left 0.3s ease-in-out 0s,
    width 0.3s ease-in-out 0s, max-width 0.3s ease-in-out 0s,
    height 0.3s ease-in-out 0s, max-height 0.3s ease-in-out 0s,
    padding-top 0.3s ease-in-out 0s, padding-right 0.3s ease-in-out 0s,
    padding-bottom 0.3s ease-in-out 0s, padding-left 0.3s ease-in-out 0s,
    box-shadow 0.3s ease-in-out 0s, border-color 0.3s ease-in-out 0s,
    transform 0.3s ease-in-out 0s;
}

.component.usn_cmp_anchornavigation .expand-anchor span:before,
.component.usn_cmp_anchornavigation .expand-anchor span,
.component.usn_cmp_anchornavigation .expand-anchor span:after {
  content: "";
  display: block;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  position: absolute;
  left: 0;
  background: rgba(var(--base-heading), 1);
  opacity: 1;

  -webkit-transition: opacity 0.3s ease-in-out 0s, color 0.3s ease-in-out 0s,
    background-color 0.3s ease-in-out 0s, text-decoration 0.3s ease-in-out 0s,
    top 0.3s ease-in-out 0s, right 0.3s ease-in-out 0s,
    bottom 0.3s ease-in-out 0s, left 0.3s ease-in-out 0s,
    width 0.3s ease-in-out 0s, max-width 0.3s ease-in-out 0s,
    height 0.3s ease-in-out 0s, max-height 0.3s ease-in-out 0s,
    padding-top 0.3s ease-in-out 0s, padding-right 0.3s ease-in-out 0s,
    padding-bottom 0.3s ease-in-out 0s, padding-left 0.3s ease-in-out 0s,
    box-shadow 0.3s ease-in-out 0s, border-color 0.3s ease-in-out 0s,
    transform 0.3s ease-in-out 0s;
  transition: opacity 0.3s ease-in-out 0s, color 0.3s ease-in-out 0s,
    background-color 0.3s ease-in-out 0s, text-decoration 0.3s ease-in-out 0s,
    top 0.3s ease-in-out 0s, right 0.3s ease-in-out 0s,
    bottom 0.3s ease-in-out 0s, left 0.3s ease-in-out 0s,
    width 0.3s ease-in-out 0s, max-width 0.3s ease-in-out 0s,
    height 0.3s ease-in-out 0s, max-height 0.3s ease-in-out 0s,
    padding-top 0.3s ease-in-out 0s, padding-right 0.3s ease-in-out 0s,
    padding-bottom 0.3s ease-in-out 0s, padding-left 0.3s ease-in-out 0s,
    box-shadow 0.3s ease-in-out 0s, border-color 0.3s ease-in-out 0s,
    transform 0.3s ease-in-out 0s;
}

.component.usn_cmp_anchornavigation .expand-anchor:focus-visible * {
  outline: none !important;
}

.component.usn_cmp_anchornavigation .expand-anchor span {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.component.usn_cmp_anchornavigation .expand-anchor span:before {
  top: 0;
  left: -12px;
}

.component.usn_cmp_anchornavigation .expand-anchor span:after {
  top: 0;
  left: auto;
  right: -12px;
}

.component.usn_cmp_anchornavigation .expand-anchor.anchor-active span {
  width: 0;
}

.component.usn_cmp_anchornavigation .expand-anchor.anchor-active span:before,
.component.usn_cmp_anchornavigation .expand-anchor.anchor-active span:after {
  top: 2px;
  left: -9px;
  border-radius: 0;
  width: 20px;
  height: 3px;
}

.component.usn_cmp_anchornavigation .expand-anchor.anchor-active span::before {
  transform: rotate(-45deg);
}

.component.usn_cmp_anchornavigation .expand-anchor.anchor-active span::after {
  transform: rotate(45deg);
}

.component.usn_cmp_anchornavigation .expand-anchor.justify-content-center {
  text-align: center;
  margin-right: auto;
  margin-left: auto;
}
.component.usn_cmp_anchornavigation .expand-anchor.justify-content-start {
  text-align: left;
  margin-right: auto;
}
.component.usn_cmp_anchornavigation .expand-anchor.justify-content-end {
  text-align: right;
  margin-left: auto;
}

.component.usn_cmp_anchornavigation:has(nav.anchors-horizontal) .expand-anchor {
  display: none;
}

/* 
---------------------------------------------------
Anchors Horizontal 
See anchors at all time, no expand/collapse, the area is horizontally scrolled
---------------------------------------------------  
*/

.component.usn_cmp_anchornavigation:has(nav.anchors-horizontal) {
  overflow-x: auto;
}
.component.usn_cmp_anchornavigation:has(
    nav.anchors-horizontal
  )::-webkit-scrollbar {
  display: none;
}
.component.usn_cmp_anchornavigation:has(nav.anchors-horizontal) ul.nav {
  flex-wrap: nowrap;
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}

.component.usn_cmp_anchornavigation:has(nav.anchors-horizontal)
  ul.nav.justify-content-center {
  justify-content: flex-start !important;
}

html[dir="ltr"]
  .component.usn_cmp_anchornavigation:has(nav.anchors-horizontal)
  ul.nav.justify-content-center
  li:first-child {
  margin-left: auto !important;
}
html[dir="ltr"]
  .component.usn_cmp_anchornavigation:has(nav.anchors-horizontal)
  ul.nav.justify-content-center
  li:last-child {
  margin-right: auto !important;
}
html[dir="rtl"]
  .component.usn_cmp_anchornavigation:has(nav.anchors-horizontal)
  ul.nav.justify-content-center
  li:first-child {
  margin-right: auto !important;
}
html[dir="rtl"]
  .component.usn_cmp_anchornavigation:has(nav.anchors-horizontal)
  ul.nav.justify-content-center
  li:last-child {
  margin-left: auto !important;
}

.component.usn_cmp_anchornavigation:has(nav.anchors-horizontal)
  ul.nav.justify-content-end {
  justify-content: flex-start !important;
}

html[dir="ltr"]
  .component.usn_cmp_anchornavigation:has(nav.anchors-horizontal)
  ul.nav.justify-content-end
  li:first-child {
  margin-left: auto !important;
}
html[dir="ltr"]
  .component.usn_cmp_anchornavigation:has(nav.anchors-horizontal)
  ul.nav.justify-content-end
  li:last-child {
  margin-right: 0 !important;
}
html[dir="rtl"]
  .component.usn_cmp_anchornavigation:has(nav.anchors-horizontal)
  ul.nav.justify-content-end
  li:first-child {
  margin-right: auto !important;
}
html[dir="rtl"]
  .component.usn_cmp_anchornavigation:has(nav.anchors-horizontal)
  ul.nav.justify-content-end
  li:last-child {
  margin-left: 0 !important;
}

html[dir="ltr"]
  .component.usn_cmp_anchornavigation:has(nav.anchors-horizontal)
  ul.nav
  li:first-child {
  padding-left: calc(var(--bs-gutter-x) * 0.5);
}
html[dir="ltr"]
  .component.usn_cmp_anchornavigation:has(nav.anchors-horizontal)
  ul.nav
  li:last-child {
  padding-right: calc(var(--bs-gutter-x) * 0.5);
}
html[dir="rtl"]
  .component.usn_cmp_anchornavigation:has(nav.anchors-horizontal)
  ul.nav
  li:first-child {
  padding-right: calc(var(--bs-gutter-x) * 0.5);
}
html[dir="rtl"]
  .component.usn_cmp_anchornavigation:has(nav.anchors-horizontal)
  ul.nav
  li:last-child {
  padding-left: calc(var(--bs-gutter-x) * 0.5);
}

.component.usn_cmp_anchornavigation:has(nav.anchors-horizontal) ul.nav a {
  text-wrap: nowrap;
}

.content.usn_cmp_anchornavigation {
  padding-top: var(--spacing-3xl) !important;  
  padding-bottom: var(--spacing-3xl) !important;
  width: 100%;
}
@media (max-width: 768px) {
  .content.usn_cmp_anchornavigation {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
}

.usn_cmp_anchornavigation .nav-item {
  border: none !important;
  background-color: transparent !important;
}


.anchor-nav-item {
  margin: auto !important;
}

.nav-anchor-link {
  padding: 0px 10px !important;
  border: none !important;
  background-color: transparent !important;
  line-height: 140%;
  font-size: 0.8125rem;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  font-weight: 700;
  color: #4c4c4c !important;
}

.anchor-navigation-nav { 
  background-color: rgba(var(--base-bg-color1)) !important;
  max-height: 66px;
  padding: var(--spacing-xl) var(--spacing-2xl) var(--spacing-xl) var(--spacing-2xl);
}

.anchor-navigation-nav .anchor-nav-item .nav-anchor-link.active {
  color: rgba(var(--base-highlight-text), 1) !important;
}