@layer base {
  :root {
    --color-blue-500: 12, 27, 54;
    --color-blue-400: 22, 34, 54;
    --color-blue-350: 34, 44, 53;
    --color-blue-300: 48, 59, 79;
    --color-blue-250: 53, 64, 83;
    --color-blue-200: 85, 116, 151;
    --color-blue-100: 118, 140, 168;
    --color-blue-50: 246, 247, 247;
    --color-navy-blue-250: 60, 73, 94;
    --color-gray-800: 31, 41, 55;
    --color-gray-500: 107, 114, 128;
    --color-gray-400: 156, 163, 175;
    --color-gray-300: 209, 213, 219;
    --color-gray-200: 223, 223, 223;
    --color-gray-150: 240, 240, 240;
    --color-gray-100: 248, 243, 233;
    --color-gray-50: 253, 250, 247;
    --color-white: 255, 255, 255;
    --color-white-200: 252, 249, 244;
    --color-green-600: 156, 179, 59;
    --color-green-500: 187, 211, 0;
    --color-red-100: 254, 240, 240;
    --color-pie-chart-1: var(--color-green-500);
    --color-pie-chart-2: var(--color-green-600);
    --color-pie-chart-3: 53, 109, 93;
    --color-pie-chart-4: 138, 189, 243;
    --color-pie-chart-5: 186, 146, 159;
    --color-pie-chart-6: 196, 184, 186;
    --color-pie-chart-7: 238, 225, 200;
    --color-pie-chart-8: 231, 231, 231;
    --color-pie-chart-9: 12, 28, 55;
    --color-pie-chart-10: var(--color-blue-350);
  }
}
/*
 Tiempos Fine and Inter now imported via sppagebuilder font book
*/
.percent-sign {
  font-size: inherit;
  font-weight: inherit;
  font-family: inherit;
}

