html {
  scroll-behavior: smooth;
}

a,
button,
[role="button"] {
  cursor: default !important;
}

body {
  padding-bottom: var(--isi-height-default, 150px);
}

body.phx-inline-isi-visible {
  padding-bottom: 0;
}

.phx-isi-fixed[data-expanding-isi].phx-isi-visible {
  display: block;
}

.phx-isi-fixed[data-expanding-isi].is-hidden-near-inline-isi {
  display: none !important;
}

.phx-isi-fixed[data-expanding-isi] {
  z-index: 300;
}

.phx-isi-fixed[data-expanding-isi].phx-isi-is-expanded,
.phx-isi-fixed[data-expanding-isi].phx-isi-two-tray-expanded {
  z-index: 301;
}

.phx-accordion-header-button .phx-accordion-icon--collapsed,
.phx-accordion-header-button .phx-accordion-icon--expanded {
  align-items: center;
  color: #c6007e;
  display: inline-flex;
  font-family: "Material Symbols Outlined", "Material Symbols Rounded", Arial, sans-serif;
  font-size: 24px;
  font-weight: 400;
  justify-content: center;
  line-height: 1;
  margin-left: auto;
  min-width: 24px;
}

.phx-accordion-header-button .phx-accordion-icon--collapsed:empty::before {
  content: "keyboard_arrow_down";
}

.phx-accordion-header-button .phx-accordion-icon--expanded:empty::before {
  content: "keyboard_arrow_up";
}

@media (min-width: 1024px) {
  header.phx-header {
    width: 100%;
  }

  header.phx-header .top-nav {
    background: #303030;
    height: 50px;
  }

  header.phx-header .top-nav-content {
    height: 50px;
    margin: 0 auto;
    max-width: 1184px !important;
    padding: 0;
    width: calc(100% - 181px) !important;
  }

  header.phx-header .top-nav-first {
    align-items: center;
    border-left: 1px solid #d4d7dc;
    border-right: 1px solid #d4d7dc;
    display: flex;
    flex: 0 0 200px;
    height: 50px;
  }

  header.phx-header .switcher-button {
    align-items: center;
    background: transparent;
    border: 0;
    color: #fff;
    display: flex;
    font-size: 13px;
    font-weight: 700;
    height: 50px;
    justify-content: space-between;
    padding: 0 12px;
    width: 100%;
  }

  header.phx-header .switcher-button .phx-icon {
    color: #fff;
    font-family: "Material Symbols Outlined", "Material Symbols Rounded", Arial, sans-serif;
    font-size: 24px;
    line-height: 1;
  }

  header.phx-header .top-nav-list {
    align-items: center;
    display: flex;
    flex: 1 1 auto;
    height: 50px;
    justify-content: flex-end;
    position: static;
    width: auto;
  }

  header.phx-header .top-nav-list-wrapper {
    align-items: center;
    display: flex;
    gap: 0;
    height: 50px;
    justify-content: flex-end;
    margin: 0;
    padding: 0;
  }

  header.phx-header .top-nav-list-item {
    align-items: center;
    display: flex;
    height: 50px;
    list-style: none;
  }

  header.phx-header .top-nav-list-item.hidden--desktop {
    display: none;
  }

  header.phx-header .top-nav-list-item-link {
    align-items: center;
    color: #fff;
    display: flex;
    font-size: 13px;
    font-weight: 700;
    height: 18px;
    line-height: 18px;
    padding: 0 18px;
    text-decoration: none;
    white-space: nowrap;
  }

  header.phx-header .top-nav-list-item + .top-nav-list-item .top-nav-list-item-link {
    border-left: 1px solid #d4d7dc;
  }

  header.phx-header .main-nav {
    background: #eff0f2;
    height: 88px;
  }

  header.phx-header .main-nav-content {
    align-items: center;
    display: flex;
    height: 88px;
    margin: 0 auto;
    max-width: 1184px !important;
    padding: 0;
    position: relative;
    width: calc(100% - 181px) !important;
  }

  header.phx-header .logo {
    align-items: center;
    display: flex;
    flex: 0 0 300px;
    height: 88px;
    margin: 0;
  }

  header.phx-header .logo img {
    height: auto;
    max-height: 48px;
    width: 126px;
  }

  header.phx-header .main-nav-links {
    align-items: center;
    background: transparent;
    display: flex !important;
    flex: 1 1 auto;
    height: 88px;
    justify-content: flex-end;
    position: static;
    width: auto;
  }

  header.phx-header .main-nav-links-content {
    height: 88px;
    width: 100%;
  }

  header.phx-header .main-nav-links-content > ul {
    align-items: center;
    display: flex;
    gap: 30px;
    height: 88px;
    justify-content: flex-end;
    margin: 0;
    padding: 0;
  }

  header.phx-header .main-nav-links-content > ul > li {
    align-items: center;
    display: flex;
    height: 88px;
    list-style: none;
    position: relative;
  }

  header.phx-header .main-nav-links-content .phx-button.inline > a,
  header.phx-header .main-nav-links-content .phx-button.inline > button {
    align-items: center;
    color: #151515;
    display: flex;
    font-size: 15px;
    font-weight: 700;
    gap: 4px;
    height: 88px;
    padding: 0;
    text-decoration: none;
    white-space: nowrap;
  }

  header.phx-header .main-nav-links-content .sub-nav-header:first-child::after {
    background: #c6007e;
    bottom: 29px;
    content: "";
    height: 4px;
    left: 0;
    position: absolute;
    right: 0;
  }

  header.phx-header .main-nav-links-content .sub-nav-header:first-child .cmp-button,
  header.phx-header .main-nav-links-content .sub-nav-header:first-child .phx-button-text,
  header.phx-header .main-nav-links-content .sub-nav-header:first-child .phx-icon {
    color: #c6007e;
  }

  header.phx-header .main-nav-links-content .phx-icon {
    font-family: "Material Symbols Outlined", "Material Symbols Rounded", Arial, sans-serif;
    font-size: 20px;
    line-height: 1;
  }

  header.phx-header .main-nav-links-content > ul > li:last-child .phx-button.secondary > a {
    border: 1px solid #c6007e;
    border-radius: 999px;
    color: #151515;
    font-size: 18px;
    font-weight: 400;
    height: 42px;
    padding: 0 20px;
  }

  header.phx-header .main-nav-controls,
  header.phx-header .menu-footer,
  header.phx-header .sub-nav {
    display: none !important;
  }
}