:root {
  --animate-duration: 1s;
}

sl-selection-manager-item .item {
  gap: 10px;
  width: 100%;
  border-radius: 4px;
  transition: background 250ms cubic-bezier(0.4, 0, 0.6, 1);
  cursor: pointer;
}
sl-selection-manager-item .item:focus-visible {
  outline: 2px solid var(--sdx-color-int-blue--active);
}
sl-selection-manager-item .item-subNavigation {
  min-height: 56px;
  display: flex;
}
sl-selection-manager-item .item-disable {
  cursor: default;
}
sl-selection-manager-item .item-selected {
  background-color: #eff1fb;
  color: var(--sdx-color-sc-navy) !important;
  cursor: default;
}
sl-selection-manager-item .item-selected .h1,
sl-selection-manager-item .item-selected .h2,
sl-selection-manager-item .item-selected .h3,
sl-selection-manager-item .item-selected .h4,
sl-selection-manager-item .item-selected .h5,
sl-selection-manager-item .item-selected .h6,
sl-selection-manager-item .item-selected .hero,
sl-selection-manager-item .item-selected .d1,
sl-selection-manager-item .item-selected .d2,
sl-selection-manager-item .item-selected .d3,
sl-selection-manager-item .item-selected .p,
sl-selection-manager-item .item-selected .gray-mid,
sl-selection-manager-item .item-selected .gray-tint-4,
sl-selection-manager-item .item-selected .text-smaller,
sl-selection-manager-item .item-selected span,
sl-selection-manager-item .item-selected sdx-icon,
sl-selection-manager-item .item-selected p,
sl-selection-manager-item .item-selected h1,
sl-selection-manager-item .item-selected h2,
sl-selection-manager-item .item-selected h3,
sl-selection-manager-item .item-selected h4,
sl-selection-manager-item .item-selected h5,
sl-selection-manager-item .item-selected h6 {
  color: var(--sdx-color-sc-navy) !important;
}
sl-selection-manager-item .item-selected .badge {
  color: var(--sdx-color-sc-white) !important;
}
sl-selection-manager-item .force-cursor {
  cursor: pointer !important;
}
sl-selection-manager-item .item-main-background::before {
  content: "";
  transition: background 250ms cubic-bezier(0.4, 0, 0.6, 1);
  position: absolute;
  width: 100%;
  height: var(--button-height, auto);
  margin-top: -5px;
  border-radius: 4px;
  left: 0px;
}
sl-selection-manager-item .item-main-background-selected::before {
  background-color: #eff1fb;
}
sl-selection-manager-item .item-hover:hover::before {
  background-color: #f4f6ff;
}
sl-selection-manager-item .enable-hover.item-hover:focus-visible .h1,
sl-selection-manager-item .enable-hover.item-hover:focus-visible .h2,
sl-selection-manager-item .enable-hover.item-hover:focus-visible .h3,
sl-selection-manager-item .enable-hover.item-hover:focus-visible .h4,
sl-selection-manager-item .enable-hover.item-hover:focus-visible .h5,
sl-selection-manager-item .enable-hover.item-hover:focus-visible .h6,
sl-selection-manager-item .enable-hover.item-hover:focus-visible .hero,
sl-selection-manager-item .enable-hover.item-hover:focus-visible .d1,
sl-selection-manager-item .enable-hover.item-hover:focus-visible .d2,
sl-selection-manager-item .enable-hover.item-hover:focus-visible .d3,
sl-selection-manager-item .enable-hover.item-hover:focus-visible .p,
sl-selection-manager-item .enable-hover.item-hover:focus-visible .gray-mid,
sl-selection-manager-item .enable-hover.item-hover:focus-visible .gray-tint-4,
sl-selection-manager-item .enable-hover.item-hover:focus-visible .text-smaller,
sl-selection-manager-item .enable-hover.item-hover:focus-visible span,
sl-selection-manager-item .enable-hover.item-hover:focus-visible sdx-icon,
sl-selection-manager-item .enable-hover.item-hover:focus-visible p,
sl-selection-manager-item .enable-hover.item-hover:focus-visible h1,
sl-selection-manager-item .enable-hover.item-hover:focus-visible h2,
sl-selection-manager-item .enable-hover.item-hover:focus-visible h3,
sl-selection-manager-item .enable-hover.item-hover:focus-visible h4,
sl-selection-manager-item .enable-hover.item-hover:focus-visible h5,
sl-selection-manager-item .enable-hover.item-hover:focus-visible h6 {
  color: var(--sdx-color-int-blue) !important;
}
@media (hover: hover) {
  sl-selection-manager-item .enable-hover.item-hover:hover .h1,
  sl-selection-manager-item .enable-hover.item-hover:hover .h2,
  sl-selection-manager-item .enable-hover.item-hover:hover .h3,
  sl-selection-manager-item .enable-hover.item-hover:hover .h4,
  sl-selection-manager-item .enable-hover.item-hover:hover .h5,
  sl-selection-manager-item .enable-hover.item-hover:hover .h6,
  sl-selection-manager-item .enable-hover.item-hover:hover .hero,
  sl-selection-manager-item .enable-hover.item-hover:hover .d1,
  sl-selection-manager-item .enable-hover.item-hover:hover .d2,
  sl-selection-manager-item .enable-hover.item-hover:hover .d3,
  sl-selection-manager-item .enable-hover.item-hover:hover .p,
  sl-selection-manager-item .enable-hover.item-hover:hover .gray-mid,
  sl-selection-manager-item .enable-hover.item-hover:hover .gray-tint-4,
  sl-selection-manager-item .enable-hover.item-hover:hover .text-smaller,
  sl-selection-manager-item .enable-hover.item-hover:hover span,
  sl-selection-manager-item .enable-hover.item-hover:hover sdx-icon,
  sl-selection-manager-item .enable-hover.item-hover:hover p,
  sl-selection-manager-item .enable-hover.item-hover:hover h1,
  sl-selection-manager-item .enable-hover.item-hover:hover h2,
  sl-selection-manager-item .enable-hover.item-hover:hover h3,
  sl-selection-manager-item .enable-hover.item-hover:hover h4,
  sl-selection-manager-item .enable-hover.item-hover:hover h5,
  sl-selection-manager-item .enable-hover.item-hover:hover h6 {
    color: var(--sdx-color-int-blue) !important;
  }
}
sl-selection-manager-item .enable-hover.item-hover:focus-visible {
  color: var(--sdx-color-int-blue) !important;
}
@media (hover: hover) {
  sl-selection-manager-item .enable-hover.item-hover:hover {
    color: var(--sdx-color-int-blue) !important;
  }
}
sl-selection-manager-item .enable-hover.item-hover:focus-visible .badge {
  color: var(--sdx-color-sc-white) !important;
}
@media (hover: hover) {
  sl-selection-manager-item .enable-hover.item-hover:hover .badge {
    color: var(--sdx-color-sc-white) !important;
  }
}
sl-selection-manager-item .enable-selection.item-hover:focus .h1,
sl-selection-manager-item .enable-selection.item-hover:focus .h2,
sl-selection-manager-item .enable-selection.item-hover:focus .h3,
sl-selection-manager-item .enable-selection.item-hover:focus .h4,
sl-selection-manager-item .enable-selection.item-hover:focus .h5,
sl-selection-manager-item .enable-selection.item-hover:focus .h6,
sl-selection-manager-item .enable-selection.item-hover:focus .hero,
sl-selection-manager-item .enable-selection.item-hover:focus .d1,
sl-selection-manager-item .enable-selection.item-hover:focus .d2,
sl-selection-manager-item .enable-selection.item-hover:focus .d3,
sl-selection-manager-item .enable-selection.item-hover:focus .p,
sl-selection-manager-item .enable-selection.item-hover:focus .gray-mid,
sl-selection-manager-item .enable-selection.item-hover:focus .gray-tint-4,
sl-selection-manager-item .enable-selection.item-hover:focus .text-smaller,
sl-selection-manager-item .enable-selection.item-hover:focus span,
sl-selection-manager-item .enable-selection.item-hover:focus sdx-icon,
sl-selection-manager-item .enable-selection.item-hover:focus p,
sl-selection-manager-item .enable-selection.item-hover:focus h1,
sl-selection-manager-item .enable-selection.item-hover:focus h2,
sl-selection-manager-item .enable-selection.item-hover:focus h3,
sl-selection-manager-item .enable-selection.item-hover:focus h4,
sl-selection-manager-item .enable-selection.item-hover:focus h5,
sl-selection-manager-item .enable-selection.item-hover:focus h6 {
  color: var(--sdx-color-int-blue) !important;
}
sl-selection-manager-item .enable-selection.item-hover:active .h1,
sl-selection-manager-item .enable-selection.item-hover:active .h2,
sl-selection-manager-item .enable-selection.item-hover:active .h3,
sl-selection-manager-item .enable-selection.item-hover:active .h4,
sl-selection-manager-item .enable-selection.item-hover:active .h5,
sl-selection-manager-item .enable-selection.item-hover:active .h6,
sl-selection-manager-item .enable-selection.item-hover:active .hero,
sl-selection-manager-item .enable-selection.item-hover:active .d1,
sl-selection-manager-item .enable-selection.item-hover:active .d2,
sl-selection-manager-item .enable-selection.item-hover:active .d3,
sl-selection-manager-item .enable-selection.item-hover:active .p,
sl-selection-manager-item .enable-selection.item-hover:active .gray-mid,
sl-selection-manager-item .enable-selection.item-hover:active .gray-tint-4,
sl-selection-manager-item .enable-selection.item-hover:active .text-smaller,
sl-selection-manager-item .enable-selection.item-hover:active span,
sl-selection-manager-item .enable-selection.item-hover:active sdx-icon,
sl-selection-manager-item .enable-selection.item-hover:active p,
sl-selection-manager-item .enable-selection.item-hover:active h1,
sl-selection-manager-item .enable-selection.item-hover:active h2,
sl-selection-manager-item .enable-selection.item-hover:active h3,
sl-selection-manager-item .enable-selection.item-hover:active h4,
sl-selection-manager-item .enable-selection.item-hover:active h5,
sl-selection-manager-item .enable-selection.item-hover:active h6 {
  color: var(--sdx-color-int-blue) !important;
}
sl-selection-manager-item .enable-selection.item-hover:focus-visible .h1,
sl-selection-manager-item .enable-selection.item-hover:focus-visible .h2,
sl-selection-manager-item .enable-selection.item-hover:focus-visible .h3,
sl-selection-manager-item .enable-selection.item-hover:focus-visible .h4,
sl-selection-manager-item .enable-selection.item-hover:focus-visible .h5,
sl-selection-manager-item .enable-selection.item-hover:focus-visible .h6,
sl-selection-manager-item .enable-selection.item-hover:focus-visible .hero,
sl-selection-manager-item .enable-selection.item-hover:focus-visible .d1,
sl-selection-manager-item .enable-selection.item-hover:focus-visible .d2,
sl-selection-manager-item .enable-selection.item-hover:focus-visible .d3,
sl-selection-manager-item .enable-selection.item-hover:focus-visible .p,
sl-selection-manager-item .enable-selection.item-hover:focus-visible .gray-mid,
sl-selection-manager-item .enable-selection.item-hover:focus-visible .gray-tint-4,
sl-selection-manager-item .enable-selection.item-hover:focus-visible .text-smaller,
sl-selection-manager-item .enable-selection.item-hover:focus-visible span,
sl-selection-manager-item .enable-selection.item-hover:focus-visible sdx-icon,
sl-selection-manager-item .enable-selection.item-hover:focus-visible p,
sl-selection-manager-item .enable-selection.item-hover:focus-visible h1,
sl-selection-manager-item .enable-selection.item-hover:focus-visible h2,
sl-selection-manager-item .enable-selection.item-hover:focus-visible h3,
sl-selection-manager-item .enable-selection.item-hover:focus-visible h4,
sl-selection-manager-item .enable-selection.item-hover:focus-visible h5,
sl-selection-manager-item .enable-selection.item-hover:focus-visible h6 {
  color: var(--sdx-color-int-blue) !important;
}
@media (hover: hover) {
  sl-selection-manager-item .enable-selection.item-hover:hover .h1,
  sl-selection-manager-item .enable-selection.item-hover:hover .h2,
  sl-selection-manager-item .enable-selection.item-hover:hover .h3,
  sl-selection-manager-item .enable-selection.item-hover:hover .h4,
  sl-selection-manager-item .enable-selection.item-hover:hover .h5,
  sl-selection-manager-item .enable-selection.item-hover:hover .h6,
  sl-selection-manager-item .enable-selection.item-hover:hover .hero,
  sl-selection-manager-item .enable-selection.item-hover:hover .d1,
  sl-selection-manager-item .enable-selection.item-hover:hover .d2,
  sl-selection-manager-item .enable-selection.item-hover:hover .d3,
  sl-selection-manager-item .enable-selection.item-hover:hover .p,
  sl-selection-manager-item .enable-selection.item-hover:hover .gray-mid,
  sl-selection-manager-item .enable-selection.item-hover:hover .gray-tint-4,
  sl-selection-manager-item .enable-selection.item-hover:hover .text-smaller,
  sl-selection-manager-item .enable-selection.item-hover:hover span,
  sl-selection-manager-item .enable-selection.item-hover:hover sdx-icon,
  sl-selection-manager-item .enable-selection.item-hover:hover p,
  sl-selection-manager-item .enable-selection.item-hover:hover h1,
  sl-selection-manager-item .enable-selection.item-hover:hover h2,
  sl-selection-manager-item .enable-selection.item-hover:hover h3,
  sl-selection-manager-item .enable-selection.item-hover:hover h4,
  sl-selection-manager-item .enable-selection.item-hover:hover h5,
  sl-selection-manager-item .enable-selection.item-hover:hover h6 {
    color: var(--sdx-color-int-blue) !important;
  }
}
sl-selection-manager-item .enable-selection.item-hover:focus {
  color: var(--sdx-color-int-blue) !important;
}
sl-selection-manager-item .enable-selection.item-hover:active {
  color: var(--sdx-color-int-blue) !important;
}
sl-selection-manager-item .enable-selection.item-hover:focus-visible {
  color: var(--sdx-color-int-blue) !important;
}
@media (hover: hover) {
  sl-selection-manager-item .enable-selection.item-hover:hover {
    color: var(--sdx-color-int-blue) !important;
  }
}
sl-selection-manager-item .enable-selection.item-hover:focus .badge {
  color: var(--sdx-color-sc-white) !important;
}
sl-selection-manager-item .enable-selection.item-hover:active .badge {
  color: var(--sdx-color-sc-white) !important;
}
sl-selection-manager-item .enable-selection.item-hover:focus-visible .badge {
  color: var(--sdx-color-sc-white) !important;
}
@media (hover: hover) {
  sl-selection-manager-item .enable-selection.item-hover:hover .badge {
    color: var(--sdx-color-sc-white) !important;
  }
}
sl-selection-manager-item .enable-selection.item-selected:focus .h1,
sl-selection-manager-item .enable-selection.item-selected:focus .h2,
sl-selection-manager-item .enable-selection.item-selected:focus .h3,
sl-selection-manager-item .enable-selection.item-selected:focus .h4,
sl-selection-manager-item .enable-selection.item-selected:focus .h5,
sl-selection-manager-item .enable-selection.item-selected:focus .h6,
sl-selection-manager-item .enable-selection.item-selected:focus .hero,
sl-selection-manager-item .enable-selection.item-selected:focus .d1,
sl-selection-manager-item .enable-selection.item-selected:focus .d2,
sl-selection-manager-item .enable-selection.item-selected:focus .d3,
sl-selection-manager-item .enable-selection.item-selected:focus .p,
sl-selection-manager-item .enable-selection.item-selected:focus .gray-mid,
sl-selection-manager-item .enable-selection.item-selected:focus .gray-tint-4,
sl-selection-manager-item .enable-selection.item-selected:focus .text-smaller,
sl-selection-manager-item .enable-selection.item-selected:focus span,
sl-selection-manager-item .enable-selection.item-selected:focus sdx-icon,
sl-selection-manager-item .enable-selection.item-selected:focus p,
sl-selection-manager-item .enable-selection.item-selected:focus h1,
sl-selection-manager-item .enable-selection.item-selected:focus h2,
sl-selection-manager-item .enable-selection.item-selected:focus h3,
sl-selection-manager-item .enable-selection.item-selected:focus h4,
sl-selection-manager-item .enable-selection.item-selected:focus h5,
sl-selection-manager-item .enable-selection.item-selected:focus h6 {
  color: var(--sdx-color-sc-navy) !important;
}
sl-selection-manager-item .enable-selection.item-selected:active .h1,
sl-selection-manager-item .enable-selection.item-selected:active .h2,
sl-selection-manager-item .enable-selection.item-selected:active .h3,
sl-selection-manager-item .enable-selection.item-selected:active .h4,
sl-selection-manager-item .enable-selection.item-selected:active .h5,
sl-selection-manager-item .enable-selection.item-selected:active .h6,
sl-selection-manager-item .enable-selection.item-selected:active .hero,
sl-selection-manager-item .enable-selection.item-selected:active .d1,
sl-selection-manager-item .enable-selection.item-selected:active .d2,
sl-selection-manager-item .enable-selection.item-selected:active .d3,
sl-selection-manager-item .enable-selection.item-selected:active .p,
sl-selection-manager-item .enable-selection.item-selected:active .gray-mid,
sl-selection-manager-item .enable-selection.item-selected:active .gray-tint-4,
sl-selection-manager-item .enable-selection.item-selected:active .text-smaller,
sl-selection-manager-item .enable-selection.item-selected:active span,
sl-selection-manager-item .enable-selection.item-selected:active sdx-icon,
sl-selection-manager-item .enable-selection.item-selected:active p,
sl-selection-manager-item .enable-selection.item-selected:active h1,
sl-selection-manager-item .enable-selection.item-selected:active h2,
sl-selection-manager-item .enable-selection.item-selected:active h3,
sl-selection-manager-item .enable-selection.item-selected:active h4,
sl-selection-manager-item .enable-selection.item-selected:active h5,
sl-selection-manager-item .enable-selection.item-selected:active h6 {
  color: var(--sdx-color-sc-navy) !important;
}
sl-selection-manager-item .enable-selection.item-selected:focus-visible .h1,
sl-selection-manager-item .enable-selection.item-selected:focus-visible .h2,
sl-selection-manager-item .enable-selection.item-selected:focus-visible .h3,
sl-selection-manager-item .enable-selection.item-selected:focus-visible .h4,
sl-selection-manager-item .enable-selection.item-selected:focus-visible .h5,
sl-selection-manager-item .enable-selection.item-selected:focus-visible .h6,
sl-selection-manager-item .enable-selection.item-selected:focus-visible .hero,
sl-selection-manager-item .enable-selection.item-selected:focus-visible .d1,
sl-selection-manager-item .enable-selection.item-selected:focus-visible .d2,
sl-selection-manager-item .enable-selection.item-selected:focus-visible .d3,
sl-selection-manager-item .enable-selection.item-selected:focus-visible .p,
sl-selection-manager-item .enable-selection.item-selected:focus-visible .gray-mid,
sl-selection-manager-item .enable-selection.item-selected:focus-visible .gray-tint-4,
sl-selection-manager-item .enable-selection.item-selected:focus-visible .text-smaller,
sl-selection-manager-item .enable-selection.item-selected:focus-visible span,
sl-selection-manager-item .enable-selection.item-selected:focus-visible sdx-icon,
sl-selection-manager-item .enable-selection.item-selected:focus-visible p,
sl-selection-manager-item .enable-selection.item-selected:focus-visible h1,
sl-selection-manager-item .enable-selection.item-selected:focus-visible h2,
sl-selection-manager-item .enable-selection.item-selected:focus-visible h3,
sl-selection-manager-item .enable-selection.item-selected:focus-visible h4,
sl-selection-manager-item .enable-selection.item-selected:focus-visible h5,
sl-selection-manager-item .enable-selection.item-selected:focus-visible h6 {
  color: var(--sdx-color-sc-navy) !important;
}
@media (hover: hover) {
  sl-selection-manager-item .enable-selection.item-selected:hover .h1,
  sl-selection-manager-item .enable-selection.item-selected:hover .h2,
  sl-selection-manager-item .enable-selection.item-selected:hover .h3,
  sl-selection-manager-item .enable-selection.item-selected:hover .h4,
  sl-selection-manager-item .enable-selection.item-selected:hover .h5,
  sl-selection-manager-item .enable-selection.item-selected:hover .h6,
  sl-selection-manager-item .enable-selection.item-selected:hover .hero,
  sl-selection-manager-item .enable-selection.item-selected:hover .d1,
  sl-selection-manager-item .enable-selection.item-selected:hover .d2,
  sl-selection-manager-item .enable-selection.item-selected:hover .d3,
  sl-selection-manager-item .enable-selection.item-selected:hover .p,
  sl-selection-manager-item .enable-selection.item-selected:hover .gray-mid,
  sl-selection-manager-item .enable-selection.item-selected:hover .gray-tint-4,
  sl-selection-manager-item .enable-selection.item-selected:hover .text-smaller,
  sl-selection-manager-item .enable-selection.item-selected:hover span,
  sl-selection-manager-item .enable-selection.item-selected:hover sdx-icon,
  sl-selection-manager-item .enable-selection.item-selected:hover p,
  sl-selection-manager-item .enable-selection.item-selected:hover h1,
  sl-selection-manager-item .enable-selection.item-selected:hover h2,
  sl-selection-manager-item .enable-selection.item-selected:hover h3,
  sl-selection-manager-item .enable-selection.item-selected:hover h4,
  sl-selection-manager-item .enable-selection.item-selected:hover h5,
  sl-selection-manager-item .enable-selection.item-selected:hover h6 {
    color: var(--sdx-color-sc-navy) !important;
  }
}
sl-selection-manager-item .enable-selection.item-selected:focus {
  color: var(--sdx-color-sc-navy) !important;
}
sl-selection-manager-item .enable-selection.item-selected:active {
  color: var(--sdx-color-sc-navy) !important;
}
sl-selection-manager-item .enable-selection.item-selected:focus-visible {
  color: var(--sdx-color-sc-navy) !important;
}
@media (hover: hover) {
  sl-selection-manager-item .enable-selection.item-selected:hover {
    color: var(--sdx-color-sc-navy) !important;
  }
}
sl-selection-manager-item .enable-selection.item-selected:focus .badge {
  color: var(--sdx-color-sc-white) !important;
}
sl-selection-manager-item .enable-selection.item-selected:active .badge {
  color: var(--sdx-color-sc-white) !important;
}
sl-selection-manager-item .enable-selection.item-selected:focus-visible .badge {
  color: var(--sdx-color-sc-white) !important;
}
@media (hover: hover) {
  sl-selection-manager-item .enable-selection.item-selected:hover .badge {
    color: var(--sdx-color-sc-white) !important;
  }
}