.search-card {
  padding: 40px 20px;
}
@media (max-width: 767px) {
  .search-card {
    padding: 20px;
  }
}
.search-card .search-card-top-search {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 30px;
}
@media (max-width: 1200px) {
  .search-card .search-card-top-search {
    display: none;
  }
}
.search-card .search-card-top-search span,
.search-card .search-card-top-search button {
  color: rgb(var(--color-gray-200));
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 15px;
}
.search-card .search-card-top-search .search-card-sub-category-list {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.search-card .search-card-top-search .search-card-sub-category-list .search-card-button {
  border-right: 1px solid rgb(var(--color-gray-300));
  padding: 0 12px;
  letter-spacing: 2.5%;
}
.search-card .search-card-top-search .search-card-sub-category-list .search-card-button.active {
  font-weight: 500;
  color: rgb(var(--color-white));
  letter-spacing: 0%;
}
.search-card .search-card-top-search .search-card-sub-category-list .search-card-button:focus {
  outline: none !important;
}
.search-card .search-card-top-search .search-card-sub-category-list .search-card-button:last-child {
  border-right: none;
  margin-right: 0px;
}
.search-card .search-card-mobile-search {
  display: none;
}
@media (max-width: 1200px) {
  .search-card .search-card-mobile-search {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
  }
}
.search-card .search-card-mobile-search .search-card-dropdown-container {
  width: -moz-max-content;
  width: max-content;
  display: flex;
  align-items: center;
  position: relative;
}
.search-card .search-card-mobile-search .search-card-dropdown-container:last-child {
  justify-content: flex-end;
}
.search-card .search-card-mobile-search .search-card-dropdown-container label {
  color: rgb(var(--color-gray-200));
  font-family: "Inter", sans-serif;
  font-size: 14px;
  margin-right: 10px;
}
@media (max-width: 767px) {
  .search-card .search-card-mobile-search .search-card-dropdown-container label {
    font-size: 12px;
  }
}
.search-card .search-card-mobile-search .search-card-dropdown-container::after {
  content: "";
  position: absolute;
  pointer-events: none;
  top: 52%;
  right: 0px;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 7l5 5 5-5z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 7l5 5 5-5z'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-size: 20px;
          mask-size: 20px;
  background-color: rgb(var(--color-green-500));
}
.search-card .search-card-mobile-search .search-card-dropdown-container select {
  width: -moz-max-content;
  width: max-content;
  background-color: transparent;
  color: rgb(var(--color-white));
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 500;
  padding: 10px 20px 10px 0px;
  border: none;
  border-radius: 10px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
@media (max-width: 767px) {
  .search-card .search-card-mobile-search .search-card-dropdown-container select {
    font-size: 12px;
    padding: 5px 20px 5px 0px;
  }
}
.search-card .search-card-mobile-search .search-card-dropdown-container select:focus {
  outline: none !important;
}
.search-card .search-card-main-search-wrapper {
  display: flex;
}
.search-card .search-card-main-search-wrapper .search-card-left-search {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  border-right: 1px solid rgba(var(--color-gray-300), 0.3);
  padding: 18px 40px 10px 0px;
  width: 100%;
  max-width: 350px;
}
@media (max-width: 1200px) {
  .search-card .search-card-main-search-wrapper .search-card-left-search {
    display: none;
  }
}
.search-card .search-card-main-search-wrapper .search-card-left-search .search-card-button {
  color: rgb(var(--color-gray-200));
  font-family: "Inter", sans-serif;
  font-size: 18px;
  height: 20px;
  width: -moz-max-content;
  width: max-content;
  margin-bottom: 20px;
}
.search-card .search-card-main-search-wrapper .search-card-left-search .search-card-button.active {
  font-weight: 500;
  color: rgb(var(--color-white));
}
.search-card .search-card-main-search-wrapper .search-card-left-search .search-card-button:focus {
  outline: none !important;
}
.search-card .search-card-main-search-wrapper .search-card-left-search .search-card-button:last-child {
  margin-bottom: 0px;
}
.search-card .search-card-main-search-wrapper .search-card-fund-list {
  margin-left: 40px;
  width: 100%;
}
@media (max-width: 1200px) {
  .search-card .search-card-main-search-wrapper .search-card-fund-list {
    margin-left: 0px;
  }
}
@media (max-width: 767px) {
  .search-card .search-card-main-search-wrapper .search-card-fund-list {
    display: flex;
    flex-direction: column;
  }
}
.search-card .search-card-main-search-wrapper .search-card-fund-list td {
  color: rgb(var(--color-white));
  padding: 15px;
  border-bottom: 1px solid rgba(var(--color-gray-300), 0.3);
  cursor: pointer;
}
@media (max-width: 1200px) {
  .search-card .search-card-main-search-wrapper .search-card-fund-list td {
    padding: 10px 0px;
  }
}
@media (max-width: 767px) {
  .search-card .search-card-main-search-wrapper .search-card-fund-list td {
    display: flex;
    border-bottom: none;
    padding: 0px 0px 5px 0px;
    align-items: center;
  }
}
.search-card .search-card-main-search-wrapper .search-card-fund-list tr:not(.hidden):not(:has(~ tr:not(.hidden))) {
  border-bottom: none;
}
.search-card .search-card-main-search-wrapper .search-card-fund-list tr:not(.hidden):not(:has(~ tr:not(.hidden))) td {
  border-bottom: none;
}
.search-card .search-card-main-search-wrapper .search-card-fund-list tr.hidden {
  display: none;
}
@media (max-width: 767px) {
  .search-card .search-card-main-search-wrapper .search-card-fund-list tr {
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid rgba(var(--color-gray-300), 0.3);
  }
}
.search-card .search-card-main-search-wrapper .search-card-fund-list .search-card-fund-name {
  font-family: "Tiempos Fine", serif;
  font-size: 21px;
  font-weight: 400;
}
@media (max-width: 767px) {
  .search-card .search-card-main-search-wrapper .search-card-fund-list .search-card-fund-name {
    font-size: 14px;
    width: 100%;
    padding-bottom: 0px;
    padding-top: 4px;
  }
}
.search-card .search-card-main-search-wrapper .search-card-fund-list .search-card-yield {
  color: rgb(var(--color-gray-200));
  font-size: 12px;
  white-space: nowrap;
}
@media (max-width: 767px) {
  .search-card .search-card-main-search-wrapper .search-card-fund-list .search-card-yield {
    font-size: 10px;
  }
}
.search-card .search-card-main-search-wrapper .search-card-fund-list .search-card-yield strong {
  padding: 0;
  color: rgb(var(--color-white));
}
.search-card .search-card-main-search-wrapper .search-card-fund-list .search-card-fund-link {
  padding-left: 10px !important;
}
@media (max-width: 767px) {
  .search-card .search-card-main-search-wrapper .search-card-fund-list .search-card-fund-link {
    display: flex;
    flex: 1;
    justify-content: flex-end;
  }
}
.search-card .search-card-main-search-wrapper .search-card-fund-list .search-card-fund-link .fund-link {
  position: relative;
  top: 2px;
}
.search-card .search-card-main-search-wrapper .search-card-fund-list .search-card-fund-link .fund-link:visited, .search-card .search-card-main-search-wrapper .search-card-fund-list .search-card-fund-link .fund-link:hover, .search-card .search-card-main-search-wrapper .search-card-fund-list .search-card-fund-link .fund-link:active, .search-card .search-card-main-search-wrapper .search-card-fund-list .search-card-fund-link .fund-link.fund-link, .search-card .search-card-main-search-wrapper .search-card-fund-list .search-card-fund-link .fund-link:focus {
  text-decoration: none;
  font-weight: 500;
  outline: none;
}
.search-card .search-card-main-search-wrapper .search-card-fund-list .search-card-fund-link .fund-link i.fund-link-icon {
  content: url("/images/icons/arrow-white.svg");
  width: 16px;
  height: 16px;
}
@media (max-width: 767px) {
  .search-card .search-card-main-search-wrapper .search-card-fund-list .search-card-fund-link .fund-link i.fund-link-icon {
    width: 12px;
    height: 12px;
  }
}
@media (max-width: 767px) {
  .search-card .search-card-main-search-wrapper .search-card-fund-list .search-card-fund-link .fund-link {
    position: relative;
    top: -35%;
  }
}
.search-card .search-card-main-search-wrapper .search-card-fund-list .no-results-message td {
  vertical-align: top;
  padding-top: 19px;
  width: 100%;
}
.search-card .search-card-main-search-wrapper .search-card-fund-list .no-results-message div {
  font-size: 16px;
  width: 100%;
  text-align: center;
  color: rgb(var(--color-gray-200));
}
@media (max-width: 767px) {
  .search-card .search-card-main-search-wrapper .search-card-fund-list .no-results-message div {
    font-size: 12px;
  }
}