@font-face {
  font-family: fontello-react;
  font-style: normal;
  font-weight: 400;
  src: url(/navbarWrapper/build/static/media/fontello.273991228183ad51257c.eot);
  src: url(/navbarWrapper/build/static/media/fontello.273991228183ad51257c.eot#iefix) format("embedded-opentype"), url(/navbarWrapper/build/static/media/fontello.914a0028d65f13796649.woff2) format("woff2"), url(/navbarWrapper/build/static/media/fontello.9f6bc84435c079a71df5.woff) format("woff"), url(/navbarWrapper/build/static/media/fontello.ae936cf3e3b7a1c5cd77.ttf) format("truetype"), url(/navbarWrapper/build/static/media/fontello.b9543e5e23516a1a50f3.svg#fontello) format("svg")
}

[class*=" ops-"]:before,
[class^=ops-]:before {
  speak: never;
  font-feature-settings: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  font-family: fontello-react;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1em;
  margin-left: .2em;
  margin-right: .2em;
  text-align: center;
  text-decoration: inherit;
  text-transform: none;
  width: 1em
}

.ops-administration:before {
  content: ""
}

.ops-automation:before {
  content: ""
}

.ops-chevron-down:before {
  content: ""
}

.ops-chevron-right:before {
  content: ""
}

.ops-chevron-up:before {
  content: ""
}

.ops-close:before {
  content: ""
}

.ops-command-center:before {
  content: ""
}

.ops-dashboard:before {
  content: ""
}

.ops-error-circle:before {
  content: ""
}

.ops-help-circle:before {
  content: ""
}

.ops-infrastructure:before {
  content: ""
}

.ops-knowledge-base:before {
  content: ""
}

.ops-lock:before {
  content: ""
}

.ops-log-out:before {
  content: ""
}

.ops-patching:before {
  content: ""
}

.ops-profile:before {
  content: ""
}

.ops-project:before {
  content: ""
}

.ops-report:before {
  content: ""
}

.ops-search:before {
  content: ""
}

.ops-settings:before {
  content: ""
}

.ops-infra-services:before {
  content: ""
}

.ops-documents:before {
  content: ""
}

.ops-health:before {
  content: ""
}

.ops-home:before {
  content: ""
}

.ops-configuration-management:before {
  content: ""
}

#navbarWrapper,
reach-portal {
  /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
}

#navbarWrapper html,
reach-portal html {
  -webkit-text-size-adjust: 100%;
  line-height: 1.15
}

#navbarWrapper body,
reach-portal body {
  margin: 0
}

#navbarWrapper main,
reach-portal main {
  display: block
}

#navbarWrapper h1,
reach-portal h1 {
  font-size: 2em;
  margin: .67em 0
}

#navbarWrapper hr,
reach-portal hr {
  box-sizing: initial;
  height: 0;
  overflow: visible
}

#navbarWrapper pre,
reach-portal pre {
  font-family: monospace, monospace;
  font-size: 1em
}

#navbarWrapper a,
reach-portal a {
  background-color: initial
}

#navbarWrapper abbr[title],
reach-portal abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted
}

#navbarWrapper b,
#navbarWrapper strong,
reach-portal b,
reach-portal strong {
  font-weight: bolder
}

#navbarWrapper code,
#navbarWrapper kbd,
#navbarWrapper samp,
reach-portal code,
reach-portal kbd,
reach-portal samp {
  font-family: monospace, monospace;
  font-size: 1em
}

#navbarWrapper small,
reach-portal small {
  font-size: 80%
}

#navbarWrapper sub,
#navbarWrapper sup,
reach-portal sub,
reach-portal sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: initial
}

#navbarWrapper sub,
reach-portal sub {
  bottom: -.25em
}

#navbarWrapper sup,
reach-portal sup {
  top: -.5em
}

#navbarWrapper img,
reach-portal img {
  border-style: none
}

#navbarWrapper button,
#navbarWrapper input,
#navbarWrapper optgroup,
#navbarWrapper select,
#navbarWrapper textarea,
reach-portal button,
reach-portal input,
reach-portal optgroup,
reach-portal select,
reach-portal textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0
}

#navbarWrapper button,
#navbarWrapper input,
reach-portal button,
reach-portal input {
  overflow: visible
}

#navbarWrapper button,
#navbarWrapper select,
reach-portal button,
reach-portal select {
  text-transform: none
}

#navbarWrapper [type=button],
#navbarWrapper [type=reset],
#navbarWrapper [type=submit],
#navbarWrapper button,
reach-portal [type=button],
reach-portal [type=reset],
reach-portal [type=submit],
reach-portal button {
  -webkit-appearance: button
}

#navbarWrapper [type=button]::-moz-focus-inner,
#navbarWrapper [type=reset]::-moz-focus-inner,
#navbarWrapper [type=submit]::-moz-focus-inner,
#navbarWrapper button::-moz-focus-inner,
reach-portal [type=button]::-moz-focus-inner,
reach-portal [type=reset]::-moz-focus-inner,
reach-portal [type=submit]::-moz-focus-inner,
reach-portal button::-moz-focus-inner {
  border-style: none;
  padding: 0
}

#navbarWrapper [type=button]:-moz-focusring,
#navbarWrapper [type=reset]:-moz-focusring,
#navbarWrapper [type=submit]:-moz-focusring,
#navbarWrapper button:-moz-focusring,
reach-portal [type=button]:-moz-focusring,
reach-portal [type=reset]:-moz-focusring,
reach-portal [type=submit]:-moz-focusring,
reach-portal button:-moz-focusring {
  outline: 1px dotted ButtonText
}

#navbarWrapper fieldset,
reach-portal fieldset {
  padding: .35em .75em .625em
}

#navbarWrapper legend,
reach-portal legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal
}

#navbarWrapper progress,
reach-portal progress {
  vertical-align: initial
}

#navbarWrapper textarea,
reach-portal textarea {
  overflow: auto
}

#navbarWrapper [type=checkbox],
#navbarWrapper [type=radio],
reach-portal [type=checkbox],
reach-portal [type=radio] {
  box-sizing: border-box;
  padding: 0
}

#navbarWrapper [type=number]::-webkit-inner-spin-button,
#navbarWrapper [type=number]::-webkit-outer-spin-button,
reach-portal [type=number]::-webkit-inner-spin-button,
reach-portal [type=number]::-webkit-outer-spin-button {
  height: auto
}

#navbarWrapper [type=search],
reach-portal [type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px
}

#navbarWrapper [type=search]::-webkit-search-decoration,
reach-portal [type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}

#navbarWrapper ::-webkit-file-upload-button,
reach-portal ::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit
}

#navbarWrapper details,
reach-portal details {
  display: block
}

#navbarWrapper summary,
reach-portal summary {
  display: list-item
}

#navbarWrapper [hidden],
#navbarWrapper template,
reach-portal [hidden],
reach-portal template {
  display: none
}

#navbarWrapper blockquote,
#navbarWrapper dd,
#navbarWrapper dl,
#navbarWrapper figure,
#navbarWrapper h1,
#navbarWrapper h2,
#navbarWrapper h3,
#navbarWrapper h4,
#navbarWrapper h5,
#navbarWrapper h6,
#navbarWrapper hr,
#navbarWrapper p,
#navbarWrapper pre,
reach-portal blockquote,
reach-portal dd,
reach-portal dl,
reach-portal figure,
reach-portal h1,
reach-portal h2,
reach-portal h3,
reach-portal h4,
reach-portal h5,
reach-portal h6,
reach-portal hr,
reach-portal p,
reach-portal pre {
  margin: 0
}

#navbarWrapper button,
reach-portal button {
  background-color: initial;
  background-image: none;
  padding: 0
}

#navbarWrapper button:focus,
reach-portal button:focus {
  outline: none
}

#navbarWrapper fieldset,
reach-portal fieldset {
  margin: 0;
  padding: 0
}

#navbarWrapper ol,
#navbarWrapper ul,
reach-portal ol,
reach-portal ul {
  list-style: none;
  margin: 0;
  padding: 0
}

#navbarWrapper html,
reach-portal html {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  line-height: 1.5
}

#navbarWrapper *,
#navbarWrapper :after,
#navbarWrapper :before,
reach-portal *,
reach-portal :after,
reach-portal :before {
  border: 0 solid #e2e8f0;
  box-sizing: border-box
}

#navbarWrapper hr,
reach-portal hr {
  border-top-width: 1px
}

#navbarWrapper img,
reach-portal img {
  border-style: solid
}

#navbarWrapper textarea,
reach-portal textarea {
  resize: vertical
}

#navbarWrapper input::placeholder,
#navbarWrapper textarea::placeholder,
reach-portal input::placeholder,
reach-portal textarea::placeholder {
  color: #a0aec0
}

#navbarWrapper [role=button],
#navbarWrapper button,
reach-portal [role=button],
reach-portal button {
  cursor: pointer
}

#navbarWrapper table,
reach-portal table {
  border-collapse: collapse
}

#navbarWrapper h1,
#navbarWrapper h2,
#navbarWrapper h3,
#navbarWrapper h4,
#navbarWrapper h5,
#navbarWrapper h6,
reach-portal h1,
reach-portal h2,
reach-portal h3,
reach-portal h4,
reach-portal h5,
reach-portal h6 {
  font-size: inherit;
  font-weight: inherit
}

#navbarWrapper a,
reach-portal a {
  color: inherit;
  text-decoration: inherit
}

#navbarWrapper button,
#navbarWrapper input,
#navbarWrapper optgroup,
#navbarWrapper select,
#navbarWrapper textarea,
reach-portal button,
reach-portal input,
reach-portal optgroup,
reach-portal select,
reach-portal textarea {
  color: inherit;
  line-height: inherit;
  padding: 0
}

#navbarWrapper code,
#navbarWrapper kbd,
#navbarWrapper pre,
#navbarWrapper samp,
reach-portal code,
reach-portal kbd,
reach-portal pre,
reach-portal samp {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace
}

#navbarWrapper audio,
#navbarWrapper canvas,
#navbarWrapper embed,
#navbarWrapper iframe,
#navbarWrapper img,
#navbarWrapper object,
#navbarWrapper svg,
#navbarWrapper video,
reach-portal audio,
reach-portal canvas,
reach-portal embed,
reach-portal iframe,
reach-portal img,
reach-portal object,
reach-portal svg,
reach-portal video {
  display: block;
  vertical-align: middle
}

#navbarWrapper img,
#navbarWrapper video,
reach-portal img,
reach-portal video {
  height: auto;
  max-width: 100%
}

#navbarWrapper .container,
reach-portal .container {
  width: 100%
}

@media(min-width:576px) {

  #navbarWrapper .container,
  reach-portal .container {
    max-width: 576px
  }
}

@media(min-width:768px) {

  #navbarWrapper .container,
  reach-portal .container {
    max-width: 768px
  }
}

@media(min-width:992px) {

  #navbarWrapper .container,
  reach-portal .container {
    max-width: 992px
  }
}

@media(min-width:1200px) {

  #navbarWrapper .container,
  reach-portal .container {
    max-width: 1200px
  }
}

#navbarWrapper .space-y-0>:not(template)~:not(template),
reach-portal .space-y-0>:not(template)~:not(template) {
  --space-y-reverse: 0 !important;
  margin-bottom: calc(0px*var(--space-y-reverse)) !important;
  margin-top: calc(0px*(1 - var(--space-y-reverse))) !important
}

#navbarWrapper .space-x-0>:not(template)~:not(template),
reach-portal .space-x-0>:not(template)~:not(template) {
  --space-x-reverse: 0 !important;
  margin-left: calc(0px*(1 - var(--space-x-reverse))) !important;
  margin-right: calc(0px*var(--space-x-reverse)) !important
}

#navbarWrapper .space-y-1>:not(template)~:not(template),
reach-portal .space-y-1>:not(template)~:not(template) {
  --space-y-reverse: 0 !important;
  margin-bottom: calc(.25rem*var(--space-y-reverse)) !important;
  margin-top: calc(.25rem*(1 - var(--space-y-reverse))) !important
}

#navbarWrapper .space-x-1>:not(template)~:not(template),
reach-portal .space-x-1>:not(template)~:not(template) {
  --space-x-reverse: 0 !important;
  margin-left: calc(.25rem*(1 - var(--space-x-reverse))) !important;
  margin-right: calc(.25rem*var(--space-x-reverse)) !important
}

#navbarWrapper .space-y-2>:not(template)~:not(template),
reach-portal .space-y-2>:not(template)~:not(template) {
  --space-y-reverse: 0 !important;
  margin-bottom: calc(.5rem*var(--space-y-reverse)) !important;
  margin-top: calc(.5rem*(1 - var(--space-y-reverse))) !important
}

#navbarWrapper .space-x-2>:not(template)~:not(template),
reach-portal .space-x-2>:not(template)~:not(template) {
  --space-x-reverse: 0 !important;
  margin-left: calc(.5rem*(1 - var(--space-x-reverse))) !important;
  margin-right: calc(.5rem*var(--space-x-reverse)) !important
}

#navbarWrapper .space-y-3>:not(template)~:not(template),
reach-portal .space-y-3>:not(template)~:not(template) {
  --space-y-reverse: 0 !important;
  margin-bottom: calc(.75rem*var(--space-y-reverse)) !important;
  margin-top: calc(.75rem*(1 - var(--space-y-reverse))) !important
}

#navbarWrapper .space-x-3>:not(template)~:not(template),
reach-portal .space-x-3>:not(template)~:not(template) {
  --space-x-reverse: 0 !important;
  margin-left: calc(.75rem*(1 - var(--space-x-reverse))) !important;
  margin-right: calc(.75rem*var(--space-x-reverse)) !important
}

#navbarWrapper .space-y-4>:not(template)~:not(template),
reach-portal .space-y-4>:not(template)~:not(template) {
  --space-y-reverse: 0 !important;
  margin-bottom: calc(1rem*var(--space-y-reverse)) !important;
  margin-top: calc(1rem*(1 - var(--space-y-reverse))) !important
}

#navbarWrapper .space-x-4>:not(template)~:not(template),
reach-portal .space-x-4>:not(template)~:not(template) {
  --space-x-reverse: 0 !important;
  margin-left: calc(1rem*(1 - var(--space-x-reverse))) !important;
  margin-right: calc(1rem*var(--space-x-reverse)) !important
}

#navbarWrapper .space-y-5>:not(template)~:not(template),
reach-portal .space-y-5>:not(template)~:not(template) {
  --space-y-reverse: 0 !important;
  margin-bottom: calc(1.25rem*var(--space-y-reverse)) !important;
  margin-top: calc(1.25rem*(1 - var(--space-y-reverse))) !important
}

#navbarWrapper .space-x-5>:not(template)~:not(template),
reach-portal .space-x-5>:not(template)~:not(template) {
  --space-x-reverse: 0 !important;
  margin-left: calc(1.25rem*(1 - var(--space-x-reverse))) !important;
  margin-right: calc(1.25rem*var(--space-x-reverse)) !important
}

#navbarWrapper .space-y-6>:not(template)~:not(template),
reach-portal .space-y-6>:not(template)~:not(template) {
  --space-y-reverse: 0 !important;
  margin-bottom: calc(1.5rem*var(--space-y-reverse)) !important;
  margin-top: calc(1.5rem*(1 - var(--space-y-reverse))) !important
}

#navbarWrapper .space-x-6>:not(template)~:not(template),
reach-portal .space-x-6>:not(template)~:not(template) {
  --space-x-reverse: 0 !important;
  margin-left: calc(1.5rem*(1 - var(--space-x-reverse))) !important;
  margin-right: calc(1.5rem*var(--space-x-reverse)) !important
}

#navbarWrapper .space-y-8>:not(template)~:not(template),
reach-portal .space-y-8>:not(template)~:not(template) {
  --space-y-reverse: 0 !important;
  margin-bottom: calc(2rem*var(--space-y-reverse)) !important;
  margin-top: calc(2rem*(1 - var(--space-y-reverse))) !important
}

#navbarWrapper .space-x-8>:not(template)~:not(template),
reach-portal .space-x-8>:not(template)~:not(template) {
  --space-x-reverse: 0 !important;
  margin-left: calc(2rem*(1 - var(--space-x-reverse))) !important;
  margin-right: calc(2rem*var(--space-x-reverse)) !important
}

#navbarWrapper .space-y-10>:not(template)~:not(template),
reach-portal .space-y-10>:not(template)~:not(template) {
  --space-y-reverse: 0 !important;
  margin-bottom: calc(2.5rem*var(--space-y-reverse)) !important;
  margin-top: calc(2.5rem*(1 - var(--space-y-reverse))) !important
}

#navbarWrapper .space-x-10>:not(template)~:not(template),
reach-portal .space-x-10>:not(template)~:not(template) {
  --space-x-reverse: 0 !important;
  margin-left: calc(2.5rem*(1 - var(--space-x-reverse))) !important;
  margin-right: calc(2.5rem*var(--space-x-reverse)) !important
}

#navbarWrapper .space-y-12>:not(template)~:not(template),
reach-portal .space-y-12>:not(template)~:not(template) {
  --space-y-reverse: 0 !important;
  margin-bottom: calc(3rem*var(--space-y-reverse)) !important;
  margin-top: calc(3rem*(1 - var(--space-y-reverse))) !important
}

#navbarWrapper .space-x-12>:not(template)~:not(template),
reach-portal .space-x-12>:not(template)~:not(template) {
  --space-x-reverse: 0 !important;
  margin-left: calc(3rem*(1 - var(--space-x-reverse))) !important;
  margin-right: calc(3rem*var(--space-x-reverse)) !important
}

#navbarWrapper .space-y-16>:not(template)~:not(template),
reach-portal .space-y-16>:not(template)~:not(template) {
  --space-y-reverse: 0 !important;
  margin-bottom: calc(4rem*var(--space-y-reverse)) !important;
  margin-top: calc(4rem*(1 - var(--space-y-reverse))) !important
}

#navbarWrapper .space-x-16>:not(template)~:not(template),
reach-portal .space-x-16>:not(template)~:not(template) {
  --space-x-reverse: 0 !important;
  margin-left: calc(4rem*(1 - var(--space-x-reverse))) !important;
  margin-right: calc(4rem*var(--space-x-reverse)) !important
}

#navbarWrapper .space-y-20>:not(template)~:not(template),
reach-portal .space-y-20>:not(template)~:not(template) {
  --space-y-reverse: 0 !important;
  margin-bottom: calc(5rem*var(--space-y-reverse)) !important;
  margin-top: calc(5rem*(1 - var(--space-y-reverse))) !important
}

#navbarWrapper .space-x-20>:not(template)~:not(template),
reach-portal .space-x-20>:not(template)~:not(template) {
  --space-x-reverse: 0 !important;
  margin-left: calc(5rem*(1 - var(--space-x-reverse))) !important;
  margin-right: calc(5rem*var(--space-x-reverse)) !important
}

#navbarWrapper .space-y-24>:not(template)~:not(template),
reach-portal .space-y-24>:not(template)~:not(template) {
  --space-y-reverse: 0 !important;
  margin-bottom: calc(6rem*var(--space-y-reverse)) !important;
  margin-top: calc(6rem*(1 - var(--space-y-reverse))) !important
}

#navbarWrapper .space-x-24>:not(template)~:not(template),
reach-portal .space-x-24>:not(template)~:not(template) {
  --space-x-reverse: 0 !important;
  margin-left: calc(6rem*(1 - var(--space-x-reverse))) !important;
  margin-right: calc(6rem*var(--space-x-reverse)) !important
}

#navbarWrapper .space-y-32>:not(template)~:not(template),
reach-portal .space-y-32>:not(template)~:not(template) {
  --space-y-reverse: 0 !important;
  margin-bottom: calc(8rem*var(--space-y-reverse)) !important;
  margin-top: calc(8rem*(1 - var(--space-y-reverse))) !important
}

#navbarWrapper .space-x-32>:not(template)~:not(template),
reach-portal .space-x-32>:not(template)~:not(template) {
  --space-x-reverse: 0 !important;
  margin-left: calc(8rem*(1 - var(--space-x-reverse))) !important;
  margin-right: calc(8rem*var(--space-x-reverse)) !important
}

#navbarWrapper .space-y-40>:not(template)~:not(template),
reach-portal .space-y-40>:not(template)~:not(template) {
  --space-y-reverse: 0 !important;
  margin-bottom: calc(10rem*var(--space-y-reverse)) !important;
  margin-top: calc(10rem*(1 - var(--space-y-reverse))) !important
}

#navbarWrapper .space-x-40>:not(template)~:not(template),
reach-portal .space-x-40>:not(template)~:not(template) {
  --space-x-reverse: 0 !important;
  margin-left: calc(10rem*(1 - var(--space-x-reverse))) !important;
  margin-right: calc(10rem*var(--space-x-reverse)) !important
}

#navbarWrapper .space-y-48>:not(template)~:not(template),
reach-portal .space-y-48>:not(template)~:not(template) {
  --space-y-reverse: 0 !important;
  margin-bottom: calc(12rem*var(--space-y-reverse)) !important;
  margin-top: calc(12rem*(1 - var(--space-y-reverse))) !important
}

#navbarWrapper .space-x-48>:not(template)~:not(template),
reach-portal .space-x-48>:not(template)~:not(template) {
  --space-x-reverse: 0 !important;
  margin-left: calc(12rem*(1 - var(--space-x-reverse))) !important;
  margin-right: calc(12rem*var(--space-x-reverse)) !important
}

#navbarWrapper .space-y-56>:not(template)~:not(template),
reach-portal .space-y-56>:not(template)~:not(template) {
  --space-y-reverse: 0 !important;
  margin-bottom: calc(14rem*var(--space-y-reverse)) !important;
  margin-top: calc(14rem*(1 - var(--space-y-reverse))) !important
}

#navbarWrapper .space-x-56>:not(template)~:not(template),
reach-portal .space-x-56>:not(template)~:not(template) {
  --space-x-reverse: 0 !important;
  margin-left: calc(14rem*(1 - var(--space-x-reverse))) !important;
  margin-right: calc(14rem*var(--space-x-reverse)) !important
}

#navbarWrapper .space-y-64>:not(template)~:not(template),
reach-portal .space-y-64>:not(template)~:not(template) {
  --space-y-reverse: 0 !important;
  margin-bottom: calc(16rem*var(--space-y-reverse)) !important;
  margin-top: calc(16rem*(1 - var(--space-y-reverse))) !important
}

#navbarWrapper .space-x-64>:not(template)~:not(template),
reach-portal .space-x-64>:not(template)~:not(template) {
  --space-x-reverse: 0 !important;
  margin-left: calc(16rem*(1 - var(--space-x-reverse))) !important;
  margin-right: calc(16rem*var(--space-x-reverse)) !important
}

#navbarWrapper .space-y-px>:not(template)~:not(template),
reach-portal .space-y-px>:not(template)~:not(template) {
  --space-y-reverse: 0 !important;
  margin-bottom: calc(1px*var(--space-y-reverse)) !important;
  margin-top: calc(1px*(1 - var(--space-y-reverse))) !important
}

#navbarWrapper .space-x-px>:not(template)~:not(template),
reach-portal .space-x-px>:not(template)~:not(template) {
  --space-x-reverse: 0 !important;
  margin-left: calc(1px*(1 - var(--space-x-reverse))) !important;
  margin-right: calc(1px*var(--space-x-reverse)) !important
}

#navbarWrapper .-space-y-1>:not(template)~:not(template),
reach-portal .-space-y-1>:not(template)~:not(template) {
  --space-y-reverse: 0 !important;
  margin-bottom: calc(-.25rem*var(--space-y-reverse)) !important;
  margin-top: calc(-.25rem*(1 - var(--space-y-reverse))) !important
}

#navbarWrapper .-space-x-1>:not(template)~:not(template),
reach-portal .-space-x-1>:not(template)~:not(template) {
  --space-x-reverse: 0 !important;
  margin-left: calc(-.25rem*(1 - var(--space-x-reverse))) !important;
  margin-right: calc(-.25rem*var(--space-x-reverse)) !important
}

#navbarWrapper .-space-y-2>:not(template)~:not(template),
reach-portal .-space-y-2>:not(template)~:not(template) {
  --space-y-reverse: 0 !important;
  margin-bottom: calc(-.5rem*var(--space-y-reverse)) !important;
  margin-top: calc(-.5rem*(1 - var(--space-y-reverse))) !important
}

#navbarWrapper .-space-x-2>:not(template)~:not(template),
reach-portal .-space-x-2>:not(template)~:not(template) {
  --space-x-reverse: 0 !important;
  margin-left: calc(-.5rem*(1 - var(--space-x-reverse))) !important;
  margin-right: calc(-.5rem*var(--space-x-reverse)) !important
}

#navbarWrapper .-space-y-3>:not(template)~:not(template),
reach-portal .-space-y-3>:not(template)~:not(template) {
  --space-y-reverse: 0 !important;
  margin-bottom: calc(-.75rem*var(--space-y-reverse)) !important;
  margin-top: calc(-.75rem*(1 - var(--space-y-reverse))) !important
}

#navbarWrapper .-space-x-3>:not(template)~:not(template),
reach-portal .-space-x-3>:not(template)~:not(template) {
  --space-x-reverse: 0 !important;
  margin-left: calc(-.75rem*(1 - var(--space-x-reverse))) !important;
  margin-right: calc(-.75rem*var(--space-x-reverse)) !important
}

#navbarWrapper .-space-y-4>:not(template)~:not(template),
reach-portal .-space-y-4>:not(template)~:not(template) {
  --space-y-reverse: 0 !important;
  margin-bottom: calc(-1rem*var(--space-y-reverse)) !important;
  margin-top: calc(-1rem*(1 - var(--space-y-reverse))) !important
}

#navbarWrapper .-space-x-4>:not(template)~:not(template),
reach-portal .-space-x-4>:not(template)~:not(template) {
  --space-x-reverse: 0 !important;
  margin-left: calc(-1rem*(1 - var(--space-x-reverse))) !important;
  margin-right: calc(-1rem*var(--space-x-reverse)) !important
}

#navbarWrapper .-space-y-5>:not(template)~:not(template),
reach-portal .-space-y-5>:not(template)~:not(template) {
  --space-y-reverse: 0 !important;
  margin-bottom: calc(-1.25rem*var(--space-y-reverse)) !important;
  margin-top: calc(-1.25rem*(1 - var(--space-y-reverse))) !important
}

#navbarWrapper .-space-x-5>:not(template)~:not(template),
reach-portal .-space-x-5>:not(template)~:not(template) {
  --space-x-reverse: 0 !important;
  margin-left: calc(-1.25rem*(1 - var(--space-x-reverse))) !important;
  margin-right: calc(-1.25rem*var(--space-x-reverse)) !important
}

#navbarWrapper .-space-y-6>:not(template)~:not(template),
reach-portal .-space-y-6>:not(template)~:not(template) {
  --space-y-reverse: 0 !important;
  margin-bottom: calc(-1.5rem*var(--space-y-reverse)) !important;
  margin-top: calc(-1.5rem*(1 - var(--space-y-reverse))) !important
}

#navbarWrapper .-space-x-6>:not(template)~:not(template),
reach-portal .-space-x-6>:not(template)~:not(template) {
  --space-x-reverse: 0 !important;
  margin-left: calc(-1.5rem*(1 - var(--space-x-reverse))) !important;
  margin-right: calc(-1.5rem*var(--space-x-reverse)) !important
}

#navbarWrapper .-space-y-8>:not(template)~:not(template),
reach-portal .-space-y-8>:not(template)~:not(template) {
  --space-y-reverse: 0 !important;
  margin-bottom: calc(-2rem*var(--space-y-reverse)) !important;
  margin-top: calc(-2rem*(1 - var(--space-y-reverse))) !important
}

#navbarWrapper .-space-x-8>:not(template)~:not(template),
reach-portal .-space-x-8>:not(template)~:not(template) {
  --space-x-reverse: 0 !important;
  margin-left: calc(-2rem*(1 - var(--space-x-reverse))) !important;
  margin-right: calc(-2rem*var(--space-x-reverse)) !important
}

#navbarWrapper .-space-y-10>:not(template)~:not(template),
reach-portal .-space-y-10>:not(template)~:not(template) {
  --space-y-reverse: 0 !important;
  margin-bottom: calc(-2.5rem*var(--space-y-reverse)) !important;
  margin-top: calc(-2.5rem*(1 - var(--space-y-reverse))) !important
}

#navbarWrapper .-space-x-10>:not(template)~:not(template),
reach-portal .-space-x-10>:not(template)~:not(template) {
  --space-x-reverse: 0 !important;
  margin-left: calc(-2.5rem*(1 - var(--space-x-reverse))) !important;
  margin-right: calc(-2.5rem*var(--space-x-reverse)) !important
}

#navbarWrapper .-space-y-12>:not(template)~:not(template),
reach-portal .-space-y-12>:not(template)~:not(template) {
  --space-y-reverse: 0 !important;
  margin-bottom: calc(-3rem*var(--space-y-reverse)) !important;
  margin-top: calc(-3rem*(1 - var(--space-y-reverse))) !important
}

#navbarWrapper .-space-x-12>:not(template)~:not(template),
reach-portal .-space-x-12>:not(template)~:not(template) {
  --space-x-reverse: 0 !important;
  margin-left: calc(-3rem*(1 - var(--space-x-reverse))) !important;
  margin-right: calc(-3rem*var(--space-x-reverse)) !important
}

#navbarWrapper .-space-y-16>:not(template)~:not(template),
reach-portal .-space-y-16>:not(template)~:not(template) {
  --space-y-reverse: 0 !important;
  margin-bottom: calc(-4rem*var(--space-y-reverse)) !important;
  margin-top: calc(-4rem*(1 - var(--space-y-reverse))) !important
}

#navbarWrapper .-space-x-16>:not(template)~:not(template),
reach-portal .-space-x-16>:not(template)~:not(template) {
  --space-x-reverse: 0 !important;
  margin-left: calc(-4rem*(1 - var(--space-x-reverse))) !important;
  margin-right: calc(-4rem*var(--space-x-reverse)) !important
}

#navbarWrapper .-space-y-20>:not(template)~:not(template),
reach-portal .-space-y-20>:not(template)~:not(template) {
  --space-y-reverse: 0 !important;
  margin-bottom: calc(-5rem*var(--space-y-reverse)) !important;
  margin-top: calc(-5rem*(1 - var(--space-y-reverse))) !important
}

#navbarWrapper .-space-x-20>:not(template)~:not(template),
reach-portal .-space-x-20>:not(template)~:not(template) {
  --space-x-reverse: 0 !important;
  margin-left: calc(-5rem*(1 - var(--space-x-reverse))) !important;
  margin-right: calc(-5rem*var(--space-x-reverse)) !important
}

#navbarWrapper .-space-y-24>:not(template)~:not(template),
reach-portal .-space-y-24>:not(template)~:not(template) {
  --space-y-reverse: 0 !important;
  margin-bottom: calc(-6rem*var(--space-y-reverse)) !important;
  margin-top: calc(-6rem*(1 - var(--space-y-reverse))) !important
}

#navbarWrapper .-space-x-24>:not(template)~:not(template),
reach-portal .-space-x-24>:not(template)~:not(template) {
  --space-x-reverse: 0 !important;
  margin-left: calc(-6rem*(1 - var(--space-x-reverse))) !important;
  margin-right: calc(-6rem*var(--space-x-reverse)) !important
}

#navbarWrapper .-space-y-32>:not(template)~:not(template),
reach-portal .-space-y-32>:not(template)~:not(template) {
  --space-y-reverse: 0 !important;
  margin-bottom: calc(-8rem*var(--space-y-reverse)) !important;
  margin-top: calc(-8rem*(1 - var(--space-y-reverse))) !important
}

#navbarWrapper .-space-x-32>:not(template)~:not(template),
reach-portal .-space-x-32>:not(template)~:not(template) {
  --space-x-reverse: 0 !important;
  margin-left: calc(-8rem*(1 - var(--space-x-reverse))) !important;
  margin-right: calc(-8rem*var(--space-x-reverse)) !important
}

#navbarWrapper .-space-y-40>:not(template)~:not(template),
reach-portal .-space-y-40>:not(template)~:not(template) {
  --space-y-reverse: 0 !important;
  margin-bottom: calc(-10rem*var(--space-y-reverse)) !important;
  margin-top: calc(-10rem*(1 - var(--space-y-reverse))) !important
}

#navbarWrapper .-space-x-40>:not(template)~:not(template),
reach-portal .-space-x-40>:not(template)~:not(template) {
  --space-x-reverse: 0 !important;
  margin-left: calc(-10rem*(1 - var(--space-x-reverse))) !important;
  margin-right: calc(-10rem*var(--space-x-reverse)) !important
}

#navbarWrapper .-space-y-48>:not(template)~:not(template),
reach-portal .-space-y-48>:not(template)~:not(template) {
  --space-y-reverse: 0 !important;
  margin-bottom: calc(-12rem*var(--space-y-reverse)) !important;
  margin-top: calc(-12rem*(1 - var(--space-y-reverse))) !important
}

#navbarWrapper .-space-x-48>:not(template)~:not(template),
reach-portal .-space-x-48>:not(template)~:not(template) {
  --space-x-reverse: 0 !important;
  margin-left: calc(-12rem*(1 - var(--space-x-reverse))) !important;
  margin-right: calc(-12rem*var(--space-x-reverse)) !important
}

#navbarWrapper .-space-y-56>:not(template)~:not(template),
reach-portal .-space-y-56>:not(template)~:not(template) {
  --space-y-reverse: 0 !important;
  margin-bottom: calc(-14rem*var(--space-y-reverse)) !important;
  margin-top: calc(-14rem*(1 - var(--space-y-reverse))) !important
}

#navbarWrapper .-space-x-56>:not(template)~:not(template),
reach-portal .-space-x-56>:not(template)~:not(template) {
  --space-x-reverse: 0 !important;
  margin-left: calc(-14rem*(1 - var(--space-x-reverse))) !important;
  margin-right: calc(-14rem*var(--space-x-reverse)) !important
}

#navbarWrapper .-space-y-64>:not(template)~:not(template),
reach-portal .-space-y-64>:not(template)~:not(template) {
  --space-y-reverse: 0 !important;
  margin-bottom: calc(-16rem*var(--space-y-reverse)) !important;
  margin-top: calc(-16rem*(1 - var(--space-y-reverse))) !important
}

#navbarWrapper .-space-x-64>:not(template)~:not(template),
reach-portal .-space-x-64>:not(template)~:not(template) {
  --space-x-reverse: 0 !important;
  margin-left: calc(-16rem*(1 - var(--space-x-reverse))) !important;
  margin-right: calc(-16rem*var(--space-x-reverse)) !important
}

#navbarWrapper .-space-y-px>:not(template)~:not(template),
reach-portal .-space-y-px>:not(template)~:not(template) {
  --space-y-reverse: 0 !important;
  margin-bottom: calc(-1px*var(--space-y-reverse)) !important;
  margin-top: calc(-1px*(1 - var(--space-y-reverse))) !important
}

#navbarWrapper .-space-x-px>:not(template)~:not(template),
reach-portal .-space-x-px>:not(template)~:not(template) {
  --space-x-reverse: 0 !important;
  margin-left: calc(-1px*(1 - var(--space-x-reverse))) !important;
  margin-right: calc(-1px*var(--space-x-reverse)) !important
}

#navbarWrapper .space-y-reverse>:not(template)~:not(template),
reach-portal .space-y-reverse>:not(template)~:not(template) {
  --space-y-reverse: 1 !important
}

#navbarWrapper .space-x-reverse>:not(template)~:not(template),
reach-portal .space-x-reverse>:not(template)~:not(template) {
  --space-x-reverse: 1 !important
}

#navbarWrapper .divide-y-0>:not(template)~:not(template),
reach-portal .divide-y-0>:not(template)~:not(template) {
  --divide-y-reverse: 0 !important;
  border-bottom-width: calc(0px*var(--divide-y-reverse)) !important;
  border-top-width: calc(0px*(1 - var(--divide-y-reverse))) !important
}

#navbarWrapper .divide-x-0>:not(template)~:not(template),
reach-portal .divide-x-0>:not(template)~:not(template) {
  --divide-x-reverse: 0 !important;
  border-left-width: calc(0px*(1 - var(--divide-x-reverse))) !important;
  border-right-width: calc(0px*var(--divide-x-reverse)) !important
}

#navbarWrapper .divide-y-2>:not(template)~:not(template),
reach-portal .divide-y-2>:not(template)~:not(template) {
  --divide-y-reverse: 0 !important;
  border-bottom-width: calc(2px*var(--divide-y-reverse)) !important;
  border-top-width: calc(2px*(1 - var(--divide-y-reverse))) !important
}

#navbarWrapper .divide-x-2>:not(template)~:not(template),
reach-portal .divide-x-2>:not(template)~:not(template) {
  --divide-x-reverse: 0 !important;
  border-left-width: calc(2px*(1 - var(--divide-x-reverse))) !important;
  border-right-width: calc(2px*var(--divide-x-reverse)) !important
}

#navbarWrapper .divide-y-4>:not(template)~:not(template),
reach-portal .divide-y-4>:not(template)~:not(template) {
  --divide-y-reverse: 0 !important;
  border-bottom-width: calc(4px*var(--divide-y-reverse)) !important;
  border-top-width: calc(4px*(1 - var(--divide-y-reverse))) !important
}

#navbarWrapper .divide-x-4>:not(template)~:not(template),
reach-portal .divide-x-4>:not(template)~:not(template) {
  --divide-x-reverse: 0 !important;
  border-left-width: calc(4px*(1 - var(--divide-x-reverse))) !important;
  border-right-width: calc(4px*var(--divide-x-reverse)) !important
}

#navbarWrapper .divide-y-8>:not(template)~:not(template),
reach-portal .divide-y-8>:not(template)~:not(template) {
  --divide-y-reverse: 0 !important;
  border-bottom-width: calc(8px*var(--divide-y-reverse)) !important;
  border-top-width: calc(8px*(1 - var(--divide-y-reverse))) !important
}

#navbarWrapper .divide-x-8>:not(template)~:not(template),
reach-portal .divide-x-8>:not(template)~:not(template) {
  --divide-x-reverse: 0 !important;
  border-left-width: calc(8px*(1 - var(--divide-x-reverse))) !important;
  border-right-width: calc(8px*var(--divide-x-reverse)) !important
}

#navbarWrapper .divide-y>:not(template)~:not(template),
reach-portal .divide-y>:not(template)~:not(template) {
  --divide-y-reverse: 0 !important;
  border-bottom-width: calc(1px*var(--divide-y-reverse)) !important;
  border-top-width: calc(1px*(1 - var(--divide-y-reverse))) !important
}

#navbarWrapper .divide-x>:not(template)~:not(template),
reach-portal .divide-x>:not(template)~:not(template) {
  --divide-x-reverse: 0 !important;
  border-left-width: calc(1px*(1 - var(--divide-x-reverse))) !important;
  border-right-width: calc(1px*var(--divide-x-reverse)) !important
}

#navbarWrapper .divide-y-reverse>:not(template)~:not(template),
reach-portal .divide-y-reverse>:not(template)~:not(template) {
  --divide-y-reverse: 1 !important
}

#navbarWrapper .divide-x-reverse>:not(template)~:not(template),
reach-portal .divide-x-reverse>:not(template)~:not(template) {
  --divide-x-reverse: 1 !important
}

#navbarWrapper .divide-transparent>:not(template)~:not(template),
reach-portal .divide-transparent>:not(template)~:not(template) {
  border-color: #0000 !important
}

#navbarWrapper .divide-current>:not(template)~:not(template),
reach-portal .divide-current>:not(template)~:not(template) {
  border-color: currentColor !important
}

#navbarWrapper .divide-black>:not(template)~:not(template),
reach-portal .divide-black>:not(template)~:not(template) {
  --divide-opacity: 1 !important;
  border-color: #000 !important;
  border-color: rgba(0, 0, 0, var(--divide-opacity)) !important
}

#navbarWrapper .divide-white>:not(template)~:not(template),
reach-portal .divide-white>:not(template)~:not(template) {
  --divide-opacity: 1 !important;
  border-color: #fff !important;
  border-color: rgba(255, 255, 255, var(--divide-opacity)) !important
}

#navbarWrapper .divide-gray-100>:not(template)~:not(template),
reach-portal .divide-gray-100>:not(template)~:not(template) {
  --divide-opacity: 1 !important;
  border-color: #f7fafc !important;
  border-color: rgba(247, 250, 252, var(--divide-opacity)) !important
}

#navbarWrapper .divide-gray-200>:not(template)~:not(template),
reach-portal .divide-gray-200>:not(template)~:not(template) {
  --divide-opacity: 1 !important;
  border-color: #edf2f7 !important;
  border-color: rgba(237, 242, 247, var(--divide-opacity)) !important
}

#navbarWrapper .divide-gray-300>:not(template)~:not(template),
reach-portal .divide-gray-300>:not(template)~:not(template) {
  --divide-opacity: 1 !important;
  border-color: #e2e8f0 !important;
  border-color: rgba(226, 232, 240, var(--divide-opacity)) !important
}

#navbarWrapper .divide-gray-400>:not(template)~:not(template),
reach-portal .divide-gray-400>:not(template)~:not(template) {
  --divide-opacity: 1 !important;
  border-color: #cbd5e0 !important;
  border-color: rgba(203, 213, 224, var(--divide-opacity)) !important
}

#navbarWrapper .divide-gray-500>:not(template)~:not(template),
reach-portal .divide-gray-500>:not(template)~:not(template) {
  --divide-opacity: 1 !important;
  border-color: #a0aec0 !important;
  border-color: rgba(160, 174, 192, var(--divide-opacity)) !important
}

#navbarWrapper .divide-gray-600>:not(template)~:not(template),
reach-portal .divide-gray-600>:not(template)~:not(template) {
  --divide-opacity: 1 !important;
  border-color: #718096 !important;
  border-color: rgba(113, 128, 150, var(--divide-opacity)) !important
}

#navbarWrapper .divide-gray-700>:not(template)~:not(template),
reach-portal .divide-gray-700>:not(template)~:not(template) {
  --divide-opacity: 1 !important;
  border-color: #4a5568 !important;
  border-color: rgba(74, 85, 104, var(--divide-opacity)) !important
}

#navbarWrapper .divide-gray-800>:not(template)~:not(template),
reach-portal .divide-gray-800>:not(template)~:not(template) {
  --divide-opacity: 1 !important;
  border-color: #2d3748 !important;
  border-color: rgba(45, 55, 72, var(--divide-opacity)) !important
}

#navbarWrapper .divide-gray-900>:not(template)~:not(template),
reach-portal .divide-gray-900>:not(template)~:not(template) {
  --divide-opacity: 1 !important;
  border-color: #1a202c !important;
  border-color: rgba(26, 32, 44, var(--divide-opacity)) !important
}

#navbarWrapper .divide-red-100>:not(template)~:not(template),
reach-portal .divide-red-100>:not(template)~:not(template) {
  --divide-opacity: 1 !important;
  border-color: #fff5f5 !important;
  border-color: rgba(255, 245, 245, var(--divide-opacity)) !important
}

#navbarWrapper .divide-red-200>:not(template)~:not(template),
reach-portal .divide-red-200>:not(template)~:not(template) {
  --divide-opacity: 1 !important;
  border-color: #fed7d7 !important;
  border-color: rgba(254, 215, 215, var(--divide-opacity)) !important
}

#navbarWrapper .divide-red-300>:not(template)~:not(template),
reach-portal .divide-red-300>:not(template)~:not(template) {
  --divide-opacity: 1 !important;
  border-color: #feb2b2 !important;
  border-color: rgba(254, 178, 178, var(--divide-opacity)) !important
}

#navbarWrapper .divide-red-400>:not(template)~:not(template),
reach-portal .divide-red-400>:not(template)~:not(template) {
  --divide-opacity: 1 !important;
  border-color: #fc8181 !important;
  border-color: rgba(252, 129, 129, var(--divide-opacity)) !important
}

#navbarWrapper .divide-red-500>:not(template)~:not(template),
reach-portal .divide-red-500>:not(template)~:not(template) {
  --divide-opacity: 1 !important;
  border-color: #f56565 !important;
  border-color: rgba(245, 101, 101, var(--divide-opacity)) !important
}

#navbarWrapper .divide-red-600>:not(template)~:not(template),
reach-portal .divide-red-600>:not(template)~:not(template) {
  --divide-opacity: 1 !important;
  border-color: #e53e3e !important;
  border-color: rgba(229, 62, 62, var(--divide-opacity)) !important
}

#navbarWrapper .divide-red-700>:not(template)~:not(template),
reach-portal .divide-red-700>:not(template)~:not(template) {
  --divide-opacity: 1 !important;
  border-color: #c53030 !important;
  border-color: rgba(197, 48, 48, var(--divide-opacity)) !important
}

#navbarWrapper .divide-red-800>:not(template)~:not(template),
reach-portal .divide-red-800>:not(template)~:not(template) {
  --divide-opacity: 1 !important;
  border-color: #9b2c2c !important;
  border-color: rgba(155, 44, 44, var(--divide-opacity)) !important
}

#navbarWrapper .divide-red-900>:not(template)~:not(template),
reach-portal .divide-red-900>:not(template)~:not(template) {
  --divide-opacity: 1 !important;
  border-color: #742a2a !important;
  border-color: rgba(116, 42, 42, var(--divide-opacity)) !important
}

#navbarWrapper .divide-orange-100>:not(template)~:not(template),
reach-portal .divide-orange-100>:not(template)~:not(template) {
  --divide-opacity: 1 !important;
  border-color: #fffaf0 !important;
  border-color: rgba(255, 250, 240, var(--divide-opacity)) !important
}

#navbarWrapper .divide-orange-200>:not(template)~:not(template),
reach-portal .divide-orange-200>:not(template)~:not(template) {
  --divide-opacity: 1 !important;
  border-color: #feebc8 !important;
  border-color: rgba(254, 235, 200, var(--divide-opacity)) !important
}

#navbarWrapper .divide-orange-300>:not(template)~:not(template),
reach-portal .divide-orange-300>:not(template)~:not(template) {
  --divide-opacity: 1 !important;
  border-color: #fbd38d !important;
  border-color: rgba(251, 211, 141, var(--divide-opacity)) !important
}

#navbarWrapper .divide-orange-400>:not(template)~:not(template),
reach-portal .divide-orange-400>:not(template)~:not(template) {
  --divide-opacity: 1 !important;
  border-color: #f6ad55 !important;
  border-color: rgba(246, 173, 85, var(--divide-opacity)) !important
}

#navbarWrapper .divide-orange-500>:not(template)~:not(template),
reach-portal .divide-orange-500>:not(template)~:not(template) {
  --divide-opacity: 1 !important;
  border-color: #ed8936 !important;
  border-color: rgba(237, 137, 54, var(--divide-opacity)) !important
}

#navbarWrapper .divide-orange-600>:not(template)~:not(template),
reach-portal .divide-orange-600>:not(template)~:not(template) {
  --divide-opacity: 1 !important;
  border-color: #dd6b20 !important;
  border-color: rgba(221, 107, 32, var(--divide-opacity)) !important
}

#navbarWrapper .divide-orange-700>:not(template)~:not(template),
reach-portal .divide-orange-700>:not(template)~:not(template) {
  --divide-opacity: 1 !important;
  border-color: #c05621 !important;
  border-color: rgba(192, 86, 33, var(--divide-opacity)) !important
}

#navbarWrapper .divide-orange-800>:not(template)~:not(template),
reach-portal .divide-orange-800>:not(template)~:not(template) {
  --divide-opacity: 1 !important;
  border-color: #9c4221 !important;
  border-color: rgba(156, 66, 33, var(--divide-opacity)) !important
}

#navbarWrapper .divide-orange-900>:not(template)~:not(template),
reach-portal .divide-orange-900>:not(template)~:not(template) {
  --divide-opacity: 1 !important;
  border-color: #7b341e !important;
  border-color: rgba(123, 52, 30, var(--divide-opacity)) !important
}

#navbarWrapper .divide-yellow-100>:not(template)~:not(template),
reach-portal .divide-yellow-100>:not(template)~:not(template) {
  --divide-opacity: 1 !important;
  border-color: ivory !important;
  border-color: rgba(255, 255, 240, var(--divide-opacity)) !important
}

#navbarWrapper .divide-yellow-200>:not(template)~:not(template),
reach-portal .divide-yellow-200>:not(template)~:not(template) {
  --divide-opacity: 1 !important;
  border-color: #fefcbf !important;
  border-color: rgba(254, 252, 191, var(--divide-opacity)) !important
}

#navbarWrapper .divide-yellow-300>:not(template)~:not(template),
reach-portal .divide-yellow-300>:not(template)~:not(template) {
  --divide-opacity: 1 !important;
  border-color: #faf089 !important;
  border-color: rgba(250, 240, 137, var(--divide-opacity)) !important
}

#navbarWrapper .divide-yellow-400>:not(template)~:not(template),
reach-portal .divide-yellow-400>:not(template)~:not(template) {
  --divide-opacity: 1 !important;
  border-color: #f6e05e !important;
  border-color: rgba(246, 224, 94, var(--divide-opacity)) !important
}

#navbarWrapper .divide-yellow-500>:not(template)~:not(template),
reach-portal .divide-yellow-500>:not(template)~:not(template) {
  --divide-opacity: 1 !important;
  border-color: #ecc94b !important;
  border-color: rgba(236, 201, 75, var(--divide-opacity)) !important
}

#navbarWrapper .divide-yellow-600>:not(template)~:not(template),
reach-portal .divide-yellow-600>:not(template)~:not(template) {
  --divide-opacity: 1 !important;
  border-color: #d69e2e !important;
  border-color: rgba(214, 158, 46, var(--divide-opacity)) !important
}

#navbarWrapper .divide-yellow-700>:not(template)~:not(template),
reach-portal .divide-yellow-700>:not(template)~:not(template) {
  --divide-opacity: 1 !important;
  border-color: #b7791f !important;
  border-color: rgba(183, 121, 31, var(--divide-opacity)) !important
}

#navbarWrapper .divide-yellow-800>:not(template)~:not(template),
reach-portal .divide-yellow-800>:not(template)~:not(template) {
  --divide-opacity: 1 !important;
  border-color: #975a16 !important;
  border-color: rgba(151, 90, 22, var(--divide-opacity)) !important
}

#navbarWrapper .divide-yellow-900>:not(template)~:not(template),
reach-portal .divide-yellow-900>:not(template)~:not(template) {
  --divide-opacity: 1 !important;
  border-color: #744210 !important;
  border-color: rgba(116, 66, 16, var(--divide-opacity)) !important
}

#navbarWrapper .divide-green-100>:not(template)~:not(template),
reach-portal .divide-green-100>:not(template)~:not(template) {
  --divide-opacity: 1 !important;
  border-color: #f0fff4 !important;
  border-color: rgba(240, 255, 244, var(--divide-opacity)) !important
}

#navbarWrapper .divide-green-200>:not(template)~:not(template),
reach-portal .divide-green-200>:not(template)~:not(template) {
  --divide-opacity: 1 !important;
  border-color: #c6f6d5 !important;
  border-color: rgba(198, 246, 213, var(--divide-opacity)) !important
}

#navbarWrapper .divide-green-300>:not(template)~:not(template),
reach-portal .divide-green-300>:not(template)~:not(template) {
  --divide-opacity: 1 !important;
  border-color: #9ae6b4 !important;
  border-color: rgba(154, 230, 180, var(--divide-opacity)) !important
}

#navbarWrapper .divide-green-400>:not(template)~:not(template),
reach-portal .divide-green-400>:not(template)~:not(template) {
  --divide-opacity: 1 !important;
  border-color: #68d391 !important;
  border-color: rgba(104, 211, 145, var(--divide-opacity)) !important
}

#navbarWrapper .divide-green-500>:not(template)~:not(template),
reach-portal .divide-green-500>:not(template)~:not(template) {
  --divide-opacity: 1 !important;
  border-color: #48bb78 !important;
  border-color: rgba(72, 187, 120, var(--divide-opacity)) !important
}

#navbarWrapper .divide-green-600>:not(template)~:not(template),
reach-portal .divide-green-600>:not(template)~:not(template) {
  --divide-opacity: 1 !important;
  border-color: #38a169 !important;
  border-color: rgba(56, 161, 105, var(--divide-opacity)) !important
}

#navbarWrapper .divide-green-700>:not(template)~:not(template),
reach-portal .divide-green-700>:not(template)~:not(template) {
  --divide-opacity: 1 !important;
  border-color: #2f855a !important;
  border-color: rgba(47, 133, 90, var(--divide-opacity)) !important
}

#navbarWrapper .divide-green-800>:not(template)~:not(template),
reach-portal .divide-green-800>:not(template)~:not(template) {
  --divide-opacity: 1 !important;
  border-color: #276749 !important;
  border-color: rgba(39, 103, 73, var(--divide-opacity)) !important
}

#navbarWrapper .divide-green-900>:not(template)~:not(template),
reach-portal .divide-green-900>:not(template)~:not(template) {
  --divide-opacity: 1 !important;
  border-color: #22543d !important;
  border-color: rgba(34, 84, 61, var(--divide-opacity)) !important
}

#navbarWrapper .divide-teal-100>:not(template)~:not(template),
reach-portal .divide-teal-100>:not(template)~:not(template) {
  --divide-opacity: 1 !important;
  border-color: #e6fffa !important;
  border-color: rgba(230, 255, 250, var(--divide-opacity)) !important
}

#navbarWrapper .divide-teal-200>:not(template)~:not(template),
reach-portal .divide-teal-200>:not(template)~:not(template) {
  --divide-opacity: 1 !important;
  border-color: #b2f5ea !important;
  border-color: rgba(178, 245, 234, var(--divide-opacity)) !important
}

#navbarWrapper .divide-teal-300>:not(template)~:not(template),
reach-portal .divide-teal-300>:not(template)~:not(template) {
  --divide-opacity: 1 !important;
  border-color: #81e6d9 !important;
  border-color: rgba(129, 230, 217, var(--divide-opacity)) !important
}

#navbarWrapper .divide-teal-400>:not(template)~:not(template),
reach-portal .divide-teal-400>:not(template)~:not(template) {
  --divide-opacity: 1 !important;
  border-color: #4fd1c5 !important;
  border-color: rgba(79, 209, 197, var(--divide-opacity)) !important
}

#navbarWrapper .divide-teal-500>:not(template)~:not(template),
reach-portal .divide-teal-500>:not(template)~:not(template) {
  --divide-opacity: 1 !important;
  border-color: #38b2ac !important;
  border-color: rgba(56, 178, 172, var(--divide-opacity)) !important
}

#navbarWrapper .divide-teal-600>:not(template)~:not(template),
reach-portal .divide-teal-600>:not(template)~:not(template) {
  --divide-opacity: 1 !important;
  border-color: #319795 !important;
  border-color: rgba(49, 151, 149, var(--divide-opacity)) !important
}

#navbarWrapper .divide-teal-700>:not(template)~:not(template),
reach-portal .divide-teal-700>:not(template)~:not(template) {
  --divide-opacity: 1 !important;
  border-color: #2c7a7b !important;
  border-color: rgba(44, 122, 123, var(--divide-opacity)) !important
}

#navbarWrapper .divide-teal-800>:not(template)~:not(template),
reach-portal .divide-teal-800>:not(template)~:not(template) {
  --divide-opacity: 1 !important;
  border-color: #285e61 !important;
  border-color: rgba(40, 94, 97, var(--divide-opacity)) !important
}

#navbarWrapper .divide-teal-900>:not(template)~:not(template),
reach-portal .divide-teal-900>:not(template)~:not(template) {
  --divide-opacity: 1 !important;
  border-color: #234e52 !important;
  border-color: rgba(35, 78, 82, var(--divide-opacity)) !important
}

#navbarWrapper .divide-blue-100>:not(template)~:not(template),
reach-portal .divide-blue-100>:not(template)~:not(template) {
  --divide-opacity: 1 !important;
  border-color: #ebf8ff !important;
  border-color: rgba(235, 248, 255, var(--divide-opacity)) !important
}

#navbarWrapper .divide-blue-200>:not(template)~:not(template),
reach-portal .divide-blue-200>:not(template)~:not(template) {
  --divide-opacity: 1 !important;
  border-color: #bee3f8 !important;
  border-color: rgba(190, 227, 248, var(--divide-opacity)) !important
}

#navbarWrapper .divide-blue-300>:not(template)~:not(template),
reach-portal .divide-blue-300>:not(template)~:not(template) {
  --divide-opacity: 1 !important;
  border-color: #90cdf4 !important;
  border-color: rgba(144, 205, 244, var(--divide-opacity)) !important
}

#navbarWrapper .divide-blue-400>:not(template)~:not(template),
reach-portal .divide-blue-400>:not(template)~:not(template) {
  --divide-opacity: 1 !important;
  border-color: #63b3ed !important;
  border-color: rgba(99, 179, 237, var(--divide-opacity)) !important
}

#navbarWrapper .divide-blue-500>:not(template)~:not(template),
reach-portal .divide-blue-500>:not(template)~:not(template) {
  --divide-opacity: 1 !important;
  border-color: #4299e1 !important;
  border-color: rgba(66, 153, 225, var(--divide-opacity)) !important
}

#navbarWrapper .divide-blue-600>:not(template)~:not(template),
reach-portal .divide-blue-600>:not(template)~:not(template) {
  --divide-opacity: 1 !important;
  border-color: #3182ce !important;
  border-color: rgba(49, 130, 206, var(--divide-opacity)) !important
}

#navbarWrapper .divide-blue-700>:not(template)~:not(template),
reach-portal .divide-blue-700>:not(template)~:not(template) {
  --divide-opacity: 1 !important;
  border-color: #2b6cb0 !important;
  border-color: rgba(43, 108, 176, var(--divide-opacity)) !important
}

#navbarWrapper .divide-blue-800>:not(template)~:not(template),
reach-portal .divide-blue-800>:not(template)~:not(template) {
  --divide-opacity: 1 !important;
  border-color: #2c5282 !important;
  border-color: rgba(44, 82, 130, var(--divide-opacity)) !important
}

#navbarWrapper .divide-blue-900>:not(template)~:not(template),
reach-portal .divide-blue-900>:not(template)~:not(template) {
  --divide-opacity: 1 !important;
  border-color: #2a4365 !important;
  border-color: rgba(42, 67, 101, var(--divide-opacity)) !important
}

#navbarWrapper .divide-indigo-100>:not(template)~:not(template),
reach-portal .divide-indigo-100>:not(template)~:not(template) {
  --divide-opacity: 1 !important;
  border-color: #ebf4ff !important;
  border-color: rgba(235, 244, 255, var(--divide-opacity)) !important
}

#navbarWrapper .divide-indigo-200>:not(template)~:not(template),
reach-portal .divide-indigo-200>:not(template)~:not(template) {
  --divide-opacity: 1 !important;
  border-color: #c3dafe !important;
  border-color: rgba(195, 218, 254, var(--divide-opacity)) !important
}

#navbarWrapper .divide-indigo-300>:not(template)~:not(template),
reach-portal .divide-indigo-300>:not(template)~:not(template) {
  --divide-opacity: 1 !important;
  border-color: #a3bffa !important;
  border-color: rgba(163, 191, 250, var(--divide-opacity)) !important
}

#navbarWrapper .divide-indigo-400>:not(template)~:not(template),
reach-portal .divide-indigo-400>:not(template)~:not(template) {
  --divide-opacity: 1 !important;
  border-color: #7f9cf5 !important;
  border-color: rgba(127, 156, 245, var(--divide-opacity)) !important
}

#navbarWrapper .divide-indigo-500>:not(template)~:not(template),
reach-portal .divide-indigo-500>:not(template)~:not(template) {
  --divide-opacity: 1 !important;
  border-color: #667eea !important;
  border-color: rgba(102, 126, 234, var(--divide-opacity)) !important
}

#navbarWrapper .divide-indigo-600>:not(template)~:not(template),
reach-portal .divide-indigo-600>:not(template)~:not(template) {
  --divide-opacity: 1 !important;
  border-color: #5a67d8 !important;
  border-color: rgba(90, 103, 216, var(--divide-opacity)) !important
}

#navbarWrapper .divide-indigo-700>:not(template)~:not(template),
reach-portal .divide-indigo-700>:not(template)~:not(template) {
  --divide-opacity: 1 !important;
  border-color: #4c51bf !important;
  border-color: rgba(76, 81, 191, var(--divide-opacity)) !important
}

#navbarWrapper .divide-indigo-800>:not(template)~:not(template),
reach-portal .divide-indigo-800>:not(template)~:not(template) {
  --divide-opacity: 1 !important;
  border-color: #434190 !important;
  border-color: rgba(67, 65, 144, var(--divide-opacity)) !important
}

#navbarWrapper .divide-indigo-900>:not(template)~:not(template),
reach-portal .divide-indigo-900>:not(template)~:not(template) {
  --divide-opacity: 1 !important;
  border-color: #3c366b !important;
  border-color: rgba(60, 54, 107, var(--divide-opacity)) !important
}

#navbarWrapper .divide-purple-100>:not(template)~:not(template),
reach-portal .divide-purple-100>:not(template)~:not(template) {
  --divide-opacity: 1 !important;
  border-color: #faf5ff !important;
  border-color: rgba(250, 245, 255, var(--divide-opacity)) !important
}

#navbarWrapper .divide-purple-200>:not(template)~:not(template),
reach-portal .divide-purple-200>:not(template)~:not(template) {
  --divide-opacity: 1 !important;
  border-color: #e9d8fd !important;
  border-color: rgba(233, 216, 253, var(--divide-opacity)) !important
}

#navbarWrapper .divide-purple-300>:not(template)~:not(template),
reach-portal .divide-purple-300>:not(template)~:not(template) {
  --divide-opacity: 1 !important;
  border-color: #d6bcfa !important;
  border-color: rgba(214, 188, 250, var(--divide-opacity)) !important
}

#navbarWrapper .divide-purple-400>:not(template)~:not(template),
reach-portal .divide-purple-400>:not(template)~:not(template) {
  --divide-opacity: 1 !important;
  border-color: #b794f4 !important;
  border-color: rgba(183, 148, 244, var(--divide-opacity)) !important
}

#navbarWrapper .divide-purple-500>:not(template)~:not(template),
reach-portal .divide-purple-500>:not(template)~:not(template) {
  --divide-opacity: 1 !important;
  border-color: #9f7aea !important;
  border-color: rgba(159, 122, 234, var(--divide-opacity)) !important
}

#navbarWrapper .divide-purple-600>:not(template)~:not(template),
reach-portal .divide-purple-600>:not(template)~:not(template) {
  --divide-opacity: 1 !important;
  border-color: #805ad5 !important;
  border-color: rgba(128, 90, 213, var(--divide-opacity)) !important
}

#navbarWrapper .divide-purple-700>:not(template)~:not(template),
reach-portal .divide-purple-700>:not(template)~:not(template) {
  --divide-opacity: 1 !important;
  border-color: #6b46c1 !important;
  border-color: rgba(107, 70, 193, var(--divide-opacity)) !important
}

#navbarWrapper .divide-purple-800>:not(template)~:not(template),
reach-portal .divide-purple-800>:not(template)~:not(template) {
  --divide-opacity: 1 !important;
  border-color: #553c9a !important;
  border-color: rgba(85, 60, 154, var(--divide-opacity)) !important
}

#navbarWrapper .divide-purple-900>:not(template)~:not(template),
reach-portal .divide-purple-900>:not(template)~:not(template) {
  --divide-opacity: 1 !important;
  border-color: #44337a !important;
  border-color: rgba(68, 51, 122, var(--divide-opacity)) !important
}

#navbarWrapper .divide-pink-100>:not(template)~:not(template),
reach-portal .divide-pink-100>:not(template)~:not(template) {
  --divide-opacity: 1 !important;
  border-color: #fff5f7 !important;
  border-color: rgba(255, 245, 247, var(--divide-opacity)) !important
}

#navbarWrapper .divide-pink-200>:not(template)~:not(template),
reach-portal .divide-pink-200>:not(template)~:not(template) {
  --divide-opacity: 1 !important;
  border-color: #fed7e2 !important;
  border-color: rgba(254, 215, 226, var(--divide-opacity)) !important
}

#navbarWrapper .divide-pink-300>:not(template)~:not(template),
reach-portal .divide-pink-300>:not(template)~:not(template) {
  --divide-opacity: 1 !important;
  border-color: #fbb6ce !important;
  border-color: rgba(251, 182, 206, var(--divide-opacity)) !important
}

#navbarWrapper .divide-pink-400>:not(template)~:not(template),
reach-portal .divide-pink-400>:not(template)~:not(template) {
  --divide-opacity: 1 !important;
  border-color: #f687b3 !important;
  border-color: rgba(246, 135, 179, var(--divide-opacity)) !important
}

#navbarWrapper .divide-pink-500>:not(template)~:not(template),
reach-portal .divide-pink-500>:not(template)~:not(template) {
  --divide-opacity: 1 !important;
  border-color: #ed64a6 !important;
  border-color: rgba(237, 100, 166, var(--divide-opacity)) !important
}

#navbarWrapper .divide-pink-600>:not(template)~:not(template),
reach-portal .divide-pink-600>:not(template)~:not(template) {
  --divide-opacity: 1 !important;
  border-color: #d53f8c !important;
  border-color: rgba(213, 63, 140, var(--divide-opacity)) !important
}

#navbarWrapper .divide-pink-700>:not(template)~:not(template),
reach-portal .divide-pink-700>:not(template)~:not(template) {
  --divide-opacity: 1 !important;
  border-color: #b83280 !important;
  border-color: rgba(184, 50, 128, var(--divide-opacity)) !important
}

#navbarWrapper .divide-pink-800>:not(template)~:not(template),
reach-portal .divide-pink-800>:not(template)~:not(template) {
  --divide-opacity: 1 !important;
  border-color: #97266d !important;
  border-color: rgba(151, 38, 109, var(--divide-opacity)) !important
}

#navbarWrapper .divide-pink-900>:not(template)~:not(template),
reach-portal .divide-pink-900>:not(template)~:not(template) {
  --divide-opacity: 1 !important;
  border-color: #702459 !important;
  border-color: rgba(112, 36, 89, var(--divide-opacity)) !important
}

#navbarWrapper .divide-opacity-0>:not(template)~:not(template),
reach-portal .divide-opacity-0>:not(template)~:not(template) {
  --divide-opacity: 0 !important
}

#navbarWrapper .divide-opacity-25>:not(template)~:not(template),
reach-portal .divide-opacity-25>:not(template)~:not(template) {
  --divide-opacity: 0.25 !important
}

#navbarWrapper .divide-opacity-50>:not(template)~:not(template),
reach-portal .divide-opacity-50>:not(template)~:not(template) {
  --divide-opacity: 0.5 !important
}

#navbarWrapper .divide-opacity-75>:not(template)~:not(template),
reach-portal .divide-opacity-75>:not(template)~:not(template) {
  --divide-opacity: 0.75 !important
}

#navbarWrapper .divide-opacity-100>:not(template)~:not(template),
reach-portal .divide-opacity-100>:not(template)~:not(template) {
  --divide-opacity: 1 !important
}

#navbarWrapper .sr-only,
reach-portal .sr-only {
  clip: rect(0, 0, 0, 0) !important;
  border-width: 0 !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: 1px !important
}

#navbarWrapper .not-sr-only,
reach-portal .not-sr-only {
  clip: auto !important;
  height: auto !important;
  margin: 0 !important;
  overflow: visible !important;
  padding: 0 !important;
  position: static !important;
  white-space: normal !important;
  width: auto !important
}

#navbarWrapper .focus\:sr-only:focus,
reach-portal .focus\:sr-only:focus {
  clip: rect(0, 0, 0, 0) !important;
  border-width: 0 !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: 1px !important
}

#navbarWrapper .focus\:not-sr-only:focus,
reach-portal .focus\:not-sr-only:focus {
  clip: auto !important;
  height: auto !important;
  margin: 0 !important;
  overflow: visible !important;
  padding: 0 !important;
  position: static !important;
  white-space: normal !important;
  width: auto !important
}

#navbarWrapper .appearance-none,
reach-portal .appearance-none {
  -webkit-appearance: none !important;
  appearance: none !important
}

#navbarWrapper .bg-fixed,
reach-portal .bg-fixed {
  background-attachment: fixed !important
}

#navbarWrapper .bg-local,
reach-portal .bg-local {
  background-attachment: local !important
}

#navbarWrapper .bg-scroll,
reach-portal .bg-scroll {
  background-attachment: scroll !important
}

#navbarWrapper .bg-transparent,
reach-portal .bg-transparent {
  background-color: initial !important
}

#navbarWrapper .bg-current,
reach-portal .bg-current {
  background-color: currentColor !important
}

#navbarWrapper .bg-black,
reach-portal .bg-black {
  --bg-opacity: 1 !important;
  background-color: #000 !important;
  background-color: rgba(0, 0, 0, var(--bg-opacity)) !important
}

#navbarWrapper .bg-white,
reach-portal .bg-white {
  --bg-opacity: 1 !important;
  background-color: #fff !important;
  background-color: rgba(255, 255, 255, var(--bg-opacity)) !important
}

#navbarWrapper .bg-gray-100,
reach-portal .bg-gray-100 {
  --bg-opacity: 1 !important;
  background-color: #f7fafc !important;
  background-color: rgba(247, 250, 252, var(--bg-opacity)) !important
}

#navbarWrapper .bg-gray-200,
reach-portal .bg-gray-200 {
  --bg-opacity: 1 !important;
  background-color: #edf2f7 !important;
  background-color: rgba(237, 242, 247, var(--bg-opacity)) !important
}

#navbarWrapper .bg-gray-300,
reach-portal .bg-gray-300 {
  --bg-opacity: 1 !important;
  background-color: #e2e8f0 !important;
  background-color: rgba(226, 232, 240, var(--bg-opacity)) !important
}

#navbarWrapper .bg-gray-400,
reach-portal .bg-gray-400 {
  --bg-opacity: 1 !important;
  background-color: #cbd5e0 !important;
  background-color: rgba(203, 213, 224, var(--bg-opacity)) !important
}

#navbarWrapper .bg-gray-500,
reach-portal .bg-gray-500 {
  --bg-opacity: 1 !important;
  background-color: #a0aec0 !important;
  background-color: rgba(160, 174, 192, var(--bg-opacity)) !important
}

#navbarWrapper .bg-gray-600,
reach-portal .bg-gray-600 {
  --bg-opacity: 1 !important;
  background-color: #718096 !important;
  background-color: rgba(113, 128, 150, var(--bg-opacity)) !important
}

#navbarWrapper .bg-gray-700,
reach-portal .bg-gray-700 {
  --bg-opacity: 1 !important;
  background-color: #4a5568 !important;
  background-color: rgba(74, 85, 104, var(--bg-opacity)) !important
}

#navbarWrapper .bg-gray-800,
reach-portal .bg-gray-800 {
  --bg-opacity: 1 !important;
  background-color: #2d3748 !important;
  background-color: rgba(45, 55, 72, var(--bg-opacity)) !important
}

#navbarWrapper .bg-gray-900,
reach-portal .bg-gray-900 {
  --bg-opacity: 1 !important;
  background-color: #1a202c !important;
  background-color: rgba(26, 32, 44, var(--bg-opacity)) !important
}

#navbarWrapper .bg-red-100,
reach-portal .bg-red-100 {
  --bg-opacity: 1 !important;
  background-color: #fff5f5 !important;
  background-color: rgba(255, 245, 245, var(--bg-opacity)) !important
}

#navbarWrapper .bg-red-200,
reach-portal .bg-red-200 {
  --bg-opacity: 1 !important;
  background-color: #fed7d7 !important;
  background-color: rgba(254, 215, 215, var(--bg-opacity)) !important
}

#navbarWrapper .bg-red-300,
reach-portal .bg-red-300 {
  --bg-opacity: 1 !important;
  background-color: #feb2b2 !important;
  background-color: rgba(254, 178, 178, var(--bg-opacity)) !important
}

#navbarWrapper .bg-red-400,
reach-portal .bg-red-400 {
  --bg-opacity: 1 !important;
  background-color: #fc8181 !important;
  background-color: rgba(252, 129, 129, var(--bg-opacity)) !important
}

#navbarWrapper .bg-red-500,
reach-portal .bg-red-500 {
  --bg-opacity: 1 !important;
  background-color: #f56565 !important;
  background-color: rgba(245, 101, 101, var(--bg-opacity)) !important
}

#navbarWrapper .bg-red-600,
reach-portal .bg-red-600 {
  --bg-opacity: 1 !important;
  background-color: #e53e3e !important;
  background-color: rgba(229, 62, 62, var(--bg-opacity)) !important
}

#navbarWrapper .bg-red-700,
reach-portal .bg-red-700 {
  --bg-opacity: 1 !important;
  background-color: #c53030 !important;
  background-color: rgba(197, 48, 48, var(--bg-opacity)) !important
}

#navbarWrapper .bg-red-800,
reach-portal .bg-red-800 {
  --bg-opacity: 1 !important;
  background-color: #9b2c2c !important;
  background-color: rgba(155, 44, 44, var(--bg-opacity)) !important
}

#navbarWrapper .bg-red-900,
reach-portal .bg-red-900 {
  --bg-opacity: 1 !important;
  background-color: #742a2a !important;
  background-color: rgba(116, 42, 42, var(--bg-opacity)) !important
}

#navbarWrapper .bg-orange-100,
reach-portal .bg-orange-100 {
  --bg-opacity: 1 !important;
  background-color: #fffaf0 !important;
  background-color: rgba(255, 250, 240, var(--bg-opacity)) !important
}

#navbarWrapper .bg-orange-200,
reach-portal .bg-orange-200 {
  --bg-opacity: 1 !important;
  background-color: #feebc8 !important;
  background-color: rgba(254, 235, 200, var(--bg-opacity)) !important
}

#navbarWrapper .bg-orange-300,
reach-portal .bg-orange-300 {
  --bg-opacity: 1 !important;
  background-color: #fbd38d !important;
  background-color: rgba(251, 211, 141, var(--bg-opacity)) !important
}

#navbarWrapper .bg-orange-400,
reach-portal .bg-orange-400 {
  --bg-opacity: 1 !important;
  background-color: #f6ad55 !important;
  background-color: rgba(246, 173, 85, var(--bg-opacity)) !important
}

#navbarWrapper .bg-orange-500,
reach-portal .bg-orange-500 {
  --bg-opacity: 1 !important;
  background-color: #ed8936 !important;
  background-color: rgba(237, 137, 54, var(--bg-opacity)) !important
}

#navbarWrapper .bg-orange-600,
reach-portal .bg-orange-600 {
  --bg-opacity: 1 !important;
  background-color: #dd6b20 !important;
  background-color: rgba(221, 107, 32, var(--bg-opacity)) !important
}

#navbarWrapper .bg-orange-700,
reach-portal .bg-orange-700 {
  --bg-opacity: 1 !important;
  background-color: #c05621 !important;
  background-color: rgba(192, 86, 33, var(--bg-opacity)) !important
}

#navbarWrapper .bg-orange-800,
reach-portal .bg-orange-800 {
  --bg-opacity: 1 !important;
  background-color: #9c4221 !important;
  background-color: rgba(156, 66, 33, var(--bg-opacity)) !important
}

#navbarWrapper .bg-orange-900,
reach-portal .bg-orange-900 {
  --bg-opacity: 1 !important;
  background-color: #7b341e !important;
  background-color: rgba(123, 52, 30, var(--bg-opacity)) !important
}

#navbarWrapper .bg-yellow-100,
reach-portal .bg-yellow-100 {
  --bg-opacity: 1 !important;
  background-color: ivory !important;
  background-color: rgba(255, 255, 240, var(--bg-opacity)) !important
}

#navbarWrapper .bg-yellow-200,
reach-portal .bg-yellow-200 {
  --bg-opacity: 1 !important;
  background-color: #fefcbf !important;
  background-color: rgba(254, 252, 191, var(--bg-opacity)) !important
}

#navbarWrapper .bg-yellow-300,
reach-portal .bg-yellow-300 {
  --bg-opacity: 1 !important;
  background-color: #faf089 !important;
  background-color: rgba(250, 240, 137, var(--bg-opacity)) !important
}

#navbarWrapper .bg-yellow-400,
reach-portal .bg-yellow-400 {
  --bg-opacity: 1 !important;
  background-color: #f6e05e !important;
  background-color: rgba(246, 224, 94, var(--bg-opacity)) !important
}

#navbarWrapper .bg-yellow-500,
reach-portal .bg-yellow-500 {
  --bg-opacity: 1 !important;
  background-color: #ecc94b !important;
  background-color: rgba(236, 201, 75, var(--bg-opacity)) !important
}

#navbarWrapper .bg-yellow-600,
reach-portal .bg-yellow-600 {
  --bg-opacity: 1 !important;
  background-color: #d69e2e !important;
  background-color: rgba(214, 158, 46, var(--bg-opacity)) !important
}

#navbarWrapper .bg-yellow-700,
reach-portal .bg-yellow-700 {
  --bg-opacity: 1 !important;
  background-color: #b7791f !important;
  background-color: rgba(183, 121, 31, var(--bg-opacity)) !important
}

#navbarWrapper .bg-yellow-800,
reach-portal .bg-yellow-800 {
  --bg-opacity: 1 !important;
  background-color: #975a16 !important;
  background-color: rgba(151, 90, 22, var(--bg-opacity)) !important
}

#navbarWrapper .bg-yellow-900,
reach-portal .bg-yellow-900 {
  --bg-opacity: 1 !important;
  background-color: #744210 !important;
  background-color: rgba(116, 66, 16, var(--bg-opacity)) !important
}

#navbarWrapper .bg-green-100,
reach-portal .bg-green-100 {
  --bg-opacity: 1 !important;
  background-color: #f0fff4 !important;
  background-color: rgba(240, 255, 244, var(--bg-opacity)) !important
}

#navbarWrapper .bg-green-200,
reach-portal .bg-green-200 {
  --bg-opacity: 1 !important;
  background-color: #c6f6d5 !important;
  background-color: rgba(198, 246, 213, var(--bg-opacity)) !important
}

#navbarWrapper .bg-green-300,
reach-portal .bg-green-300 {
  --bg-opacity: 1 !important;
  background-color: #9ae6b4 !important;
  background-color: rgba(154, 230, 180, var(--bg-opacity)) !important
}

#navbarWrapper .bg-green-400,
reach-portal .bg-green-400 {
  --bg-opacity: 1 !important;
  background-color: #68d391 !important;
  background-color: rgba(104, 211, 145, var(--bg-opacity)) !important
}

#navbarWrapper .bg-green-500,
reach-portal .bg-green-500 {
  --bg-opacity: 1 !important;
  background-color: #48bb78 !important;
  background-color: rgba(72, 187, 120, var(--bg-opacity)) !important
}

#navbarWrapper .bg-green-600,
reach-portal .bg-green-600 {
  --bg-opacity: 1 !important;
  background-color: #38a169 !important;
  background-color: rgba(56, 161, 105, var(--bg-opacity)) !important
}

#navbarWrapper .bg-green-700,
reach-portal .bg-green-700 {
  --bg-opacity: 1 !important;
  background-color: #2f855a !important;
  background-color: rgba(47, 133, 90, var(--bg-opacity)) !important
}

#navbarWrapper .bg-green-800,
reach-portal .bg-green-800 {
  --bg-opacity: 1 !important;
  background-color: #276749 !important;
  background-color: rgba(39, 103, 73, var(--bg-opacity)) !important
}

#navbarWrapper .bg-green-900,
reach-portal .bg-green-900 {
  --bg-opacity: 1 !important;
  background-color: #22543d !important;
  background-color: rgba(34, 84, 61, var(--bg-opacity)) !important
}

#navbarWrapper .bg-teal-100,
reach-portal .bg-teal-100 {
  --bg-opacity: 1 !important;
  background-color: #e6fffa !important;
  background-color: rgba(230, 255, 250, var(--bg-opacity)) !important
}

#navbarWrapper .bg-teal-200,
reach-portal .bg-teal-200 {
  --bg-opacity: 1 !important;
  background-color: #b2f5ea !important;
  background-color: rgba(178, 245, 234, var(--bg-opacity)) !important
}

#navbarWrapper .bg-teal-300,
reach-portal .bg-teal-300 {
  --bg-opacity: 1 !important;
  background-color: #81e6d9 !important;
  background-color: rgba(129, 230, 217, var(--bg-opacity)) !important
}

#navbarWrapper .bg-teal-400,
reach-portal .bg-teal-400 {
  --bg-opacity: 1 !important;
  background-color: #4fd1c5 !important;
  background-color: rgba(79, 209, 197, var(--bg-opacity)) !important
}

#navbarWrapper .bg-teal-500,
reach-portal .bg-teal-500 {
  --bg-opacity: 1 !important;
  background-color: #38b2ac !important;
  background-color: rgba(56, 178, 172, var(--bg-opacity)) !important
}

#navbarWrapper .bg-teal-600,
reach-portal .bg-teal-600 {
  --bg-opacity: 1 !important;
  background-color: #319795 !important;
  background-color: rgba(49, 151, 149, var(--bg-opacity)) !important
}

#navbarWrapper .bg-teal-700,
reach-portal .bg-teal-700 {
  --bg-opacity: 1 !important;
  background-color: #2c7a7b !important;
  background-color: rgba(44, 122, 123, var(--bg-opacity)) !important
}

#navbarWrapper .bg-teal-800,
reach-portal .bg-teal-800 {
  --bg-opacity: 1 !important;
  background-color: #285e61 !important;
  background-color: rgba(40, 94, 97, var(--bg-opacity)) !important
}

#navbarWrapper .bg-teal-900,
reach-portal .bg-teal-900 {
  --bg-opacity: 1 !important;
  background-color: #234e52 !important;
  background-color: rgba(35, 78, 82, var(--bg-opacity)) !important
}

#navbarWrapper .bg-blue-100,
reach-portal .bg-blue-100 {
  --bg-opacity: 1 !important;
  background-color: #ebf8ff !important;
  background-color: rgba(235, 248, 255, var(--bg-opacity)) !important
}

#navbarWrapper .bg-blue-200,
reach-portal .bg-blue-200 {
  --bg-opacity: 1 !important;
  background-color: #bee3f8 !important;
  background-color: rgba(190, 227, 248, var(--bg-opacity)) !important
}

#navbarWrapper .bg-blue-300,
reach-portal .bg-blue-300 {
  --bg-opacity: 1 !important;
  background-color: #90cdf4 !important;
  background-color: rgba(144, 205, 244, var(--bg-opacity)) !important
}

#navbarWrapper .bg-blue-400,
reach-portal .bg-blue-400 {
  --bg-opacity: 1 !important;
  background-color: #63b3ed !important;
  background-color: rgba(99, 179, 237, var(--bg-opacity)) !important
}

#navbarWrapper .bg-blue-500,
reach-portal .bg-blue-500 {
  --bg-opacity: 1 !important;
  background-color: #4299e1 !important;
  background-color: rgba(66, 153, 225, var(--bg-opacity)) !important
}

#navbarWrapper .bg-blue-600,
reach-portal .bg-blue-600 {
  --bg-opacity: 1 !important;
  background-color: #3182ce !important;
  background-color: rgba(49, 130, 206, var(--bg-opacity)) !important
}

#navbarWrapper .bg-blue-700,
reach-portal .bg-blue-700 {
  --bg-opacity: 1 !important;
  background-color: #2b6cb0 !important;
  background-color: rgba(43, 108, 176, var(--bg-opacity)) !important
}

#navbarWrapper .bg-blue-800,
reach-portal .bg-blue-800 {
  --bg-opacity: 1 !important;
  background-color: #2c5282 !important;
  background-color: rgba(44, 82, 130, var(--bg-opacity)) !important
}

#navbarWrapper .bg-blue-900,
reach-portal .bg-blue-900 {
  --bg-opacity: 1 !important;
  background-color: #2a4365 !important;
  background-color: rgba(42, 67, 101, var(--bg-opacity)) !important
}

#navbarWrapper .bg-indigo-100,
reach-portal .bg-indigo-100 {
  --bg-opacity: 1 !important;
  background-color: #ebf4ff !important;
  background-color: rgba(235, 244, 255, var(--bg-opacity)) !important
}

#navbarWrapper .bg-indigo-200,
reach-portal .bg-indigo-200 {
  --bg-opacity: 1 !important;
  background-color: #c3dafe !important;
  background-color: rgba(195, 218, 254, var(--bg-opacity)) !important
}

#navbarWrapper .bg-indigo-300,
reach-portal .bg-indigo-300 {
  --bg-opacity: 1 !important;
  background-color: #a3bffa !important;
  background-color: rgba(163, 191, 250, var(--bg-opacity)) !important
}

#navbarWrapper .bg-indigo-400,
reach-portal .bg-indigo-400 {
  --bg-opacity: 1 !important;
  background-color: #7f9cf5 !important;
  background-color: rgba(127, 156, 245, var(--bg-opacity)) !important
}

#navbarWrapper .bg-indigo-500,
reach-portal .bg-indigo-500 {
  --bg-opacity: 1 !important;
  background-color: #667eea !important;
  background-color: rgba(102, 126, 234, var(--bg-opacity)) !important
}

#navbarWrapper .bg-indigo-600,
reach-portal .bg-indigo-600 {
  --bg-opacity: 1 !important;
  background-color: #5a67d8 !important;
  background-color: rgba(90, 103, 216, var(--bg-opacity)) !important
}

#navbarWrapper .bg-indigo-700,
reach-portal .bg-indigo-700 {
  --bg-opacity: 1 !important;
  background-color: #4c51bf !important;
  background-color: rgba(76, 81, 191, var(--bg-opacity)) !important
}

#navbarWrapper .bg-indigo-800,
reach-portal .bg-indigo-800 {
  --bg-opacity: 1 !important;
  background-color: #434190 !important;
  background-color: rgba(67, 65, 144, var(--bg-opacity)) !important
}

#navbarWrapper .bg-indigo-900,
reach-portal .bg-indigo-900 {
  --bg-opacity: 1 !important;
  background-color: #3c366b !important;
  background-color: rgba(60, 54, 107, var(--bg-opacity)) !important
}

#navbarWrapper .bg-purple-100,
reach-portal .bg-purple-100 {
  --bg-opacity: 1 !important;
  background-color: #faf5ff !important;
  background-color: rgba(250, 245, 255, var(--bg-opacity)) !important
}

#navbarWrapper .bg-purple-200,
reach-portal .bg-purple-200 {
  --bg-opacity: 1 !important;
  background-color: #e9d8fd !important;
  background-color: rgba(233, 216, 253, var(--bg-opacity)) !important
}

#navbarWrapper .bg-purple-300,
reach-portal .bg-purple-300 {
  --bg-opacity: 1 !important;
  background-color: #d6bcfa !important;
  background-color: rgba(214, 188, 250, var(--bg-opacity)) !important
}

#navbarWrapper .bg-purple-400,
reach-portal .bg-purple-400 {
  --bg-opacity: 1 !important;
  background-color: #b794f4 !important;
  background-color: rgba(183, 148, 244, var(--bg-opacity)) !important
}

#navbarWrapper .bg-purple-500,
reach-portal .bg-purple-500 {
  --bg-opacity: 1 !important;
  background-color: #9f7aea !important;
  background-color: rgba(159, 122, 234, var(--bg-opacity)) !important
}

#navbarWrapper .bg-purple-600,
reach-portal .bg-purple-600 {
  --bg-opacity: 1 !important;
  background-color: #805ad5 !important;
  background-color: rgba(128, 90, 213, var(--bg-opacity)) !important
}

#navbarWrapper .bg-purple-700,
reach-portal .bg-purple-700 {
  --bg-opacity: 1 !important;
  background-color: #6b46c1 !important;
  background-color: rgba(107, 70, 193, var(--bg-opacity)) !important
}

#navbarWrapper .bg-purple-800,
reach-portal .bg-purple-800 {
  --bg-opacity: 1 !important;
  background-color: #553c9a !important;
  background-color: rgba(85, 60, 154, var(--bg-opacity)) !important
}

#navbarWrapper .bg-purple-900,
reach-portal .bg-purple-900 {
  --bg-opacity: 1 !important;
  background-color: #44337a !important;
  background-color: rgba(68, 51, 122, var(--bg-opacity)) !important
}

#navbarWrapper .bg-pink-100,
reach-portal .bg-pink-100 {
  --bg-opacity: 1 !important;
  background-color: #fff5f7 !important;
  background-color: rgba(255, 245, 247, var(--bg-opacity)) !important
}

#navbarWrapper .bg-pink-200,
reach-portal .bg-pink-200 {
  --bg-opacity: 1 !important;
  background-color: #fed7e2 !important;
  background-color: rgba(254, 215, 226, var(--bg-opacity)) !important
}

#navbarWrapper .bg-pink-300,
reach-portal .bg-pink-300 {
  --bg-opacity: 1 !important;
  background-color: #fbb6ce !important;
  background-color: rgba(251, 182, 206, var(--bg-opacity)) !important
}

#navbarWrapper .bg-pink-400,
reach-portal .bg-pink-400 {
  --bg-opacity: 1 !important;
  background-color: #f687b3 !important;
  background-color: rgba(246, 135, 179, var(--bg-opacity)) !important
}

#navbarWrapper .bg-pink-500,
reach-portal .bg-pink-500 {
  --bg-opacity: 1 !important;
  background-color: #ed64a6 !important;
  background-color: rgba(237, 100, 166, var(--bg-opacity)) !important
}

#navbarWrapper .bg-pink-600,
reach-portal .bg-pink-600 {
  --bg-opacity: 1 !important;
  background-color: #d53f8c !important;
  background-color: rgba(213, 63, 140, var(--bg-opacity)) !important
}

#navbarWrapper .bg-pink-700,
reach-portal .bg-pink-700 {
  --bg-opacity: 1 !important;
  background-color: #b83280 !important;
  background-color: rgba(184, 50, 128, var(--bg-opacity)) !important
}

#navbarWrapper .bg-pink-800,
reach-portal .bg-pink-800 {
  --bg-opacity: 1 !important;
  background-color: #97266d !important;
  background-color: rgba(151, 38, 109, var(--bg-opacity)) !important
}

#navbarWrapper .bg-pink-900,
reach-portal .bg-pink-900 {
  --bg-opacity: 1 !important;
  background-color: #702459 !important;
  background-color: rgba(112, 36, 89, var(--bg-opacity)) !important
}

#navbarWrapper .bg-listgray,
reach-portal .bg-listgray {
  --bg-opacity: 1 !important;
  background-color: #f4f4f4 !important;
  background-color: rgba(244, 244, 244, var(--bg-opacity)) !important
}

#navbarWrapper .hover\:bg-transparent:hover,
reach-portal .hover\:bg-transparent:hover {
  background-color: initial !important
}

#navbarWrapper .hover\:bg-current:hover,
reach-portal .hover\:bg-current:hover {
  background-color: currentColor !important
}

#navbarWrapper .hover\:bg-black:hover,
reach-portal .hover\:bg-black:hover {
  --bg-opacity: 1 !important;
  background-color: #000 !important;
  background-color: rgba(0, 0, 0, var(--bg-opacity)) !important
}

#navbarWrapper .hover\:bg-white:hover,
reach-portal .hover\:bg-white:hover {
  --bg-opacity: 1 !important;
  background-color: #fff !important;
  background-color: rgba(255, 255, 255, var(--bg-opacity)) !important
}

#navbarWrapper .hover\:bg-gray-100:hover,
reach-portal .hover\:bg-gray-100:hover {
  --bg-opacity: 1 !important;
  background-color: #f7fafc !important;
  background-color: rgba(247, 250, 252, var(--bg-opacity)) !important
}

#navbarWrapper .hover\:bg-gray-200:hover,
reach-portal .hover\:bg-gray-200:hover {
  --bg-opacity: 1 !important;
  background-color: #edf2f7 !important;
  background-color: rgba(237, 242, 247, var(--bg-opacity)) !important
}

#navbarWrapper .hover\:bg-gray-300:hover,
reach-portal .hover\:bg-gray-300:hover {
  --bg-opacity: 1 !important;
  background-color: #e2e8f0 !important;
  background-color: rgba(226, 232, 240, var(--bg-opacity)) !important
}

#navbarWrapper .hover\:bg-gray-400:hover,
reach-portal .hover\:bg-gray-400:hover {
  --bg-opacity: 1 !important;
  background-color: #cbd5e0 !important;
  background-color: rgba(203, 213, 224, var(--bg-opacity)) !important
}

#navbarWrapper .hover\:bg-gray-500:hover,
reach-portal .hover\:bg-gray-500:hover {
  --bg-opacity: 1 !important;
  background-color: #a0aec0 !important;
  background-color: rgba(160, 174, 192, var(--bg-opacity)) !important
}

#navbarWrapper .hover\:bg-gray-600:hover,
reach-portal .hover\:bg-gray-600:hover {
  --bg-opacity: 1 !important;
  background-color: #718096 !important;
  background-color: rgba(113, 128, 150, var(--bg-opacity)) !important
}

#navbarWrapper .hover\:bg-gray-700:hover,
reach-portal .hover\:bg-gray-700:hover {
  --bg-opacity: 1 !important;
  background-color: #4a5568 !important;
  background-color: rgba(74, 85, 104, var(--bg-opacity)) !important
}

#navbarWrapper .hover\:bg-gray-800:hover,
reach-portal .hover\:bg-gray-800:hover {
  --bg-opacity: 1 !important;
  background-color: #2d3748 !important;
  background-color: rgba(45, 55, 72, var(--bg-opacity)) !important
}

#navbarWrapper .hover\:bg-gray-900:hover,
reach-portal .hover\:bg-gray-900:hover {
  --bg-opacity: 1 !important;
  background-color: #1a202c !important;
  background-color: rgba(26, 32, 44, var(--bg-opacity)) !important
}

#navbarWrapper .hover\:bg-red-100:hover,
reach-portal .hover\:bg-red-100:hover {
  --bg-opacity: 1 !important;
  background-color: #fff5f5 !important;
  background-color: rgba(255, 245, 245, var(--bg-opacity)) !important
}

#navbarWrapper .hover\:bg-red-200:hover,
reach-portal .hover\:bg-red-200:hover {
  --bg-opacity: 1 !important;
  background-color: #fed7d7 !important;
  background-color: rgba(254, 215, 215, var(--bg-opacity)) !important
}

#navbarWrapper .hover\:bg-red-300:hover,
reach-portal .hover\:bg-red-300:hover {
  --bg-opacity: 1 !important;
  background-color: #feb2b2 !important;
  background-color: rgba(254, 178, 178, var(--bg-opacity)) !important
}

#navbarWrapper .hover\:bg-red-400:hover,
reach-portal .hover\:bg-red-400:hover {
  --bg-opacity: 1 !important;
  background-color: #fc8181 !important;
  background-color: rgba(252, 129, 129, var(--bg-opacity)) !important
}

#navbarWrapper .hover\:bg-red-500:hover,
reach-portal .hover\:bg-red-500:hover {
  --bg-opacity: 1 !important;
  background-color: #f56565 !important;
  background-color: rgba(245, 101, 101, var(--bg-opacity)) !important
}

#navbarWrapper .hover\:bg-red-600:hover,
reach-portal .hover\:bg-red-600:hover {
  --bg-opacity: 1 !important;
  background-color: #e53e3e !important;
  background-color: rgba(229, 62, 62, var(--bg-opacity)) !important
}

#navbarWrapper .hover\:bg-red-700:hover,
reach-portal .hover\:bg-red-700:hover {
  --bg-opacity: 1 !important;
  background-color: #c53030 !important;
  background-color: rgba(197, 48, 48, var(--bg-opacity)) !important
}

#navbarWrapper .hover\:bg-red-800:hover,
reach-portal .hover\:bg-red-800:hover {
  --bg-opacity: 1 !important;
  background-color: #9b2c2c !important;
  background-color: rgba(155, 44, 44, var(--bg-opacity)) !important
}

#navbarWrapper .hover\:bg-red-900:hover,
reach-portal .hover\:bg-red-900:hover {
  --bg-opacity: 1 !important;
  background-color: #742a2a !important;
  background-color: rgba(116, 42, 42, var(--bg-opacity)) !important
}

#navbarWrapper .hover\:bg-orange-100:hover,
reach-portal .hover\:bg-orange-100:hover {
  --bg-opacity: 1 !important;
  background-color: #fffaf0 !important;
  background-color: rgba(255, 250, 240, var(--bg-opacity)) !important
}

#navbarWrapper .hover\:bg-orange-200:hover,
reach-portal .hover\:bg-orange-200:hover {
  --bg-opacity: 1 !important;
  background-color: #feebc8 !important;
  background-color: rgba(254, 235, 200, var(--bg-opacity)) !important
}

#navbarWrapper .hover\:bg-orange-300:hover,
reach-portal .hover\:bg-orange-300:hover {
  --bg-opacity: 1 !important;
  background-color: #fbd38d !important;
  background-color: rgba(251, 211, 141, var(--bg-opacity)) !important
}

#navbarWrapper .hover\:bg-orange-400:hover,
reach-portal .hover\:bg-orange-400:hover {
  --bg-opacity: 1 !important;
  background-color: #f6ad55 !important;
  background-color: rgba(246, 173, 85, var(--bg-opacity)) !important
}

#navbarWrapper .hover\:bg-orange-500:hover,
reach-portal .hover\:bg-orange-500:hover {
  --bg-opacity: 1 !important;
  background-color: #ed8936 !important;
  background-color: rgba(237, 137, 54, var(--bg-opacity)) !important
}

#navbarWrapper .hover\:bg-orange-600:hover,
reach-portal .hover\:bg-orange-600:hover {
  --bg-opacity: 1 !important;
  background-color: #dd6b20 !important;
  background-color: rgba(221, 107, 32, var(--bg-opacity)) !important
}

#navbarWrapper .hover\:bg-orange-700:hover,
reach-portal .hover\:bg-orange-700:hover {
  --bg-opacity: 1 !important;
  background-color: #c05621 !important;
  background-color: rgba(192, 86, 33, var(--bg-opacity)) !important
}

#navbarWrapper .hover\:bg-orange-800:hover,
reach-portal .hover\:bg-orange-800:hover {
  --bg-opacity: 1 !important;
  background-color: #9c4221 !important;
  background-color: rgba(156, 66, 33, var(--bg-opacity)) !important
}

#navbarWrapper .hover\:bg-orange-900:hover,
reach-portal .hover\:bg-orange-900:hover {
  --bg-opacity: 1 !important;
  background-color: #7b341e !important;
  background-color: rgba(123, 52, 30, var(--bg-opacity)) !important
}

#navbarWrapper .hover\:bg-yellow-100:hover,
reach-portal .hover\:bg-yellow-100:hover {
  --bg-opacity: 1 !important;
  background-color: ivory !important;
  background-color: rgba(255, 255, 240, var(--bg-opacity)) !important
}

#navbarWrapper .hover\:bg-yellow-200:hover,
reach-portal .hover\:bg-yellow-200:hover {
  --bg-opacity: 1 !important;
  background-color: #fefcbf !important;
  background-color: rgba(254, 252, 191, var(--bg-opacity)) !important
}

#navbarWrapper .hover\:bg-yellow-300:hover,
reach-portal .hover\:bg-yellow-300:hover {
  --bg-opacity: 1 !important;
  background-color: #faf089 !important;
  background-color: rgba(250, 240, 137, var(--bg-opacity)) !important
}

#navbarWrapper .hover\:bg-yellow-400:hover,
reach-portal .hover\:bg-yellow-400:hover {
  --bg-opacity: 1 !important;
  background-color: #f6e05e !important;
  background-color: rgba(246, 224, 94, var(--bg-opacity)) !important
}

#navbarWrapper .hover\:bg-yellow-500:hover,
reach-portal .hover\:bg-yellow-500:hover {
  --bg-opacity: 1 !important;
  background-color: #ecc94b !important;
  background-color: rgba(236, 201, 75, var(--bg-opacity)) !important
}

#navbarWrapper .hover\:bg-yellow-600:hover,
reach-portal .hover\:bg-yellow-600:hover {
  --bg-opacity: 1 !important;
  background-color: #d69e2e !important;
  background-color: rgba(214, 158, 46, var(--bg-opacity)) !important
}

#navbarWrapper .hover\:bg-yellow-700:hover,
reach-portal .hover\:bg-yellow-700:hover {
  --bg-opacity: 1 !important;
  background-color: #b7791f !important;
  background-color: rgba(183, 121, 31, var(--bg-opacity)) !important
}

#navbarWrapper .hover\:bg-yellow-800:hover,
reach-portal .hover\:bg-yellow-800:hover {
  --bg-opacity: 1 !important;
  background-color: #975a16 !important;
  background-color: rgba(151, 90, 22, var(--bg-opacity)) !important
}

#navbarWrapper .hover\:bg-yellow-900:hover,
reach-portal .hover\:bg-yellow-900:hover {
  --bg-opacity: 1 !important;
  background-color: #744210 !important;
  background-color: rgba(116, 66, 16, var(--bg-opacity)) !important
}

#navbarWrapper .hover\:bg-green-100:hover,
reach-portal .hover\:bg-green-100:hover {
  --bg-opacity: 1 !important;
  background-color: #f0fff4 !important;
  background-color: rgba(240, 255, 244, var(--bg-opacity)) !important
}

#navbarWrapper .hover\:bg-green-200:hover,
reach-portal .hover\:bg-green-200:hover {
  --bg-opacity: 1 !important;
  background-color: #c6f6d5 !important;
  background-color: rgba(198, 246, 213, var(--bg-opacity)) !important
}

#navbarWrapper .hover\:bg-green-300:hover,
reach-portal .hover\:bg-green-300:hover {
  --bg-opacity: 1 !important;
  background-color: #9ae6b4 !important;
  background-color: rgba(154, 230, 180, var(--bg-opacity)) !important
}

#navbarWrapper .hover\:bg-green-400:hover,
reach-portal .hover\:bg-green-400:hover {
  --bg-opacity: 1 !important;
  background-color: #68d391 !important;
  background-color: rgba(104, 211, 145, var(--bg-opacity)) !important
}

#navbarWrapper .hover\:bg-green-500:hover,
reach-portal .hover\:bg-green-500:hover {
  --bg-opacity: 1 !important;
  background-color: #48bb78 !important;
  background-color: rgba(72, 187, 120, var(--bg-opacity)) !important
}

#navbarWrapper .hover\:bg-green-600:hover,
reach-portal .hover\:bg-green-600:hover {
  --bg-opacity: 1 !important;
  background-color: #38a169 !important;
  background-color: rgba(56, 161, 105, var(--bg-opacity)) !important
}

#navbarWrapper .hover\:bg-green-700:hover,
reach-portal .hover\:bg-green-700:hover {
  --bg-opacity: 1 !important;
  background-color: #2f855a !important;
  background-color: rgba(47, 133, 90, var(--bg-opacity)) !important
}

#navbarWrapper .hover\:bg-green-800:hover,
reach-portal .hover\:bg-green-800:hover {
  --bg-opacity: 1 !important;
  background-color: #276749 !important;
  background-color: rgba(39, 103, 73, var(--bg-opacity)) !important
}

#navbarWrapper .hover\:bg-green-900:hover,
reach-portal .hover\:bg-green-900:hover {
  --bg-opacity: 1 !important;
  background-color: #22543d !important;
  background-color: rgba(34, 84, 61, var(--bg-opacity)) !important
}

#navbarWrapper .hover\:bg-teal-100:hover,
reach-portal .hover\:bg-teal-100:hover {
  --bg-opacity: 1 !important;
  background-color: #e6fffa !important;
  background-color: rgba(230, 255, 250, var(--bg-opacity)) !important
}

#navbarWrapper .hover\:bg-teal-200:hover,
reach-portal .hover\:bg-teal-200:hover {
  --bg-opacity: 1 !important;
  background-color: #b2f5ea !important;
  background-color: rgba(178, 245, 234, var(--bg-opacity)) !important
}

#navbarWrapper .hover\:bg-teal-300:hover,
reach-portal .hover\:bg-teal-300:hover {
  --bg-opacity: 1 !important;
  background-color: #81e6d9 !important;
  background-color: rgba(129, 230, 217, var(--bg-opacity)) !important
}

#navbarWrapper .hover\:bg-teal-400:hover,
reach-portal .hover\:bg-teal-400:hover {
  --bg-opacity: 1 !important;
  background-color: #4fd1c5 !important;
  background-color: rgba(79, 209, 197, var(--bg-opacity)) !important
}

#navbarWrapper .hover\:bg-teal-500:hover,
reach-portal .hover\:bg-teal-500:hover {
  --bg-opacity: 1 !important;
  background-color: #38b2ac !important;
  background-color: rgba(56, 178, 172, var(--bg-opacity)) !important
}

#navbarWrapper .hover\:bg-teal-600:hover,
reach-portal .hover\:bg-teal-600:hover {
  --bg-opacity: 1 !important;
  background-color: #319795 !important;
  background-color: rgba(49, 151, 149, var(--bg-opacity)) !important
}

#navbarWrapper .hover\:bg-teal-700:hover,
reach-portal .hover\:bg-teal-700:hover {
  --bg-opacity: 1 !important;
  background-color: #2c7a7b !important;
  background-color: rgba(44, 122, 123, var(--bg-opacity)) !important
}

#navbarWrapper .hover\:bg-teal-800:hover,
reach-portal .hover\:bg-teal-800:hover {
  --bg-opacity: 1 !important;
  background-color: #285e61 !important;
  background-color: rgba(40, 94, 97, var(--bg-opacity)) !important
}

#navbarWrapper .hover\:bg-teal-900:hover,
reach-portal .hover\:bg-teal-900:hover {
  --bg-opacity: 1 !important;
  background-color: #234e52 !important;
  background-color: rgba(35, 78, 82, var(--bg-opacity)) !important
}

#navbarWrapper .hover\:bg-blue-100:hover,
reach-portal .hover\:bg-blue-100:hover {
  --bg-opacity: 1 !important;
  background-color: #ebf8ff !important;
  background-color: rgba(235, 248, 255, var(--bg-opacity)) !important
}

#navbarWrapper .hover\:bg-blue-200:hover,
reach-portal .hover\:bg-blue-200:hover {
  --bg-opacity: 1 !important;
  background-color: #bee3f8 !important;
  background-color: rgba(190, 227, 248, var(--bg-opacity)) !important
}

#navbarWrapper .hover\:bg-blue-300:hover,
reach-portal .hover\:bg-blue-300:hover {
  --bg-opacity: 1 !important;
  background-color: #90cdf4 !important;
  background-color: rgba(144, 205, 244, var(--bg-opacity)) !important
}

#navbarWrapper .hover\:bg-blue-400:hover,
reach-portal .hover\:bg-blue-400:hover {
  --bg-opacity: 1 !important;
  background-color: #63b3ed !important;
  background-color: rgba(99, 179, 237, var(--bg-opacity)) !important
}

#navbarWrapper .hover\:bg-blue-500:hover,
reach-portal .hover\:bg-blue-500:hover {
  --bg-opacity: 1 !important;
  background-color: #4299e1 !important;
  background-color: rgba(66, 153, 225, var(--bg-opacity)) !important
}

#navbarWrapper .hover\:bg-blue-600:hover,
reach-portal .hover\:bg-blue-600:hover {
  --bg-opacity: 1 !important;
  background-color: #3182ce !important;
  background-color: rgba(49, 130, 206, var(--bg-opacity)) !important
}

#navbarWrapper .hover\:bg-blue-700:hover,
reach-portal .hover\:bg-blue-700:hover {
  --bg-opacity: 1 !important;
  background-color: #2b6cb0 !important;
  background-color: rgba(43, 108, 176, var(--bg-opacity)) !important
}

#navbarWrapper .hover\:bg-blue-800:hover,
reach-portal .hover\:bg-blue-800:hover {
  --bg-opacity: 1 !important;
  background-color: #2c5282 !important;
  background-color: rgba(44, 82, 130, var(--bg-opacity)) !important
}

#navbarWrapper .hover\:bg-blue-900:hover,
reach-portal .hover\:bg-blue-900:hover {
  --bg-opacity: 1 !important;
  background-color: #2a4365 !important;
  background-color: rgba(42, 67, 101, var(--bg-opacity)) !important
}

#navbarWrapper .hover\:bg-indigo-100:hover,
reach-portal .hover\:bg-indigo-100:hover {
  --bg-opacity: 1 !important;
  background-color: #ebf4ff !important;
  background-color: rgba(235, 244, 255, var(--bg-opacity)) !important
}

#navbarWrapper .hover\:bg-indigo-200:hover,
reach-portal .hover\:bg-indigo-200:hover {
  --bg-opacity: 1 !important;
  background-color: #c3dafe !important;
  background-color: rgba(195, 218, 254, var(--bg-opacity)) !important
}

#navbarWrapper .hover\:bg-indigo-300:hover,
reach-portal .hover\:bg-indigo-300:hover {
  --bg-opacity: 1 !important;
  background-color: #a3bffa !important;
  background-color: rgba(163, 191, 250, var(--bg-opacity)) !important
}

#navbarWrapper .hover\:bg-indigo-400:hover,
reach-portal .hover\:bg-indigo-400:hover {
  --bg-opacity: 1 !important;
  background-color: #7f9cf5 !important;
  background-color: rgba(127, 156, 245, var(--bg-opacity)) !important
}

#navbarWrapper .hover\:bg-indigo-500:hover,
reach-portal .hover\:bg-indigo-500:hover {
  --bg-opacity: 1 !important;
  background-color: #667eea !important;
  background-color: rgba(102, 126, 234, var(--bg-opacity)) !important
}

#navbarWrapper .hover\:bg-indigo-600:hover,
reach-portal .hover\:bg-indigo-600:hover {
  --bg-opacity: 1 !important;
  background-color: #5a67d8 !important;
  background-color: rgba(90, 103, 216, var(--bg-opacity)) !important
}

#navbarWrapper .hover\:bg-indigo-700:hover,
reach-portal .hover\:bg-indigo-700:hover {
  --bg-opacity: 1 !important;
  background-color: #4c51bf !important;
  background-color: rgba(76, 81, 191, var(--bg-opacity)) !important
}

#navbarWrapper .hover\:bg-indigo-800:hover,
reach-portal .hover\:bg-indigo-800:hover {
  --bg-opacity: 1 !important;
  background-color: #434190 !important;
  background-color: rgba(67, 65, 144, var(--bg-opacity)) !important
}

#navbarWrapper .hover\:bg-indigo-900:hover,
reach-portal .hover\:bg-indigo-900:hover {
  --bg-opacity: 1 !important;
  background-color: #3c366b !important;
  background-color: rgba(60, 54, 107, var(--bg-opacity)) !important
}

#navbarWrapper .hover\:bg-purple-100:hover,
reach-portal .hover\:bg-purple-100:hover {
  --bg-opacity: 1 !important;
  background-color: #faf5ff !important;
  background-color: rgba(250, 245, 255, var(--bg-opacity)) !important
}

#navbarWrapper .hover\:bg-purple-200:hover,
reach-portal .hover\:bg-purple-200:hover {
  --bg-opacity: 1 !important;
  background-color: #e9d8fd !important;
  background-color: rgba(233, 216, 253, var(--bg-opacity)) !important
}

#navbarWrapper .hover\:bg-purple-300:hover,
reach-portal .hover\:bg-purple-300:hover {
  --bg-opacity: 1 !important;
  background-color: #d6bcfa !important;
  background-color: rgba(214, 188, 250, var(--bg-opacity)) !important
}

#navbarWrapper .hover\:bg-purple-400:hover,
reach-portal .hover\:bg-purple-400:hover {
  --bg-opacity: 1 !important;
  background-color: #b794f4 !important;
  background-color: rgba(183, 148, 244, var(--bg-opacity)) !important
}

#navbarWrapper .hover\:bg-purple-500:hover,
reach-portal .hover\:bg-purple-500:hover {
  --bg-opacity: 1 !important;
  background-color: #9f7aea !important;
  background-color: rgba(159, 122, 234, var(--bg-opacity)) !important
}

#navbarWrapper .hover\:bg-purple-600:hover,
reach-portal .hover\:bg-purple-600:hover {
  --bg-opacity: 1 !important;
  background-color: #805ad5 !important;
  background-color: rgba(128, 90, 213, var(--bg-opacity)) !important
}

#navbarWrapper .hover\:bg-purple-700:hover,
reach-portal .hover\:bg-purple-700:hover {
  --bg-opacity: 1 !important;
  background-color: #6b46c1 !important;
  background-color: rgba(107, 70, 193, var(--bg-opacity)) !important
}

#navbarWrapper .hover\:bg-purple-800:hover,
reach-portal .hover\:bg-purple-800:hover {
  --bg-opacity: 1 !important;
  background-color: #553c9a !important;
  background-color: rgba(85, 60, 154, var(--bg-opacity)) !important
}

#navbarWrapper .hover\:bg-purple-900:hover,
reach-portal .hover\:bg-purple-900:hover {
  --bg-opacity: 1 !important;
  background-color: #44337a !important;
  background-color: rgba(68, 51, 122, var(--bg-opacity)) !important
}

#navbarWrapper .hover\:bg-pink-100:hover,
reach-portal .hover\:bg-pink-100:hover {
  --bg-opacity: 1 !important;
  background-color: #fff5f7 !important;
  background-color: rgba(255, 245, 247, var(--bg-opacity)) !important
}

#navbarWrapper .hover\:bg-pink-200:hover,
reach-portal .hover\:bg-pink-200:hover {
  --bg-opacity: 1 !important;
  background-color: #fed7e2 !important;
  background-color: rgba(254, 215, 226, var(--bg-opacity)) !important
}

#navbarWrapper .hover\:bg-pink-300:hover,
reach-portal .hover\:bg-pink-300:hover {
  --bg-opacity: 1 !important;
  background-color: #fbb6ce !important;
  background-color: rgba(251, 182, 206, var(--bg-opacity)) !important
}

#navbarWrapper .hover\:bg-pink-400:hover,
reach-portal .hover\:bg-pink-400:hover {
  --bg-opacity: 1 !important;
  background-color: #f687b3 !important;
  background-color: rgba(246, 135, 179, var(--bg-opacity)) !important
}

#navbarWrapper .hover\:bg-pink-500:hover,
reach-portal .hover\:bg-pink-500:hover {
  --bg-opacity: 1 !important;
  background-color: #ed64a6 !important;
  background-color: rgba(237, 100, 166, var(--bg-opacity)) !important
}

#navbarWrapper .hover\:bg-pink-600:hover,
reach-portal .hover\:bg-pink-600:hover {
  --bg-opacity: 1 !important;
  background-color: #d53f8c !important;
  background-color: rgba(213, 63, 140, var(--bg-opacity)) !important
}

#navbarWrapper .hover\:bg-pink-700:hover,
reach-portal .hover\:bg-pink-700:hover {
  --bg-opacity: 1 !important;
  background-color: #b83280 !important;
  background-color: rgba(184, 50, 128, var(--bg-opacity)) !important
}

#navbarWrapper .hover\:bg-pink-800:hover,
reach-portal .hover\:bg-pink-800:hover {
  --bg-opacity: 1 !important;
  background-color: #97266d !important;
  background-color: rgba(151, 38, 109, var(--bg-opacity)) !important
}

#navbarWrapper .hover\:bg-pink-900:hover,
reach-portal .hover\:bg-pink-900:hover {
  --bg-opacity: 1 !important;
  background-color: #702459 !important;
  background-color: rgba(112, 36, 89, var(--bg-opacity)) !important
}

#navbarWrapper .hover\:bg-listgray:hover,
reach-portal .hover\:bg-listgray:hover {
  --bg-opacity: 1 !important;
  background-color: #f4f4f4 !important;
  background-color: rgba(244, 244, 244, var(--bg-opacity)) !important
}

#navbarWrapper .focus\:bg-transparent:focus,
reach-portal .focus\:bg-transparent:focus {
  background-color: initial !important
}

#navbarWrapper .focus\:bg-current:focus,
reach-portal .focus\:bg-current:focus {
  background-color: currentColor !important
}

#navbarWrapper .focus\:bg-black:focus,
reach-portal .focus\:bg-black:focus {
  --bg-opacity: 1 !important;
  background-color: #000 !important;
  background-color: rgba(0, 0, 0, var(--bg-opacity)) !important
}

#navbarWrapper .focus\:bg-white:focus,
reach-portal .focus\:bg-white:focus {
  --bg-opacity: 1 !important;
  background-color: #fff !important;
  background-color: rgba(255, 255, 255, var(--bg-opacity)) !important
}

#navbarWrapper .focus\:bg-gray-100:focus,
reach-portal .focus\:bg-gray-100:focus {
  --bg-opacity: 1 !important;
  background-color: #f7fafc !important;
  background-color: rgba(247, 250, 252, var(--bg-opacity)) !important
}

#navbarWrapper .focus\:bg-gray-200:focus,
reach-portal .focus\:bg-gray-200:focus {
  --bg-opacity: 1 !important;
  background-color: #edf2f7 !important;
  background-color: rgba(237, 242, 247, var(--bg-opacity)) !important
}

#navbarWrapper .focus\:bg-gray-300:focus,
reach-portal .focus\:bg-gray-300:focus {
  --bg-opacity: 1 !important;
  background-color: #e2e8f0 !important;
  background-color: rgba(226, 232, 240, var(--bg-opacity)) !important
}

#navbarWrapper .focus\:bg-gray-400:focus,
reach-portal .focus\:bg-gray-400:focus {
  --bg-opacity: 1 !important;
  background-color: #cbd5e0 !important;
  background-color: rgba(203, 213, 224, var(--bg-opacity)) !important
}

#navbarWrapper .focus\:bg-gray-500:focus,
reach-portal .focus\:bg-gray-500:focus {
  --bg-opacity: 1 !important;
  background-color: #a0aec0 !important;
  background-color: rgba(160, 174, 192, var(--bg-opacity)) !important
}

#navbarWrapper .focus\:bg-gray-600:focus,
reach-portal .focus\:bg-gray-600:focus {
  --bg-opacity: 1 !important;
  background-color: #718096 !important;
  background-color: rgba(113, 128, 150, var(--bg-opacity)) !important
}

#navbarWrapper .focus\:bg-gray-700:focus,
reach-portal .focus\:bg-gray-700:focus {
  --bg-opacity: 1 !important;
  background-color: #4a5568 !important;
  background-color: rgba(74, 85, 104, var(--bg-opacity)) !important
}

#navbarWrapper .focus\:bg-gray-800:focus,
reach-portal .focus\:bg-gray-800:focus {
  --bg-opacity: 1 !important;
  background-color: #2d3748 !important;
  background-color: rgba(45, 55, 72, var(--bg-opacity)) !important
}

#navbarWrapper .focus\:bg-gray-900:focus,
reach-portal .focus\:bg-gray-900:focus {
  --bg-opacity: 1 !important;
  background-color: #1a202c !important;
  background-color: rgba(26, 32, 44, var(--bg-opacity)) !important
}

#navbarWrapper .focus\:bg-red-100:focus,
reach-portal .focus\:bg-red-100:focus {
  --bg-opacity: 1 !important;
  background-color: #fff5f5 !important;
  background-color: rgba(255, 245, 245, var(--bg-opacity)) !important
}

#navbarWrapper .focus\:bg-red-200:focus,
reach-portal .focus\:bg-red-200:focus {
  --bg-opacity: 1 !important;
  background-color: #fed7d7 !important;
  background-color: rgba(254, 215, 215, var(--bg-opacity)) !important
}

#navbarWrapper .focus\:bg-red-300:focus,
reach-portal .focus\:bg-red-300:focus {
  --bg-opacity: 1 !important;
  background-color: #feb2b2 !important;
  background-color: rgba(254, 178, 178, var(--bg-opacity)) !important
}

#navbarWrapper .focus\:bg-red-400:focus,
reach-portal .focus\:bg-red-400:focus {
  --bg-opacity: 1 !important;
  background-color: #fc8181 !important;
  background-color: rgba(252, 129, 129, var(--bg-opacity)) !important
}

#navbarWrapper .focus\:bg-red-500:focus,
reach-portal .focus\:bg-red-500:focus {
  --bg-opacity: 1 !important;
  background-color: #f56565 !important;
  background-color: rgba(245, 101, 101, var(--bg-opacity)) !important
}

#navbarWrapper .focus\:bg-red-600:focus,
reach-portal .focus\:bg-red-600:focus {
  --bg-opacity: 1 !important;
  background-color: #e53e3e !important;
  background-color: rgba(229, 62, 62, var(--bg-opacity)) !important
}

#navbarWrapper .focus\:bg-red-700:focus,
reach-portal .focus\:bg-red-700:focus {
  --bg-opacity: 1 !important;
  background-color: #c53030 !important;
  background-color: rgba(197, 48, 48, var(--bg-opacity)) !important
}

#navbarWrapper .focus\:bg-red-800:focus,
reach-portal .focus\:bg-red-800:focus {
  --bg-opacity: 1 !important;
  background-color: #9b2c2c !important;
  background-color: rgba(155, 44, 44, var(--bg-opacity)) !important
}

#navbarWrapper .focus\:bg-red-900:focus,
reach-portal .focus\:bg-red-900:focus {
  --bg-opacity: 1 !important;
  background-color: #742a2a !important;
  background-color: rgba(116, 42, 42, var(--bg-opacity)) !important
}

#navbarWrapper .focus\:bg-orange-100:focus,
reach-portal .focus\:bg-orange-100:focus {
  --bg-opacity: 1 !important;
  background-color: #fffaf0 !important;
  background-color: rgba(255, 250, 240, var(--bg-opacity)) !important
}

#navbarWrapper .focus\:bg-orange-200:focus,
reach-portal .focus\:bg-orange-200:focus {
  --bg-opacity: 1 !important;
  background-color: #feebc8 !important;
  background-color: rgba(254, 235, 200, var(--bg-opacity)) !important
}

#navbarWrapper .focus\:bg-orange-300:focus,
reach-portal .focus\:bg-orange-300:focus {
  --bg-opacity: 1 !important;
  background-color: #fbd38d !important;
  background-color: rgba(251, 211, 141, var(--bg-opacity)) !important
}

#navbarWrapper .focus\:bg-orange-400:focus,
reach-portal .focus\:bg-orange-400:focus {
  --bg-opacity: 1 !important;
  background-color: #f6ad55 !important;
  background-color: rgba(246, 173, 85, var(--bg-opacity)) !important
}

#navbarWrapper .focus\:bg-orange-500:focus,
reach-portal .focus\:bg-orange-500:focus {
  --bg-opacity: 1 !important;
  background-color: #ed8936 !important;
  background-color: rgba(237, 137, 54, var(--bg-opacity)) !important
}

#navbarWrapper .focus\:bg-orange-600:focus,
reach-portal .focus\:bg-orange-600:focus {
  --bg-opacity: 1 !important;
  background-color: #dd6b20 !important;
  background-color: rgba(221, 107, 32, var(--bg-opacity)) !important
}

#navbarWrapper .focus\:bg-orange-700:focus,
reach-portal .focus\:bg-orange-700:focus {
  --bg-opacity: 1 !important;
  background-color: #c05621 !important;
  background-color: rgba(192, 86, 33, var(--bg-opacity)) !important
}

#navbarWrapper .focus\:bg-orange-800:focus,
reach-portal .focus\:bg-orange-800:focus {
  --bg-opacity: 1 !important;
  background-color: #9c4221 !important;
  background-color: rgba(156, 66, 33, var(--bg-opacity)) !important
}

#navbarWrapper .focus\:bg-orange-900:focus,
reach-portal .focus\:bg-orange-900:focus {
  --bg-opacity: 1 !important;
  background-color: #7b341e !important;
  background-color: rgba(123, 52, 30, var(--bg-opacity)) !important
}

#navbarWrapper .focus\:bg-yellow-100:focus,
reach-portal .focus\:bg-yellow-100:focus {
  --bg-opacity: 1 !important;
  background-color: ivory !important;
  background-color: rgba(255, 255, 240, var(--bg-opacity)) !important
}

#navbarWrapper .focus\:bg-yellow-200:focus,
reach-portal .focus\:bg-yellow-200:focus {
  --bg-opacity: 1 !important;
  background-color: #fefcbf !important;
  background-color: rgba(254, 252, 191, var(--bg-opacity)) !important
}

#navbarWrapper .focus\:bg-yellow-300:focus,
reach-portal .focus\:bg-yellow-300:focus {
  --bg-opacity: 1 !important;
  background-color: #faf089 !important;
  background-color: rgba(250, 240, 137, var(--bg-opacity)) !important
}

#navbarWrapper .focus\:bg-yellow-400:focus,
reach-portal .focus\:bg-yellow-400:focus {
  --bg-opacity: 1 !important;
  background-color: #f6e05e !important;
  background-color: rgba(246, 224, 94, var(--bg-opacity)) !important
}

#navbarWrapper .focus\:bg-yellow-500:focus,
reach-portal .focus\:bg-yellow-500:focus {
  --bg-opacity: 1 !important;
  background-color: #ecc94b !important;
  background-color: rgba(236, 201, 75, var(--bg-opacity)) !important
}

#navbarWrapper .focus\:bg-yellow-600:focus,
reach-portal .focus\:bg-yellow-600:focus {
  --bg-opacity: 1 !important;
  background-color: #d69e2e !important;
  background-color: rgba(214, 158, 46, var(--bg-opacity)) !important
}

#navbarWrapper .focus\:bg-yellow-700:focus,
reach-portal .focus\:bg-yellow-700:focus {
  --bg-opacity: 1 !important;
  background-color: #b7791f !important;
  background-color: rgba(183, 121, 31, var(--bg-opacity)) !important
}

#navbarWrapper .focus\:bg-yellow-800:focus,
reach-portal .focus\:bg-yellow-800:focus {
  --bg-opacity: 1 !important;
  background-color: #975a16 !important;
  background-color: rgba(151, 90, 22, var(--bg-opacity)) !important
}

#navbarWrapper .focus\:bg-yellow-900:focus,
reach-portal .focus\:bg-yellow-900:focus {
  --bg-opacity: 1 !important;
  background-color: #744210 !important;
  background-color: rgba(116, 66, 16, var(--bg-opacity)) !important
}

#navbarWrapper .focus\:bg-green-100:focus,
reach-portal .focus\:bg-green-100:focus {
  --bg-opacity: 1 !important;
  background-color: #f0fff4 !important;
  background-color: rgba(240, 255, 244, var(--bg-opacity)) !important
}

#navbarWrapper .focus\:bg-green-200:focus,
reach-portal .focus\:bg-green-200:focus {
  --bg-opacity: 1 !important;
  background-color: #c6f6d5 !important;
  background-color: rgba(198, 246, 213, var(--bg-opacity)) !important
}

#navbarWrapper .focus\:bg-green-300:focus,
reach-portal .focus\:bg-green-300:focus {
  --bg-opacity: 1 !important;
  background-color: #9ae6b4 !important;
  background-color: rgba(154, 230, 180, var(--bg-opacity)) !important
}

#navbarWrapper .focus\:bg-green-400:focus,
reach-portal .focus\:bg-green-400:focus {
  --bg-opacity: 1 !important;
  background-color: #68d391 !important;
  background-color: rgba(104, 211, 145, var(--bg-opacity)) !important
}

#navbarWrapper .focus\:bg-green-500:focus,
reach-portal .focus\:bg-green-500:focus {
  --bg-opacity: 1 !important;
  background-color: #48bb78 !important;
  background-color: rgba(72, 187, 120, var(--bg-opacity)) !important
}

#navbarWrapper .focus\:bg-green-600:focus,
reach-portal .focus\:bg-green-600:focus {
  --bg-opacity: 1 !important;
  background-color: #38a169 !important;
  background-color: rgba(56, 161, 105, var(--bg-opacity)) !important
}

#navbarWrapper .focus\:bg-green-700:focus,
reach-portal .focus\:bg-green-700:focus {
  --bg-opacity: 1 !important;
  background-color: #2f855a !important;
  background-color: rgba(47, 133, 90, var(--bg-opacity)) !important
}

#navbarWrapper .focus\:bg-green-800:focus,
reach-portal .focus\:bg-green-800:focus {
  --bg-opacity: 1 !important;
  background-color: #276749 !important;
  background-color: rgba(39, 103, 73, var(--bg-opacity)) !important
}

#navbarWrapper .focus\:bg-green-900:focus,
reach-portal .focus\:bg-green-900:focus {
  --bg-opacity: 1 !important;
  background-color: #22543d !important;
  background-color: rgba(34, 84, 61, var(--bg-opacity)) !important
}

#navbarWrapper .focus\:bg-teal-100:focus,
reach-portal .focus\:bg-teal-100:focus {
  --bg-opacity: 1 !important;
  background-color: #e6fffa !important;
  background-color: rgba(230, 255, 250, var(--bg-opacity)) !important
}

#navbarWrapper .focus\:bg-teal-200:focus,
reach-portal .focus\:bg-teal-200:focus {
  --bg-opacity: 1 !important;
  background-color: #b2f5ea !important;
  background-color: rgba(178, 245, 234, var(--bg-opacity)) !important
}

#navbarWrapper .focus\:bg-teal-300:focus,
reach-portal .focus\:bg-teal-300:focus {
  --bg-opacity: 1 !important;
  background-color: #81e6d9 !important;
  background-color: rgba(129, 230, 217, var(--bg-opacity)) !important
}

#navbarWrapper .focus\:bg-teal-400:focus,
reach-portal .focus\:bg-teal-400:focus {
  --bg-opacity: 1 !important;
  background-color: #4fd1c5 !important;
  background-color: rgba(79, 209, 197, var(--bg-opacity)) !important
}

#navbarWrapper .focus\:bg-teal-500:focus,
reach-portal .focus\:bg-teal-500:focus {
  --bg-opacity: 1 !important;
  background-color: #38b2ac !important;
  background-color: rgba(56, 178, 172, var(--bg-opacity)) !important
}

#navbarWrapper .focus\:bg-teal-600:focus,
reach-portal .focus\:bg-teal-600:focus {
  --bg-opacity: 1 !important;
  background-color: #319795 !important;
  background-color: rgba(49, 151, 149, var(--bg-opacity)) !important
}

#navbarWrapper .focus\:bg-teal-700:focus,
reach-portal .focus\:bg-teal-700:focus {
  --bg-opacity: 1 !important;
  background-color: #2c7a7b !important;
  background-color: rgba(44, 122, 123, var(--bg-opacity)) !important
}

#navbarWrapper .focus\:bg-teal-800:focus,
reach-portal .focus\:bg-teal-800:focus {
  --bg-opacity: 1 !important;
  background-color: #285e61 !important;
  background-color: rgba(40, 94, 97, var(--bg-opacity)) !important
}

#navbarWrapper .focus\:bg-teal-900:focus,
reach-portal .focus\:bg-teal-900:focus {
  --bg-opacity: 1 !important;
  background-color: #234e52 !important;
  background-color: rgba(35, 78, 82, var(--bg-opacity)) !important
}

#navbarWrapper .focus\:bg-blue-100:focus,
reach-portal .focus\:bg-blue-100:focus {
  --bg-opacity: 1 !important;
  background-color: #ebf8ff !important;
  background-color: rgba(235, 248, 255, var(--bg-opacity)) !important
}

#navbarWrapper .focus\:bg-blue-200:focus,
reach-portal .focus\:bg-blue-200:focus {
  --bg-opacity: 1 !important;
  background-color: #bee3f8 !important;
  background-color: rgba(190, 227, 248, var(--bg-opacity)) !important
}

#navbarWrapper .focus\:bg-blue-300:focus,
reach-portal .focus\:bg-blue-300:focus {
  --bg-opacity: 1 !important;
  background-color: #90cdf4 !important;
  background-color: rgba(144, 205, 244, var(--bg-opacity)) !important
}

#navbarWrapper .focus\:bg-blue-400:focus,
reach-portal .focus\:bg-blue-400:focus {
  --bg-opacity: 1 !important;
  background-color: #63b3ed !important;
  background-color: rgba(99, 179, 237, var(--bg-opacity)) !important
}

#navbarWrapper .focus\:bg-blue-500:focus,
reach-portal .focus\:bg-blue-500:focus {
  --bg-opacity: 1 !important;
  background-color: #4299e1 !important;
  background-color: rgba(66, 153, 225, var(--bg-opacity)) !important
}

#navbarWrapper .focus\:bg-blue-600:focus,
reach-portal .focus\:bg-blue-600:focus {
  --bg-opacity: 1 !important;
  background-color: #3182ce !important;
  background-color: rgba(49, 130, 206, var(--bg-opacity)) !important
}

#navbarWrapper .focus\:bg-blue-700:focus,
reach-portal .focus\:bg-blue-700:focus {
  --bg-opacity: 1 !important;
  background-color: #2b6cb0 !important;
  background-color: rgba(43, 108, 176, var(--bg-opacity)) !important
}

#navbarWrapper .focus\:bg-blue-800:focus,
reach-portal .focus\:bg-blue-800:focus {
  --bg-opacity: 1 !important;
  background-color: #2c5282 !important;
  background-color: rgba(44, 82, 130, var(--bg-opacity)) !important
}

#navbarWrapper .focus\:bg-blue-900:focus,
reach-portal .focus\:bg-blue-900:focus {
  --bg-opacity: 1 !important;
  background-color: #2a4365 !important;
  background-color: rgba(42, 67, 101, var(--bg-opacity)) !important
}

#navbarWrapper .focus\:bg-indigo-100:focus,
reach-portal .focus\:bg-indigo-100:focus {
  --bg-opacity: 1 !important;
  background-color: #ebf4ff !important;
  background-color: rgba(235, 244, 255, var(--bg-opacity)) !important
}

#navbarWrapper .focus\:bg-indigo-200:focus,
reach-portal .focus\:bg-indigo-200:focus {
  --bg-opacity: 1 !important;
  background-color: #c3dafe !important;
  background-color: rgba(195, 218, 254, var(--bg-opacity)) !important
}

#navbarWrapper .focus\:bg-indigo-300:focus,
reach-portal .focus\:bg-indigo-300:focus {
  --bg-opacity: 1 !important;
  background-color: #a3bffa !important;
  background-color: rgba(163, 191, 250, var(--bg-opacity)) !important
}

#navbarWrapper .focus\:bg-indigo-400:focus,
reach-portal .focus\:bg-indigo-400:focus {
  --bg-opacity: 1 !important;
  background-color: #7f9cf5 !important;
  background-color: rgba(127, 156, 245, var(--bg-opacity)) !important
}

#navbarWrapper .focus\:bg-indigo-500:focus,
reach-portal .focus\:bg-indigo-500:focus {
  --bg-opacity: 1 !important;
  background-color: #667eea !important;
  background-color: rgba(102, 126, 234, var(--bg-opacity)) !important
}

#navbarWrapper .focus\:bg-indigo-600:focus,
reach-portal .focus\:bg-indigo-600:focus {
  --bg-opacity: 1 !important;
  background-color: #5a67d8 !important;
  background-color: rgba(90, 103, 216, var(--bg-opacity)) !important
}

#navbarWrapper .focus\:bg-indigo-700:focus,
reach-portal .focus\:bg-indigo-700:focus {
  --bg-opacity: 1 !important;
  background-color: #4c51bf !important;
  background-color: rgba(76, 81, 191, var(--bg-opacity)) !important
}

#navbarWrapper .focus\:bg-indigo-800:focus,
reach-portal .focus\:bg-indigo-800:focus {
  --bg-opacity: 1 !important;
  background-color: #434190 !important;
  background-color: rgba(67, 65, 144, var(--bg-opacity)) !important
}

#navbarWrapper .focus\:bg-indigo-900:focus,
reach-portal .focus\:bg-indigo-900:focus {
  --bg-opacity: 1 !important;
  background-color: #3c366b !important;
  background-color: rgba(60, 54, 107, var(--bg-opacity)) !important
}

#navbarWrapper .focus\:bg-purple-100:focus,
reach-portal .focus\:bg-purple-100:focus {
  --bg-opacity: 1 !important;
  background-color: #faf5ff !important;
  background-color: rgba(250, 245, 255, var(--bg-opacity)) !important
}

#navbarWrapper .focus\:bg-purple-200:focus,
reach-portal .focus\:bg-purple-200:focus {
  --bg-opacity: 1 !important;
  background-color: #e9d8fd !important;
  background-color: rgba(233, 216, 253, var(--bg-opacity)) !important
}

#navbarWrapper .focus\:bg-purple-300:focus,
reach-portal .focus\:bg-purple-300:focus {
  --bg-opacity: 1 !important;
  background-color: #d6bcfa !important;
  background-color: rgba(214, 188, 250, var(--bg-opacity)) !important
}

#navbarWrapper .focus\:bg-purple-400:focus,
reach-portal .focus\:bg-purple-400:focus {
  --bg-opacity: 1 !important;
  background-color: #b794f4 !important;
  background-color: rgba(183, 148, 244, var(--bg-opacity)) !important
}

#navbarWrapper .focus\:bg-purple-500:focus,
reach-portal .focus\:bg-purple-500:focus {
  --bg-opacity: 1 !important;
  background-color: #9f7aea !important;
  background-color: rgba(159, 122, 234, var(--bg-opacity)) !important
}

#navbarWrapper .focus\:bg-purple-600:focus,
reach-portal .focus\:bg-purple-600:focus {
  --bg-opacity: 1 !important;
  background-color: #805ad5 !important;
  background-color: rgba(128, 90, 213, var(--bg-opacity)) !important
}

#navbarWrapper .focus\:bg-purple-700:focus,
reach-portal .focus\:bg-purple-700:focus {
  --bg-opacity: 1 !important;
  background-color: #6b46c1 !important;
  background-color: rgba(107, 70, 193, var(--bg-opacity)) !important
}

#navbarWrapper .focus\:bg-purple-800:focus,
reach-portal .focus\:bg-purple-800:focus {
  --bg-opacity: 1 !important;
  background-color: #553c9a !important;
  background-color: rgba(85, 60, 154, var(--bg-opacity)) !important
}

#navbarWrapper .focus\:bg-purple-900:focus,
reach-portal .focus\:bg-purple-900:focus {
  --bg-opacity: 1 !important;
  background-color: #44337a !important;
  background-color: rgba(68, 51, 122, var(--bg-opacity)) !important
}

#navbarWrapper .focus\:bg-pink-100:focus,
reach-portal .focus\:bg-pink-100:focus {
  --bg-opacity: 1 !important;
  background-color: #fff5f7 !important;
  background-color: rgba(255, 245, 247, var(--bg-opacity)) !important
}

#navbarWrapper .focus\:bg-pink-200:focus,
reach-portal .focus\:bg-pink-200:focus {
  --bg-opacity: 1 !important;
  background-color: #fed7e2 !important;
  background-color: rgba(254, 215, 226, var(--bg-opacity)) !important
}

#navbarWrapper .focus\:bg-pink-300:focus,
reach-portal .focus\:bg-pink-300:focus {
  --bg-opacity: 1 !important;
  background-color: #fbb6ce !important;
  background-color: rgba(251, 182, 206, var(--bg-opacity)) !important
}

#navbarWrapper .focus\:bg-pink-400:focus,
reach-portal .focus\:bg-pink-400:focus {
  --bg-opacity: 1 !important;
  background-color: #f687b3 !important;
  background-color: rgba(246, 135, 179, var(--bg-opacity)) !important
}

#navbarWrapper .focus\:bg-pink-500:focus,
reach-portal .focus\:bg-pink-500:focus {
  --bg-opacity: 1 !important;
  background-color: #ed64a6 !important;
  background-color: rgba(237, 100, 166, var(--bg-opacity)) !important
}

#navbarWrapper .focus\:bg-pink-600:focus,
reach-portal .focus\:bg-pink-600:focus {
  --bg-opacity: 1 !important;
  background-color: #d53f8c !important;
  background-color: rgba(213, 63, 140, var(--bg-opacity)) !important
}

#navbarWrapper .focus\:bg-pink-700:focus,
reach-portal .focus\:bg-pink-700:focus {
  --bg-opacity: 1 !important;
  background-color: #b83280 !important;
  background-color: rgba(184, 50, 128, var(--bg-opacity)) !important
}

#navbarWrapper .focus\:bg-pink-800:focus,
reach-portal .focus\:bg-pink-800:focus {
  --bg-opacity: 1 !important;
  background-color: #97266d !important;
  background-color: rgba(151, 38, 109, var(--bg-opacity)) !important
}

#navbarWrapper .focus\:bg-pink-900:focus,
reach-portal .focus\:bg-pink-900:focus {
  --bg-opacity: 1 !important;
  background-color: #702459 !important;
  background-color: rgba(112, 36, 89, var(--bg-opacity)) !important
}

#navbarWrapper .focus\:bg-listgray:focus,
reach-portal .focus\:bg-listgray:focus {
  --bg-opacity: 1 !important;
  background-color: #f4f4f4 !important;
  background-color: rgba(244, 244, 244, var(--bg-opacity)) !important
}

#navbarWrapper .bg-opacity-0,
reach-portal .bg-opacity-0 {
  --bg-opacity: 0 !important
}

#navbarWrapper .bg-opacity-25,
reach-portal .bg-opacity-25 {
  --bg-opacity: 0.25 !important
}

#navbarWrapper .bg-opacity-50,
reach-portal .bg-opacity-50 {
  --bg-opacity: 0.5 !important
}

#navbarWrapper .bg-opacity-75,
reach-portal .bg-opacity-75 {
  --bg-opacity: 0.75 !important
}

#navbarWrapper .bg-opacity-100,
reach-portal .bg-opacity-100 {
  --bg-opacity: 1 !important
}

#navbarWrapper .hover\:bg-opacity-0:hover,
reach-portal .hover\:bg-opacity-0:hover {
  --bg-opacity: 0 !important
}

#navbarWrapper .hover\:bg-opacity-25:hover,
reach-portal .hover\:bg-opacity-25:hover {
  --bg-opacity: 0.25 !important
}

#navbarWrapper .hover\:bg-opacity-50:hover,
reach-portal .hover\:bg-opacity-50:hover {
  --bg-opacity: 0.5 !important
}

#navbarWrapper .hover\:bg-opacity-75:hover,
reach-portal .hover\:bg-opacity-75:hover {
  --bg-opacity: 0.75 !important
}

#navbarWrapper .hover\:bg-opacity-100:hover,
reach-portal .hover\:bg-opacity-100:hover {
  --bg-opacity: 1 !important
}

#navbarWrapper .focus\:bg-opacity-0:focus,
reach-portal .focus\:bg-opacity-0:focus {
  --bg-opacity: 0 !important
}

#navbarWrapper .focus\:bg-opacity-25:focus,
reach-portal .focus\:bg-opacity-25:focus {
  --bg-opacity: 0.25 !important
}

#navbarWrapper .focus\:bg-opacity-50:focus,
reach-portal .focus\:bg-opacity-50:focus {
  --bg-opacity: 0.5 !important
}

#navbarWrapper .focus\:bg-opacity-75:focus,
reach-portal .focus\:bg-opacity-75:focus {
  --bg-opacity: 0.75 !important
}

#navbarWrapper .focus\:bg-opacity-100:focus,
reach-portal .focus\:bg-opacity-100:focus {
  --bg-opacity: 1 !important
}

#navbarWrapper .bg-bottom,
reach-portal .bg-bottom {
  background-position: bottom !important
}

#navbarWrapper .bg-center,
reach-portal .bg-center {
  background-position: 50% !important
}

#navbarWrapper .bg-left,
reach-portal .bg-left {
  background-position: 0 !important
}

#navbarWrapper .bg-left-bottom,
reach-portal .bg-left-bottom {
  background-position: 0 100% !important
}

#navbarWrapper .bg-left-top,
reach-portal .bg-left-top {
  background-position: 0 0 !important
}

#navbarWrapper .bg-right,
reach-portal .bg-right {
  background-position: 100% !important
}

#navbarWrapper .bg-right-bottom,
reach-portal .bg-right-bottom {
  background-position: 100% 100% !important
}

#navbarWrapper .bg-right-top,
reach-portal .bg-right-top {
  background-position: 100% 0 !important
}

#navbarWrapper .bg-top,
reach-portal .bg-top {
  background-position: top !important
}

#navbarWrapper .bg-repeat,
reach-portal .bg-repeat {
  background-repeat: repeat !important
}

#navbarWrapper .bg-no-repeat,
reach-portal .bg-no-repeat {
  background-repeat: no-repeat !important
}

#navbarWrapper .bg-repeat-x,
reach-portal .bg-repeat-x {
  background-repeat: repeat-x !important
}

#navbarWrapper .bg-repeat-y,
reach-portal .bg-repeat-y {
  background-repeat: repeat-y !important
}

#navbarWrapper .bg-repeat-round,
reach-portal .bg-repeat-round {
  background-repeat: round !important
}

#navbarWrapper .bg-repeat-space,
reach-portal .bg-repeat-space {
  background-repeat: space !important
}

#navbarWrapper .bg-auto,
reach-portal .bg-auto {
  background-size: auto !important
}

#navbarWrapper .bg-cover,
reach-portal .bg-cover {
  background-size: cover !important
}

#navbarWrapper .bg-contain,
reach-portal .bg-contain {
  background-size: contain !important
}

#navbarWrapper .border-collapse,
reach-portal .border-collapse {
  border-collapse: collapse !important
}

#navbarWrapper .border-separate,
reach-portal .border-separate {
  border-collapse: initial !important
}

#navbarWrapper .border-transparent,
reach-portal .border-transparent {
  border-color: #0000 !important
}

#navbarWrapper .border-current,
reach-portal .border-current {
  border-color: currentColor !important
}

#navbarWrapper .border-black,
reach-portal .border-black {
  --border-opacity: 1 !important;
  border-color: #000 !important;
  border-color: rgba(0, 0, 0, var(--border-opacity)) !important
}

#navbarWrapper .border-white,
reach-portal .border-white {
  --border-opacity: 1 !important;
  border-color: #fff !important;
  border-color: rgba(255, 255, 255, var(--border-opacity)) !important
}

#navbarWrapper .border-gray-100,
reach-portal .border-gray-100 {
  --border-opacity: 1 !important;
  border-color: #f7fafc !important;
  border-color: rgba(247, 250, 252, var(--border-opacity)) !important
}

#navbarWrapper .border-gray-200,
reach-portal .border-gray-200 {
  --border-opacity: 1 !important;
  border-color: #edf2f7 !important;
  border-color: rgba(237, 242, 247, var(--border-opacity)) !important
}

#navbarWrapper .border-gray-300,
reach-portal .border-gray-300 {
  --border-opacity: 1 !important;
  border-color: #e2e8f0 !important;
  border-color: rgba(226, 232, 240, var(--border-opacity)) !important
}

#navbarWrapper .border-gray-400,
reach-portal .border-gray-400 {
  --border-opacity: 1 !important;
  border-color: #cbd5e0 !important;
  border-color: rgba(203, 213, 224, var(--border-opacity)) !important
}

#navbarWrapper .border-gray-500,
reach-portal .border-gray-500 {
  --border-opacity: 1 !important;
  border-color: #a0aec0 !important;
  border-color: rgba(160, 174, 192, var(--border-opacity)) !important
}

#navbarWrapper .border-gray-600,
reach-portal .border-gray-600 {
  --border-opacity: 1 !important;
  border-color: #718096 !important;
  border-color: rgba(113, 128, 150, var(--border-opacity)) !important
}

#navbarWrapper .border-gray-700,
reach-portal .border-gray-700 {
  --border-opacity: 1 !important;
  border-color: #4a5568 !important;
  border-color: rgba(74, 85, 104, var(--border-opacity)) !important
}

#navbarWrapper .border-gray-800,
reach-portal .border-gray-800 {
  --border-opacity: 1 !important;
  border-color: #2d3748 !important;
  border-color: rgba(45, 55, 72, var(--border-opacity)) !important
}

#navbarWrapper .border-gray-900,
reach-portal .border-gray-900 {
  --border-opacity: 1 !important;
  border-color: #1a202c !important;
  border-color: rgba(26, 32, 44, var(--border-opacity)) !important
}

#navbarWrapper .border-red-100,
reach-portal .border-red-100 {
  --border-opacity: 1 !important;
  border-color: #fff5f5 !important;
  border-color: rgba(255, 245, 245, var(--border-opacity)) !important
}

#navbarWrapper .border-red-200,
reach-portal .border-red-200 {
  --border-opacity: 1 !important;
  border-color: #fed7d7 !important;
  border-color: rgba(254, 215, 215, var(--border-opacity)) !important
}

#navbarWrapper .border-red-300,
reach-portal .border-red-300 {
  --border-opacity: 1 !important;
  border-color: #feb2b2 !important;
  border-color: rgba(254, 178, 178, var(--border-opacity)) !important
}

#navbarWrapper .border-red-400,
reach-portal .border-red-400 {
  --border-opacity: 1 !important;
  border-color: #fc8181 !important;
  border-color: rgba(252, 129, 129, var(--border-opacity)) !important
}

#navbarWrapper .border-red-500,
reach-portal .border-red-500 {
  --border-opacity: 1 !important;
  border-color: #f56565 !important;
  border-color: rgba(245, 101, 101, var(--border-opacity)) !important
}

#navbarWrapper .border-red-600,
reach-portal .border-red-600 {
  --border-opacity: 1 !important;
  border-color: #e53e3e !important;
  border-color: rgba(229, 62, 62, var(--border-opacity)) !important
}

#navbarWrapper .border-red-700,
reach-portal .border-red-700 {
  --border-opacity: 1 !important;
  border-color: #c53030 !important;
  border-color: rgba(197, 48, 48, var(--border-opacity)) !important
}

#navbarWrapper .border-red-800,
reach-portal .border-red-800 {
  --border-opacity: 1 !important;
  border-color: #9b2c2c !important;
  border-color: rgba(155, 44, 44, var(--border-opacity)) !important
}

#navbarWrapper .border-red-900,
reach-portal .border-red-900 {
  --border-opacity: 1 !important;
  border-color: #742a2a !important;
  border-color: rgba(116, 42, 42, var(--border-opacity)) !important
}

#navbarWrapper .border-orange-100,
reach-portal .border-orange-100 {
  --border-opacity: 1 !important;
  border-color: #fffaf0 !important;
  border-color: rgba(255, 250, 240, var(--border-opacity)) !important
}

#navbarWrapper .border-orange-200,
reach-portal .border-orange-200 {
  --border-opacity: 1 !important;
  border-color: #feebc8 !important;
  border-color: rgba(254, 235, 200, var(--border-opacity)) !important
}

#navbarWrapper .border-orange-300,
reach-portal .border-orange-300 {
  --border-opacity: 1 !important;
  border-color: #fbd38d !important;
  border-color: rgba(251, 211, 141, var(--border-opacity)) !important
}

#navbarWrapper .border-orange-400,
reach-portal .border-orange-400 {
  --border-opacity: 1 !important;
  border-color: #f6ad55 !important;
  border-color: rgba(246, 173, 85, var(--border-opacity)) !important
}

#navbarWrapper .border-orange-500,
reach-portal .border-orange-500 {
  --border-opacity: 1 !important;
  border-color: #ed8936 !important;
  border-color: rgba(237, 137, 54, var(--border-opacity)) !important
}

#navbarWrapper .border-orange-600,
reach-portal .border-orange-600 {
  --border-opacity: 1 !important;
  border-color: #dd6b20 !important;
  border-color: rgba(221, 107, 32, var(--border-opacity)) !important
}

#navbarWrapper .border-orange-700,
reach-portal .border-orange-700 {
  --border-opacity: 1 !important;
  border-color: #c05621 !important;
  border-color: rgba(192, 86, 33, var(--border-opacity)) !important
}

#navbarWrapper .border-orange-800,
reach-portal .border-orange-800 {
  --border-opacity: 1 !important;
  border-color: #9c4221 !important;
  border-color: rgba(156, 66, 33, var(--border-opacity)) !important
}

#navbarWrapper .border-orange-900,
reach-portal .border-orange-900 {
  --border-opacity: 1 !important;
  border-color: #7b341e !important;
  border-color: rgba(123, 52, 30, var(--border-opacity)) !important
}

#navbarWrapper .border-yellow-100,
reach-portal .border-yellow-100 {
  --border-opacity: 1 !important;
  border-color: ivory !important;
  border-color: rgba(255, 255, 240, var(--border-opacity)) !important
}

#navbarWrapper .border-yellow-200,
reach-portal .border-yellow-200 {
  --border-opacity: 1 !important;
  border-color: #fefcbf !important;
  border-color: rgba(254, 252, 191, var(--border-opacity)) !important
}

#navbarWrapper .border-yellow-300,
reach-portal .border-yellow-300 {
  --border-opacity: 1 !important;
  border-color: #faf089 !important;
  border-color: rgba(250, 240, 137, var(--border-opacity)) !important
}

#navbarWrapper .border-yellow-400,
reach-portal .border-yellow-400 {
  --border-opacity: 1 !important;
  border-color: #f6e05e !important;
  border-color: rgba(246, 224, 94, var(--border-opacity)) !important
}

#navbarWrapper .border-yellow-500,
reach-portal .border-yellow-500 {
  --border-opacity: 1 !important;
  border-color: #ecc94b !important;
  border-color: rgba(236, 201, 75, var(--border-opacity)) !important
}

#navbarWrapper .border-yellow-600,
reach-portal .border-yellow-600 {
  --border-opacity: 1 !important;
  border-color: #d69e2e !important;
  border-color: rgba(214, 158, 46, var(--border-opacity)) !important
}

#navbarWrapper .border-yellow-700,
reach-portal .border-yellow-700 {
  --border-opacity: 1 !important;
  border-color: #b7791f !important;
  border-color: rgba(183, 121, 31, var(--border-opacity)) !important
}

#navbarWrapper .border-yellow-800,
reach-portal .border-yellow-800 {
  --border-opacity: 1 !important;
  border-color: #975a16 !important;
  border-color: rgba(151, 90, 22, var(--border-opacity)) !important
}

#navbarWrapper .border-yellow-900,
reach-portal .border-yellow-900 {
  --border-opacity: 1 !important;
  border-color: #744210 !important;
  border-color: rgba(116, 66, 16, var(--border-opacity)) !important
}

#navbarWrapper .border-green-100,
reach-portal .border-green-100 {
  --border-opacity: 1 !important;
  border-color: #f0fff4 !important;
  border-color: rgba(240, 255, 244, var(--border-opacity)) !important
}

#navbarWrapper .border-green-200,
reach-portal .border-green-200 {
  --border-opacity: 1 !important;
  border-color: #c6f6d5 !important;
  border-color: rgba(198, 246, 213, var(--border-opacity)) !important
}

#navbarWrapper .border-green-300,
reach-portal .border-green-300 {
  --border-opacity: 1 !important;
  border-color: #9ae6b4 !important;
  border-color: rgba(154, 230, 180, var(--border-opacity)) !important
}

#navbarWrapper .border-green-400,
reach-portal .border-green-400 {
  --border-opacity: 1 !important;
  border-color: #68d391 !important;
  border-color: rgba(104, 211, 145, var(--border-opacity)) !important
}

#navbarWrapper .border-green-500,
reach-portal .border-green-500 {
  --border-opacity: 1 !important;
  border-color: #48bb78 !important;
  border-color: rgba(72, 187, 120, var(--border-opacity)) !important
}

#navbarWrapper .border-green-600,
reach-portal .border-green-600 {
  --border-opacity: 1 !important;
  border-color: #38a169 !important;
  border-color: rgba(56, 161, 105, var(--border-opacity)) !important
}

#navbarWrapper .border-green-700,
reach-portal .border-green-700 {
  --border-opacity: 1 !important;
  border-color: #2f855a !important;
  border-color: rgba(47, 133, 90, var(--border-opacity)) !important
}

#navbarWrapper .border-green-800,
reach-portal .border-green-800 {
  --border-opacity: 1 !important;
  border-color: #276749 !important;
  border-color: rgba(39, 103, 73, var(--border-opacity)) !important
}

#navbarWrapper .border-green-900,
reach-portal .border-green-900 {
  --border-opacity: 1 !important;
  border-color: #22543d !important;
  border-color: rgba(34, 84, 61, var(--border-opacity)) !important
}

#navbarWrapper .border-teal-100,
reach-portal .border-teal-100 {
  --border-opacity: 1 !important;
  border-color: #e6fffa !important;
  border-color: rgba(230, 255, 250, var(--border-opacity)) !important
}

#navbarWrapper .border-teal-200,
reach-portal .border-teal-200 {
  --border-opacity: 1 !important;
  border-color: #b2f5ea !important;
  border-color: rgba(178, 245, 234, var(--border-opacity)) !important
}

#navbarWrapper .border-teal-300,
reach-portal .border-teal-300 {
  --border-opacity: 1 !important;
  border-color: #81e6d9 !important;
  border-color: rgba(129, 230, 217, var(--border-opacity)) !important
}

#navbarWrapper .border-teal-400,
reach-portal .border-teal-400 {
  --border-opacity: 1 !important;
  border-color: #4fd1c5 !important;
  border-color: rgba(79, 209, 197, var(--border-opacity)) !important
}

#navbarWrapper .border-teal-500,
reach-portal .border-teal-500 {
  --border-opacity: 1 !important;
  border-color: #38b2ac !important;
  border-color: rgba(56, 178, 172, var(--border-opacity)) !important
}

#navbarWrapper .border-teal-600,
reach-portal .border-teal-600 {
  --border-opacity: 1 !important;
  border-color: #319795 !important;
  border-color: rgba(49, 151, 149, var(--border-opacity)) !important
}

#navbarWrapper .border-teal-700,
reach-portal .border-teal-700 {
  --border-opacity: 1 !important;
  border-color: #2c7a7b !important;
  border-color: rgba(44, 122, 123, var(--border-opacity)) !important
}

#navbarWrapper .border-teal-800,
reach-portal .border-teal-800 {
  --border-opacity: 1 !important;
  border-color: #285e61 !important;
  border-color: rgba(40, 94, 97, var(--border-opacity)) !important
}

#navbarWrapper .border-teal-900,
reach-portal .border-teal-900 {
  --border-opacity: 1 !important;
  border-color: #234e52 !important;
  border-color: rgba(35, 78, 82, var(--border-opacity)) !important
}

#navbarWrapper .border-blue-100,
reach-portal .border-blue-100 {
  --border-opacity: 1 !important;
  border-color: #ebf8ff !important;
  border-color: rgba(235, 248, 255, var(--border-opacity)) !important
}

#navbarWrapper .border-blue-200,
reach-portal .border-blue-200 {
  --border-opacity: 1 !important;
  border-color: #bee3f8 !important;
  border-color: rgba(190, 227, 248, var(--border-opacity)) !important
}

#navbarWrapper .border-blue-300,
reach-portal .border-blue-300 {
  --border-opacity: 1 !important;
  border-color: #90cdf4 !important;
  border-color: rgba(144, 205, 244, var(--border-opacity)) !important
}

#navbarWrapper .border-blue-400,
reach-portal .border-blue-400 {
  --border-opacity: 1 !important;
  border-color: #63b3ed !important;
  border-color: rgba(99, 179, 237, var(--border-opacity)) !important
}

#navbarWrapper .border-blue-500,
reach-portal .border-blue-500 {
  --border-opacity: 1 !important;
  border-color: #4299e1 !important;
  border-color: rgba(66, 153, 225, var(--border-opacity)) !important
}

#navbarWrapper .border-blue-600,
reach-portal .border-blue-600 {
  --border-opacity: 1 !important;
  border-color: #3182ce !important;
  border-color: rgba(49, 130, 206, var(--border-opacity)) !important
}

#navbarWrapper .border-blue-700,
reach-portal .border-blue-700 {
  --border-opacity: 1 !important;
  border-color: #2b6cb0 !important;
  border-color: rgba(43, 108, 176, var(--border-opacity)) !important
}

#navbarWrapper .border-blue-800,
reach-portal .border-blue-800 {
  --border-opacity: 1 !important;
  border-color: #2c5282 !important;
  border-color: rgba(44, 82, 130, var(--border-opacity)) !important
}

#navbarWrapper .border-blue-900,
reach-portal .border-blue-900 {
  --border-opacity: 1 !important;
  border-color: #2a4365 !important;
  border-color: rgba(42, 67, 101, var(--border-opacity)) !important
}

#navbarWrapper .border-indigo-100,
reach-portal .border-indigo-100 {
  --border-opacity: 1 !important;
  border-color: #ebf4ff !important;
  border-color: rgba(235, 244, 255, var(--border-opacity)) !important
}

#navbarWrapper .border-indigo-200,
reach-portal .border-indigo-200 {
  --border-opacity: 1 !important;
  border-color: #c3dafe !important;
  border-color: rgba(195, 218, 254, var(--border-opacity)) !important
}

#navbarWrapper .border-indigo-300,
reach-portal .border-indigo-300 {
  --border-opacity: 1 !important;
  border-color: #a3bffa !important;
  border-color: rgba(163, 191, 250, var(--border-opacity)) !important
}

#navbarWrapper .border-indigo-400,
reach-portal .border-indigo-400 {
  --border-opacity: 1 !important;
  border-color: #7f9cf5 !important;
  border-color: rgba(127, 156, 245, var(--border-opacity)) !important
}

#navbarWrapper .border-indigo-500,
reach-portal .border-indigo-500 {
  --border-opacity: 1 !important;
  border-color: #667eea !important;
  border-color: rgba(102, 126, 234, var(--border-opacity)) !important
}

#navbarWrapper .border-indigo-600,
reach-portal .border-indigo-600 {
  --border-opacity: 1 !important;
  border-color: #5a67d8 !important;
  border-color: rgba(90, 103, 216, var(--border-opacity)) !important
}

#navbarWrapper .border-indigo-700,
reach-portal .border-indigo-700 {
  --border-opacity: 1 !important;
  border-color: #4c51bf !important;
  border-color: rgba(76, 81, 191, var(--border-opacity)) !important
}

#navbarWrapper .border-indigo-800,
reach-portal .border-indigo-800 {
  --border-opacity: 1 !important;
  border-color: #434190 !important;
  border-color: rgba(67, 65, 144, var(--border-opacity)) !important
}

#navbarWrapper .border-indigo-900,
reach-portal .border-indigo-900 {
  --border-opacity: 1 !important;
  border-color: #3c366b !important;
  border-color: rgba(60, 54, 107, var(--border-opacity)) !important
}

#navbarWrapper .border-purple-100,
reach-portal .border-purple-100 {
  --border-opacity: 1 !important;
  border-color: #faf5ff !important;
  border-color: rgba(250, 245, 255, var(--border-opacity)) !important
}

#navbarWrapper .border-purple-200,
reach-portal .border-purple-200 {
  --border-opacity: 1 !important;
  border-color: #e9d8fd !important;
  border-color: rgba(233, 216, 253, var(--border-opacity)) !important
}

#navbarWrapper .border-purple-300,
reach-portal .border-purple-300 {
  --border-opacity: 1 !important;
  border-color: #d6bcfa !important;
  border-color: rgba(214, 188, 250, var(--border-opacity)) !important
}

#navbarWrapper .border-purple-400,
reach-portal .border-purple-400 {
  --border-opacity: 1 !important;
  border-color: #b794f4 !important;
  border-color: rgba(183, 148, 244, var(--border-opacity)) !important
}

#navbarWrapper .border-purple-500,
reach-portal .border-purple-500 {
  --border-opacity: 1 !important;
  border-color: #9f7aea !important;
  border-color: rgba(159, 122, 234, var(--border-opacity)) !important
}

#navbarWrapper .border-purple-600,
reach-portal .border-purple-600 {
  --border-opacity: 1 !important;
  border-color: #805ad5 !important;
  border-color: rgba(128, 90, 213, var(--border-opacity)) !important
}

#navbarWrapper .border-purple-700,
reach-portal .border-purple-700 {
  --border-opacity: 1 !important;
  border-color: #6b46c1 !important;
  border-color: rgba(107, 70, 193, var(--border-opacity)) !important
}

#navbarWrapper .border-purple-800,
reach-portal .border-purple-800 {
  --border-opacity: 1 !important;
  border-color: #553c9a !important;
  border-color: rgba(85, 60, 154, var(--border-opacity)) !important
}

#navbarWrapper .border-purple-900,
reach-portal .border-purple-900 {
  --border-opacity: 1 !important;
  border-color: #44337a !important;
  border-color: rgba(68, 51, 122, var(--border-opacity)) !important
}

#navbarWrapper .border-pink-100,
reach-portal .border-pink-100 {
  --border-opacity: 1 !important;
  border-color: #fff5f7 !important;
  border-color: rgba(255, 245, 247, var(--border-opacity)) !important
}

#navbarWrapper .border-pink-200,
reach-portal .border-pink-200 {
  --border-opacity: 1 !important;
  border-color: #fed7e2 !important;
  border-color: rgba(254, 215, 226, var(--border-opacity)) !important
}

#navbarWrapper .border-pink-300,
reach-portal .border-pink-300 {
  --border-opacity: 1 !important;
  border-color: #fbb6ce !important;
  border-color: rgba(251, 182, 206, var(--border-opacity)) !important
}

#navbarWrapper .border-pink-400,
reach-portal .border-pink-400 {
  --border-opacity: 1 !important;
  border-color: #f687b3 !important;
  border-color: rgba(246, 135, 179, var(--border-opacity)) !important
}

#navbarWrapper .border-pink-500,
reach-portal .border-pink-500 {
  --border-opacity: 1 !important;
  border-color: #ed64a6 !important;
  border-color: rgba(237, 100, 166, var(--border-opacity)) !important
}

#navbarWrapper .border-pink-600,
reach-portal .border-pink-600 {
  --border-opacity: 1 !important;
  border-color: #d53f8c !important;
  border-color: rgba(213, 63, 140, var(--border-opacity)) !important
}

#navbarWrapper .border-pink-700,
reach-portal .border-pink-700 {
  --border-opacity: 1 !important;
  border-color: #b83280 !important;
  border-color: rgba(184, 50, 128, var(--border-opacity)) !important
}

#navbarWrapper .border-pink-800,
reach-portal .border-pink-800 {
  --border-opacity: 1 !important;
  border-color: #97266d !important;
  border-color: rgba(151, 38, 109, var(--border-opacity)) !important
}

#navbarWrapper .border-pink-900,
reach-portal .border-pink-900 {
  --border-opacity: 1 !important;
  border-color: #702459 !important;
  border-color: rgba(112, 36, 89, var(--border-opacity)) !important
}

#navbarWrapper .hover\:border-transparent:hover,
reach-portal .hover\:border-transparent:hover {
  border-color: #0000 !important
}

#navbarWrapper .hover\:border-current:hover,
reach-portal .hover\:border-current:hover {
  border-color: currentColor !important
}

#navbarWrapper .hover\:border-black:hover,
reach-portal .hover\:border-black:hover {
  --border-opacity: 1 !important;
  border-color: #000 !important;
  border-color: rgba(0, 0, 0, var(--border-opacity)) !important
}

#navbarWrapper .hover\:border-white:hover,
reach-portal .hover\:border-white:hover {
  --border-opacity: 1 !important;
  border-color: #fff !important;
  border-color: rgba(255, 255, 255, var(--border-opacity)) !important
}

#navbarWrapper .hover\:border-gray-100:hover,
reach-portal .hover\:border-gray-100:hover {
  --border-opacity: 1 !important;
  border-color: #f7fafc !important;
  border-color: rgba(247, 250, 252, var(--border-opacity)) !important
}

#navbarWrapper .hover\:border-gray-200:hover,
reach-portal .hover\:border-gray-200:hover {
  --border-opacity: 1 !important;
  border-color: #edf2f7 !important;
  border-color: rgba(237, 242, 247, var(--border-opacity)) !important
}

#navbarWrapper .hover\:border-gray-300:hover,
reach-portal .hover\:border-gray-300:hover {
  --border-opacity: 1 !important;
  border-color: #e2e8f0 !important;
  border-color: rgba(226, 232, 240, var(--border-opacity)) !important
}

#navbarWrapper .hover\:border-gray-400:hover,
reach-portal .hover\:border-gray-400:hover {
  --border-opacity: 1 !important;
  border-color: #cbd5e0 !important;
  border-color: rgba(203, 213, 224, var(--border-opacity)) !important
}

#navbarWrapper .hover\:border-gray-500:hover,
reach-portal .hover\:border-gray-500:hover {
  --border-opacity: 1 !important;
  border-color: #a0aec0 !important;
  border-color: rgba(160, 174, 192, var(--border-opacity)) !important
}

#navbarWrapper .hover\:border-gray-600:hover,
reach-portal .hover\:border-gray-600:hover {
  --border-opacity: 1 !important;
  border-color: #718096 !important;
  border-color: rgba(113, 128, 150, var(--border-opacity)) !important
}

#navbarWrapper .hover\:border-gray-700:hover,
reach-portal .hover\:border-gray-700:hover {
  --border-opacity: 1 !important;
  border-color: #4a5568 !important;
  border-color: rgba(74, 85, 104, var(--border-opacity)) !important
}

#navbarWrapper .hover\:border-gray-800:hover,
reach-portal .hover\:border-gray-800:hover {
  --border-opacity: 1 !important;
  border-color: #2d3748 !important;
  border-color: rgba(45, 55, 72, var(--border-opacity)) !important
}

#navbarWrapper .hover\:border-gray-900:hover,
reach-portal .hover\:border-gray-900:hover {
  --border-opacity: 1 !important;
  border-color: #1a202c !important;
  border-color: rgba(26, 32, 44, var(--border-opacity)) !important
}

#navbarWrapper .hover\:border-red-100:hover,
reach-portal .hover\:border-red-100:hover {
  --border-opacity: 1 !important;
  border-color: #fff5f5 !important;
  border-color: rgba(255, 245, 245, var(--border-opacity)) !important
}

#navbarWrapper .hover\:border-red-200:hover,
reach-portal .hover\:border-red-200:hover {
  --border-opacity: 1 !important;
  border-color: #fed7d7 !important;
  border-color: rgba(254, 215, 215, var(--border-opacity)) !important
}

#navbarWrapper .hover\:border-red-300:hover,
reach-portal .hover\:border-red-300:hover {
  --border-opacity: 1 !important;
  border-color: #feb2b2 !important;
  border-color: rgba(254, 178, 178, var(--border-opacity)) !important
}

#navbarWrapper .hover\:border-red-400:hover,
reach-portal .hover\:border-red-400:hover {
  --border-opacity: 1 !important;
  border-color: #fc8181 !important;
  border-color: rgba(252, 129, 129, var(--border-opacity)) !important
}

#navbarWrapper .hover\:border-red-500:hover,
reach-portal .hover\:border-red-500:hover {
  --border-opacity: 1 !important;
  border-color: #f56565 !important;
  border-color: rgba(245, 101, 101, var(--border-opacity)) !important
}

#navbarWrapper .hover\:border-red-600:hover,
reach-portal .hover\:border-red-600:hover {
  --border-opacity: 1 !important;
  border-color: #e53e3e !important;
  border-color: rgba(229, 62, 62, var(--border-opacity)) !important
}

#navbarWrapper .hover\:border-red-700:hover,
reach-portal .hover\:border-red-700:hover {
  --border-opacity: 1 !important;
  border-color: #c53030 !important;
  border-color: rgba(197, 48, 48, var(--border-opacity)) !important
}

#navbarWrapper .hover\:border-red-800:hover,
reach-portal .hover\:border-red-800:hover {
  --border-opacity: 1 !important;
  border-color: #9b2c2c !important;
  border-color: rgba(155, 44, 44, var(--border-opacity)) !important
}

#navbarWrapper .hover\:border-red-900:hover,
reach-portal .hover\:border-red-900:hover {
  --border-opacity: 1 !important;
  border-color: #742a2a !important;
  border-color: rgba(116, 42, 42, var(--border-opacity)) !important
}

#navbarWrapper .hover\:border-orange-100:hover,
reach-portal .hover\:border-orange-100:hover {
  --border-opacity: 1 !important;
  border-color: #fffaf0 !important;
  border-color: rgba(255, 250, 240, var(--border-opacity)) !important
}

#navbarWrapper .hover\:border-orange-200:hover,
reach-portal .hover\:border-orange-200:hover {
  --border-opacity: 1 !important;
  border-color: #feebc8 !important;
  border-color: rgba(254, 235, 200, var(--border-opacity)) !important
}

#navbarWrapper .hover\:border-orange-300:hover,
reach-portal .hover\:border-orange-300:hover {
  --border-opacity: 1 !important;
  border-color: #fbd38d !important;
  border-color: rgba(251, 211, 141, var(--border-opacity)) !important
}

#navbarWrapper .hover\:border-orange-400:hover,
reach-portal .hover\:border-orange-400:hover {
  --border-opacity: 1 !important;
  border-color: #f6ad55 !important;
  border-color: rgba(246, 173, 85, var(--border-opacity)) !important
}

#navbarWrapper .hover\:border-orange-500:hover,
reach-portal .hover\:border-orange-500:hover {
  --border-opacity: 1 !important;
  border-color: #ed8936 !important;
  border-color: rgba(237, 137, 54, var(--border-opacity)) !important
}

#navbarWrapper .hover\:border-orange-600:hover,
reach-portal .hover\:border-orange-600:hover {
  --border-opacity: 1 !important;
  border-color: #dd6b20 !important;
  border-color: rgba(221, 107, 32, var(--border-opacity)) !important
}

#navbarWrapper .hover\:border-orange-700:hover,
reach-portal .hover\:border-orange-700:hover {
  --border-opacity: 1 !important;
  border-color: #c05621 !important;
  border-color: rgba(192, 86, 33, var(--border-opacity)) !important
}

#navbarWrapper .hover\:border-orange-800:hover,
reach-portal .hover\:border-orange-800:hover {
  --border-opacity: 1 !important;
  border-color: #9c4221 !important;
  border-color: rgba(156, 66, 33, var(--border-opacity)) !important
}

#navbarWrapper .hover\:border-orange-900:hover,
reach-portal .hover\:border-orange-900:hover {
  --border-opacity: 1 !important;
  border-color: #7b341e !important;
  border-color: rgba(123, 52, 30, var(--border-opacity)) !important
}

#navbarWrapper .hover\:border-yellow-100:hover,
reach-portal .hover\:border-yellow-100:hover {
  --border-opacity: 1 !important;
  border-color: ivory !important;
  border-color: rgba(255, 255, 240, var(--border-opacity)) !important
}

#navbarWrapper .hover\:border-yellow-200:hover,
reach-portal .hover\:border-yellow-200:hover {
  --border-opacity: 1 !important;
  border-color: #fefcbf !important;
  border-color: rgba(254, 252, 191, var(--border-opacity)) !important
}

#navbarWrapper .hover\:border-yellow-300:hover,
reach-portal .hover\:border-yellow-300:hover {
  --border-opacity: 1 !important;
  border-color: #faf089 !important;
  border-color: rgba(250, 240, 137, var(--border-opacity)) !important
}

#navbarWrapper .hover\:border-yellow-400:hover,
reach-portal .hover\:border-yellow-400:hover {
  --border-opacity: 1 !important;
  border-color: #f6e05e !important;
  border-color: rgba(246, 224, 94, var(--border-opacity)) !important
}

#navbarWrapper .hover\:border-yellow-500:hover,
reach-portal .hover\:border-yellow-500:hover {
  --border-opacity: 1 !important;
  border-color: #ecc94b !important;
  border-color: rgba(236, 201, 75, var(--border-opacity)) !important
}

#navbarWrapper .hover\:border-yellow-600:hover,
reach-portal .hover\:border-yellow-600:hover {
  --border-opacity: 1 !important;
  border-color: #d69e2e !important;
  border-color: rgba(214, 158, 46, var(--border-opacity)) !important
}

#navbarWrapper .hover\:border-yellow-700:hover,
reach-portal .hover\:border-yellow-700:hover {
  --border-opacity: 1 !important;
  border-color: #b7791f !important;
  border-color: rgba(183, 121, 31, var(--border-opacity)) !important
}

#navbarWrapper .hover\:border-yellow-800:hover,
reach-portal .hover\:border-yellow-800:hover {
  --border-opacity: 1 !important;
  border-color: #975a16 !important;
  border-color: rgba(151, 90, 22, var(--border-opacity)) !important
}

#navbarWrapper .hover\:border-yellow-900:hover,
reach-portal .hover\:border-yellow-900:hover {
  --border-opacity: 1 !important;
  border-color: #744210 !important;
  border-color: rgba(116, 66, 16, var(--border-opacity)) !important
}

#navbarWrapper .hover\:border-green-100:hover,
reach-portal .hover\:border-green-100:hover {
  --border-opacity: 1 !important;
  border-color: #f0fff4 !important;
  border-color: rgba(240, 255, 244, var(--border-opacity)) !important
}

#navbarWrapper .hover\:border-green-200:hover,
reach-portal .hover\:border-green-200:hover {
  --border-opacity: 1 !important;
  border-color: #c6f6d5 !important;
  border-color: rgba(198, 246, 213, var(--border-opacity)) !important
}

#navbarWrapper .hover\:border-green-300:hover,
reach-portal .hover\:border-green-300:hover {
  --border-opacity: 1 !important;
  border-color: #9ae6b4 !important;
  border-color: rgba(154, 230, 180, var(--border-opacity)) !important
}

#navbarWrapper .hover\:border-green-400:hover,
reach-portal .hover\:border-green-400:hover {
  --border-opacity: 1 !important;
  border-color: #68d391 !important;
  border-color: rgba(104, 211, 145, var(--border-opacity)) !important
}

#navbarWrapper .hover\:border-green-500:hover,
reach-portal .hover\:border-green-500:hover {
  --border-opacity: 1 !important;
  border-color: #48bb78 !important;
  border-color: rgba(72, 187, 120, var(--border-opacity)) !important
}

#navbarWrapper .hover\:border-green-600:hover,
reach-portal .hover\:border-green-600:hover {
  --border-opacity: 1 !important;
  border-color: #38a169 !important;
  border-color: rgba(56, 161, 105, var(--border-opacity)) !important
}

#navbarWrapper .hover\:border-green-700:hover,
reach-portal .hover\:border-green-700:hover {
  --border-opacity: 1 !important;
  border-color: #2f855a !important;
  border-color: rgba(47, 133, 90, var(--border-opacity)) !important
}

#navbarWrapper .hover\:border-green-800:hover,
reach-portal .hover\:border-green-800:hover {
  --border-opacity: 1 !important;
  border-color: #276749 !important;
  border-color: rgba(39, 103, 73, var(--border-opacity)) !important
}

#navbarWrapper .hover\:border-green-900:hover,
reach-portal .hover\:border-green-900:hover {
  --border-opacity: 1 !important;
  border-color: #22543d !important;
  border-color: rgba(34, 84, 61, var(--border-opacity)) !important
}

#navbarWrapper .hover\:border-teal-100:hover,
reach-portal .hover\:border-teal-100:hover {
  --border-opacity: 1 !important;
  border-color: #e6fffa !important;
  border-color: rgba(230, 255, 250, var(--border-opacity)) !important
}

#navbarWrapper .hover\:border-teal-200:hover,
reach-portal .hover\:border-teal-200:hover {
  --border-opacity: 1 !important;
  border-color: #b2f5ea !important;
  border-color: rgba(178, 245, 234, var(--border-opacity)) !important
}

#navbarWrapper .hover\:border-teal-300:hover,
reach-portal .hover\:border-teal-300:hover {
  --border-opacity: 1 !important;
  border-color: #81e6d9 !important;
  border-color: rgba(129, 230, 217, var(--border-opacity)) !important
}

#navbarWrapper .hover\:border-teal-400:hover,
reach-portal .hover\:border-teal-400:hover {
  --border-opacity: 1 !important;
  border-color: #4fd1c5 !important;
  border-color: rgba(79, 209, 197, var(--border-opacity)) !important
}

#navbarWrapper .hover\:border-teal-500:hover,
reach-portal .hover\:border-teal-500:hover {
  --border-opacity: 1 !important;
  border-color: #38b2ac !important;
  border-color: rgba(56, 178, 172, var(--border-opacity)) !important
}

#navbarWrapper .hover\:border-teal-600:hover,
reach-portal .hover\:border-teal-600:hover {
  --border-opacity: 1 !important;
  border-color: #319795 !important;
  border-color: rgba(49, 151, 149, var(--border-opacity)) !important
}

#navbarWrapper .hover\:border-teal-700:hover,
reach-portal .hover\:border-teal-700:hover {
  --border-opacity: 1 !important;
  border-color: #2c7a7b !important;
  border-color: rgba(44, 122, 123, var(--border-opacity)) !important
}

#navbarWrapper .hover\:border-teal-800:hover,
reach-portal .hover\:border-teal-800:hover {
  --border-opacity: 1 !important;
  border-color: #285e61 !important;
  border-color: rgba(40, 94, 97, var(--border-opacity)) !important
}

#navbarWrapper .hover\:border-teal-900:hover,
reach-portal .hover\:border-teal-900:hover {
  --border-opacity: 1 !important;
  border-color: #234e52 !important;
  border-color: rgba(35, 78, 82, var(--border-opacity)) !important
}

#navbarWrapper .hover\:border-blue-100:hover,
reach-portal .hover\:border-blue-100:hover {
  --border-opacity: 1 !important;
  border-color: #ebf8ff !important;
  border-color: rgba(235, 248, 255, var(--border-opacity)) !important
}

#navbarWrapper .hover\:border-blue-200:hover,
reach-portal .hover\:border-blue-200:hover {
  --border-opacity: 1 !important;
  border-color: #bee3f8 !important;
  border-color: rgba(190, 227, 248, var(--border-opacity)) !important
}

#navbarWrapper .hover\:border-blue-300:hover,
reach-portal .hover\:border-blue-300:hover {
  --border-opacity: 1 !important;
  border-color: #90cdf4 !important;
  border-color: rgba(144, 205, 244, var(--border-opacity)) !important
}

#navbarWrapper .hover\:border-blue-400:hover,
reach-portal .hover\:border-blue-400:hover {
  --border-opacity: 1 !important;
  border-color: #63b3ed !important;
  border-color: rgba(99, 179, 237, var(--border-opacity)) !important
}

#navbarWrapper .hover\:border-blue-500:hover,
reach-portal .hover\:border-blue-500:hover {
  --border-opacity: 1 !important;
  border-color: #4299e1 !important;
  border-color: rgba(66, 153, 225, var(--border-opacity)) !important
}

#navbarWrapper .hover\:border-blue-600:hover,
reach-portal .hover\:border-blue-600:hover {
  --border-opacity: 1 !important;
  border-color: #3182ce !important;
  border-color: rgba(49, 130, 206, var(--border-opacity)) !important
}

#navbarWrapper .hover\:border-blue-700:hover,
reach-portal .hover\:border-blue-700:hover {
  --border-opacity: 1 !important;
  border-color: #2b6cb0 !important;
  border-color: rgba(43, 108, 176, var(--border-opacity)) !important
}

#navbarWrapper .hover\:border-blue-800:hover,
reach-portal .hover\:border-blue-800:hover {
  --border-opacity: 1 !important;
  border-color: #2c5282 !important;
  border-color: rgba(44, 82, 130, var(--border-opacity)) !important
}

#navbarWrapper .hover\:border-blue-900:hover,
reach-portal .hover\:border-blue-900:hover {
  --border-opacity: 1 !important;
  border-color: #2a4365 !important;
  border-color: rgba(42, 67, 101, var(--border-opacity)) !important
}

#navbarWrapper .hover\:border-indigo-100:hover,
reach-portal .hover\:border-indigo-100:hover {
  --border-opacity: 1 !important;
  border-color: #ebf4ff !important;
  border-color: rgba(235, 244, 255, var(--border-opacity)) !important
}

#navbarWrapper .hover\:border-indigo-200:hover,
reach-portal .hover\:border-indigo-200:hover {
  --border-opacity: 1 !important;
  border-color: #c3dafe !important;
  border-color: rgba(195, 218, 254, var(--border-opacity)) !important
}

#navbarWrapper .hover\:border-indigo-300:hover,
reach-portal .hover\:border-indigo-300:hover {
  --border-opacity: 1 !important;
  border-color: #a3bffa !important;
  border-color: rgba(163, 191, 250, var(--border-opacity)) !important
}

#navbarWrapper .hover\:border-indigo-400:hover,
reach-portal .hover\:border-indigo-400:hover {
  --border-opacity: 1 !important;
  border-color: #7f9cf5 !important;
  border-color: rgba(127, 156, 245, var(--border-opacity)) !important
}

#navbarWrapper .hover\:border-indigo-500:hover,
reach-portal .hover\:border-indigo-500:hover {
  --border-opacity: 1 !important;
  border-color: #667eea !important;
  border-color: rgba(102, 126, 234, var(--border-opacity)) !important
}

#navbarWrapper .hover\:border-indigo-600:hover,
reach-portal .hover\:border-indigo-600:hover {
  --border-opacity: 1 !important;
  border-color: #5a67d8 !important;
  border-color: rgba(90, 103, 216, var(--border-opacity)) !important
}

#navbarWrapper .hover\:border-indigo-700:hover,
reach-portal .hover\:border-indigo-700:hover {
  --border-opacity: 1 !important;
  border-color: #4c51bf !important;
  border-color: rgba(76, 81, 191, var(--border-opacity)) !important
}

#navbarWrapper .hover\:border-indigo-800:hover,
reach-portal .hover\:border-indigo-800:hover {
  --border-opacity: 1 !important;
  border-color: #434190 !important;
  border-color: rgba(67, 65, 144, var(--border-opacity)) !important
}

#navbarWrapper .hover\:border-indigo-900:hover,
reach-portal .hover\:border-indigo-900:hover {
  --border-opacity: 1 !important;
  border-color: #3c366b !important;
  border-color: rgba(60, 54, 107, var(--border-opacity)) !important
}

#navbarWrapper .hover\:border-purple-100:hover,
reach-portal .hover\:border-purple-100:hover {
  --border-opacity: 1 !important;
  border-color: #faf5ff !important;
  border-color: rgba(250, 245, 255, var(--border-opacity)) !important
}

#navbarWrapper .hover\:border-purple-200:hover,
reach-portal .hover\:border-purple-200:hover {
  --border-opacity: 1 !important;
  border-color: #e9d8fd !important;
  border-color: rgba(233, 216, 253, var(--border-opacity)) !important
}

#navbarWrapper .hover\:border-purple-300:hover,
reach-portal .hover\:border-purple-300:hover {
  --border-opacity: 1 !important;
  border-color: #d6bcfa !important;
  border-color: rgba(214, 188, 250, var(--border-opacity)) !important
}

#navbarWrapper .hover\:border-purple-400:hover,
reach-portal .hover\:border-purple-400:hover {
  --border-opacity: 1 !important;
  border-color: #b794f4 !important;
  border-color: rgba(183, 148, 244, var(--border-opacity)) !important
}

#navbarWrapper .hover\:border-purple-500:hover,
reach-portal .hover\:border-purple-500:hover {
  --border-opacity: 1 !important;
  border-color: #9f7aea !important;
  border-color: rgba(159, 122, 234, var(--border-opacity)) !important
}

#navbarWrapper .hover\:border-purple-600:hover,
reach-portal .hover\:border-purple-600:hover {
  --border-opacity: 1 !important;
  border-color: #805ad5 !important;
  border-color: rgba(128, 90, 213, var(--border-opacity)) !important
}

#navbarWrapper .hover\:border-purple-700:hover,
reach-portal .hover\:border-purple-700:hover {
  --border-opacity: 1 !important;
  border-color: #6b46c1 !important;
  border-color: rgba(107, 70, 193, var(--border-opacity)) !important
}

#navbarWrapper .hover\:border-purple-800:hover,
reach-portal .hover\:border-purple-800:hover {
  --border-opacity: 1 !important;
  border-color: #553c9a !important;
  border-color: rgba(85, 60, 154, var(--border-opacity)) !important
}

#navbarWrapper .hover\:border-purple-900:hover,
reach-portal .hover\:border-purple-900:hover {
  --border-opacity: 1 !important;
  border-color: #44337a !important;
  border-color: rgba(68, 51, 122, var(--border-opacity)) !important
}

#navbarWrapper .hover\:border-pink-100:hover,
reach-portal .hover\:border-pink-100:hover {
  --border-opacity: 1 !important;
  border-color: #fff5f7 !important;
  border-color: rgba(255, 245, 247, var(--border-opacity)) !important
}

#navbarWrapper .hover\:border-pink-200:hover,
reach-portal .hover\:border-pink-200:hover {
  --border-opacity: 1 !important;
  border-color: #fed7e2 !important;
  border-color: rgba(254, 215, 226, var(--border-opacity)) !important
}

#navbarWrapper .hover\:border-pink-300:hover,
reach-portal .hover\:border-pink-300:hover {
  --border-opacity: 1 !important;
  border-color: #fbb6ce !important;
  border-color: rgba(251, 182, 206, var(--border-opacity)) !important
}

#navbarWrapper .hover\:border-pink-400:hover,
reach-portal .hover\:border-pink-400:hover {
  --border-opacity: 1 !important;
  border-color: #f687b3 !important;
  border-color: rgba(246, 135, 179, var(--border-opacity)) !important
}

#navbarWrapper .hover\:border-pink-500:hover,
reach-portal .hover\:border-pink-500:hover {
  --border-opacity: 1 !important;
  border-color: #ed64a6 !important;
  border-color: rgba(237, 100, 166, var(--border-opacity)) !important
}

#navbarWrapper .hover\:border-pink-600:hover,
reach-portal .hover\:border-pink-600:hover {
  --border-opacity: 1 !important;
  border-color: #d53f8c !important;
  border-color: rgba(213, 63, 140, var(--border-opacity)) !important
}

#navbarWrapper .hover\:border-pink-700:hover,
reach-portal .hover\:border-pink-700:hover {
  --border-opacity: 1 !important;
  border-color: #b83280 !important;
  border-color: rgba(184, 50, 128, var(--border-opacity)) !important
}

#navbarWrapper .hover\:border-pink-800:hover,
reach-portal .hover\:border-pink-800:hover {
  --border-opacity: 1 !important;
  border-color: #97266d !important;
  border-color: rgba(151, 38, 109, var(--border-opacity)) !important
}

#navbarWrapper .hover\:border-pink-900:hover,
reach-portal .hover\:border-pink-900:hover {
  --border-opacity: 1 !important;
  border-color: #702459 !important;
  border-color: rgba(112, 36, 89, var(--border-opacity)) !important
}

#navbarWrapper .focus\:border-transparent:focus,
reach-portal .focus\:border-transparent:focus {
  border-color: #0000 !important
}

#navbarWrapper .focus\:border-current:focus,
reach-portal .focus\:border-current:focus {
  border-color: currentColor !important
}

#navbarWrapper .focus\:border-black:focus,
reach-portal .focus\:border-black:focus {
  --border-opacity: 1 !important;
  border-color: #000 !important;
  border-color: rgba(0, 0, 0, var(--border-opacity)) !important
}

#navbarWrapper .focus\:border-white:focus,
reach-portal .focus\:border-white:focus {
  --border-opacity: 1 !important;
  border-color: #fff !important;
  border-color: rgba(255, 255, 255, var(--border-opacity)) !important
}

#navbarWrapper .focus\:border-gray-100:focus,
reach-portal .focus\:border-gray-100:focus {
  --border-opacity: 1 !important;
  border-color: #f7fafc !important;
  border-color: rgba(247, 250, 252, var(--border-opacity)) !important
}

#navbarWrapper .focus\:border-gray-200:focus,
reach-portal .focus\:border-gray-200:focus {
  --border-opacity: 1 !important;
  border-color: #edf2f7 !important;
  border-color: rgba(237, 242, 247, var(--border-opacity)) !important
}

#navbarWrapper .focus\:border-gray-300:focus,
reach-portal .focus\:border-gray-300:focus {
  --border-opacity: 1 !important;
  border-color: #e2e8f0 !important;
  border-color: rgba(226, 232, 240, var(--border-opacity)) !important
}

#navbarWrapper .focus\:border-gray-400:focus,
reach-portal .focus\:border-gray-400:focus {
  --border-opacity: 1 !important;
  border-color: #cbd5e0 !important;
  border-color: rgba(203, 213, 224, var(--border-opacity)) !important
}

#navbarWrapper .focus\:border-gray-500:focus,
reach-portal .focus\:border-gray-500:focus {
  --border-opacity: 1 !important;
  border-color: #a0aec0 !important;
  border-color: rgba(160, 174, 192, var(--border-opacity)) !important
}

#navbarWrapper .focus\:border-gray-600:focus,
reach-portal .focus\:border-gray-600:focus {
  --border-opacity: 1 !important;
  border-color: #718096 !important;
  border-color: rgba(113, 128, 150, var(--border-opacity)) !important
}

#navbarWrapper .focus\:border-gray-700:focus,
reach-portal .focus\:border-gray-700:focus {
  --border-opacity: 1 !important;
  border-color: #4a5568 !important;
  border-color: rgba(74, 85, 104, var(--border-opacity)) !important
}

#navbarWrapper .focus\:border-gray-800:focus,
reach-portal .focus\:border-gray-800:focus {
  --border-opacity: 1 !important;
  border-color: #2d3748 !important;
  border-color: rgba(45, 55, 72, var(--border-opacity)) !important
}

#navbarWrapper .focus\:border-gray-900:focus,
reach-portal .focus\:border-gray-900:focus {
  --border-opacity: 1 !important;
  border-color: #1a202c !important;
  border-color: rgba(26, 32, 44, var(--border-opacity)) !important
}

#navbarWrapper .focus\:border-red-100:focus,
reach-portal .focus\:border-red-100:focus {
  --border-opacity: 1 !important;
  border-color: #fff5f5 !important;
  border-color: rgba(255, 245, 245, var(--border-opacity)) !important
}

#navbarWrapper .focus\:border-red-200:focus,
reach-portal .focus\:border-red-200:focus {
  --border-opacity: 1 !important;
  border-color: #fed7d7 !important;
  border-color: rgba(254, 215, 215, var(--border-opacity)) !important
}

#navbarWrapper .focus\:border-red-300:focus,
reach-portal .focus\:border-red-300:focus {
  --border-opacity: 1 !important;
  border-color: #feb2b2 !important;
  border-color: rgba(254, 178, 178, var(--border-opacity)) !important
}

#navbarWrapper .focus\:border-red-400:focus,
reach-portal .focus\:border-red-400:focus {
  --border-opacity: 1 !important;
  border-color: #fc8181 !important;
  border-color: rgba(252, 129, 129, var(--border-opacity)) !important
}

#navbarWrapper .focus\:border-red-500:focus,
reach-portal .focus\:border-red-500:focus {
  --border-opacity: 1 !important;
  border-color: #f56565 !important;
  border-color: rgba(245, 101, 101, var(--border-opacity)) !important
}

#navbarWrapper .focus\:border-red-600:focus,
reach-portal .focus\:border-red-600:focus {
  --border-opacity: 1 !important;
  border-color: #e53e3e !important;
  border-color: rgba(229, 62, 62, var(--border-opacity)) !important
}

#navbarWrapper .focus\:border-red-700:focus,
reach-portal .focus\:border-red-700:focus {
  --border-opacity: 1 !important;
  border-color: #c53030 !important;
  border-color: rgba(197, 48, 48, var(--border-opacity)) !important
}

#navbarWrapper .focus\:border-red-800:focus,
reach-portal .focus\:border-red-800:focus {
  --border-opacity: 1 !important;
  border-color: #9b2c2c !important;
  border-color: rgba(155, 44, 44, var(--border-opacity)) !important
}

#navbarWrapper .focus\:border-red-900:focus,
reach-portal .focus\:border-red-900:focus {
  --border-opacity: 1 !important;
  border-color: #742a2a !important;
  border-color: rgba(116, 42, 42, var(--border-opacity)) !important
}

#navbarWrapper .focus\:border-orange-100:focus,
reach-portal .focus\:border-orange-100:focus {
  --border-opacity: 1 !important;
  border-color: #fffaf0 !important;
  border-color: rgba(255, 250, 240, var(--border-opacity)) !important
}

#navbarWrapper .focus\:border-orange-200:focus,
reach-portal .focus\:border-orange-200:focus {
  --border-opacity: 1 !important;
  border-color: #feebc8 !important;
  border-color: rgba(254, 235, 200, var(--border-opacity)) !important
}

#navbarWrapper .focus\:border-orange-300:focus,
reach-portal .focus\:border-orange-300:focus {
  --border-opacity: 1 !important;
  border-color: #fbd38d !important;
  border-color: rgba(251, 211, 141, var(--border-opacity)) !important
}

#navbarWrapper .focus\:border-orange-400:focus,
reach-portal .focus\:border-orange-400:focus {
  --border-opacity: 1 !important;
  border-color: #f6ad55 !important;
  border-color: rgba(246, 173, 85, var(--border-opacity)) !important
}

#navbarWrapper .focus\:border-orange-500:focus,
reach-portal .focus\:border-orange-500:focus {
  --border-opacity: 1 !important;
  border-color: #ed8936 !important;
  border-color: rgba(237, 137, 54, var(--border-opacity)) !important
}

#navbarWrapper .focus\:border-orange-600:focus,
reach-portal .focus\:border-orange-600:focus {
  --border-opacity: 1 !important;
  border-color: #dd6b20 !important;
  border-color: rgba(221, 107, 32, var(--border-opacity)) !important
}

#navbarWrapper .focus\:border-orange-700:focus,
reach-portal .focus\:border-orange-700:focus {
  --border-opacity: 1 !important;
  border-color: #c05621 !important;
  border-color: rgba(192, 86, 33, var(--border-opacity)) !important
}

#navbarWrapper .focus\:border-orange-800:focus,
reach-portal .focus\:border-orange-800:focus {
  --border-opacity: 1 !important;
  border-color: #9c4221 !important;
  border-color: rgba(156, 66, 33, var(--border-opacity)) !important
}

#navbarWrapper .focus\:border-orange-900:focus,
reach-portal .focus\:border-orange-900:focus {
  --border-opacity: 1 !important;
  border-color: #7b341e !important;
  border-color: rgba(123, 52, 30, var(--border-opacity)) !important
}

#navbarWrapper .focus\:border-yellow-100:focus,
reach-portal .focus\:border-yellow-100:focus {
  --border-opacity: 1 !important;
  border-color: ivory !important;
  border-color: rgba(255, 255, 240, var(--border-opacity)) !important
}

#navbarWrapper .focus\:border-yellow-200:focus,
reach-portal .focus\:border-yellow-200:focus {
  --border-opacity: 1 !important;
  border-color: #fefcbf !important;
  border-color: rgba(254, 252, 191, var(--border-opacity)) !important
}

#navbarWrapper .focus\:border-yellow-300:focus,
reach-portal .focus\:border-yellow-300:focus {
  --border-opacity: 1 !important;
  border-color: #faf089 !important;
  border-color: rgba(250, 240, 137, var(--border-opacity)) !important
}

#navbarWrapper .focus\:border-yellow-400:focus,
reach-portal .focus\:border-yellow-400:focus {
  --border-opacity: 1 !important;
  border-color: #f6e05e !important;
  border-color: rgba(246, 224, 94, var(--border-opacity)) !important
}

#navbarWrapper .focus\:border-yellow-500:focus,
reach-portal .focus\:border-yellow-500:focus {
  --border-opacity: 1 !important;
  border-color: #ecc94b !important;
  border-color: rgba(236, 201, 75, var(--border-opacity)) !important
}

#navbarWrapper .focus\:border-yellow-600:focus,
reach-portal .focus\:border-yellow-600:focus {
  --border-opacity: 1 !important;
  border-color: #d69e2e !important;
  border-color: rgba(214, 158, 46, var(--border-opacity)) !important
}

#navbarWrapper .focus\:border-yellow-700:focus,
reach-portal .focus\:border-yellow-700:focus {
  --border-opacity: 1 !important;
  border-color: #b7791f !important;
  border-color: rgba(183, 121, 31, var(--border-opacity)) !important
}

#navbarWrapper .focus\:border-yellow-800:focus,
reach-portal .focus\:border-yellow-800:focus {
  --border-opacity: 1 !important;
  border-color: #975a16 !important;
  border-color: rgba(151, 90, 22, var(--border-opacity)) !important
}

#navbarWrapper .focus\:border-yellow-900:focus,
reach-portal .focus\:border-yellow-900:focus {
  --border-opacity: 1 !important;
  border-color: #744210 !important;
  border-color: rgba(116, 66, 16, var(--border-opacity)) !important
}

#navbarWrapper .focus\:border-green-100:focus,
reach-portal .focus\:border-green-100:focus {
  --border-opacity: 1 !important;
  border-color: #f0fff4 !important;
  border-color: rgba(240, 255, 244, var(--border-opacity)) !important
}

#navbarWrapper .focus\:border-green-200:focus,
reach-portal .focus\:border-green-200:focus {
  --border-opacity: 1 !important;
  border-color: #c6f6d5 !important;
  border-color: rgba(198, 246, 213, var(--border-opacity)) !important
}

#navbarWrapper .focus\:border-green-300:focus,
reach-portal .focus\:border-green-300:focus {
  --border-opacity: 1 !important;
  border-color: #9ae6b4 !important;
  border-color: rgba(154, 230, 180, var(--border-opacity)) !important
}

#navbarWrapper .focus\:border-green-400:focus,
reach-portal .focus\:border-green-400:focus {
  --border-opacity: 1 !important;
  border-color: #68d391 !important;
  border-color: rgba(104, 211, 145, var(--border-opacity)) !important
}

#navbarWrapper .focus\:border-green-500:focus,
reach-portal .focus\:border-green-500:focus {
  --border-opacity: 1 !important;
  border-color: #48bb78 !important;
  border-color: rgba(72, 187, 120, var(--border-opacity)) !important
}

#navbarWrapper .focus\:border-green-600:focus,
reach-portal .focus\:border-green-600:focus {
  --border-opacity: 1 !important;
  border-color: #38a169 !important;
  border-color: rgba(56, 161, 105, var(--border-opacity)) !important
}

#navbarWrapper .focus\:border-green-700:focus,
reach-portal .focus\:border-green-700:focus {
  --border-opacity: 1 !important;
  border-color: #2f855a !important;
  border-color: rgba(47, 133, 90, var(--border-opacity)) !important
}

#navbarWrapper .focus\:border-green-800:focus,
reach-portal .focus\:border-green-800:focus {
  --border-opacity: 1 !important;
  border-color: #276749 !important;
  border-color: rgba(39, 103, 73, var(--border-opacity)) !important
}

#navbarWrapper .focus\:border-green-900:focus,
reach-portal .focus\:border-green-900:focus {
  --border-opacity: 1 !important;
  border-color: #22543d !important;
  border-color: rgba(34, 84, 61, var(--border-opacity)) !important
}

#navbarWrapper .focus\:border-teal-100:focus,
reach-portal .focus\:border-teal-100:focus {
  --border-opacity: 1 !important;
  border-color: #e6fffa !important;
  border-color: rgba(230, 255, 250, var(--border-opacity)) !important
}

#navbarWrapper .focus\:border-teal-200:focus,
reach-portal .focus\:border-teal-200:focus {
  --border-opacity: 1 !important;
  border-color: #b2f5ea !important;
  border-color: rgba(178, 245, 234, var(--border-opacity)) !important
}

#navbarWrapper .focus\:border-teal-300:focus,
reach-portal .focus\:border-teal-300:focus {
  --border-opacity: 1 !important;
  border-color: #81e6d9 !important;
  border-color: rgba(129, 230, 217, var(--border-opacity)) !important
}

#navbarWrapper .focus\:border-teal-400:focus,
reach-portal .focus\:border-teal-400:focus {
  --border-opacity: 1 !important;
  border-color: #4fd1c5 !important;
  border-color: rgba(79, 209, 197, var(--border-opacity)) !important
}

#navbarWrapper .focus\:border-teal-500:focus,
reach-portal .focus\:border-teal-500:focus {
  --border-opacity: 1 !important;
  border-color: #38b2ac !important;
  border-color: rgba(56, 178, 172, var(--border-opacity)) !important
}

#navbarWrapper .focus\:border-teal-600:focus,
reach-portal .focus\:border-teal-600:focus {
  --border-opacity: 1 !important;
  border-color: #319795 !important;
  border-color: rgba(49, 151, 149, var(--border-opacity)) !important
}

#navbarWrapper .focus\:border-teal-700:focus,
reach-portal .focus\:border-teal-700:focus {
  --border-opacity: 1 !important;
  border-color: #2c7a7b !important;
  border-color: rgba(44, 122, 123, var(--border-opacity)) !important
}

#navbarWrapper .focus\:border-teal-800:focus,
reach-portal .focus\:border-teal-800:focus {
  --border-opacity: 1 !important;
  border-color: #285e61 !important;
  border-color: rgba(40, 94, 97, var(--border-opacity)) !important
}

#navbarWrapper .focus\:border-teal-900:focus,
reach-portal .focus\:border-teal-900:focus {
  --border-opacity: 1 !important;
  border-color: #234e52 !important;
  border-color: rgba(35, 78, 82, var(--border-opacity)) !important
}

#navbarWrapper .focus\:border-blue-100:focus,
reach-portal .focus\:border-blue-100:focus {
  --border-opacity: 1 !important;
  border-color: #ebf8ff !important;
  border-color: rgba(235, 248, 255, var(--border-opacity)) !important
}

#navbarWrapper .focus\:border-blue-200:focus,
reach-portal .focus\:border-blue-200:focus {
  --border-opacity: 1 !important;
  border-color: #bee3f8 !important;
  border-color: rgba(190, 227, 248, var(--border-opacity)) !important
}

#navbarWrapper .focus\:border-blue-300:focus,
reach-portal .focus\:border-blue-300:focus {
  --border-opacity: 1 !important;
  border-color: #90cdf4 !important;
  border-color: rgba(144, 205, 244, var(--border-opacity)) !important
}

#navbarWrapper .focus\:border-blue-400:focus,
reach-portal .focus\:border-blue-400:focus {
  --border-opacity: 1 !important;
  border-color: #63b3ed !important;
  border-color: rgba(99, 179, 237, var(--border-opacity)) !important
}

#navbarWrapper .focus\:border-blue-500:focus,
reach-portal .focus\:border-blue-500:focus {
  --border-opacity: 1 !important;
  border-color: #4299e1 !important;
  border-color: rgba(66, 153, 225, var(--border-opacity)) !important
}

#navbarWrapper .focus\:border-blue-600:focus,
reach-portal .focus\:border-blue-600:focus {
  --border-opacity: 1 !important;
  border-color: #3182ce !important;
  border-color: rgba(49, 130, 206, var(--border-opacity)) !important
}

#navbarWrapper .focus\:border-blue-700:focus,
reach-portal .focus\:border-blue-700:focus {
  --border-opacity: 1 !important;
  border-color: #2b6cb0 !important;
  border-color: rgba(43, 108, 176, var(--border-opacity)) !important
}

#navbarWrapper .focus\:border-blue-800:focus,
reach-portal .focus\:border-blue-800:focus {
  --border-opacity: 1 !important;
  border-color: #2c5282 !important;
  border-color: rgba(44, 82, 130, var(--border-opacity)) !important
}

#navbarWrapper .focus\:border-blue-900:focus,
reach-portal .focus\:border-blue-900:focus {
  --border-opacity: 1 !important;
  border-color: #2a4365 !important;
  border-color: rgba(42, 67, 101, var(--border-opacity)) !important
}

#navbarWrapper .focus\:border-indigo-100:focus,
reach-portal .focus\:border-indigo-100:focus {
  --border-opacity: 1 !important;
  border-color: #ebf4ff !important;
  border-color: rgba(235, 244, 255, var(--border-opacity)) !important
}

#navbarWrapper .focus\:border-indigo-200:focus,
reach-portal .focus\:border-indigo-200:focus {
  --border-opacity: 1 !important;
  border-color: #c3dafe !important;
  border-color: rgba(195, 218, 254, var(--border-opacity)) !important
}

#navbarWrapper .focus\:border-indigo-300:focus,
reach-portal .focus\:border-indigo-300:focus {
  --border-opacity: 1 !important;
  border-color: #a3bffa !important;
  border-color: rgba(163, 191, 250, var(--border-opacity)) !important
}

#navbarWrapper .focus\:border-indigo-400:focus,
reach-portal .focus\:border-indigo-400:focus {
  --border-opacity: 1 !important;
  border-color: #7f9cf5 !important;
  border-color: rgba(127, 156, 245, var(--border-opacity)) !important
}

#navbarWrapper .focus\:border-indigo-500:focus,
reach-portal .focus\:border-indigo-500:focus {
  --border-opacity: 1 !important;
  border-color: #667eea !important;
  border-color: rgba(102, 126, 234, var(--border-opacity)) !important
}

#navbarWrapper .focus\:border-indigo-600:focus,
reach-portal .focus\:border-indigo-600:focus {
  --border-opacity: 1 !important;
  border-color: #5a67d8 !important;
  border-color: rgba(90, 103, 216, var(--border-opacity)) !important
}

#navbarWrapper .focus\:border-indigo-700:focus,
reach-portal .focus\:border-indigo-700:focus {
  --border-opacity: 1 !important;
  border-color: #4c51bf !important;
  border-color: rgba(76, 81, 191, var(--border-opacity)) !important
}

#navbarWrapper .focus\:border-indigo-800:focus,
reach-portal .focus\:border-indigo-800:focus {
  --border-opacity: 1 !important;
  border-color: #434190 !important;
  border-color: rgba(67, 65, 144, var(--border-opacity)) !important
}

#navbarWrapper .focus\:border-indigo-900:focus,
reach-portal .focus\:border-indigo-900:focus {
  --border-opacity: 1 !important;
  border-color: #3c366b !important;
  border-color: rgba(60, 54, 107, var(--border-opacity)) !important
}

#navbarWrapper .focus\:border-purple-100:focus,
reach-portal .focus\:border-purple-100:focus {
  --border-opacity: 1 !important;
  border-color: #faf5ff !important;
  border-color: rgba(250, 245, 255, var(--border-opacity)) !important
}

#navbarWrapper .focus\:border-purple-200:focus,
reach-portal .focus\:border-purple-200:focus {
  --border-opacity: 1 !important;
  border-color: #e9d8fd !important;
  border-color: rgba(233, 216, 253, var(--border-opacity)) !important
}

#navbarWrapper .focus\:border-purple-300:focus,
reach-portal .focus\:border-purple-300:focus {
  --border-opacity: 1 !important;
  border-color: #d6bcfa !important;
  border-color: rgba(214, 188, 250, var(--border-opacity)) !important
}

#navbarWrapper .focus\:border-purple-400:focus,
reach-portal .focus\:border-purple-400:focus {
  --border-opacity: 1 !important;
  border-color: #b794f4 !important;
  border-color: rgba(183, 148, 244, var(--border-opacity)) !important
}

#navbarWrapper .focus\:border-purple-500:focus,
reach-portal .focus\:border-purple-500:focus {
  --border-opacity: 1 !important;
  border-color: #9f7aea !important;
  border-color: rgba(159, 122, 234, var(--border-opacity)) !important
}

#navbarWrapper .focus\:border-purple-600:focus,
reach-portal .focus\:border-purple-600:focus {
  --border-opacity: 1 !important;
  border-color: #805ad5 !important;
  border-color: rgba(128, 90, 213, var(--border-opacity)) !important
}

#navbarWrapper .focus\:border-purple-700:focus,
reach-portal .focus\:border-purple-700:focus {
  --border-opacity: 1 !important;
  border-color: #6b46c1 !important;
  border-color: rgba(107, 70, 193, var(--border-opacity)) !important
}

#navbarWrapper .focus\:border-purple-800:focus,
reach-portal .focus\:border-purple-800:focus {
  --border-opacity: 1 !important;
  border-color: #553c9a !important;
  border-color: rgba(85, 60, 154, var(--border-opacity)) !important
}

#navbarWrapper .focus\:border-purple-900:focus,
reach-portal .focus\:border-purple-900:focus {
  --border-opacity: 1 !important;
  border-color: #44337a !important;
  border-color: rgba(68, 51, 122, var(--border-opacity)) !important
}

#navbarWrapper .focus\:border-pink-100:focus,
reach-portal .focus\:border-pink-100:focus {
  --border-opacity: 1 !important;
  border-color: #fff5f7 !important;
  border-color: rgba(255, 245, 247, var(--border-opacity)) !important
}

#navbarWrapper .focus\:border-pink-200:focus,
reach-portal .focus\:border-pink-200:focus {
  --border-opacity: 1 !important;
  border-color: #fed7e2 !important;
  border-color: rgba(254, 215, 226, var(--border-opacity)) !important
}

#navbarWrapper .focus\:border-pink-300:focus,
reach-portal .focus\:border-pink-300:focus {
  --border-opacity: 1 !important;
  border-color: #fbb6ce !important;
  border-color: rgba(251, 182, 206, var(--border-opacity)) !important
}

#navbarWrapper .focus\:border-pink-400:focus,
reach-portal .focus\:border-pink-400:focus {
  --border-opacity: 1 !important;
  border-color: #f687b3 !important;
  border-color: rgba(246, 135, 179, var(--border-opacity)) !important
}

#navbarWrapper .focus\:border-pink-500:focus,
reach-portal .focus\:border-pink-500:focus {
  --border-opacity: 1 !important;
  border-color: #ed64a6 !important;
  border-color: rgba(237, 100, 166, var(--border-opacity)) !important
}

#navbarWrapper .focus\:border-pink-600:focus,
reach-portal .focus\:border-pink-600:focus {
  --border-opacity: 1 !important;
  border-color: #d53f8c !important;
  border-color: rgba(213, 63, 140, var(--border-opacity)) !important
}

#navbarWrapper .focus\:border-pink-700:focus,
reach-portal .focus\:border-pink-700:focus {
  --border-opacity: 1 !important;
  border-color: #b83280 !important;
  border-color: rgba(184, 50, 128, var(--border-opacity)) !important
}

#navbarWrapper .focus\:border-pink-800:focus,
reach-portal .focus\:border-pink-800:focus {
  --border-opacity: 1 !important;
  border-color: #97266d !important;
  border-color: rgba(151, 38, 109, var(--border-opacity)) !important
}

#navbarWrapper .focus\:border-pink-900:focus,
reach-portal .focus\:border-pink-900:focus {
  --border-opacity: 1 !important;
  border-color: #702459 !important;
  border-color: rgba(112, 36, 89, var(--border-opacity)) !important
}

#navbarWrapper .border-opacity-0,
reach-portal .border-opacity-0 {
  --border-opacity: 0 !important
}

#navbarWrapper .border-opacity-25,
reach-portal .border-opacity-25 {
  --border-opacity: 0.25 !important
}

#navbarWrapper .border-opacity-50,
reach-portal .border-opacity-50 {
  --border-opacity: 0.5 !important
}

#navbarWrapper .border-opacity-75,
reach-portal .border-opacity-75 {
  --border-opacity: 0.75 !important
}

#navbarWrapper .border-opacity-100,
reach-portal .border-opacity-100 {
  --border-opacity: 1 !important
}

#navbarWrapper .hover\:border-opacity-0:hover,
reach-portal .hover\:border-opacity-0:hover {
  --border-opacity: 0 !important
}

#navbarWrapper .hover\:border-opacity-25:hover,
reach-portal .hover\:border-opacity-25:hover {
  --border-opacity: 0.25 !important
}

#navbarWrapper .hover\:border-opacity-50:hover,
reach-portal .hover\:border-opacity-50:hover {
  --border-opacity: 0.5 !important
}

#navbarWrapper .hover\:border-opacity-75:hover,
reach-portal .hover\:border-opacity-75:hover {
  --border-opacity: 0.75 !important
}

#navbarWrapper .hover\:border-opacity-100:hover,
reach-portal .hover\:border-opacity-100:hover {
  --border-opacity: 1 !important
}

#navbarWrapper .focus\:border-opacity-0:focus,
reach-portal .focus\:border-opacity-0:focus {
  --border-opacity: 0 !important
}

#navbarWrapper .focus\:border-opacity-25:focus,
reach-portal .focus\:border-opacity-25:focus {
  --border-opacity: 0.25 !important
}

#navbarWrapper .focus\:border-opacity-50:focus,
reach-portal .focus\:border-opacity-50:focus {
  --border-opacity: 0.5 !important
}

#navbarWrapper .focus\:border-opacity-75:focus,
reach-portal .focus\:border-opacity-75:focus {
  --border-opacity: 0.75 !important
}

#navbarWrapper .focus\:border-opacity-100:focus,
reach-portal .focus\:border-opacity-100:focus {
  --border-opacity: 1 !important
}

#navbarWrapper .rounded-none,
reach-portal .rounded-none {
  border-radius: 0 !important
}

#navbarWrapper .rounded-sm,
reach-portal .rounded-sm {
  border-radius: .125rem !important
}

#navbarWrapper .rounded,
#navbarWrapper .rounded-md,
reach-portal .rounded,
reach-portal .rounded-md {
  border-radius: .375rem !important
}

#navbarWrapper .rounded-lg,
reach-portal .rounded-lg {
  border-radius: .5rem !important
}

#navbarWrapper .rounded-full,
reach-portal .rounded-full {
  border-radius: 9999px !important
}

#navbarWrapper .rounded-t-none,
reach-portal .rounded-t-none {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important
}

#navbarWrapper .rounded-r-none,
reach-portal .rounded-r-none {
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important
}

#navbarWrapper .rounded-b-none,
reach-portal .rounded-b-none {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important
}

#navbarWrapper .rounded-l-none,
reach-portal .rounded-l-none {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important
}

#navbarWrapper .rounded-t-sm,
reach-portal .rounded-t-sm {
  border-top-left-radius: .125rem !important;
  border-top-right-radius: .125rem !important
}

#navbarWrapper .rounded-r-sm,
reach-portal .rounded-r-sm {
  border-bottom-right-radius: .125rem !important;
  border-top-right-radius: .125rem !important
}

#navbarWrapper .rounded-b-sm,
reach-portal .rounded-b-sm {
  border-bottom-left-radius: .125rem !important;
  border-bottom-right-radius: .125rem !important
}

#navbarWrapper .rounded-l-sm,
reach-portal .rounded-l-sm {
  border-bottom-left-radius: .125rem !important;
  border-top-left-radius: .125rem !important
}

#navbarWrapper .rounded-t,
reach-portal .rounded-t {
  border-top-left-radius: .375rem !important;
  border-top-right-radius: .375rem !important
}

#navbarWrapper .rounded-r,
reach-portal .rounded-r {
  border-bottom-right-radius: .375rem !important;
  border-top-right-radius: .375rem !important
}

#navbarWrapper .rounded-b,
reach-portal .rounded-b {
  border-bottom-left-radius: .375rem !important;
  border-bottom-right-radius: .375rem !important
}

#navbarWrapper .rounded-l,
reach-portal .rounded-l {
  border-bottom-left-radius: .375rem !important;
  border-top-left-radius: .375rem !important
}

#navbarWrapper .rounded-t-md,
reach-portal .rounded-t-md {
  border-top-left-radius: .375rem !important;
  border-top-right-radius: .375rem !important
}

#navbarWrapper .rounded-r-md,
reach-portal .rounded-r-md {
  border-bottom-right-radius: .375rem !important;
  border-top-right-radius: .375rem !important
}

#navbarWrapper .rounded-b-md,
reach-portal .rounded-b-md {
  border-bottom-left-radius: .375rem !important;
  border-bottom-right-radius: .375rem !important
}

#navbarWrapper .rounded-l-md,
reach-portal .rounded-l-md {
  border-bottom-left-radius: .375rem !important;
  border-top-left-radius: .375rem !important
}

#navbarWrapper .rounded-t-lg,
reach-portal .rounded-t-lg {
  border-top-left-radius: .5rem !important;
  border-top-right-radius: .5rem !important
}

#navbarWrapper .rounded-r-lg,
reach-portal .rounded-r-lg {
  border-bottom-right-radius: .5rem !important;
  border-top-right-radius: .5rem !important
}

#navbarWrapper .rounded-b-lg,
reach-portal .rounded-b-lg {
  border-bottom-left-radius: .5rem !important;
  border-bottom-right-radius: .5rem !important
}

#navbarWrapper .rounded-l-lg,
reach-portal .rounded-l-lg {
  border-bottom-left-radius: .5rem !important;
  border-top-left-radius: .5rem !important
}

#navbarWrapper .rounded-t-full,
reach-portal .rounded-t-full {
  border-top-left-radius: 9999px !important;
  border-top-right-radius: 9999px !important
}

#navbarWrapper .rounded-r-full,
reach-portal .rounded-r-full {
  border-bottom-right-radius: 9999px !important;
  border-top-right-radius: 9999px !important
}

#navbarWrapper .rounded-b-full,
reach-portal .rounded-b-full {
  border-bottom-left-radius: 9999px !important;
  border-bottom-right-radius: 9999px !important
}

#navbarWrapper .rounded-l-full,
reach-portal .rounded-l-full {
  border-bottom-left-radius: 9999px !important;
  border-top-left-radius: 9999px !important
}

#navbarWrapper .rounded-tl-none,
reach-portal .rounded-tl-none {
  border-top-left-radius: 0 !important
}

#navbarWrapper .rounded-tr-none,
reach-portal .rounded-tr-none {
  border-top-right-radius: 0 !important
}

#navbarWrapper .rounded-br-none,
reach-portal .rounded-br-none {
  border-bottom-right-radius: 0 !important
}

#navbarWrapper .rounded-bl-none,
reach-portal .rounded-bl-none {
  border-bottom-left-radius: 0 !important
}

#navbarWrapper .rounded-tl-sm,
reach-portal .rounded-tl-sm {
  border-top-left-radius: .125rem !important
}

#navbarWrapper .rounded-tr-sm,
reach-portal .rounded-tr-sm {
  border-top-right-radius: .125rem !important
}

#navbarWrapper .rounded-br-sm,
reach-portal .rounded-br-sm {
  border-bottom-right-radius: .125rem !important
}

#navbarWrapper .rounded-bl-sm,
reach-portal .rounded-bl-sm {
  border-bottom-left-radius: .125rem !important
}

#navbarWrapper .rounded-tl,
reach-portal .rounded-tl {
  border-top-left-radius: .375rem !important
}

#navbarWrapper .rounded-tr,
reach-portal .rounded-tr {
  border-top-right-radius: .375rem !important
}

#navbarWrapper .rounded-br,
reach-portal .rounded-br {
  border-bottom-right-radius: .375rem !important
}

#navbarWrapper .rounded-bl,
reach-portal .rounded-bl {
  border-bottom-left-radius: .375rem !important
}

#navbarWrapper .rounded-tl-md,
reach-portal .rounded-tl-md {
  border-top-left-radius: .375rem !important
}

#navbarWrapper .rounded-tr-md,
reach-portal .rounded-tr-md {
  border-top-right-radius: .375rem !important
}

#navbarWrapper .rounded-br-md,
reach-portal .rounded-br-md {
  border-bottom-right-radius: .375rem !important
}

#navbarWrapper .rounded-bl-md,
reach-portal .rounded-bl-md {
  border-bottom-left-radius: .375rem !important
}

#navbarWrapper .rounded-tl-lg,
reach-portal .rounded-tl-lg {
  border-top-left-radius: .5rem !important
}

#navbarWrapper .rounded-tr-lg,
reach-portal .rounded-tr-lg {
  border-top-right-radius: .5rem !important
}

#navbarWrapper .rounded-br-lg,
reach-portal .rounded-br-lg {
  border-bottom-right-radius: .5rem !important
}

#navbarWrapper .rounded-bl-lg,
reach-portal .rounded-bl-lg {
  border-bottom-left-radius: .5rem !important
}

#navbarWrapper .rounded-tl-full,
reach-portal .rounded-tl-full {
  border-top-left-radius: 9999px !important
}

#navbarWrapper .rounded-tr-full,
reach-portal .rounded-tr-full {
  border-top-right-radius: 9999px !important
}

#navbarWrapper .rounded-br-full,
reach-portal .rounded-br-full {
  border-bottom-right-radius: 9999px !important
}

#navbarWrapper .rounded-bl-full,
reach-portal .rounded-bl-full {
  border-bottom-left-radius: 9999px !important
}

#navbarWrapper .border-solid,
reach-portal .border-solid {
  border-style: solid !important
}

#navbarWrapper .border-dashed,
reach-portal .border-dashed {
  border-style: dashed !important
}

#navbarWrapper .border-dotted,
reach-portal .border-dotted {
  border-style: dotted !important
}

#navbarWrapper .border-double,
reach-portal .border-double {
  border-style: double !important
}

#navbarWrapper .border-none,
reach-portal .border-none {
  border-style: none !important
}

#navbarWrapper .border-0,
reach-portal .border-0 {
  border-width: 0 !important
}

#navbarWrapper .border-2,
reach-portal .border-2 {
  border-width: 2px !important
}

#navbarWrapper .border-4,
reach-portal .border-4 {
  border-width: 4px !important
}

#navbarWrapper .border-8,
reach-portal .border-8 {
  border-width: 8px !important
}

#navbarWrapper .border,
reach-portal .border {
  border-width: 1px !important
}

#navbarWrapper .border-t-0,
reach-portal .border-t-0 {
  border-top-width: 0 !important
}

#navbarWrapper .border-r-0,
reach-portal .border-r-0 {
  border-right-width: 0 !important
}

#navbarWrapper .border-b-0,
reach-portal .border-b-0 {
  border-bottom-width: 0 !important
}

#navbarWrapper .border-l-0,
reach-portal .border-l-0 {
  border-left-width: 0 !important
}

#navbarWrapper .border-t-2,
reach-portal .border-t-2 {
  border-top-width: 2px !important
}

#navbarWrapper .border-r-2,
reach-portal .border-r-2 {
  border-right-width: 2px !important
}

#navbarWrapper .border-b-2,
reach-portal .border-b-2 {
  border-bottom-width: 2px !important
}

#navbarWrapper .border-l-2,
reach-portal .border-l-2 {
  border-left-width: 2px !important
}

#navbarWrapper .border-t-4,
reach-portal .border-t-4 {
  border-top-width: 4px !important
}

#navbarWrapper .border-r-4,
reach-portal .border-r-4 {
  border-right-width: 4px !important
}

#navbarWrapper .border-b-4,
reach-portal .border-b-4 {
  border-bottom-width: 4px !important
}

#navbarWrapper .border-l-4,
reach-portal .border-l-4 {
  border-left-width: 4px !important
}

#navbarWrapper .border-t-8,
reach-portal .border-t-8 {
  border-top-width: 8px !important
}

#navbarWrapper .border-r-8,
reach-portal .border-r-8 {
  border-right-width: 8px !important
}

#navbarWrapper .border-b-8,
reach-portal .border-b-8 {
  border-bottom-width: 8px !important
}

#navbarWrapper .border-l-8,
reach-portal .border-l-8 {
  border-left-width: 8px !important
}

#navbarWrapper .border-t,
reach-portal .border-t {
  border-top-width: 1px !important
}

#navbarWrapper .border-r,
reach-portal .border-r {
  border-right-width: 1px !important
}

#navbarWrapper .border-b,
reach-portal .border-b {
  border-bottom-width: 1px !important
}

#navbarWrapper .border-l,
reach-portal .border-l {
  border-left-width: 1px !important
}

#navbarWrapper .box-border,
reach-portal .box-border {
  box-sizing: border-box !important
}

#navbarWrapper .box-content,
reach-portal .box-content {
  box-sizing: initial !important
}

#navbarWrapper .cursor-auto,
reach-portal .cursor-auto {
  cursor: auto !important
}

#navbarWrapper .cursor-default,
reach-portal .cursor-default {
  cursor: default !important
}

#navbarWrapper .cursor-pointer,
reach-portal .cursor-pointer {
  cursor: pointer !important
}

#navbarWrapper .cursor-wait,
reach-portal .cursor-wait {
  cursor: wait !important
}

#navbarWrapper .cursor-text,
reach-portal .cursor-text {
  cursor: text !important
}

#navbarWrapper .cursor-move,
reach-portal .cursor-move {
  cursor: move !important
}

#navbarWrapper .cursor-not-allowed,
reach-portal .cursor-not-allowed {
  cursor: not-allowed !important
}

#navbarWrapper .block,
reach-portal .block {
  display: block !important
}

#navbarWrapper .inline-block,
reach-portal .inline-block {
  display: inline-block !important
}

#navbarWrapper .inline,
reach-portal .inline {
  display: inline !important
}

#navbarWrapper .flex,
reach-portal .flex {
  display: flex !important
}

#navbarWrapper .inline-flex,
reach-portal .inline-flex {
  display: inline-flex !important
}

#navbarWrapper .table,
reach-portal .table {
  display: table !important
}

#navbarWrapper .table-caption,
reach-portal .table-caption {
  display: table-caption !important
}

#navbarWrapper .table-cell,
reach-portal .table-cell {
  display: table-cell !important
}

#navbarWrapper .table-column,
reach-portal .table-column {
  display: table-column !important
}

#navbarWrapper .table-column-group,
reach-portal .table-column-group {
  display: table-column-group !important
}

#navbarWrapper .table-footer-group,
reach-portal .table-footer-group {
  display: table-footer-group !important
}

#navbarWrapper .table-header-group,
reach-portal .table-header-group {
  display: table-header-group !important
}

#navbarWrapper .table-row-group,
reach-portal .table-row-group {
  display: table-row-group !important
}

#navbarWrapper .table-row,
reach-portal .table-row {
  display: table-row !important
}

#navbarWrapper .flow-root,
reach-portal .flow-root {
  display: flow-root !important
}

#navbarWrapper .grid,
reach-portal .grid {
  display: grid !important
}

#navbarWrapper .inline-grid,
reach-portal .inline-grid {
  display: inline-grid !important
}

#navbarWrapper .hidden,
reach-portal .hidden {
  display: none !important
}

#navbarWrapper .flex-row,
reach-portal .flex-row {
  flex-direction: row !important
}

#navbarWrapper .flex-row-reverse,
reach-portal .flex-row-reverse {
  flex-direction: row-reverse !important
}

#navbarWrapper .flex-col,
reach-portal .flex-col {
  flex-direction: column !important
}

#navbarWrapper .flex-col-reverse,
reach-portal .flex-col-reverse {
  flex-direction: column-reverse !important
}

#navbarWrapper .flex-wrap,
reach-portal .flex-wrap {
  flex-wrap: wrap !important
}

#navbarWrapper .flex-wrap-reverse,
reach-portal .flex-wrap-reverse {
  flex-wrap: wrap-reverse !important
}

#navbarWrapper .flex-no-wrap,
reach-portal .flex-no-wrap {
  flex-wrap: nowrap !important
}

#navbarWrapper .items-start,
reach-portal .items-start {
  align-items: flex-start !important
}

#navbarWrapper .items-end,
reach-portal .items-end {
  align-items: flex-end !important
}

#navbarWrapper .items-center,
reach-portal .items-center {
  align-items: center !important
}

#navbarWrapper .items-baseline,
reach-portal .items-baseline {
  align-items: baseline !important
}

#navbarWrapper .items-stretch,
reach-portal .items-stretch {
  align-items: stretch !important
}

#navbarWrapper .self-auto,
reach-portal .self-auto {
  align-self: auto !important
}

#navbarWrapper .self-start,
reach-portal .self-start {
  align-self: flex-start !important
}

#navbarWrapper .self-end,
reach-portal .self-end {
  align-self: flex-end !important
}

#navbarWrapper .self-center,
reach-portal .self-center {
  align-self: center !important
}

#navbarWrapper .self-stretch,
reach-portal .self-stretch {
  align-self: stretch !important
}

#navbarWrapper .justify-start,
reach-portal .justify-start {
  justify-content: flex-start !important
}

#navbarWrapper .justify-end,
reach-portal .justify-end {
  justify-content: flex-end !important
}

#navbarWrapper .justify-center,
reach-portal .justify-center {
  justify-content: center !important
}

#navbarWrapper .justify-between,
reach-portal .justify-between {
  justify-content: space-between !important
}

#navbarWrapper .justify-around,
reach-portal .justify-around {
  justify-content: space-around !important
}

#navbarWrapper .justify-evenly,
reach-portal .justify-evenly {
  justify-content: space-evenly !important
}

#navbarWrapper .content-center,
reach-portal .content-center {
  align-content: center !important
}

#navbarWrapper .content-start,
reach-portal .content-start {
  align-content: flex-start !important
}

#navbarWrapper .content-end,
reach-portal .content-end {
  align-content: flex-end !important
}

#navbarWrapper .content-between,
reach-portal .content-between {
  align-content: space-between !important
}

#navbarWrapper .content-around,
reach-portal .content-around {
  align-content: space-around !important
}

#navbarWrapper .flex-1,
reach-portal .flex-1 {
  flex: 1 1 !important
}

#navbarWrapper .flex-auto,
reach-portal .flex-auto {
  flex: 1 1 auto !important
}

#navbarWrapper .flex-initial,
reach-portal .flex-initial {
  flex: 0 1 auto !important
}

#navbarWrapper .flex-none,
reach-portal .flex-none {
  flex: none !important
}

#navbarWrapper .flex-grow-0,
reach-portal .flex-grow-0 {
  flex-grow: 0 !important
}

#navbarWrapper .flex-grow,
reach-portal .flex-grow {
  flex-grow: 1 !important
}

#navbarWrapper .flex-shrink-0,
reach-portal .flex-shrink-0 {
  flex-shrink: 0 !important
}

#navbarWrapper .flex-shrink,
reach-portal .flex-shrink {
  flex-shrink: 1 !important
}

#navbarWrapper .order-1,
reach-portal .order-1 {
  order: 1 !important
}

#navbarWrapper .order-2,
reach-portal .order-2 {
  order: 2 !important
}

#navbarWrapper .order-3,
reach-portal .order-3 {
  order: 3 !important
}

#navbarWrapper .order-4,
reach-portal .order-4 {
  order: 4 !important
}

#navbarWrapper .order-5,
reach-portal .order-5 {
  order: 5 !important
}

#navbarWrapper .order-6,
reach-portal .order-6 {
  order: 6 !important
}

#navbarWrapper .order-7,
reach-portal .order-7 {
  order: 7 !important
}

#navbarWrapper .order-8,
reach-portal .order-8 {
  order: 8 !important
}

#navbarWrapper .order-9,
reach-portal .order-9 {
  order: 9 !important
}

#navbarWrapper .order-10,
reach-portal .order-10 {
  order: 10 !important
}

#navbarWrapper .order-11,
reach-portal .order-11 {
  order: 11 !important
}

#navbarWrapper .order-12,
reach-portal .order-12 {
  order: 12 !important
}

#navbarWrapper .order-first,
reach-portal .order-first {
  order: -9999 !important
}

#navbarWrapper .order-last,
reach-portal .order-last {
  order: 9999 !important
}

#navbarWrapper .order-none,
reach-portal .order-none {
  order: 0 !important
}

#navbarWrapper .float-right,
reach-portal .float-right {
  float: right !important
}

#navbarWrapper .float-left,
reach-portal .float-left {
  float: left !important
}

#navbarWrapper .float-none,
reach-portal .float-none {
  float: none !important
}

#navbarWrapper .clearfix:after,
reach-portal .clearfix:after {
  clear: both !important;
  content: "" !important;
  display: table !important
}

#navbarWrapper .clear-left,
reach-portal .clear-left {
  clear: left !important
}

#navbarWrapper .clear-right,
reach-portal .clear-right {
  clear: right !important
}

#navbarWrapper .clear-both,
reach-portal .clear-both {
  clear: both !important
}

#navbarWrapper .clear-none,
reach-portal .clear-none {
  clear: none !important
}

#navbarWrapper .font-display,
reach-portal .font-display {
  font-family: Gilroy, sans-serif !important
}

#navbarWrapper .font-body,
reach-portal .font-body {
  font-family: Graphik, sans-serif !important
}

#navbarWrapper .font-hairline,
reach-portal .font-hairline {
  font-weight: 100 !important
}

#navbarWrapper .font-thin,
reach-portal .font-thin {
  font-weight: 200 !important
}

#navbarWrapper .font-light,
reach-portal .font-light {
  font-weight: 300 !important
}

#navbarWrapper .font-normal,
reach-portal .font-normal {
  font-weight: 400 !important
}

#navbarWrapper .font-medium,
reach-portal .font-medium {
  font-weight: 500 !important
}

#navbarWrapper .font-semibold,
reach-portal .font-semibold {
  font-weight: 600 !important
}

#navbarWrapper .font-bold,
reach-portal .font-bold {
  font-weight: 700 !important
}

#navbarWrapper .font-extrabold,
reach-portal .font-extrabold {
  font-weight: 800 !important
}

#navbarWrapper .font-black,
reach-portal .font-black {
  font-weight: 900 !important
}

#navbarWrapper .hover\:font-hairline:hover,
reach-portal .hover\:font-hairline:hover {
  font-weight: 100 !important
}

#navbarWrapper .hover\:font-thin:hover,
reach-portal .hover\:font-thin:hover {
  font-weight: 200 !important
}

#navbarWrapper .hover\:font-light:hover,
reach-portal .hover\:font-light:hover {
  font-weight: 300 !important
}

#navbarWrapper .hover\:font-normal:hover,
reach-portal .hover\:font-normal:hover {
  font-weight: 400 !important
}

#navbarWrapper .hover\:font-medium:hover,
reach-portal .hover\:font-medium:hover {
  font-weight: 500 !important
}

#navbarWrapper .hover\:font-semibold:hover,
reach-portal .hover\:font-semibold:hover {
  font-weight: 600 !important
}

#navbarWrapper .hover\:font-bold:hover,
reach-portal .hover\:font-bold:hover {
  font-weight: 700 !important
}

#navbarWrapper .hover\:font-extrabold:hover,
reach-portal .hover\:font-extrabold:hover {
  font-weight: 800 !important
}

#navbarWrapper .hover\:font-black:hover,
reach-portal .hover\:font-black:hover {
  font-weight: 900 !important
}

#navbarWrapper .focus\:font-hairline:focus,
reach-portal .focus\:font-hairline:focus {
  font-weight: 100 !important
}

#navbarWrapper .focus\:font-thin:focus,
reach-portal .focus\:font-thin:focus {
  font-weight: 200 !important
}

#navbarWrapper .focus\:font-light:focus,
reach-portal .focus\:font-light:focus {
  font-weight: 300 !important
}

#navbarWrapper .focus\:font-normal:focus,
reach-portal .focus\:font-normal:focus {
  font-weight: 400 !important
}

#navbarWrapper .focus\:font-medium:focus,
reach-portal .focus\:font-medium:focus {
  font-weight: 500 !important
}

#navbarWrapper .focus\:font-semibold:focus,
reach-portal .focus\:font-semibold:focus {
  font-weight: 600 !important
}

#navbarWrapper .focus\:font-bold:focus,
reach-portal .focus\:font-bold:focus {
  font-weight: 700 !important
}

#navbarWrapper .focus\:font-extrabold:focus,
reach-portal .focus\:font-extrabold:focus {
  font-weight: 800 !important
}

#navbarWrapper .focus\:font-black:focus,
reach-portal .focus\:font-black:focus {
  font-weight: 900 !important
}

#navbarWrapper .h-0,
reach-portal .h-0 {
  height: 0 !important
}

#navbarWrapper .h-1,
reach-portal .h-1 {
  height: .25rem !important
}

#navbarWrapper .h-2,
reach-portal .h-2 {
  height: .5rem !important
}

#navbarWrapper .h-3,
reach-portal .h-3 {
  height: .75rem !important
}

#navbarWrapper .h-4,
reach-portal .h-4 {
  height: 1rem !important
}

#navbarWrapper .h-5,
reach-portal .h-5 {
  height: 1.25rem !important
}

#navbarWrapper .h-6,
reach-portal .h-6 {
  height: 1.5rem !important
}

#navbarWrapper .h-8,
reach-portal .h-8 {
  height: 2rem !important
}

#navbarWrapper .h-10,
reach-portal .h-10 {
  height: 2.5rem !important
}

#navbarWrapper .h-12,
reach-portal .h-12 {
  height: 3rem !important
}

#navbarWrapper .h-16,
reach-portal .h-16 {
  height: 4rem !important
}

#navbarWrapper .h-20,
reach-portal .h-20 {
  height: 5rem !important
}

#navbarWrapper .h-24,
reach-portal .h-24 {
  height: 6rem !important
}

#navbarWrapper .h-32,
reach-portal .h-32 {
  height: 8rem !important
}

#navbarWrapper .h-40,
reach-portal .h-40 {
  height: 10rem !important
}

#navbarWrapper .h-48,
reach-portal .h-48 {
  height: 12rem !important
}

#navbarWrapper .h-56,
reach-portal .h-56 {
  height: 14rem !important
}

#navbarWrapper .h-64,
reach-portal .h-64 {
  height: 16rem !important
}

#navbarWrapper .h-auto,
reach-portal .h-auto {
  height: auto !important
}

#navbarWrapper .h-px,
reach-portal .h-px {
  height: 1px !important
}

#navbarWrapper .h-full,
reach-portal .h-full {
  height: 100% !important
}

#navbarWrapper .h-screen,
reach-portal .h-screen {
  height: 100vh !important
}

#navbarWrapper .text-xs,
reach-portal .text-xs {
  font-size: .75rem !important
}

#navbarWrapper .text-sm,
reach-portal .text-sm {
  font-size: .875rem !important
}

#navbarWrapper .text-base,
reach-portal .text-base {
  font-size: 1rem !important
}

#navbarWrapper .text-lg,
reach-portal .text-lg {
  font-size: 1.125rem !important
}

#navbarWrapper .text-xl,
reach-portal .text-xl {
  font-size: 1.25rem !important
}

#navbarWrapper .text-2xl,
reach-portal .text-2xl {
  font-size: 1.5rem !important
}

#navbarWrapper .text-3xl,
reach-portal .text-3xl {
  font-size: 1.875rem !important
}

#navbarWrapper .text-4xl,
reach-portal .text-4xl {
  font-size: 2.25rem !important
}

#navbarWrapper .text-5xl,
reach-portal .text-5xl {
  font-size: 3rem !important
}

#navbarWrapper .text-6xl,
reach-portal .text-6xl {
  font-size: 4rem !important
}

#navbarWrapper .leading-3,
reach-portal .leading-3 {
  line-height: .75rem !important
}

#navbarWrapper .leading-4,
reach-portal .leading-4 {
  line-height: 1rem !important
}

#navbarWrapper .leading-5,
reach-portal .leading-5 {
  line-height: 1.25rem !important
}

#navbarWrapper .leading-6,
reach-portal .leading-6 {
  line-height: 1.5rem !important
}

#navbarWrapper .leading-7,
reach-portal .leading-7 {
  line-height: 1.75rem !important
}

#navbarWrapper .leading-8,
reach-portal .leading-8 {
  line-height: 2rem !important
}

#navbarWrapper .leading-9,
reach-portal .leading-9 {
  line-height: 2.25rem !important
}

#navbarWrapper .leading-10,
reach-portal .leading-10 {
  line-height: 2.5rem !important
}

#navbarWrapper .leading-none,
reach-portal .leading-none {
  line-height: 1 !important
}

#navbarWrapper .leading-tight,
reach-portal .leading-tight {
  line-height: 1.25 !important
}

#navbarWrapper .leading-snug,
reach-portal .leading-snug {
  line-height: 1.375 !important
}

#navbarWrapper .leading-normal,
reach-portal .leading-normal {
  line-height: 1.5 !important
}

#navbarWrapper .leading-relaxed,
reach-portal .leading-relaxed {
  line-height: 1.625 !important
}

#navbarWrapper .leading-loose,
reach-portal .leading-loose {
  line-height: 2 !important
}

#navbarWrapper .list-inside,
reach-portal .list-inside {
  list-style-position: inside !important
}

#navbarWrapper .list-outside,
reach-portal .list-outside {
  list-style-position: outside !important
}

#navbarWrapper .list-none,
reach-portal .list-none {
  list-style-type: none !important
}

#navbarWrapper .list-disc,
reach-portal .list-disc {
  list-style-type: disc !important
}

#navbarWrapper .list-decimal,
reach-portal .list-decimal {
  list-style-type: decimal !important
}

#navbarWrapper .m-0,
reach-portal .m-0 {
  margin: 0 !important
}

#navbarWrapper .m-1,
reach-portal .m-1 {
  margin: .25rem !important
}

#navbarWrapper .m-2,
reach-portal .m-2 {
  margin: .5rem !important
}

#navbarWrapper .m-3,
reach-portal .m-3 {
  margin: .75rem !important
}

#navbarWrapper .m-4,
reach-portal .m-4 {
  margin: 1rem !important
}

#navbarWrapper .m-5,
reach-portal .m-5 {
  margin: 1.25rem !important
}

#navbarWrapper .m-6,
reach-portal .m-6 {
  margin: 1.5rem !important
}

#navbarWrapper .m-8,
reach-portal .m-8 {
  margin: 2rem !important
}

#navbarWrapper .m-10,
reach-portal .m-10 {
  margin: 2.5rem !important
}

#navbarWrapper .m-12,
reach-portal .m-12 {
  margin: 3rem !important
}

#navbarWrapper .m-16,
reach-portal .m-16 {
  margin: 4rem !important
}

#navbarWrapper .m-20,
reach-portal .m-20 {
  margin: 5rem !important
}

#navbarWrapper .m-24,
reach-portal .m-24 {
  margin: 6rem !important
}

#navbarWrapper .m-32,
reach-portal .m-32 {
  margin: 8rem !important
}

#navbarWrapper .m-40,
reach-portal .m-40 {
  margin: 10rem !important
}

#navbarWrapper .m-48,
reach-portal .m-48 {
  margin: 12rem !important
}

#navbarWrapper .m-56,
reach-portal .m-56 {
  margin: 14rem !important
}

#navbarWrapper .m-64,
reach-portal .m-64 {
  margin: 16rem !important
}

#navbarWrapper .m-auto,
reach-portal .m-auto {
  margin: auto !important
}

#navbarWrapper .m-px,
reach-portal .m-px {
  margin: 1px !important
}

#navbarWrapper .-m-1,
reach-portal .-m-1 {
  margin: -.25rem !important
}

#navbarWrapper .-m-2,
reach-portal .-m-2 {
  margin: -.5rem !important
}

#navbarWrapper .-m-3,
reach-portal .-m-3 {
  margin: -.75rem !important
}

#navbarWrapper .-m-4,
reach-portal .-m-4 {
  margin: -1rem !important
}

#navbarWrapper .-m-5,
reach-portal .-m-5 {
  margin: -1.25rem !important
}

#navbarWrapper .-m-6,
reach-portal .-m-6 {
  margin: -1.5rem !important
}

#navbarWrapper .-m-8,
reach-portal .-m-8 {
  margin: -2rem !important
}

#navbarWrapper .-m-10,
reach-portal .-m-10 {
  margin: -2.5rem !important
}

#navbarWrapper .-m-12,
reach-portal .-m-12 {
  margin: -3rem !important
}

#navbarWrapper .-m-16,
reach-portal .-m-16 {
  margin: -4rem !important
}

#navbarWrapper .-m-20,
reach-portal .-m-20 {
  margin: -5rem !important
}

#navbarWrapper .-m-24,
reach-portal .-m-24 {
  margin: -6rem !important
}

#navbarWrapper .-m-32,
reach-portal .-m-32 {
  margin: -8rem !important
}

#navbarWrapper .-m-40,
reach-portal .-m-40 {
  margin: -10rem !important
}

#navbarWrapper .-m-48,
reach-portal .-m-48 {
  margin: -12rem !important
}

#navbarWrapper .-m-56,
reach-portal .-m-56 {
  margin: -14rem !important
}

#navbarWrapper .-m-64,
reach-portal .-m-64 {
  margin: -16rem !important
}

#navbarWrapper .-m-px,
reach-portal .-m-px {
  margin: -1px !important
}

#navbarWrapper .my-0,
reach-portal .my-0 {
  margin-bottom: 0 !important;
  margin-top: 0 !important
}

#navbarWrapper .mx-0,
reach-portal .mx-0 {
  margin-left: 0 !important;
  margin-right: 0 !important
}

#navbarWrapper .my-1,
reach-portal .my-1 {
  margin-bottom: .25rem !important;
  margin-top: .25rem !important
}

#navbarWrapper .mx-1,
reach-portal .mx-1 {
  margin-left: .25rem !important;
  margin-right: .25rem !important
}

#navbarWrapper .my-2,
reach-portal .my-2 {
  margin-bottom: .5rem !important;
  margin-top: .5rem !important
}

#navbarWrapper .mx-2,
reach-portal .mx-2 {
  margin-left: .5rem !important;
  margin-right: .5rem !important
}

#navbarWrapper .my-3,
reach-portal .my-3 {
  margin-bottom: .75rem !important;
  margin-top: .75rem !important
}

#navbarWrapper .mx-3,
reach-portal .mx-3 {
  margin-left: .75rem !important;
  margin-right: .75rem !important
}

#navbarWrapper .my-4,
reach-portal .my-4 {
  margin-bottom: 1rem !important;
  margin-top: 1rem !important
}

#navbarWrapper .mx-4,
reach-portal .mx-4 {
  margin-left: 1rem !important;
  margin-right: 1rem !important
}

#navbarWrapper .my-5,
reach-portal .my-5 {
  margin-bottom: 1.25rem !important;
  margin-top: 1.25rem !important
}

#navbarWrapper .mx-5,
reach-portal .mx-5 {
  margin-left: 1.25rem !important;
  margin-right: 1.25rem !important
}

#navbarWrapper .my-6,
reach-portal .my-6 {
  margin-bottom: 1.5rem !important;
  margin-top: 1.5rem !important
}

#navbarWrapper .mx-6,
reach-portal .mx-6 {
  margin-left: 1.5rem !important;
  margin-right: 1.5rem !important
}

#navbarWrapper .my-8,
reach-portal .my-8 {
  margin-bottom: 2rem !important;
  margin-top: 2rem !important
}

#navbarWrapper .mx-8,
reach-portal .mx-8 {
  margin-left: 2rem !important;
  margin-right: 2rem !important
}

#navbarWrapper .my-10,
reach-portal .my-10 {
  margin-bottom: 2.5rem !important;
  margin-top: 2.5rem !important
}

#navbarWrapper .mx-10,
reach-portal .mx-10 {
  margin-left: 2.5rem !important;
  margin-right: 2.5rem !important
}

#navbarWrapper .my-12,
reach-portal .my-12 {
  margin-bottom: 3rem !important;
  margin-top: 3rem !important
}

#navbarWrapper .mx-12,
reach-portal .mx-12 {
  margin-left: 3rem !important;
  margin-right: 3rem !important
}

#navbarWrapper .my-16,
reach-portal .my-16 {
  margin-bottom: 4rem !important;
  margin-top: 4rem !important
}

#navbarWrapper .mx-16,
reach-portal .mx-16 {
  margin-left: 4rem !important;
  margin-right: 4rem !important
}

#navbarWrapper .my-20,
reach-portal .my-20 {
  margin-bottom: 5rem !important;
  margin-top: 5rem !important
}

#navbarWrapper .mx-20,
reach-portal .mx-20 {
  margin-left: 5rem !important;
  margin-right: 5rem !important
}

#navbarWrapper .my-24,
reach-portal .my-24 {
  margin-bottom: 6rem !important;
  margin-top: 6rem !important
}

#navbarWrapper .mx-24,
reach-portal .mx-24 {
  margin-left: 6rem !important;
  margin-right: 6rem !important
}

#navbarWrapper .my-32,
reach-portal .my-32 {
  margin-bottom: 8rem !important;
  margin-top: 8rem !important
}

#navbarWrapper .mx-32,
reach-portal .mx-32 {
  margin-left: 8rem !important;
  margin-right: 8rem !important
}

#navbarWrapper .my-40,
reach-portal .my-40 {
  margin-bottom: 10rem !important;
  margin-top: 10rem !important
}

#navbarWrapper .mx-40,
reach-portal .mx-40 {
  margin-left: 10rem !important;
  margin-right: 10rem !important
}

#navbarWrapper .my-48,
reach-portal .my-48 {
  margin-bottom: 12rem !important;
  margin-top: 12rem !important
}

#navbarWrapper .mx-48,
reach-portal .mx-48 {
  margin-left: 12rem !important;
  margin-right: 12rem !important
}

#navbarWrapper .my-56,
reach-portal .my-56 {
  margin-bottom: 14rem !important;
  margin-top: 14rem !important
}

#navbarWrapper .mx-56,
reach-portal .mx-56 {
  margin-left: 14rem !important;
  margin-right: 14rem !important
}

#navbarWrapper .my-64,
reach-portal .my-64 {
  margin-bottom: 16rem !important;
  margin-top: 16rem !important
}

#navbarWrapper .mx-64,
reach-portal .mx-64 {
  margin-left: 16rem !important;
  margin-right: 16rem !important
}

#navbarWrapper .my-auto,
reach-portal .my-auto {
  margin-bottom: auto !important;
  margin-top: auto !important
}

#navbarWrapper .mx-auto,
reach-portal .mx-auto {
  margin-left: auto !important;
  margin-right: auto !important
}

#navbarWrapper .my-px,
reach-portal .my-px {
  margin-bottom: 1px !important;
  margin-top: 1px !important
}

#navbarWrapper .mx-px,
reach-portal .mx-px {
  margin-left: 1px !important;
  margin-right: 1px !important
}

#navbarWrapper .-my-1,
reach-portal .-my-1 {
  margin-bottom: -.25rem !important;
  margin-top: -.25rem !important
}

#navbarWrapper .-mx-1,
reach-portal .-mx-1 {
  margin-left: -.25rem !important;
  margin-right: -.25rem !important
}

#navbarWrapper .-my-2,
reach-portal .-my-2 {
  margin-bottom: -.5rem !important;
  margin-top: -.5rem !important
}

#navbarWrapper .-mx-2,
reach-portal .-mx-2 {
  margin-left: -.5rem !important;
  margin-right: -.5rem !important
}

#navbarWrapper .-my-3,
reach-portal .-my-3 {
  margin-bottom: -.75rem !important;
  margin-top: -.75rem !important
}

#navbarWrapper .-mx-3,
reach-portal .-mx-3 {
  margin-left: -.75rem !important;
  margin-right: -.75rem !important
}

#navbarWrapper .-my-4,
reach-portal .-my-4 {
  margin-bottom: -1rem !important;
  margin-top: -1rem !important
}

#navbarWrapper .-mx-4,
reach-portal .-mx-4 {
  margin-left: -1rem !important;
  margin-right: -1rem !important
}

#navbarWrapper .-my-5,
reach-portal .-my-5 {
  margin-bottom: -1.25rem !important;
  margin-top: -1.25rem !important
}

#navbarWrapper .-mx-5,
reach-portal .-mx-5 {
  margin-left: -1.25rem !important;
  margin-right: -1.25rem !important
}

#navbarWrapper .-my-6,
reach-portal .-my-6 {
  margin-bottom: -1.5rem !important;
  margin-top: -1.5rem !important
}

#navbarWrapper .-mx-6,
reach-portal .-mx-6 {
  margin-left: -1.5rem !important;
  margin-right: -1.5rem !important
}

#navbarWrapper .-my-8,
reach-portal .-my-8 {
  margin-bottom: -2rem !important;
  margin-top: -2rem !important
}

#navbarWrapper .-mx-8,
reach-portal .-mx-8 {
  margin-left: -2rem !important;
  margin-right: -2rem !important
}

#navbarWrapper .-my-10,
reach-portal .-my-10 {
  margin-bottom: -2.5rem !important;
  margin-top: -2.5rem !important
}

#navbarWrapper .-mx-10,
reach-portal .-mx-10 {
  margin-left: -2.5rem !important;
  margin-right: -2.5rem !important
}

#navbarWrapper .-my-12,
reach-portal .-my-12 {
  margin-bottom: -3rem !important;
  margin-top: -3rem !important
}

#navbarWrapper .-mx-12,
reach-portal .-mx-12 {
  margin-left: -3rem !important;
  margin-right: -3rem !important
}

#navbarWrapper .-my-16,
reach-portal .-my-16 {
  margin-bottom: -4rem !important;
  margin-top: -4rem !important
}

#navbarWrapper .-mx-16,
reach-portal .-mx-16 {
  margin-left: -4rem !important;
  margin-right: -4rem !important
}

#navbarWrapper .-my-20,
reach-portal .-my-20 {
  margin-bottom: -5rem !important;
  margin-top: -5rem !important
}

#navbarWrapper .-mx-20,
reach-portal .-mx-20 {
  margin-left: -5rem !important;
  margin-right: -5rem !important
}

#navbarWrapper .-my-24,
reach-portal .-my-24 {
  margin-bottom: -6rem !important;
  margin-top: -6rem !important
}

#navbarWrapper .-mx-24,
reach-portal .-mx-24 {
  margin-left: -6rem !important;
  margin-right: -6rem !important
}

#navbarWrapper .-my-32,
reach-portal .-my-32 {
  margin-bottom: -8rem !important;
  margin-top: -8rem !important
}

#navbarWrapper .-mx-32,
reach-portal .-mx-32 {
  margin-left: -8rem !important;
  margin-right: -8rem !important
}

#navbarWrapper .-my-40,
reach-portal .-my-40 {
  margin-bottom: -10rem !important;
  margin-top: -10rem !important
}

#navbarWrapper .-mx-40,
reach-portal .-mx-40 {
  margin-left: -10rem !important;
  margin-right: -10rem !important
}

#navbarWrapper .-my-48,
reach-portal .-my-48 {
  margin-bottom: -12rem !important;
  margin-top: -12rem !important
}

#navbarWrapper .-mx-48,
reach-portal .-mx-48 {
  margin-left: -12rem !important;
  margin-right: -12rem !important
}

#navbarWrapper .-my-56,
reach-portal .-my-56 {
  margin-bottom: -14rem !important;
  margin-top: -14rem !important
}

#navbarWrapper .-mx-56,
reach-portal .-mx-56 {
  margin-left: -14rem !important;
  margin-right: -14rem !important
}

#navbarWrapper .-my-64,
reach-portal .-my-64 {
  margin-bottom: -16rem !important;
  margin-top: -16rem !important
}

#navbarWrapper .-mx-64,
reach-portal .-mx-64 {
  margin-left: -16rem !important;
  margin-right: -16rem !important
}

#navbarWrapper .-my-px,
reach-portal .-my-px {
  margin-bottom: -1px !important;
  margin-top: -1px !important
}

#navbarWrapper .-mx-px,
reach-portal .-mx-px {
  margin-left: -1px !important;
  margin-right: -1px !important
}

#navbarWrapper .mt-0,
reach-portal .mt-0 {
  margin-top: 0 !important
}

#navbarWrapper .mr-0,
reach-portal .mr-0 {
  margin-right: 0 !important
}

#navbarWrapper .mb-0,
reach-portal .mb-0 {
  margin-bottom: 0 !important
}

#navbarWrapper .ml-0,
reach-portal .ml-0 {
  margin-left: 0 !important
}

#navbarWrapper .mt-1,
reach-portal .mt-1 {
  margin-top: .25rem !important
}

#navbarWrapper .mr-1,
reach-portal .mr-1 {
  margin-right: .25rem !important
}

#navbarWrapper .mb-1,
reach-portal .mb-1 {
  margin-bottom: .25rem !important
}

#navbarWrapper .ml-1,
reach-portal .ml-1 {
  margin-left: .25rem !important
}

#navbarWrapper .mt-2,
reach-portal .mt-2 {
  margin-top: .5rem !important
}

#navbarWrapper .mr-2,
reach-portal .mr-2 {
  margin-right: .5rem !important
}

#navbarWrapper .mb-2,
reach-portal .mb-2 {
  margin-bottom: .5rem !important
}

#navbarWrapper .ml-2,
reach-portal .ml-2 {
  margin-left: .5rem !important
}

#navbarWrapper .mt-3,
reach-portal .mt-3 {
  margin-top: .75rem !important
}

#navbarWrapper .mr-3,
reach-portal .mr-3 {
  margin-right: .75rem !important
}

#navbarWrapper .mb-3,
reach-portal .mb-3 {
  margin-bottom: .75rem !important
}

#navbarWrapper .ml-3,
reach-portal .ml-3 {
  margin-left: .75rem !important
}

#navbarWrapper .mt-4,
reach-portal .mt-4 {
  margin-top: 1rem !important
}

#navbarWrapper .mr-4,
reach-portal .mr-4 {
  margin-right: 1rem !important
}

#navbarWrapper .mb-4,
reach-portal .mb-4 {
  margin-bottom: 1rem !important
}

#navbarWrapper .ml-4,
reach-portal .ml-4 {
  margin-left: 1rem !important
}

#navbarWrapper .mt-5,
reach-portal .mt-5 {
  margin-top: 1.25rem !important
}

#navbarWrapper .mr-5,
reach-portal .mr-5 {
  margin-right: 1.25rem !important
}

#navbarWrapper .mb-5,
reach-portal .mb-5 {
  margin-bottom: 1.25rem !important
}

#navbarWrapper .ml-5,
reach-portal .ml-5 {
  margin-left: 1.25rem !important
}

#navbarWrapper .mt-6,
reach-portal .mt-6 {
  margin-top: 1.5rem !important
}

#navbarWrapper .mr-6,
reach-portal .mr-6 {
  margin-right: 1.5rem !important
}

#navbarWrapper .mb-6,
reach-portal .mb-6 {
  margin-bottom: 1.5rem !important
}

#navbarWrapper .ml-6,
reach-portal .ml-6 {
  margin-left: 1.5rem !important
}

#navbarWrapper .mt-8,
reach-portal .mt-8 {
  margin-top: 2rem !important
}

#navbarWrapper .mr-8,
reach-portal .mr-8 {
  margin-right: 2rem !important
}

#navbarWrapper .mb-8,
reach-portal .mb-8 {
  margin-bottom: 2rem !important
}

#navbarWrapper .ml-8,
reach-portal .ml-8 {
  margin-left: 2rem !important
}

#navbarWrapper .mt-10,
reach-portal .mt-10 {
  margin-top: 2.5rem !important
}

#navbarWrapper .mr-10,
reach-portal .mr-10 {
  margin-right: 2.5rem !important
}

#navbarWrapper .mb-10,
reach-portal .mb-10 {
  margin-bottom: 2.5rem !important
}

#navbarWrapper .ml-10,
reach-portal .ml-10 {
  margin-left: 2.5rem !important
}

#navbarWrapper .mt-12,
reach-portal .mt-12 {
  margin-top: 3rem !important
}

#navbarWrapper .mr-12,
reach-portal .mr-12 {
  margin-right: 3rem !important
}

#navbarWrapper .mb-12,
reach-portal .mb-12 {
  margin-bottom: 3rem !important
}

#navbarWrapper .ml-12,
reach-portal .ml-12 {
  margin-left: 3rem !important
}

#navbarWrapper .mt-16,
reach-portal .mt-16 {
  margin-top: 4rem !important
}

#navbarWrapper .mr-16,
reach-portal .mr-16 {
  margin-right: 4rem !important
}

#navbarWrapper .mb-16,
reach-portal .mb-16 {
  margin-bottom: 4rem !important
}

#navbarWrapper .ml-16,
reach-portal .ml-16 {
  margin-left: 4rem !important
}

#navbarWrapper .mt-20,
reach-portal .mt-20 {
  margin-top: 5rem !important
}

#navbarWrapper .mr-20,
reach-portal .mr-20 {
  margin-right: 5rem !important
}

#navbarWrapper .mb-20,
reach-portal .mb-20 {
  margin-bottom: 5rem !important
}

#navbarWrapper .ml-20,
reach-portal .ml-20 {
  margin-left: 5rem !important
}

#navbarWrapper .mt-24,
reach-portal .mt-24 {
  margin-top: 6rem !important
}

#navbarWrapper .mr-24,
reach-portal .mr-24 {
  margin-right: 6rem !important
}

#navbarWrapper .mb-24,
reach-portal .mb-24 {
  margin-bottom: 6rem !important
}

#navbarWrapper .ml-24,
reach-portal .ml-24 {
  margin-left: 6rem !important
}

#navbarWrapper .mt-32,
reach-portal .mt-32 {
  margin-top: 8rem !important
}

#navbarWrapper .mr-32,
reach-portal .mr-32 {
  margin-right: 8rem !important
}

#navbarWrapper .mb-32,
reach-portal .mb-32 {
  margin-bottom: 8rem !important
}

#navbarWrapper .ml-32,
reach-portal .ml-32 {
  margin-left: 8rem !important
}

#navbarWrapper .mt-40,
reach-portal .mt-40 {
  margin-top: 10rem !important
}

#navbarWrapper .mr-40,
reach-portal .mr-40 {
  margin-right: 10rem !important
}

#navbarWrapper .mb-40,
reach-portal .mb-40 {
  margin-bottom: 10rem !important
}

#navbarWrapper .ml-40,
reach-portal .ml-40 {
  margin-left: 10rem !important
}

#navbarWrapper .mt-48,
reach-portal .mt-48 {
  margin-top: 12rem !important
}

#navbarWrapper .mr-48,
reach-portal .mr-48 {
  margin-right: 12rem !important
}

#navbarWrapper .mb-48,
reach-portal .mb-48 {
  margin-bottom: 12rem !important
}

#navbarWrapper .ml-48,
reach-portal .ml-48 {
  margin-left: 12rem !important
}

#navbarWrapper .mt-56,
reach-portal .mt-56 {
  margin-top: 14rem !important
}

#navbarWrapper .mr-56,
reach-portal .mr-56 {
  margin-right: 14rem !important
}

#navbarWrapper .mb-56,
reach-portal .mb-56 {
  margin-bottom: 14rem !important
}

#navbarWrapper .ml-56,
reach-portal .ml-56 {
  margin-left: 14rem !important
}

#navbarWrapper .mt-64,
reach-portal .mt-64 {
  margin-top: 16rem !important
}

#navbarWrapper .mr-64,
reach-portal .mr-64 {
  margin-right: 16rem !important
}

#navbarWrapper .mb-64,
reach-portal .mb-64 {
  margin-bottom: 16rem !important
}

#navbarWrapper .ml-64,
reach-portal .ml-64 {
  margin-left: 16rem !important
}

#navbarWrapper .mt-auto,
reach-portal .mt-auto {
  margin-top: auto !important
}

#navbarWrapper .mr-auto,
reach-portal .mr-auto {
  margin-right: auto !important
}

#navbarWrapper .mb-auto,
reach-portal .mb-auto {
  margin-bottom: auto !important
}

#navbarWrapper .ml-auto,
reach-portal .ml-auto {
  margin-left: auto !important
}

#navbarWrapper .mt-px,
reach-portal .mt-px {
  margin-top: 1px !important
}

#navbarWrapper .mr-px,
reach-portal .mr-px {
  margin-right: 1px !important
}

#navbarWrapper .mb-px,
reach-portal .mb-px {
  margin-bottom: 1px !important
}

#navbarWrapper .ml-px,
reach-portal .ml-px {
  margin-left: 1px !important
}

#navbarWrapper .-mt-1,
reach-portal .-mt-1 {
  margin-top: -.25rem !important
}

#navbarWrapper .-mr-1,
reach-portal .-mr-1 {
  margin-right: -.25rem !important
}

#navbarWrapper .-mb-1,
reach-portal .-mb-1 {
  margin-bottom: -.25rem !important
}

#navbarWrapper .-ml-1,
reach-portal .-ml-1 {
  margin-left: -.25rem !important
}

#navbarWrapper .-mt-2,
reach-portal .-mt-2 {
  margin-top: -.5rem !important
}

#navbarWrapper .-mr-2,
reach-portal .-mr-2 {
  margin-right: -.5rem !important
}

#navbarWrapper .-mb-2,
reach-portal .-mb-2 {
  margin-bottom: -.5rem !important
}

#navbarWrapper .-ml-2,
reach-portal .-ml-2 {
  margin-left: -.5rem !important
}

#navbarWrapper .-mt-3,
reach-portal .-mt-3 {
  margin-top: -.75rem !important
}

#navbarWrapper .-mr-3,
reach-portal .-mr-3 {
  margin-right: -.75rem !important
}

#navbarWrapper .-mb-3,
reach-portal .-mb-3 {
  margin-bottom: -.75rem !important
}

#navbarWrapper .-ml-3,
reach-portal .-ml-3 {
  margin-left: -.75rem !important
}

#navbarWrapper .-mt-4,
reach-portal .-mt-4 {
  margin-top: -1rem !important
}

#navbarWrapper .-mr-4,
reach-portal .-mr-4 {
  margin-right: -1rem !important
}

#navbarWrapper .-mb-4,
reach-portal .-mb-4 {
  margin-bottom: -1rem !important
}

#navbarWrapper .-ml-4,
reach-portal .-ml-4 {
  margin-left: -1rem !important
}

#navbarWrapper .-mt-5,
reach-portal .-mt-5 {
  margin-top: -1.25rem !important
}

#navbarWrapper .-mr-5,
reach-portal .-mr-5 {
  margin-right: -1.25rem !important
}

#navbarWrapper .-mb-5,
reach-portal .-mb-5 {
  margin-bottom: -1.25rem !important
}

#navbarWrapper .-ml-5,
reach-portal .-ml-5 {
  margin-left: -1.25rem !important
}

#navbarWrapper .-mt-6,
reach-portal .-mt-6 {
  margin-top: -1.5rem !important
}

#navbarWrapper .-mr-6,
reach-portal .-mr-6 {
  margin-right: -1.5rem !important
}

#navbarWrapper .-mb-6,
reach-portal .-mb-6 {
  margin-bottom: -1.5rem !important
}

#navbarWrapper .-ml-6,
reach-portal .-ml-6 {
  margin-left: -1.5rem !important
}

#navbarWrapper .-mt-8,
reach-portal .-mt-8 {
  margin-top: -2rem !important
}

#navbarWrapper .-mr-8,
reach-portal .-mr-8 {
  margin-right: -2rem !important
}

#navbarWrapper .-mb-8,
reach-portal .-mb-8 {
  margin-bottom: -2rem !important
}

#navbarWrapper .-ml-8,
reach-portal .-ml-8 {
  margin-left: -2rem !important
}

#navbarWrapper .-mt-10,
reach-portal .-mt-10 {
  margin-top: -2.5rem !important
}

#navbarWrapper .-mr-10,
reach-portal .-mr-10 {
  margin-right: -2.5rem !important
}

#navbarWrapper .-mb-10,
reach-portal .-mb-10 {
  margin-bottom: -2.5rem !important
}

#navbarWrapper .-ml-10,
reach-portal .-ml-10 {
  margin-left: -2.5rem !important
}

#navbarWrapper .-mt-12,
reach-portal .-mt-12 {
  margin-top: -3rem !important
}

#navbarWrapper .-mr-12,
reach-portal .-mr-12 {
  margin-right: -3rem !important
}

#navbarWrapper .-mb-12,
reach-portal .-mb-12 {
  margin-bottom: -3rem !important
}

#navbarWrapper .-ml-12,
reach-portal .-ml-12 {
  margin-left: -3rem !important
}

#navbarWrapper .-mt-16,
reach-portal .-mt-16 {
  margin-top: -4rem !important
}

#navbarWrapper .-mr-16,
reach-portal .-mr-16 {
  margin-right: -4rem !important
}

#navbarWrapper .-mb-16,
reach-portal .-mb-16 {
  margin-bottom: -4rem !important
}

#navbarWrapper .-ml-16,
reach-portal .-ml-16 {
  margin-left: -4rem !important
}

#navbarWrapper .-mt-20,
reach-portal .-mt-20 {
  margin-top: -5rem !important
}

#navbarWrapper .-mr-20,
reach-portal .-mr-20 {
  margin-right: -5rem !important
}

#navbarWrapper .-mb-20,
reach-portal .-mb-20 {
  margin-bottom: -5rem !important
}

#navbarWrapper .-ml-20,
reach-portal .-ml-20 {
  margin-left: -5rem !important
}

#navbarWrapper .-mt-24,
reach-portal .-mt-24 {
  margin-top: -6rem !important
}

#navbarWrapper .-mr-24,
reach-portal .-mr-24 {
  margin-right: -6rem !important
}

#navbarWrapper .-mb-24,
reach-portal .-mb-24 {
  margin-bottom: -6rem !important
}

#navbarWrapper .-ml-24,
reach-portal .-ml-24 {
  margin-left: -6rem !important
}

#navbarWrapper .-mt-32,
reach-portal .-mt-32 {
  margin-top: -8rem !important
}

#navbarWrapper .-mr-32,
reach-portal .-mr-32 {
  margin-right: -8rem !important
}

#navbarWrapper .-mb-32,
reach-portal .-mb-32 {
  margin-bottom: -8rem !important
}

#navbarWrapper .-ml-32,
reach-portal .-ml-32 {
  margin-left: -8rem !important
}

#navbarWrapper .-mt-40,
reach-portal .-mt-40 {
  margin-top: -10rem !important
}

#navbarWrapper .-mr-40,
reach-portal .-mr-40 {
  margin-right: -10rem !important
}

#navbarWrapper .-mb-40,
reach-portal .-mb-40 {
  margin-bottom: -10rem !important
}

#navbarWrapper .-ml-40,
reach-portal .-ml-40 {
  margin-left: -10rem !important
}

#navbarWrapper .-mt-48,
reach-portal .-mt-48 {
  margin-top: -12rem !important
}

#navbarWrapper .-mr-48,
reach-portal .-mr-48 {
  margin-right: -12rem !important
}

#navbarWrapper .-mb-48,
reach-portal .-mb-48 {
  margin-bottom: -12rem !important
}

#navbarWrapper .-ml-48,
reach-portal .-ml-48 {
  margin-left: -12rem !important
}

#navbarWrapper .-mt-56,
reach-portal .-mt-56 {
  margin-top: -14rem !important
}

#navbarWrapper .-mr-56,
reach-portal .-mr-56 {
  margin-right: -14rem !important
}

#navbarWrapper .-mb-56,
reach-portal .-mb-56 {
  margin-bottom: -14rem !important
}

#navbarWrapper .-ml-56,
reach-portal .-ml-56 {
  margin-left: -14rem !important
}

#navbarWrapper .-mt-64,
reach-portal .-mt-64 {
  margin-top: -16rem !important
}

#navbarWrapper .-mr-64,
reach-portal .-mr-64 {
  margin-right: -16rem !important
}

#navbarWrapper .-mb-64,
reach-portal .-mb-64 {
  margin-bottom: -16rem !important
}

#navbarWrapper .-ml-64,
reach-portal .-ml-64 {
  margin-left: -16rem !important
}

#navbarWrapper .-mt-px,
reach-portal .-mt-px {
  margin-top: -1px !important
}

#navbarWrapper .-mr-px,
reach-portal .-mr-px {
  margin-right: -1px !important
}

#navbarWrapper .-mb-px,
reach-portal .-mb-px {
  margin-bottom: -1px !important
}

#navbarWrapper .-ml-px,
reach-portal .-ml-px {
  margin-left: -1px !important
}

#navbarWrapper .max-h-full,
reach-portal .max-h-full {
  max-height: 100% !important
}

#navbarWrapper .max-h-screen,
reach-portal .max-h-screen {
  max-height: 100vh !important
}

#navbarWrapper .max-w-none,
reach-portal .max-w-none {
  max-width: none !important
}

#navbarWrapper .max-w-xs,
reach-portal .max-w-xs {
  max-width: 20rem !important
}

#navbarWrapper .max-w-sm,
reach-portal .max-w-sm {
  max-width: 24rem !important
}

#navbarWrapper .max-w-md,
reach-portal .max-w-md {
  max-width: 28rem !important
}

#navbarWrapper .max-w-lg,
reach-portal .max-w-lg {
  max-width: 32rem !important
}

#navbarWrapper .max-w-xl,
reach-portal .max-w-xl {
  max-width: 36rem !important
}

#navbarWrapper .max-w-2xl,
reach-portal .max-w-2xl {
  max-width: 42rem !important
}

#navbarWrapper .max-w-3xl,
reach-portal .max-w-3xl {
  max-width: 48rem !important
}

#navbarWrapper .max-w-4xl,
reach-portal .max-w-4xl {
  max-width: 56rem !important
}

#navbarWrapper .max-w-5xl,
reach-portal .max-w-5xl {
  max-width: 64rem !important
}

#navbarWrapper .max-w-6xl,
reach-portal .max-w-6xl {
  max-width: 72rem !important
}

#navbarWrapper .max-w-full,
reach-portal .max-w-full {
  max-width: 100% !important
}

#navbarWrapper .max-w-screen-sm,
reach-portal .max-w-screen-sm {
  max-width: 576px !important
}

#navbarWrapper .max-w-screen-md,
reach-portal .max-w-screen-md {
  max-width: 768px !important
}

#navbarWrapper .max-w-screen-lg,
reach-portal .max-w-screen-lg {
  max-width: 992px !important
}

#navbarWrapper .max-w-screen-xl,
reach-portal .max-w-screen-xl {
  max-width: 1200px !important
}

#navbarWrapper .min-h-0,
reach-portal .min-h-0 {
  min-height: 0 !important
}

#navbarWrapper .min-h-full,
reach-portal .min-h-full {
  min-height: 100% !important
}

#navbarWrapper .min-h-screen,
reach-portal .min-h-screen {
  min-height: 100vh !important
}

#navbarWrapper .min-w-0,
reach-portal .min-w-0 {
  min-width: 0 !important
}

#navbarWrapper .min-w-full,
reach-portal .min-w-full {
  min-width: 100% !important
}

#navbarWrapper .object-contain,
reach-portal .object-contain {
  object-fit: contain !important
}

#navbarWrapper .object-cover,
reach-portal .object-cover {
  object-fit: cover !important
}

#navbarWrapper .object-fill,
reach-portal .object-fill {
  object-fit: fill !important
}

#navbarWrapper .object-none,
reach-portal .object-none {
  object-fit: none !important
}

#navbarWrapper .object-scale-down,
reach-portal .object-scale-down {
  object-fit: scale-down !important
}

#navbarWrapper .object-bottom,
reach-portal .object-bottom {
  object-position: bottom !important
}

#navbarWrapper .object-center,
reach-portal .object-center {
  object-position: center !important
}

#navbarWrapper .object-left,
reach-portal .object-left {
  object-position: left !important
}

#navbarWrapper .object-left-bottom,
reach-portal .object-left-bottom {
  object-position: left bottom !important
}

#navbarWrapper .object-left-top,
reach-portal .object-left-top {
  object-position: left top !important
}

#navbarWrapper .object-right,
reach-portal .object-right {
  object-position: right !important
}

#navbarWrapper .object-right-bottom,
reach-portal .object-right-bottom {
  object-position: right bottom !important
}

#navbarWrapper .object-right-top,
reach-portal .object-right-top {
  object-position: right top !important
}

#navbarWrapper .object-top,
reach-portal .object-top {
  object-position: top !important
}

#navbarWrapper .opacity-0,
reach-portal .opacity-0 {
  opacity: 0 !important
}

#navbarWrapper .opacity-25,
reach-portal .opacity-25 {
  opacity: .25 !important
}

#navbarWrapper .opacity-50,
reach-portal .opacity-50 {
  opacity: .5 !important
}

#navbarWrapper .opacity-75,
reach-portal .opacity-75 {
  opacity: .75 !important
}

#navbarWrapper .opacity-100,
reach-portal .opacity-100 {
  opacity: 1 !important
}

#navbarWrapper .hover\:opacity-0:hover,
reach-portal .hover\:opacity-0:hover {
  opacity: 0 !important
}

#navbarWrapper .hover\:opacity-25:hover,
reach-portal .hover\:opacity-25:hover {
  opacity: .25 !important
}

#navbarWrapper .hover\:opacity-50:hover,
reach-portal .hover\:opacity-50:hover {
  opacity: .5 !important
}

#navbarWrapper .hover\:opacity-75:hover,
reach-portal .hover\:opacity-75:hover {
  opacity: .75 !important
}

#navbarWrapper .hover\:opacity-100:hover,
reach-portal .hover\:opacity-100:hover {
  opacity: 1 !important
}

#navbarWrapper .focus\:outline-none:focus,
#navbarWrapper .outline-none,
reach-portal .focus\:outline-none:focus,
reach-portal .outline-none {
  outline: 0 !important
}

#navbarWrapper .overflow-auto,
reach-portal .overflow-auto {
  overflow: auto !important
}

#navbarWrapper .overflow-hidden,
reach-portal .overflow-hidden {
  overflow: hidden !important
}

#navbarWrapper .overflow-visible,
reach-portal .overflow-visible {
  overflow: visible !important
}

#navbarWrapper .overflow-scroll,
reach-portal .overflow-scroll {
  overflow: scroll !important
}

#navbarWrapper .overflow-x-auto,
reach-portal .overflow-x-auto {
  overflow-x: auto !important
}

#navbarWrapper .overflow-y-auto,
reach-portal .overflow-y-auto {
  overflow-y: auto !important
}

#navbarWrapper .overflow-x-hidden,
reach-portal .overflow-x-hidden {
  overflow-x: hidden !important
}

#navbarWrapper .overflow-y-hidden,
reach-portal .overflow-y-hidden {
  overflow-y: hidden !important
}

#navbarWrapper .overflow-x-visible,
reach-portal .overflow-x-visible {
  overflow-x: visible !important
}

#navbarWrapper .overflow-y-visible,
reach-portal .overflow-y-visible {
  overflow-y: visible !important
}

#navbarWrapper .overflow-x-scroll,
reach-portal .overflow-x-scroll {
  overflow-x: scroll !important
}

#navbarWrapper .overflow-y-scroll,
reach-portal .overflow-y-scroll {
  overflow-y: scroll !important
}

#navbarWrapper .scrolling-touch,
reach-portal .scrolling-touch {
  -webkit-overflow-scrolling: touch !important
}

#navbarWrapper .scrolling-auto,
reach-portal .scrolling-auto {
  -webkit-overflow-scrolling: auto !important
}

#navbarWrapper .p-0,
reach-portal .p-0 {
  padding: 0 !important
}

#navbarWrapper .p-1,
reach-portal .p-1 {
  padding: .25rem !important
}

#navbarWrapper .p-2,
reach-portal .p-2 {
  padding: .5rem !important
}

#navbarWrapper .p-3,
reach-portal .p-3 {
  padding: .75rem !important
}

#navbarWrapper .p-4,
reach-portal .p-4 {
  padding: 1rem !important
}

#navbarWrapper .p-5,
reach-portal .p-5 {
  padding: 1.25rem !important
}

#navbarWrapper .p-6,
reach-portal .p-6 {
  padding: 1.5rem !important
}

#navbarWrapper .p-8,
reach-portal .p-8 {
  padding: 2rem !important
}

#navbarWrapper .p-10,
reach-portal .p-10 {
  padding: 2.5rem !important
}

#navbarWrapper .p-12,
reach-portal .p-12 {
  padding: 3rem !important
}

#navbarWrapper .p-16,
reach-portal .p-16 {
  padding: 4rem !important
}

#navbarWrapper .p-20,
reach-portal .p-20 {
  padding: 5rem !important
}

#navbarWrapper .p-24,
reach-portal .p-24 {
  padding: 6rem !important
}

#navbarWrapper .p-32,
reach-portal .p-32 {
  padding: 8rem !important
}

#navbarWrapper .p-40,
reach-portal .p-40 {
  padding: 10rem !important
}

#navbarWrapper .p-48,
reach-portal .p-48 {
  padding: 12rem !important
}

#navbarWrapper .p-56,
reach-portal .p-56 {
  padding: 14rem !important
}

#navbarWrapper .p-64,
reach-portal .p-64 {
  padding: 16rem !important
}

#navbarWrapper .p-px,
reach-portal .p-px {
  padding: 1px !important
}

#navbarWrapper .py-0,
reach-portal .py-0 {
  padding-bottom: 0 !important;
  padding-top: 0 !important
}

#navbarWrapper .px-0,
reach-portal .px-0 {
  padding-left: 0 !important;
  padding-right: 0 !important
}

#navbarWrapper .py-1,
reach-portal .py-1 {
  padding-bottom: .25rem !important;
  padding-top: .25rem !important
}

#navbarWrapper .px-1,
reach-portal .px-1 {
  padding-left: .25rem !important;
  padding-right: .25rem !important
}

#navbarWrapper .py-2,
reach-portal .py-2 {
  padding-bottom: .5rem !important;
  padding-top: .5rem !important
}

#navbarWrapper .px-2,
reach-portal .px-2 {
  padding-left: .5rem !important;
  padding-right: .5rem !important
}

#navbarWrapper .py-3,
reach-portal .py-3 {
  padding-bottom: .75rem !important;
  padding-top: .75rem !important
}

#navbarWrapper .px-3,
reach-portal .px-3 {
  padding-left: .75rem !important;
  padding-right: .75rem !important
}

#navbarWrapper .py-4,
reach-portal .py-4 {
  padding-bottom: 1rem !important;
  padding-top: 1rem !important
}

#navbarWrapper .px-4,
reach-portal .px-4 {
  padding-left: 1rem !important;
  padding-right: 1rem !important
}

#navbarWrapper .py-5,
reach-portal .py-5 {
  padding-bottom: 1.25rem !important;
  padding-top: 1.25rem !important
}

#navbarWrapper .px-5,
reach-portal .px-5 {
  padding-left: 1.25rem !important;
  padding-right: 1.25rem !important
}

#navbarWrapper .py-6,
reach-portal .py-6 {
  padding-bottom: 1.5rem !important;
  padding-top: 1.5rem !important
}

#navbarWrapper .px-6,
reach-portal .px-6 {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important
}

#navbarWrapper .py-8,
reach-portal .py-8 {
  padding-bottom: 2rem !important;
  padding-top: 2rem !important
}

#navbarWrapper .px-8,
reach-portal .px-8 {
  padding-left: 2rem !important;
  padding-right: 2rem !important
}

#navbarWrapper .py-10,
reach-portal .py-10 {
  padding-bottom: 2.5rem !important;
  padding-top: 2.5rem !important
}

#navbarWrapper .px-10,
reach-portal .px-10 {
  padding-left: 2.5rem !important;
  padding-right: 2.5rem !important
}

#navbarWrapper .py-12,
reach-portal .py-12 {
  padding-bottom: 3rem !important;
  padding-top: 3rem !important
}

#navbarWrapper .px-12,
reach-portal .px-12 {
  padding-left: 3rem !important;
  padding-right: 3rem !important
}

#navbarWrapper .py-16,
reach-portal .py-16 {
  padding-bottom: 4rem !important;
  padding-top: 4rem !important
}

#navbarWrapper .px-16,
reach-portal .px-16 {
  padding-left: 4rem !important;
  padding-right: 4rem !important
}

#navbarWrapper .py-20,
reach-portal .py-20 {
  padding-bottom: 5rem !important;
  padding-top: 5rem !important
}

#navbarWrapper .px-20,
reach-portal .px-20 {
  padding-left: 5rem !important;
  padding-right: 5rem !important
}

#navbarWrapper .py-24,
reach-portal .py-24 {
  padding-bottom: 6rem !important;
  padding-top: 6rem !important
}

#navbarWrapper .px-24,
reach-portal .px-24 {
  padding-left: 6rem !important;
  padding-right: 6rem !important
}

#navbarWrapper .py-32,
reach-portal .py-32 {
  padding-bottom: 8rem !important;
  padding-top: 8rem !important
}

#navbarWrapper .px-32,
reach-portal .px-32 {
  padding-left: 8rem !important;
  padding-right: 8rem !important
}

#navbarWrapper .py-40,
reach-portal .py-40 {
  padding-bottom: 10rem !important;
  padding-top: 10rem !important
}

#navbarWrapper .px-40,
reach-portal .px-40 {
  padding-left: 10rem !important;
  padding-right: 10rem !important
}

#navbarWrapper .py-48,
reach-portal .py-48 {
  padding-bottom: 12rem !important;
  padding-top: 12rem !important
}

#navbarWrapper .px-48,
reach-portal .px-48 {
  padding-left: 12rem !important;
  padding-right: 12rem !important
}

#navbarWrapper .py-56,
reach-portal .py-56 {
  padding-bottom: 14rem !important;
  padding-top: 14rem !important
}

#navbarWrapper .px-56,
reach-portal .px-56 {
  padding-left: 14rem !important;
  padding-right: 14rem !important
}

#navbarWrapper .py-64,
reach-portal .py-64 {
  padding-bottom: 16rem !important;
  padding-top: 16rem !important
}

#navbarWrapper .px-64,
reach-portal .px-64 {
  padding-left: 16rem !important;
  padding-right: 16rem !important
}

#navbarWrapper .py-px,
reach-portal .py-px {
  padding-bottom: 1px !important;
  padding-top: 1px !important
}

#navbarWrapper .px-px,
reach-portal .px-px {
  padding-left: 1px !important;
  padding-right: 1px !important
}

#navbarWrapper .pt-0,
reach-portal .pt-0 {
  padding-top: 0 !important
}

#navbarWrapper .pr-0,
reach-portal .pr-0 {
  padding-right: 0 !important
}

#navbarWrapper .pb-0,
reach-portal .pb-0 {
  padding-bottom: 0 !important
}

#navbarWrapper .pl-0,
reach-portal .pl-0 {
  padding-left: 0 !important
}

#navbarWrapper .pt-1,
reach-portal .pt-1 {
  padding-top: .25rem !important
}

#navbarWrapper .pr-1,
reach-portal .pr-1 {
  padding-right: .25rem !important
}

#navbarWrapper .pb-1,
reach-portal .pb-1 {
  padding-bottom: .25rem !important
}

#navbarWrapper .pl-1,
reach-portal .pl-1 {
  padding-left: .25rem !important
}

#navbarWrapper .pt-2,
reach-portal .pt-2 {
  padding-top: .5rem !important
}

#navbarWrapper .pr-2,
reach-portal .pr-2 {
  padding-right: .5rem !important
}

#navbarWrapper .pb-2,
reach-portal .pb-2 {
  padding-bottom: .5rem !important
}

#navbarWrapper .pl-2,
reach-portal .pl-2 {
  padding-left: .5rem !important
}

#navbarWrapper .pt-3,
reach-portal .pt-3 {
  padding-top: .75rem !important
}

#navbarWrapper .pr-3,
reach-portal .pr-3 {
  padding-right: .75rem !important
}

#navbarWrapper .pb-3,
reach-portal .pb-3 {
  padding-bottom: .75rem !important
}

#navbarWrapper .pl-3,
reach-portal .pl-3 {
  padding-left: .75rem !important
}

#navbarWrapper .pt-4,
reach-portal .pt-4 {
  padding-top: 1rem !important
}

#navbarWrapper .pr-4,
reach-portal .pr-4 {
  padding-right: 1rem !important
}

#navbarWrapper .pb-4,
reach-portal .pb-4 {
  padding-bottom: 1rem !important
}

#navbarWrapper .pl-4,
reach-portal .pl-4 {
  padding-left: 1rem !important
}

#navbarWrapper .pt-5,
reach-portal .pt-5 {
  padding-top: 1.25rem !important
}

#navbarWrapper .pr-5,
reach-portal .pr-5 {
  padding-right: 1.25rem !important
}

#navbarWrapper .pb-5,
reach-portal .pb-5 {
  padding-bottom: 1.25rem !important
}

#navbarWrapper .pl-5,
reach-portal .pl-5 {
  padding-left: 1.25rem !important
}

#navbarWrapper .pt-6,
reach-portal .pt-6 {
  padding-top: 1.5rem !important
}

#navbarWrapper .pr-6,
reach-portal .pr-6 {
  padding-right: 1.5rem !important
}

#navbarWrapper .pb-6,
reach-portal .pb-6 {
  padding-bottom: 1.5rem !important
}

#navbarWrapper .pl-6,
reach-portal .pl-6 {
  padding-left: 1.5rem !important
}

#navbarWrapper .pt-8,
reach-portal .pt-8 {
  padding-top: 2rem !important
}

#navbarWrapper .pr-8,
reach-portal .pr-8 {
  padding-right: 2rem !important
}

#navbarWrapper .pb-8,
reach-portal .pb-8 {
  padding-bottom: 2rem !important
}

#navbarWrapper .pl-8,
reach-portal .pl-8 {
  padding-left: 2rem !important
}

#navbarWrapper .pt-10,
reach-portal .pt-10 {
  padding-top: 2.5rem !important
}

#navbarWrapper .pr-10,
reach-portal .pr-10 {
  padding-right: 2.5rem !important
}

#navbarWrapper .pb-10,
reach-portal .pb-10 {
  padding-bottom: 2.5rem !important
}

#navbarWrapper .pl-10,
reach-portal .pl-10 {
  padding-left: 2.5rem !important
}

#navbarWrapper .pt-12,
reach-portal .pt-12 {
  padding-top: 3rem !important
}

#navbarWrapper .pr-12,
reach-portal .pr-12 {
  padding-right: 3rem !important
}

#navbarWrapper .pb-12,
reach-portal .pb-12 {
  padding-bottom: 3rem !important
}

#navbarWrapper .pl-12,
reach-portal .pl-12 {
  padding-left: 3rem !important
}

#navbarWrapper .pt-16,
reach-portal .pt-16 {
  padding-top: 4rem !important
}

#navbarWrapper .pr-16,
reach-portal .pr-16 {
  padding-right: 4rem !important
}

#navbarWrapper .pb-16,
reach-portal .pb-16 {
  padding-bottom: 4rem !important
}

#navbarWrapper .pl-16,
reach-portal .pl-16 {
  padding-left: 4rem !important
}

#navbarWrapper .pt-20,
reach-portal .pt-20 {
  padding-top: 5rem !important
}

#navbarWrapper .pr-20,
reach-portal .pr-20 {
  padding-right: 5rem !important
}

#navbarWrapper .pb-20,
reach-portal .pb-20 {
  padding-bottom: 5rem !important
}

#navbarWrapper .pl-20,
reach-portal .pl-20 {
  padding-left: 5rem !important
}

#navbarWrapper .pt-24,
reach-portal .pt-24 {
  padding-top: 6rem !important
}

#navbarWrapper .pr-24,
reach-portal .pr-24 {
  padding-right: 6rem !important
}

#navbarWrapper .pb-24,
reach-portal .pb-24 {
  padding-bottom: 6rem !important
}

#navbarWrapper .pl-24,
reach-portal .pl-24 {
  padding-left: 6rem !important
}

#navbarWrapper .pt-32,
reach-portal .pt-32 {
  padding-top: 8rem !important
}

#navbarWrapper .pr-32,
reach-portal .pr-32 {
  padding-right: 8rem !important
}

#navbarWrapper .pb-32,
reach-portal .pb-32 {
  padding-bottom: 8rem !important
}

#navbarWrapper .pl-32,
reach-portal .pl-32 {
  padding-left: 8rem !important
}

#navbarWrapper .pt-40,
reach-portal .pt-40 {
  padding-top: 10rem !important
}

#navbarWrapper .pr-40,
reach-portal .pr-40 {
  padding-right: 10rem !important
}

#navbarWrapper .pb-40,
reach-portal .pb-40 {
  padding-bottom: 10rem !important
}

#navbarWrapper .pl-40,
reach-portal .pl-40 {
  padding-left: 10rem !important
}

#navbarWrapper .pt-48,
reach-portal .pt-48 {
  padding-top: 12rem !important
}

#navbarWrapper .pr-48,
reach-portal .pr-48 {
  padding-right: 12rem !important
}

#navbarWrapper .pb-48,
reach-portal .pb-48 {
  padding-bottom: 12rem !important
}

#navbarWrapper .pl-48,
reach-portal .pl-48 {
  padding-left: 12rem !important
}

#navbarWrapper .pt-56,
reach-portal .pt-56 {
  padding-top: 14rem !important
}

#navbarWrapper .pr-56,
reach-portal .pr-56 {
  padding-right: 14rem !important
}

#navbarWrapper .pb-56,
reach-portal .pb-56 {
  padding-bottom: 14rem !important
}

#navbarWrapper .pl-56,
reach-portal .pl-56 {
  padding-left: 14rem !important
}

#navbarWrapper .pt-64,
reach-portal .pt-64 {
  padding-top: 16rem !important
}

#navbarWrapper .pr-64,
reach-portal .pr-64 {
  padding-right: 16rem !important
}

#navbarWrapper .pb-64,
reach-portal .pb-64 {
  padding-bottom: 16rem !important
}

#navbarWrapper .pl-64,
reach-portal .pl-64 {
  padding-left: 16rem !important
}

#navbarWrapper .pt-px,
reach-portal .pt-px {
  padding-top: 1px !important
}

#navbarWrapper .pr-px,
reach-portal .pr-px {
  padding-right: 1px !important
}

#navbarWrapper .pb-px,
reach-portal .pb-px {
  padding-bottom: 1px !important
}

#navbarWrapper .pl-px,
reach-portal .pl-px {
  padding-left: 1px !important
}

#navbarWrapper .placeholder-transparent::placeholder,
reach-portal .placeholder-transparent::placeholder {
  color: #0000 !important
}

#navbarWrapper .placeholder-current::placeholder,
reach-portal .placeholder-current::placeholder {
  color: currentColor !important
}

#navbarWrapper .placeholder-black::placeholder,
reach-portal .placeholder-black::placeholder {
  --placeholder-opacity: 1 !important;
  color: #000 !important;
  color: rgba(0, 0, 0, var(--placeholder-opacity)) !important
}

#navbarWrapper .placeholder-white::placeholder,
reach-portal .placeholder-white::placeholder {
  --placeholder-opacity: 1 !important;
  color: #fff !important;
  color: rgba(255, 255, 255, var(--placeholder-opacity)) !important
}

#navbarWrapper .placeholder-gray-100::placeholder,
reach-portal .placeholder-gray-100::placeholder {
  --placeholder-opacity: 1 !important;
  color: #f7fafc !important;
  color: rgba(247, 250, 252, var(--placeholder-opacity)) !important
}

#navbarWrapper .placeholder-gray-200::placeholder,
reach-portal .placeholder-gray-200::placeholder {
  --placeholder-opacity: 1 !important;
  color: #edf2f7 !important;
  color: rgba(237, 242, 247, var(--placeholder-opacity)) !important
}

#navbarWrapper .placeholder-gray-300::placeholder,
reach-portal .placeholder-gray-300::placeholder {
  --placeholder-opacity: 1 !important;
  color: #e2e8f0 !important;
  color: rgba(226, 232, 240, var(--placeholder-opacity)) !important
}

#navbarWrapper .placeholder-gray-400::placeholder,
reach-portal .placeholder-gray-400::placeholder {
  --placeholder-opacity: 1 !important;
  color: #cbd5e0 !important;
  color: rgba(203, 213, 224, var(--placeholder-opacity)) !important
}

#navbarWrapper .placeholder-gray-500::placeholder,
reach-portal .placeholder-gray-500::placeholder {
  --placeholder-opacity: 1 !important;
  color: #a0aec0 !important;
  color: rgba(160, 174, 192, var(--placeholder-opacity)) !important
}

#navbarWrapper .placeholder-gray-600::placeholder,
reach-portal .placeholder-gray-600::placeholder {
  --placeholder-opacity: 1 !important;
  color: #718096 !important;
  color: rgba(113, 128, 150, var(--placeholder-opacity)) !important
}

#navbarWrapper .placeholder-gray-700::placeholder,
reach-portal .placeholder-gray-700::placeholder {
  --placeholder-opacity: 1 !important;
  color: #4a5568 !important;
  color: rgba(74, 85, 104, var(--placeholder-opacity)) !important
}

#navbarWrapper .placeholder-gray-800::placeholder,
reach-portal .placeholder-gray-800::placeholder {
  --placeholder-opacity: 1 !important;
  color: #2d3748 !important;
  color: rgba(45, 55, 72, var(--placeholder-opacity)) !important
}

#navbarWrapper .placeholder-gray-900::placeholder,
reach-portal .placeholder-gray-900::placeholder {
  --placeholder-opacity: 1 !important;
  color: #1a202c !important;
  color: rgba(26, 32, 44, var(--placeholder-opacity)) !important
}

#navbarWrapper .placeholder-red-100::placeholder,
reach-portal .placeholder-red-100::placeholder {
  --placeholder-opacity: 1 !important;
  color: #fff5f5 !important;
  color: rgba(255, 245, 245, var(--placeholder-opacity)) !important
}

#navbarWrapper .placeholder-red-200::placeholder,
reach-portal .placeholder-red-200::placeholder {
  --placeholder-opacity: 1 !important;
  color: #fed7d7 !important;
  color: rgba(254, 215, 215, var(--placeholder-opacity)) !important
}

#navbarWrapper .placeholder-red-300::placeholder,
reach-portal .placeholder-red-300::placeholder {
  --placeholder-opacity: 1 !important;
  color: #feb2b2 !important;
  color: rgba(254, 178, 178, var(--placeholder-opacity)) !important
}

#navbarWrapper .placeholder-red-400::placeholder,
reach-portal .placeholder-red-400::placeholder {
  --placeholder-opacity: 1 !important;
  color: #fc8181 !important;
  color: rgba(252, 129, 129, var(--placeholder-opacity)) !important
}

#navbarWrapper .placeholder-red-500::placeholder,
reach-portal .placeholder-red-500::placeholder {
  --placeholder-opacity: 1 !important;
  color: #f56565 !important;
  color: rgba(245, 101, 101, var(--placeholder-opacity)) !important
}

#navbarWrapper .placeholder-red-600::placeholder,
reach-portal .placeholder-red-600::placeholder {
  --placeholder-opacity: 1 !important;
  color: #e53e3e !important;
  color: rgba(229, 62, 62, var(--placeholder-opacity)) !important
}

#navbarWrapper .placeholder-red-700::placeholder,
reach-portal .placeholder-red-700::placeholder {
  --placeholder-opacity: 1 !important;
  color: #c53030 !important;
  color: rgba(197, 48, 48, var(--placeholder-opacity)) !important
}

#navbarWrapper .placeholder-red-800::placeholder,
reach-portal .placeholder-red-800::placeholder {
  --placeholder-opacity: 1 !important;
  color: #9b2c2c !important;
  color: rgba(155, 44, 44, var(--placeholder-opacity)) !important
}

#navbarWrapper .placeholder-red-900::placeholder,
reach-portal .placeholder-red-900::placeholder {
  --placeholder-opacity: 1 !important;
  color: #742a2a !important;
  color: rgba(116, 42, 42, var(--placeholder-opacity)) !important
}

#navbarWrapper .placeholder-orange-100::placeholder,
reach-portal .placeholder-orange-100::placeholder {
  --placeholder-opacity: 1 !important;
  color: #fffaf0 !important;
  color: rgba(255, 250, 240, var(--placeholder-opacity)) !important
}

#navbarWrapper .placeholder-orange-200::placeholder,
reach-portal .placeholder-orange-200::placeholder {
  --placeholder-opacity: 1 !important;
  color: #feebc8 !important;
  color: rgba(254, 235, 200, var(--placeholder-opacity)) !important
}

#navbarWrapper .placeholder-orange-300::placeholder,
reach-portal .placeholder-orange-300::placeholder {
  --placeholder-opacity: 1 !important;
  color: #fbd38d !important;
  color: rgba(251, 211, 141, var(--placeholder-opacity)) !important
}

#navbarWrapper .placeholder-orange-400::placeholder,
reach-portal .placeholder-orange-400::placeholder {
  --placeholder-opacity: 1 !important;
  color: #f6ad55 !important;
  color: rgba(246, 173, 85, var(--placeholder-opacity)) !important
}

#navbarWrapper .placeholder-orange-500::placeholder,
reach-portal .placeholder-orange-500::placeholder {
  --placeholder-opacity: 1 !important;
  color: #ed8936 !important;
  color: rgba(237, 137, 54, var(--placeholder-opacity)) !important
}

#navbarWrapper .placeholder-orange-600::placeholder,
reach-portal .placeholder-orange-600::placeholder {
  --placeholder-opacity: 1 !important;
  color: #dd6b20 !important;
  color: rgba(221, 107, 32, var(--placeholder-opacity)) !important
}

#navbarWrapper .placeholder-orange-700::placeholder,
reach-portal .placeholder-orange-700::placeholder {
  --placeholder-opacity: 1 !important;
  color: #c05621 !important;
  color: rgba(192, 86, 33, var(--placeholder-opacity)) !important
}

#navbarWrapper .placeholder-orange-800::placeholder,
reach-portal .placeholder-orange-800::placeholder {
  --placeholder-opacity: 1 !important;
  color: #9c4221 !important;
  color: rgba(156, 66, 33, var(--placeholder-opacity)) !important
}

#navbarWrapper .placeholder-orange-900::placeholder,
reach-portal .placeholder-orange-900::placeholder {
  --placeholder-opacity: 1 !important;
  color: #7b341e !important;
  color: rgba(123, 52, 30, var(--placeholder-opacity)) !important
}

#navbarWrapper .placeholder-yellow-100::placeholder,
reach-portal .placeholder-yellow-100::placeholder {
  --placeholder-opacity: 1 !important;
  color: ivory !important;
  color: rgba(255, 255, 240, var(--placeholder-opacity)) !important
}

#navbarWrapper .placeholder-yellow-200::placeholder,
reach-portal .placeholder-yellow-200::placeholder {
  --placeholder-opacity: 1 !important;
  color: #fefcbf !important;
  color: rgba(254, 252, 191, var(--placeholder-opacity)) !important
}

#navbarWrapper .placeholder-yellow-300::placeholder,
reach-portal .placeholder-yellow-300::placeholder {
  --placeholder-opacity: 1 !important;
  color: #faf089 !important;
  color: rgba(250, 240, 137, var(--placeholder-opacity)) !important
}

#navbarWrapper .placeholder-yellow-400::placeholder,
reach-portal .placeholder-yellow-400::placeholder {
  --placeholder-opacity: 1 !important;
  color: #f6e05e !important;
  color: rgba(246, 224, 94, var(--placeholder-opacity)) !important
}

#navbarWrapper .placeholder-yellow-500::placeholder,
reach-portal .placeholder-yellow-500::placeholder {
  --placeholder-opacity: 1 !important;
  color: #ecc94b !important;
  color: rgba(236, 201, 75, var(--placeholder-opacity)) !important
}

#navbarWrapper .placeholder-yellow-600::placeholder,
reach-portal .placeholder-yellow-600::placeholder {
  --placeholder-opacity: 1 !important;
  color: #d69e2e !important;
  color: rgba(214, 158, 46, var(--placeholder-opacity)) !important
}

#navbarWrapper .placeholder-yellow-700::placeholder,
reach-portal .placeholder-yellow-700::placeholder {
  --placeholder-opacity: 1 !important;
  color: #b7791f !important;
  color: rgba(183, 121, 31, var(--placeholder-opacity)) !important
}

#navbarWrapper .placeholder-yellow-800::placeholder,
reach-portal .placeholder-yellow-800::placeholder {
  --placeholder-opacity: 1 !important;
  color: #975a16 !important;
  color: rgba(151, 90, 22, var(--placeholder-opacity)) !important
}

#navbarWrapper .placeholder-yellow-900::placeholder,
reach-portal .placeholder-yellow-900::placeholder {
  --placeholder-opacity: 1 !important;
  color: #744210 !important;
  color: rgba(116, 66, 16, var(--placeholder-opacity)) !important
}

#navbarWrapper .placeholder-green-100::placeholder,
reach-portal .placeholder-green-100::placeholder {
  --placeholder-opacity: 1 !important;
  color: #f0fff4 !important;
  color: rgba(240, 255, 244, var(--placeholder-opacity)) !important
}

#navbarWrapper .placeholder-green-200::placeholder,
reach-portal .placeholder-green-200::placeholder {
  --placeholder-opacity: 1 !important;
  color: #c6f6d5 !important;
  color: rgba(198, 246, 213, var(--placeholder-opacity)) !important
}

#navbarWrapper .placeholder-green-300::placeholder,
reach-portal .placeholder-green-300::placeholder {
  --placeholder-opacity: 1 !important;
  color: #9ae6b4 !important;
  color: rgba(154, 230, 180, var(--placeholder-opacity)) !important
}

#navbarWrapper .placeholder-green-400::placeholder,
reach-portal .placeholder-green-400::placeholder {
  --placeholder-opacity: 1 !important;
  color: #68d391 !important;
  color: rgba(104, 211, 145, var(--placeholder-opacity)) !important
}

#navbarWrapper .placeholder-green-500::placeholder,
reach-portal .placeholder-green-500::placeholder {
  --placeholder-opacity: 1 !important;
  color: #48bb78 !important;
  color: rgba(72, 187, 120, var(--placeholder-opacity)) !important
}

#navbarWrapper .placeholder-green-600::placeholder,
reach-portal .placeholder-green-600::placeholder {
  --placeholder-opacity: 1 !important;
  color: #38a169 !important;
  color: rgba(56, 161, 105, var(--placeholder-opacity)) !important
}

#navbarWrapper .placeholder-green-700::placeholder,
reach-portal .placeholder-green-700::placeholder {
  --placeholder-opacity: 1 !important;
  color: #2f855a !important;
  color: rgba(47, 133, 90, var(--placeholder-opacity)) !important
}

#navbarWrapper .placeholder-green-800::placeholder,
reach-portal .placeholder-green-800::placeholder {
  --placeholder-opacity: 1 !important;
  color: #276749 !important;
  color: rgba(39, 103, 73, var(--placeholder-opacity)) !important
}

#navbarWrapper .placeholder-green-900::placeholder,
reach-portal .placeholder-green-900::placeholder {
  --placeholder-opacity: 1 !important;
  color: #22543d !important;
  color: rgba(34, 84, 61, var(--placeholder-opacity)) !important
}

#navbarWrapper .placeholder-teal-100::placeholder,
reach-portal .placeholder-teal-100::placeholder {
  --placeholder-opacity: 1 !important;
  color: #e6fffa !important;
  color: rgba(230, 255, 250, var(--placeholder-opacity)) !important
}

#navbarWrapper .placeholder-teal-200::placeholder,
reach-portal .placeholder-teal-200::placeholder {
  --placeholder-opacity: 1 !important;
  color: #b2f5ea !important;
  color: rgba(178, 245, 234, var(--placeholder-opacity)) !important
}

#navbarWrapper .placeholder-teal-300::placeholder,
reach-portal .placeholder-teal-300::placeholder {
  --placeholder-opacity: 1 !important;
  color: #81e6d9 !important;
  color: rgba(129, 230, 217, var(--placeholder-opacity)) !important
}

#navbarWrapper .placeholder-teal-400::placeholder,
reach-portal .placeholder-teal-400::placeholder {
  --placeholder-opacity: 1 !important;
  color: #4fd1c5 !important;
  color: rgba(79, 209, 197, var(--placeholder-opacity)) !important
}

#navbarWrapper .placeholder-teal-500::placeholder,
reach-portal .placeholder-teal-500::placeholder {
  --placeholder-opacity: 1 !important;
  color: #38b2ac !important;
  color: rgba(56, 178, 172, var(--placeholder-opacity)) !important
}

#navbarWrapper .placeholder-teal-600::placeholder,
reach-portal .placeholder-teal-600::placeholder {
  --placeholder-opacity: 1 !important;
  color: #319795 !important;
  color: rgba(49, 151, 149, var(--placeholder-opacity)) !important
}

#navbarWrapper .placeholder-teal-700::placeholder,
reach-portal .placeholder-teal-700::placeholder {
  --placeholder-opacity: 1 !important;
  color: #2c7a7b !important;
  color: rgba(44, 122, 123, var(--placeholder-opacity)) !important
}

#navbarWrapper .placeholder-teal-800::placeholder,
reach-portal .placeholder-teal-800::placeholder {
  --placeholder-opacity: 1 !important;
  color: #285e61 !important;
  color: rgba(40, 94, 97, var(--placeholder-opacity)) !important
}

#navbarWrapper .placeholder-teal-900::placeholder,
reach-portal .placeholder-teal-900::placeholder {
  --placeholder-opacity: 1 !important;
  color: #234e52 !important;
  color: rgba(35, 78, 82, var(--placeholder-opacity)) !important
}

#navbarWrapper .placeholder-blue-100::placeholder,
reach-portal .placeholder-blue-100::placeholder {
  --placeholder-opacity: 1 !important;
  color: #ebf8ff !important;
  color: rgba(235, 248, 255, var(--placeholder-opacity)) !important
}

#navbarWrapper .placeholder-blue-200::placeholder,
reach-portal .placeholder-blue-200::placeholder {
  --placeholder-opacity: 1 !important;
  color: #bee3f8 !important;
  color: rgba(190, 227, 248, var(--placeholder-opacity)) !important
}

#navbarWrapper .placeholder-blue-300::placeholder,
reach-portal .placeholder-blue-300::placeholder {
  --placeholder-opacity: 1 !important;
  color: #90cdf4 !important;
  color: rgba(144, 205, 244, var(--placeholder-opacity)) !important
}

#navbarWrapper .placeholder-blue-400::placeholder,
reach-portal .placeholder-blue-400::placeholder {
  --placeholder-opacity: 1 !important;
  color: #63b3ed !important;
  color: rgba(99, 179, 237, var(--placeholder-opacity)) !important
}

#navbarWrapper .placeholder-blue-500::placeholder,
reach-portal .placeholder-blue-500::placeholder {
  --placeholder-opacity: 1 !important;
  color: #4299e1 !important;
  color: rgba(66, 153, 225, var(--placeholder-opacity)) !important
}

#navbarWrapper .placeholder-blue-600::placeholder,
reach-portal .placeholder-blue-600::placeholder {
  --placeholder-opacity: 1 !important;
  color: #3182ce !important;
  color: rgba(49, 130, 206, var(--placeholder-opacity)) !important
}

#navbarWrapper .placeholder-blue-700::placeholder,
reach-portal .placeholder-blue-700::placeholder {
  --placeholder-opacity: 1 !important;
  color: #2b6cb0 !important;
  color: rgba(43, 108, 176, var(--placeholder-opacity)) !important
}

#navbarWrapper .placeholder-blue-800::placeholder,
reach-portal .placeholder-blue-800::placeholder {
  --placeholder-opacity: 1 !important;
  color: #2c5282 !important;
  color: rgba(44, 82, 130, var(--placeholder-opacity)) !important
}

#navbarWrapper .placeholder-blue-900::placeholder,
reach-portal .placeholder-blue-900::placeholder {
  --placeholder-opacity: 1 !important;
  color: #2a4365 !important;
  color: rgba(42, 67, 101, var(--placeholder-opacity)) !important
}

#navbarWrapper .placeholder-indigo-100::placeholder,
reach-portal .placeholder-indigo-100::placeholder {
  --placeholder-opacity: 1 !important;
  color: #ebf4ff !important;
  color: rgba(235, 244, 255, var(--placeholder-opacity)) !important
}

#navbarWrapper .placeholder-indigo-200::placeholder,
reach-portal .placeholder-indigo-200::placeholder {
  --placeholder-opacity: 1 !important;
  color: #c3dafe !important;
  color: rgba(195, 218, 254, var(--placeholder-opacity)) !important
}

#navbarWrapper .placeholder-indigo-300::placeholder,
reach-portal .placeholder-indigo-300::placeholder {
  --placeholder-opacity: 1 !important;
  color: #a3bffa !important;
  color: rgba(163, 191, 250, var(--placeholder-opacity)) !important
}

#navbarWrapper .placeholder-indigo-400::placeholder,
reach-portal .placeholder-indigo-400::placeholder {
  --placeholder-opacity: 1 !important;
  color: #7f9cf5 !important;
  color: rgba(127, 156, 245, var(--placeholder-opacity)) !important
}

#navbarWrapper .placeholder-indigo-500::placeholder,
reach-portal .placeholder-indigo-500::placeholder {
  --placeholder-opacity: 1 !important;
  color: #667eea !important;
  color: rgba(102, 126, 234, var(--placeholder-opacity)) !important
}

#navbarWrapper .placeholder-indigo-600::placeholder,
reach-portal .placeholder-indigo-600::placeholder {
  --placeholder-opacity: 1 !important;
  color: #5a67d8 !important;
  color: rgba(90, 103, 216, var(--placeholder-opacity)) !important
}

#navbarWrapper .placeholder-indigo-700::placeholder,
reach-portal .placeholder-indigo-700::placeholder {
  --placeholder-opacity: 1 !important;
  color: #4c51bf !important;
  color: rgba(76, 81, 191, var(--placeholder-opacity)) !important
}

#navbarWrapper .placeholder-indigo-800::placeholder,
reach-portal .placeholder-indigo-800::placeholder {
  --placeholder-opacity: 1 !important;
  color: #434190 !important;
  color: rgba(67, 65, 144, var(--placeholder-opacity)) !important
}

#navbarWrapper .placeholder-indigo-900::placeholder,
reach-portal .placeholder-indigo-900::placeholder {
  --placeholder-opacity: 1 !important;
  color: #3c366b !important;
  color: rgba(60, 54, 107, var(--placeholder-opacity)) !important
}

#navbarWrapper .placeholder-purple-100::placeholder,
reach-portal .placeholder-purple-100::placeholder {
  --placeholder-opacity: 1 !important;
  color: #faf5ff !important;
  color: rgba(250, 245, 255, var(--placeholder-opacity)) !important
}

#navbarWrapper .placeholder-purple-200::placeholder,
reach-portal .placeholder-purple-200::placeholder {
  --placeholder-opacity: 1 !important;
  color: #e9d8fd !important;
  color: rgba(233, 216, 253, var(--placeholder-opacity)) !important
}

#navbarWrapper .placeholder-purple-300::placeholder,
reach-portal .placeholder-purple-300::placeholder {
  --placeholder-opacity: 1 !important;
  color: #d6bcfa !important;
  color: rgba(214, 188, 250, var(--placeholder-opacity)) !important
}

#navbarWrapper .placeholder-purple-400::placeholder,
reach-portal .placeholder-purple-400::placeholder {
  --placeholder-opacity: 1 !important;
  color: #b794f4 !important;
  color: rgba(183, 148, 244, var(--placeholder-opacity)) !important
}

#navbarWrapper .placeholder-purple-500::placeholder,
reach-portal .placeholder-purple-500::placeholder {
  --placeholder-opacity: 1 !important;
  color: #9f7aea !important;
  color: rgba(159, 122, 234, var(--placeholder-opacity)) !important
}

#navbarWrapper .placeholder-purple-600::placeholder,
reach-portal .placeholder-purple-600::placeholder {
  --placeholder-opacity: 1 !important;
  color: #805ad5 !important;
  color: rgba(128, 90, 213, var(--placeholder-opacity)) !important
}

#navbarWrapper .placeholder-purple-700::placeholder,
reach-portal .placeholder-purple-700::placeholder {
  --placeholder-opacity: 1 !important;
  color: #6b46c1 !important;
  color: rgba(107, 70, 193, var(--placeholder-opacity)) !important
}

#navbarWrapper .placeholder-purple-800::placeholder,
reach-portal .placeholder-purple-800::placeholder {
  --placeholder-opacity: 1 !important;
  color: #553c9a !important;
  color: rgba(85, 60, 154, var(--placeholder-opacity)) !important
}

#navbarWrapper .placeholder-purple-900::placeholder,
reach-portal .placeholder-purple-900::placeholder {
  --placeholder-opacity: 1 !important;
  color: #44337a !important;
  color: rgba(68, 51, 122, var(--placeholder-opacity)) !important
}

#navbarWrapper .placeholder-pink-100::placeholder,
reach-portal .placeholder-pink-100::placeholder {
  --placeholder-opacity: 1 !important;
  color: #fff5f7 !important;
  color: rgba(255, 245, 247, var(--placeholder-opacity)) !important
}

#navbarWrapper .placeholder-pink-200::placeholder,
reach-portal .placeholder-pink-200::placeholder {
  --placeholder-opacity: 1 !important;
  color: #fed7e2 !important;
  color: rgba(254, 215, 226, var(--placeholder-opacity)) !important
}

#navbarWrapper .placeholder-pink-300::placeholder,
reach-portal .placeholder-pink-300::placeholder {
  --placeholder-opacity: 1 !important;
  color: #fbb6ce !important;
  color: rgba(251, 182, 206, var(--placeholder-opacity)) !important
}

#navbarWrapper .placeholder-pink-400::placeholder,
reach-portal .placeholder-pink-400::placeholder {
  --placeholder-opacity: 1 !important;
  color: #f687b3 !important;
  color: rgba(246, 135, 179, var(--placeholder-opacity)) !important
}

#navbarWrapper .placeholder-pink-500::placeholder,
reach-portal .placeholder-pink-500::placeholder {
  --placeholder-opacity: 1 !important;
  color: #ed64a6 !important;
  color: rgba(237, 100, 166, var(--placeholder-opacity)) !important
}

#navbarWrapper .placeholder-pink-600::placeholder,
reach-portal .placeholder-pink-600::placeholder {
  --placeholder-opacity: 1 !important;
  color: #d53f8c !important;
  color: rgba(213, 63, 140, var(--placeholder-opacity)) !important
}

#navbarWrapper .placeholder-pink-700::placeholder,
reach-portal .placeholder-pink-700::placeholder {
  --placeholder-opacity: 1 !important;
  color: #b83280 !important;
  color: rgba(184, 50, 128, var(--placeholder-opacity)) !important
}

#navbarWrapper .placeholder-pink-800::placeholder,
reach-portal .placeholder-pink-800::placeholder {
  --placeholder-opacity: 1 !important;
  color: #97266d !important;
  color: rgba(151, 38, 109, var(--placeholder-opacity)) !important
}

#navbarWrapper .placeholder-pink-900::placeholder,
reach-portal .placeholder-pink-900::placeholder {
  --placeholder-opacity: 1 !important;
  color: #702459 !important;
  color: rgba(112, 36, 89, var(--placeholder-opacity)) !important
}

#navbarWrapper .focus\:placeholder-transparent:focus::placeholder,
reach-portal .focus\:placeholder-transparent:focus::placeholder {
  color: #0000 !important
}

#navbarWrapper .focus\:placeholder-current:focus::placeholder,
reach-portal .focus\:placeholder-current:focus::placeholder {
  color: currentColor !important
}

#navbarWrapper .focus\:placeholder-black:focus::placeholder,
reach-portal .focus\:placeholder-black:focus::placeholder {
  --placeholder-opacity: 1 !important;
  color: #000 !important;
  color: rgba(0, 0, 0, var(--placeholder-opacity)) !important
}

#navbarWrapper .focus\:placeholder-white:focus::placeholder,
reach-portal .focus\:placeholder-white:focus::placeholder {
  --placeholder-opacity: 1 !important;
  color: #fff !important;
  color: rgba(255, 255, 255, var(--placeholder-opacity)) !important
}

#navbarWrapper .focus\:placeholder-gray-100:focus::placeholder,
reach-portal .focus\:placeholder-gray-100:focus::placeholder {
  --placeholder-opacity: 1 !important;
  color: #f7fafc !important;
  color: rgba(247, 250, 252, var(--placeholder-opacity)) !important
}

#navbarWrapper .focus\:placeholder-gray-200:focus::placeholder,
reach-portal .focus\:placeholder-gray-200:focus::placeholder {
  --placeholder-opacity: 1 !important;
  color: #edf2f7 !important;
  color: rgba(237, 242, 247, var(--placeholder-opacity)) !important
}

#navbarWrapper .focus\:placeholder-gray-300:focus::placeholder,
reach-portal .focus\:placeholder-gray-300:focus::placeholder {
  --placeholder-opacity: 1 !important;
  color: #e2e8f0 !important;
  color: rgba(226, 232, 240, var(--placeholder-opacity)) !important
}

#navbarWrapper .focus\:placeholder-gray-400:focus::placeholder,
reach-portal .focus\:placeholder-gray-400:focus::placeholder {
  --placeholder-opacity: 1 !important;
  color: #cbd5e0 !important;
  color: rgba(203, 213, 224, var(--placeholder-opacity)) !important
}

#navbarWrapper .focus\:placeholder-gray-500:focus::placeholder,
reach-portal .focus\:placeholder-gray-500:focus::placeholder {
  --placeholder-opacity: 1 !important;
  color: #a0aec0 !important;
  color: rgba(160, 174, 192, var(--placeholder-opacity)) !important
}

#navbarWrapper .focus\:placeholder-gray-600:focus::placeholder,
reach-portal .focus\:placeholder-gray-600:focus::placeholder {
  --placeholder-opacity: 1 !important;
  color: #718096 !important;
  color: rgba(113, 128, 150, var(--placeholder-opacity)) !important
}

#navbarWrapper .focus\:placeholder-gray-700:focus::placeholder,
reach-portal .focus\:placeholder-gray-700:focus::placeholder {
  --placeholder-opacity: 1 !important;
  color: #4a5568 !important;
  color: rgba(74, 85, 104, var(--placeholder-opacity)) !important
}

#navbarWrapper .focus\:placeholder-gray-800:focus::placeholder,
reach-portal .focus\:placeholder-gray-800:focus::placeholder {
  --placeholder-opacity: 1 !important;
  color: #2d3748 !important;
  color: rgba(45, 55, 72, var(--placeholder-opacity)) !important
}

#navbarWrapper .focus\:placeholder-gray-900:focus::placeholder,
reach-portal .focus\:placeholder-gray-900:focus::placeholder {
  --placeholder-opacity: 1 !important;
  color: #1a202c !important;
  color: rgba(26, 32, 44, var(--placeholder-opacity)) !important
}

#navbarWrapper .focus\:placeholder-red-100:focus::placeholder,
reach-portal .focus\:placeholder-red-100:focus::placeholder {
  --placeholder-opacity: 1 !important;
  color: #fff5f5 !important;
  color: rgba(255, 245, 245, var(--placeholder-opacity)) !important
}

#navbarWrapper .focus\:placeholder-red-200:focus::placeholder,
reach-portal .focus\:placeholder-red-200:focus::placeholder {
  --placeholder-opacity: 1 !important;
  color: #fed7d7 !important;
  color: rgba(254, 215, 215, var(--placeholder-opacity)) !important
}

#navbarWrapper .focus\:placeholder-red-300:focus::placeholder,
reach-portal .focus\:placeholder-red-300:focus::placeholder {
  --placeholder-opacity: 1 !important;
  color: #feb2b2 !important;
  color: rgba(254, 178, 178, var(--placeholder-opacity)) !important
}

#navbarWrapper .focus\:placeholder-red-400:focus::placeholder,
reach-portal .focus\:placeholder-red-400:focus::placeholder {
  --placeholder-opacity: 1 !important;
  color: #fc8181 !important;
  color: rgba(252, 129, 129, var(--placeholder-opacity)) !important
}

#navbarWrapper .focus\:placeholder-red-500:focus::placeholder,
reach-portal .focus\:placeholder-red-500:focus::placeholder {
  --placeholder-opacity: 1 !important;
  color: #f56565 !important;
  color: rgba(245, 101, 101, var(--placeholder-opacity)) !important
}

#navbarWrapper .focus\:placeholder-red-600:focus::placeholder,
reach-portal .focus\:placeholder-red-600:focus::placeholder {
  --placeholder-opacity: 1 !important;
  color: #e53e3e !important;
  color: rgba(229, 62, 62, var(--placeholder-opacity)) !important
}

#navbarWrapper .focus\:placeholder-red-700:focus::placeholder,
reach-portal .focus\:placeholder-red-700:focus::placeholder {
  --placeholder-opacity: 1 !important;
  color: #c53030 !important;
  color: rgba(197, 48, 48, var(--placeholder-opacity)) !important
}

#navbarWrapper .focus\:placeholder-red-800:focus::placeholder,
reach-portal .focus\:placeholder-red-800:focus::placeholder {
  --placeholder-opacity: 1 !important;
  color: #9b2c2c !important;
  color: rgba(155, 44, 44, var(--placeholder-opacity)) !important
}

#navbarWrapper .focus\:placeholder-red-900:focus::placeholder,
reach-portal .focus\:placeholder-red-900:focus::placeholder {
  --placeholder-opacity: 1 !important;
  color: #742a2a !important;
  color: rgba(116, 42, 42, var(--placeholder-opacity)) !important
}

#navbarWrapper .focus\:placeholder-orange-100:focus::placeholder,
reach-portal .focus\:placeholder-orange-100:focus::placeholder {
  --placeholder-opacity: 1 !important;
  color: #fffaf0 !important;
  color: rgba(255, 250, 240, var(--placeholder-opacity)) !important
}

#navbarWrapper .focus\:placeholder-orange-200:focus::placeholder,
reach-portal .focus\:placeholder-orange-200:focus::placeholder {
  --placeholder-opacity: 1 !important;
  color: #feebc8 !important;
  color: rgba(254, 235, 200, var(--placeholder-opacity)) !important
}

#navbarWrapper .focus\:placeholder-orange-300:focus::placeholder,
reach-portal .focus\:placeholder-orange-300:focus::placeholder {
  --placeholder-opacity: 1 !important;
  color: #fbd38d !important;
  color: rgba(251, 211, 141, var(--placeholder-opacity)) !important
}

#navbarWrapper .focus\:placeholder-orange-400:focus::placeholder,
reach-portal .focus\:placeholder-orange-400:focus::placeholder {
  --placeholder-opacity: 1 !important;
  color: #f6ad55 !important;
  color: rgba(246, 173, 85, var(--placeholder-opacity)) !important
}

#navbarWrapper .focus\:placeholder-orange-500:focus::placeholder,
reach-portal .focus\:placeholder-orange-500:focus::placeholder {
  --placeholder-opacity: 1 !important;
  color: #ed8936 !important;
  color: rgba(237, 137, 54, var(--placeholder-opacity)) !important
}

#navbarWrapper .focus\:placeholder-orange-600:focus::placeholder,
reach-portal .focus\:placeholder-orange-600:focus::placeholder {
  --placeholder-opacity: 1 !important;
  color: #dd6b20 !important;
  color: rgba(221, 107, 32, var(--placeholder-opacity)) !important
}

#navbarWrapper .focus\:placeholder-orange-700:focus::placeholder,
reach-portal .focus\:placeholder-orange-700:focus::placeholder {
  --placeholder-opacity: 1 !important;
  color: #c05621 !important;
  color: rgba(192, 86, 33, var(--placeholder-opacity)) !important
}

#navbarWrapper .focus\:placeholder-orange-800:focus::placeholder,
reach-portal .focus\:placeholder-orange-800:focus::placeholder {
  --placeholder-opacity: 1 !important;
  color: #9c4221 !important;
  color: rgba(156, 66, 33, var(--placeholder-opacity)) !important
}

#navbarWrapper .focus\:placeholder-orange-900:focus::placeholder,
reach-portal .focus\:placeholder-orange-900:focus::placeholder {
  --placeholder-opacity: 1 !important;
  color: #7b341e !important;
  color: rgba(123, 52, 30, var(--placeholder-opacity)) !important
}

#navbarWrapper .focus\:placeholder-yellow-100:focus::placeholder,
reach-portal .focus\:placeholder-yellow-100:focus::placeholder {
  --placeholder-opacity: 1 !important;
  color: ivory !important;
  color: rgba(255, 255, 240, var(--placeholder-opacity)) !important
}

#navbarWrapper .focus\:placeholder-yellow-200:focus::placeholder,
reach-portal .focus\:placeholder-yellow-200:focus::placeholder {
  --placeholder-opacity: 1 !important;
  color: #fefcbf !important;
  color: rgba(254, 252, 191, var(--placeholder-opacity)) !important
}

#navbarWrapper .focus\:placeholder-yellow-300:focus::placeholder,
reach-portal .focus\:placeholder-yellow-300:focus::placeholder {
  --placeholder-opacity: 1 !important;
  color: #faf089 !important;
  color: rgba(250, 240, 137, var(--placeholder-opacity)) !important
}

#navbarWrapper .focus\:placeholder-yellow-400:focus::placeholder,
reach-portal .focus\:placeholder-yellow-400:focus::placeholder {
  --placeholder-opacity: 1 !important;
  color: #f6e05e !important;
  color: rgba(246, 224, 94, var(--placeholder-opacity)) !important
}

#navbarWrapper .focus\:placeholder-yellow-500:focus::placeholder,
reach-portal .focus\:placeholder-yellow-500:focus::placeholder {
  --placeholder-opacity: 1 !important;
  color: #ecc94b !important;
  color: rgba(236, 201, 75, var(--placeholder-opacity)) !important
}

#navbarWrapper .focus\:placeholder-yellow-600:focus::placeholder,
reach-portal .focus\:placeholder-yellow-600:focus::placeholder {
  --placeholder-opacity: 1 !important;
  color: #d69e2e !important;
  color: rgba(214, 158, 46, var(--placeholder-opacity)) !important
}

#navbarWrapper .focus\:placeholder-yellow-700:focus::placeholder,
reach-portal .focus\:placeholder-yellow-700:focus::placeholder {
  --placeholder-opacity: 1 !important;
  color: #b7791f !important;
  color: rgba(183, 121, 31, var(--placeholder-opacity)) !important
}

#navbarWrapper .focus\:placeholder-yellow-800:focus::placeholder,
reach-portal .focus\:placeholder-yellow-800:focus::placeholder {
  --placeholder-opacity: 1 !important;
  color: #975a16 !important;
  color: rgba(151, 90, 22, var(--placeholder-opacity)) !important
}

#navbarWrapper .focus\:placeholder-yellow-900:focus::placeholder,
reach-portal .focus\:placeholder-yellow-900:focus::placeholder {
  --placeholder-opacity: 1 !important;
  color: #744210 !important;
  color: rgba(116, 66, 16, var(--placeholder-opacity)) !important
}

#navbarWrapper .focus\:placeholder-green-100:focus::placeholder,
reach-portal .focus\:placeholder-green-100:focus::placeholder {
  --placeholder-opacity: 1 !important;
  color: #f0fff4 !important;
  color: rgba(240, 255, 244, var(--placeholder-opacity)) !important
}

#navbarWrapper .focus\:placeholder-green-200:focus::placeholder,
reach-portal .focus\:placeholder-green-200:focus::placeholder {
  --placeholder-opacity: 1 !important;
  color: #c6f6d5 !important;
  color: rgba(198, 246, 213, var(--placeholder-opacity)) !important
}

#navbarWrapper .focus\:placeholder-green-300:focus::placeholder,
reach-portal .focus\:placeholder-green-300:focus::placeholder {
  --placeholder-opacity: 1 !important;
  color: #9ae6b4 !important;
  color: rgba(154, 230, 180, var(--placeholder-opacity)) !important
}

#navbarWrapper .focus\:placeholder-green-400:focus::placeholder,
reach-portal .focus\:placeholder-green-400:focus::placeholder {
  --placeholder-opacity: 1 !important;
  color: #68d391 !important;
  color: rgba(104, 211, 145, var(--placeholder-opacity)) !important
}

#navbarWrapper .focus\:placeholder-green-500:focus::placeholder,
reach-portal .focus\:placeholder-green-500:focus::placeholder {
  --placeholder-opacity: 1 !important;
  color: #48bb78 !important;
  color: rgba(72, 187, 120, var(--placeholder-opacity)) !important
}

#navbarWrapper .focus\:placeholder-green-600:focus::placeholder,
reach-portal .focus\:placeholder-green-600:focus::placeholder {
  --placeholder-opacity: 1 !important;
  color: #38a169 !important;
  color: rgba(56, 161, 105, var(--placeholder-opacity)) !important
}

#navbarWrapper .focus\:placeholder-green-700:focus::placeholder,
reach-portal .focus\:placeholder-green-700:focus::placeholder {
  --placeholder-opacity: 1 !important;
  color: #2f855a !important;
  color: rgba(47, 133, 90, var(--placeholder-opacity)) !important
}

#navbarWrapper .focus\:placeholder-green-800:focus::placeholder,
reach-portal .focus\:placeholder-green-800:focus::placeholder {
  --placeholder-opacity: 1 !important;
  color: #276749 !important;
  color: rgba(39, 103, 73, var(--placeholder-opacity)) !important
}

#navbarWrapper .focus\:placeholder-green-900:focus::placeholder,
reach-portal .focus\:placeholder-green-900:focus::placeholder {
  --placeholder-opacity: 1 !important;
  color: #22543d !important;
  color: rgba(34, 84, 61, var(--placeholder-opacity)) !important
}

#navbarWrapper .focus\:placeholder-teal-100:focus::placeholder,
reach-portal .focus\:placeholder-teal-100:focus::placeholder {
  --placeholder-opacity: 1 !important;
  color: #e6fffa !important;
  color: rgba(230, 255, 250, var(--placeholder-opacity)) !important
}

#navbarWrapper .focus\:placeholder-teal-200:focus::placeholder,
reach-portal .focus\:placeholder-teal-200:focus::placeholder {
  --placeholder-opacity: 1 !important;
  color: #b2f5ea !important;
  color: rgba(178, 245, 234, var(--placeholder-opacity)) !important
}

#navbarWrapper .focus\:placeholder-teal-300:focus::placeholder,
reach-portal .focus\:placeholder-teal-300:focus::placeholder {
  --placeholder-opacity: 1 !important;
  color: #81e6d9 !important;
  color: rgba(129, 230, 217, var(--placeholder-opacity)) !important
}

#navbarWrapper .focus\:placeholder-teal-400:focus::placeholder,
reach-portal .focus\:placeholder-teal-400:focus::placeholder {
  --placeholder-opacity: 1 !important;
  color: #4fd1c5 !important;
  color: rgba(79, 209, 197, var(--placeholder-opacity)) !important
}

#navbarWrapper .focus\:placeholder-teal-500:focus::placeholder,
reach-portal .focus\:placeholder-teal-500:focus::placeholder {
  --placeholder-opacity: 1 !important;
  color: #38b2ac !important;
  color: rgba(56, 178, 172, var(--placeholder-opacity)) !important
}

#navbarWrapper .focus\:placeholder-teal-600:focus::placeholder,
reach-portal .focus\:placeholder-teal-600:focus::placeholder {
  --placeholder-opacity: 1 !important;
  color: #319795 !important;
  color: rgba(49, 151, 149, var(--placeholder-opacity)) !important
}

#navbarWrapper .focus\:placeholder-teal-700:focus::placeholder,
reach-portal .focus\:placeholder-teal-700:focus::placeholder {
  --placeholder-opacity: 1 !important;
  color: #2c7a7b !important;
  color: rgba(44, 122, 123, var(--placeholder-opacity)) !important
}

#navbarWrapper .focus\:placeholder-teal-800:focus::placeholder,
reach-portal .focus\:placeholder-teal-800:focus::placeholder {
  --placeholder-opacity: 1 !important;
  color: #285e61 !important;
  color: rgba(40, 94, 97, var(--placeholder-opacity)) !important
}

#navbarWrapper .focus\:placeholder-teal-900:focus::placeholder,
reach-portal .focus\:placeholder-teal-900:focus::placeholder {
  --placeholder-opacity: 1 !important;
  color: #234e52 !important;
  color: rgba(35, 78, 82, var(--placeholder-opacity)) !important
}

#navbarWrapper .focus\:placeholder-blue-100:focus::placeholder,
reach-portal .focus\:placeholder-blue-100:focus::placeholder {
  --placeholder-opacity: 1 !important;
  color: #ebf8ff !important;
  color: rgba(235, 248, 255, var(--placeholder-opacity)) !important
}

#navbarWrapper .focus\:placeholder-blue-200:focus::placeholder,
reach-portal .focus\:placeholder-blue-200:focus::placeholder {
  --placeholder-opacity: 1 !important;
  color: #bee3f8 !important;
  color: rgba(190, 227, 248, var(--placeholder-opacity)) !important
}

#navbarWrapper .focus\:placeholder-blue-300:focus::placeholder,
reach-portal .focus\:placeholder-blue-300:focus::placeholder {
  --placeholder-opacity: 1 !important;
  color: #90cdf4 !important;
  color: rgba(144, 205, 244, var(--placeholder-opacity)) !important
}

#navbarWrapper .focus\:placeholder-blue-400:focus::placeholder,
reach-portal .focus\:placeholder-blue-400:focus::placeholder {
  --placeholder-opacity: 1 !important;
  color: #63b3ed !important;
  color: rgba(99, 179, 237, var(--placeholder-opacity)) !important
}

#navbarWrapper .focus\:placeholder-blue-500:focus::placeholder,
reach-portal .focus\:placeholder-blue-500:focus::placeholder {
  --placeholder-opacity: 1 !important;
  color: #4299e1 !important;
  color: rgba(66, 153, 225, var(--placeholder-opacity)) !important
}

#navbarWrapper .focus\:placeholder-blue-600:focus::placeholder,
reach-portal .focus\:placeholder-blue-600:focus::placeholder {
  --placeholder-opacity: 1 !important;
  color: #3182ce !important;
  color: rgba(49, 130, 206, var(--placeholder-opacity)) !important
}

#navbarWrapper .focus\:placeholder-blue-700:focus::placeholder,
reach-portal .focus\:placeholder-blue-700:focus::placeholder {
  --placeholder-opacity: 1 !important;
  color: #2b6cb0 !important;
  color: rgba(43, 108, 176, var(--placeholder-opacity)) !important
}

#navbarWrapper .focus\:placeholder-blue-800:focus::placeholder,
reach-portal .focus\:placeholder-blue-800:focus::placeholder {
  --placeholder-opacity: 1 !important;
  color: #2c5282 !important;
  color: rgba(44, 82, 130, var(--placeholder-opacity)) !important
}

#navbarWrapper .focus\:placeholder-blue-900:focus::placeholder,
reach-portal .focus\:placeholder-blue-900:focus::placeholder {
  --placeholder-opacity: 1 !important;
  color: #2a4365 !important;
  color: rgba(42, 67, 101, var(--placeholder-opacity)) !important
}

#navbarWrapper .focus\:placeholder-indigo-100:focus::placeholder,
reach-portal .focus\:placeholder-indigo-100:focus::placeholder {
  --placeholder-opacity: 1 !important;
  color: #ebf4ff !important;
  color: rgba(235, 244, 255, var(--placeholder-opacity)) !important
}

#navbarWrapper .focus\:placeholder-indigo-200:focus::placeholder,
reach-portal .focus\:placeholder-indigo-200:focus::placeholder {
  --placeholder-opacity: 1 !important;
  color: #c3dafe !important;
  color: rgba(195, 218, 254, var(--placeholder-opacity)) !important
}

#navbarWrapper .focus\:placeholder-indigo-300:focus::placeholder,
reach-portal .focus\:placeholder-indigo-300:focus::placeholder {
  --placeholder-opacity: 1 !important;
  color: #a3bffa !important;
  color: rgba(163, 191, 250, var(--placeholder-opacity)) !important
}

#navbarWrapper .focus\:placeholder-indigo-400:focus::placeholder,
reach-portal .focus\:placeholder-indigo-400:focus::placeholder {
  --placeholder-opacity: 1 !important;
  color: #7f9cf5 !important;
  color: rgba(127, 156, 245, var(--placeholder-opacity)) !important
}

#navbarWrapper .focus\:placeholder-indigo-500:focus::placeholder,
reach-portal .focus\:placeholder-indigo-500:focus::placeholder {
  --placeholder-opacity: 1 !important;
  color: #667eea !important;
  color: rgba(102, 126, 234, var(--placeholder-opacity)) !important
}

#navbarWrapper .focus\:placeholder-indigo-600:focus::placeholder,
reach-portal .focus\:placeholder-indigo-600:focus::placeholder {
  --placeholder-opacity: 1 !important;
  color: #5a67d8 !important;
  color: rgba(90, 103, 216, var(--placeholder-opacity)) !important
}

#navbarWrapper .focus\:placeholder-indigo-700:focus::placeholder,
reach-portal .focus\:placeholder-indigo-700:focus::placeholder {
  --placeholder-opacity: 1 !important;
  color: #4c51bf !important;
  color: rgba(76, 81, 191, var(--placeholder-opacity)) !important
}

#navbarWrapper .focus\:placeholder-indigo-800:focus::placeholder,
reach-portal .focus\:placeholder-indigo-800:focus::placeholder {
  --placeholder-opacity: 1 !important;
  color: #434190 !important;
  color: rgba(67, 65, 144, var(--placeholder-opacity)) !important
}

#navbarWrapper .focus\:placeholder-indigo-900:focus::placeholder,
reach-portal .focus\:placeholder-indigo-900:focus::placeholder {
  --placeholder-opacity: 1 !important;
  color: #3c366b !important;
  color: rgba(60, 54, 107, var(--placeholder-opacity)) !important
}

#navbarWrapper .focus\:placeholder-purple-100:focus::placeholder,
reach-portal .focus\:placeholder-purple-100:focus::placeholder {
  --placeholder-opacity: 1 !important;
  color: #faf5ff !important;
  color: rgba(250, 245, 255, var(--placeholder-opacity)) !important
}

#navbarWrapper .focus\:placeholder-purple-200:focus::placeholder,
reach-portal .focus\:placeholder-purple-200:focus::placeholder {
  --placeholder-opacity: 1 !important;
  color: #e9d8fd !important;
  color: rgba(233, 216, 253, var(--placeholder-opacity)) !important
}

#navbarWrapper .focus\:placeholder-purple-300:focus::placeholder,
reach-portal .focus\:placeholder-purple-300:focus::placeholder {
  --placeholder-opacity: 1 !important;
  color: #d6bcfa !important;
  color: rgba(214, 188, 250, var(--placeholder-opacity)) !important
}

#navbarWrapper .focus\:placeholder-purple-400:focus::placeholder,
reach-portal .focus\:placeholder-purple-400:focus::placeholder {
  --placeholder-opacity: 1 !important;
  color: #b794f4 !important;
  color: rgba(183, 148, 244, var(--placeholder-opacity)) !important
}

#navbarWrapper .focus\:placeholder-purple-500:focus::placeholder,
reach-portal .focus\:placeholder-purple-500:focus::placeholder {
  --placeholder-opacity: 1 !important;
  color: #9f7aea !important;
  color: rgba(159, 122, 234, var(--placeholder-opacity)) !important
}

#navbarWrapper .focus\:placeholder-purple-600:focus::placeholder,
reach-portal .focus\:placeholder-purple-600:focus::placeholder {
  --placeholder-opacity: 1 !important;
  color: #805ad5 !important;
  color: rgba(128, 90, 213, var(--placeholder-opacity)) !important
}

#navbarWrapper .focus\:placeholder-purple-700:focus::placeholder,
reach-portal .focus\:placeholder-purple-700:focus::placeholder {
  --placeholder-opacity: 1 !important;
  color: #6b46c1 !important;
  color: rgba(107, 70, 193, var(--placeholder-opacity)) !important
}

#navbarWrapper .focus\:placeholder-purple-800:focus::placeholder,
reach-portal .focus\:placeholder-purple-800:focus::placeholder {
  --placeholder-opacity: 1 !important;
  color: #553c9a !important;
  color: rgba(85, 60, 154, var(--placeholder-opacity)) !important
}

#navbarWrapper .focus\:placeholder-purple-900:focus::placeholder,
reach-portal .focus\:placeholder-purple-900:focus::placeholder {
  --placeholder-opacity: 1 !important;
  color: #44337a !important;
  color: rgba(68, 51, 122, var(--placeholder-opacity)) !important
}

#navbarWrapper .focus\:placeholder-pink-100:focus::placeholder,
reach-portal .focus\:placeholder-pink-100:focus::placeholder {
  --placeholder-opacity: 1 !important;
  color: #fff5f7 !important;
  color: rgba(255, 245, 247, var(--placeholder-opacity)) !important
}

#navbarWrapper .focus\:placeholder-pink-200:focus::placeholder,
reach-portal .focus\:placeholder-pink-200:focus::placeholder {
  --placeholder-opacity: 1 !important;
  color: #fed7e2 !important;
  color: rgba(254, 215, 226, var(--placeholder-opacity)) !important
}

#navbarWrapper .focus\:placeholder-pink-300:focus::placeholder,
reach-portal .focus\:placeholder-pink-300:focus::placeholder {
  --placeholder-opacity: 1 !important;
  color: #fbb6ce !important;
  color: rgba(251, 182, 206, var(--placeholder-opacity)) !important
}

#navbarWrapper .focus\:placeholder-pink-400:focus::placeholder,
reach-portal .focus\:placeholder-pink-400:focus::placeholder {
  --placeholder-opacity: 1 !important;
  color: #f687b3 !important;
  color: rgba(246, 135, 179, var(--placeholder-opacity)) !important
}

#navbarWrapper .focus\:placeholder-pink-500:focus::placeholder,
reach-portal .focus\:placeholder-pink-500:focus::placeholder {
  --placeholder-opacity: 1 !important;
  color: #ed64a6 !important;
  color: rgba(237, 100, 166, var(--placeholder-opacity)) !important
}

#navbarWrapper .focus\:placeholder-pink-600:focus::placeholder,
reach-portal .focus\:placeholder-pink-600:focus::placeholder {
  --placeholder-opacity: 1 !important;
  color: #d53f8c !important;
  color: rgba(213, 63, 140, var(--placeholder-opacity)) !important
}

#navbarWrapper .focus\:placeholder-pink-700:focus::placeholder,
reach-portal .focus\:placeholder-pink-700:focus::placeholder {
  --placeholder-opacity: 1 !important;
  color: #b83280 !important;
  color: rgba(184, 50, 128, var(--placeholder-opacity)) !important
}

#navbarWrapper .focus\:placeholder-pink-800:focus::placeholder,
reach-portal .focus\:placeholder-pink-800:focus::placeholder {
  --placeholder-opacity: 1 !important;
  color: #97266d !important;
  color: rgba(151, 38, 109, var(--placeholder-opacity)) !important
}

#navbarWrapper .focus\:placeholder-pink-900:focus::placeholder,
reach-portal .focus\:placeholder-pink-900:focus::placeholder {
  --placeholder-opacity: 1 !important;
  color: #702459 !important;
  color: rgba(112, 36, 89, var(--placeholder-opacity)) !important
}

#navbarWrapper .placeholder-opacity-0::placeholder,
reach-portal .placeholder-opacity-0::placeholder {
  --placeholder-opacity: 0 !important
}

#navbarWrapper .placeholder-opacity-25::placeholder,
reach-portal .placeholder-opacity-25::placeholder {
  --placeholder-opacity: 0.25 !important
}

#navbarWrapper .placeholder-opacity-50::placeholder,
reach-portal .placeholder-opacity-50::placeholder {
  --placeholder-opacity: 0.5 !important
}

#navbarWrapper .placeholder-opacity-75::placeholder,
reach-portal .placeholder-opacity-75::placeholder {
  --placeholder-opacity: 0.75 !important
}

#navbarWrapper .placeholder-opacity-100::placeholder,
reach-portal .placeholder-opacity-100::placeholder {
  --placeholder-opacity: 1 !important
}

#navbarWrapper .focus\:placeholder-opacity-0:focus::placeholder,
reach-portal .focus\:placeholder-opacity-0:focus::placeholder {
  --placeholder-opacity: 0 !important
}

#navbarWrapper .focus\:placeholder-opacity-25:focus::placeholder,
reach-portal .focus\:placeholder-opacity-25:focus::placeholder {
  --placeholder-opacity: 0.25 !important
}

#navbarWrapper .focus\:placeholder-opacity-50:focus::placeholder,
reach-portal .focus\:placeholder-opacity-50:focus::placeholder {
  --placeholder-opacity: 0.5 !important
}

#navbarWrapper .focus\:placeholder-opacity-75:focus::placeholder,
reach-portal .focus\:placeholder-opacity-75:focus::placeholder {
  --placeholder-opacity: 0.75 !important
}

#navbarWrapper .focus\:placeholder-opacity-100:focus::placeholder,
reach-portal .focus\:placeholder-opacity-100:focus::placeholder {
  --placeholder-opacity: 1 !important
}

#navbarWrapper .pointer-events-none,
reach-portal .pointer-events-none {
  pointer-events: none !important
}

#navbarWrapper .pointer-events-auto,
reach-portal .pointer-events-auto {
  pointer-events: auto !important
}

#navbarWrapper .static,
reach-portal .static {
  position: static !important
}

#navbarWrapper .fixed,
reach-portal .fixed {
  position: fixed !important
}

#navbarWrapper .absolute,
reach-portal .absolute {
  position: absolute !important
}

#navbarWrapper .relative,
reach-portal .relative {
  position: relative !important
}

#navbarWrapper .sticky,
reach-portal .sticky {
  position: -webkit-sticky !important;
  position: sticky !important
}

#navbarWrapper .inset-0,
reach-portal .inset-0 {
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important
}

#navbarWrapper .inset-auto,
reach-portal .inset-auto {
  bottom: auto !important;
  left: auto !important;
  right: auto !important;
  top: auto !important
}

#navbarWrapper .inset-y-0,
reach-portal .inset-y-0 {
  bottom: 0 !important;
  top: 0 !important
}

#navbarWrapper .inset-x-0,
reach-portal .inset-x-0 {
  left: 0 !important;
  right: 0 !important
}

#navbarWrapper .inset-y-auto,
reach-portal .inset-y-auto {
  bottom: auto !important;
  top: auto !important
}

#navbarWrapper .inset-x-auto,
reach-portal .inset-x-auto {
  left: auto !important;
  right: auto !important
}

#navbarWrapper .top-0,
reach-portal .top-0 {
  top: 0 !important
}

#navbarWrapper .right-0,
reach-portal .right-0 {
  right: 0 !important
}

#navbarWrapper .bottom-0,
reach-portal .bottom-0 {
  bottom: 0 !important
}

#navbarWrapper .left-0,
reach-portal .left-0 {
  left: 0 !important
}

#navbarWrapper .top-auto,
reach-portal .top-auto {
  top: auto !important
}

#navbarWrapper .right-auto,
reach-portal .right-auto {
  right: auto !important
}

#navbarWrapper .bottom-auto,
reach-portal .bottom-auto {
  bottom: auto !important
}

#navbarWrapper .left-auto,
reach-portal .left-auto {
  left: auto !important
}

#navbarWrapper .resize-none,
reach-portal .resize-none {
  resize: none !important
}

#navbarWrapper .resize-y,
reach-portal .resize-y {
  resize: vertical !important
}

#navbarWrapper .resize-x,
reach-portal .resize-x {
  resize: horizontal !important
}

#navbarWrapper .resize,
reach-portal .resize {
  resize: both !important
}

#navbarWrapper .shadow-xs,
reach-portal .shadow-xs {
  box-shadow: 0 0 0 1px #0000000d !important
}

#navbarWrapper .shadow-sm,
reach-portal .shadow-sm {
  box-shadow: 0 1px 2px 0 #0000000d !important
}

#navbarWrapper .shadow,
reach-portal .shadow {
  box-shadow: 0 .125rem .25rem #00000040 !important
}

#navbarWrapper .shadow-md,
reach-portal .shadow-md {
  box-shadow: 0 .125rem .625rem #0003 !important
}

#navbarWrapper .shadow-lg,
reach-portal .shadow-lg {
  box-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d !important
}

#navbarWrapper .shadow-xl,
reach-portal .shadow-xl {
  box-shadow: 0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a !important
}

#navbarWrapper .shadow-2xl,
reach-portal .shadow-2xl {
  box-shadow: 0 25px 50px -12px #00000040 !important
}

#navbarWrapper .shadow-inner,
reach-portal .shadow-inner {
  box-shadow: inset 0 2px 4px 0 #0000000f !important
}

#navbarWrapper .shadow-outline,
reach-portal .shadow-outline {
  box-shadow: 0 0 0 3px #4299e180 !important
}

#navbarWrapper .shadow-none,
reach-portal .shadow-none {
  box-shadow: none !important
}

#navbarWrapper .hover\:shadow-xs:hover,
reach-portal .hover\:shadow-xs:hover {
  box-shadow: 0 0 0 1px #0000000d !important
}

#navbarWrapper .hover\:shadow-sm:hover,
reach-portal .hover\:shadow-sm:hover {
  box-shadow: 0 1px 2px 0 #0000000d !important
}

#navbarWrapper .hover\:shadow:hover,
reach-portal .hover\:shadow:hover {
  box-shadow: 0 .125rem .25rem #00000040 !important
}

#navbarWrapper .hover\:shadow-md:hover,
reach-portal .hover\:shadow-md:hover {
  box-shadow: 0 .125rem .625rem #0003 !important
}

#navbarWrapper .hover\:shadow-lg:hover,
reach-portal .hover\:shadow-lg:hover {
  box-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d !important
}

#navbarWrapper .hover\:shadow-xl:hover,
reach-portal .hover\:shadow-xl:hover {
  box-shadow: 0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a !important
}

#navbarWrapper .hover\:shadow-2xl:hover,
reach-portal .hover\:shadow-2xl:hover {
  box-shadow: 0 25px 50px -12px #00000040 !important
}

#navbarWrapper .hover\:shadow-inner:hover,
reach-portal .hover\:shadow-inner:hover {
  box-shadow: inset 0 2px 4px 0 #0000000f !important
}

#navbarWrapper .hover\:shadow-outline:hover,
reach-portal .hover\:shadow-outline:hover {
  box-shadow: 0 0 0 3px #4299e180 !important
}

#navbarWrapper .hover\:shadow-none:hover,
reach-portal .hover\:shadow-none:hover {
  box-shadow: none !important
}

#navbarWrapper .focus\:shadow-xs:focus,
reach-portal .focus\:shadow-xs:focus {
  box-shadow: 0 0 0 1px #0000000d !important
}

#navbarWrapper .focus\:shadow-sm:focus,
reach-portal .focus\:shadow-sm:focus {
  box-shadow: 0 1px 2px 0 #0000000d !important
}

#navbarWrapper .focus\:shadow:focus,
reach-portal .focus\:shadow:focus {
  box-shadow: 0 .125rem .25rem #00000040 !important
}

#navbarWrapper .focus\:shadow-md:focus,
reach-portal .focus\:shadow-md:focus {
  box-shadow: 0 .125rem .625rem #0003 !important
}

#navbarWrapper .focus\:shadow-lg:focus,
reach-portal .focus\:shadow-lg:focus {
  box-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d !important
}

#navbarWrapper .focus\:shadow-xl:focus,
reach-portal .focus\:shadow-xl:focus {
  box-shadow: 0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a !important
}

#navbarWrapper .focus\:shadow-2xl:focus,
reach-portal .focus\:shadow-2xl:focus {
  box-shadow: 0 25px 50px -12px #00000040 !important
}

#navbarWrapper .focus\:shadow-inner:focus,
reach-portal .focus\:shadow-inner:focus {
  box-shadow: inset 0 2px 4px 0 #0000000f !important
}

#navbarWrapper .focus\:shadow-outline:focus,
reach-portal .focus\:shadow-outline:focus {
  box-shadow: 0 0 0 3px #4299e180 !important
}

#navbarWrapper .focus\:shadow-none:focus,
reach-portal .focus\:shadow-none:focus {
  box-shadow: none !important
}

#navbarWrapper .fill-current,
reach-portal .fill-current {
  fill: currentColor !important
}

#navbarWrapper .stroke-current,
reach-portal .stroke-current {
  stroke: currentColor !important
}

#navbarWrapper .stroke-0,
reach-portal .stroke-0 {
  stroke-width: 0 !important
}

#navbarWrapper .stroke-1,
reach-portal .stroke-1 {
  stroke-width: 1 !important
}

#navbarWrapper .stroke-2,
reach-portal .stroke-2 {
  stroke-width: 2 !important
}

#navbarWrapper .table-auto,
reach-portal .table-auto {
  table-layout: auto !important
}

#navbarWrapper .table-fixed,
reach-portal .table-fixed {
  table-layout: fixed !important
}

#navbarWrapper .text-left,
reach-portal .text-left {
  text-align: left !important
}

#navbarWrapper .text-center,
reach-portal .text-center {
  text-align: center !important
}

#navbarWrapper .text-right,
reach-portal .text-right {
  text-align: right !important
}

#navbarWrapper .text-justify,
reach-portal .text-justify {
  text-align: justify !important
}

#navbarWrapper .text-opsPrimary,
reach-portal .text-opsPrimary {
  --text-opacity: 1 !important;
  color: #0077c8 !important;
  color: rgba(0, 119, 200, var(--text-opacity)) !important
}

#navbarWrapper .text-opsSecondary,
reach-portal .text-opsSecondary {
  --text-opacity: 1 !important;
  color: #425563 !important;
  color: rgba(66, 85, 99, var(--text-opacity)) !important
}

#navbarWrapper .text-opsGreen,
reach-portal .text-opsGreen {
  --text-opacity: 1 !important;
  color: #1ca34a !important;
  color: rgba(28, 163, 74, var(--text-opacity)) !important
}

#navbarWrapper .text-opsOrange,
reach-portal .text-opsOrange {
  --text-opacity: 1 !important;
  color: #f47925 !important;
  color: rgba(244, 121, 37, var(--text-opacity)) !important
}

#navbarWrapper .hover\:text-opsPrimary:hover,
reach-portal .hover\:text-opsPrimary:hover {
  --text-opacity: 1 !important;
  color: #0077c8 !important;
  color: rgba(0, 119, 200, var(--text-opacity)) !important
}

#navbarWrapper .hover\:text-opsSecondary:hover,
reach-portal .hover\:text-opsSecondary:hover {
  --text-opacity: 1 !important;
  color: #425563 !important;
  color: rgba(66, 85, 99, var(--text-opacity)) !important
}

#navbarWrapper .hover\:text-opsGreen:hover,
reach-portal .hover\:text-opsGreen:hover {
  --text-opacity: 1 !important;
  color: #1ca34a !important;
  color: rgba(28, 163, 74, var(--text-opacity)) !important
}

#navbarWrapper .hover\:text-opsOrange:hover,
reach-portal .hover\:text-opsOrange:hover {
  --text-opacity: 1 !important;
  color: #f47925 !important;
  color: rgba(244, 121, 37, var(--text-opacity)) !important
}

#navbarWrapper .focus\:text-opsPrimary:focus,
reach-portal .focus\:text-opsPrimary:focus {
  --text-opacity: 1 !important;
  color: #0077c8 !important;
  color: rgba(0, 119, 200, var(--text-opacity)) !important
}

#navbarWrapper .focus\:text-opsSecondary:focus,
reach-portal .focus\:text-opsSecondary:focus {
  --text-opacity: 1 !important;
  color: #425563 !important;
  color: rgba(66, 85, 99, var(--text-opacity)) !important
}

#navbarWrapper .focus\:text-opsGreen:focus,
reach-portal .focus\:text-opsGreen:focus {
  --text-opacity: 1 !important;
  color: #1ca34a !important;
  color: rgba(28, 163, 74, var(--text-opacity)) !important
}

#navbarWrapper .focus\:text-opsOrange:focus,
reach-portal .focus\:text-opsOrange:focus {
  --text-opacity: 1 !important;
  color: #f47925 !important;
  color: rgba(244, 121, 37, var(--text-opacity)) !important
}

#navbarWrapper .text-opacity-0,
reach-portal .text-opacity-0 {
  --text-opacity: 0 !important
}

#navbarWrapper .text-opacity-25,
reach-portal .text-opacity-25 {
  --text-opacity: 0.25 !important
}

#navbarWrapper .text-opacity-50,
reach-portal .text-opacity-50 {
  --text-opacity: 0.5 !important
}

#navbarWrapper .text-opacity-75,
reach-portal .text-opacity-75 {
  --text-opacity: 0.75 !important
}

#navbarWrapper .text-opacity-100,
reach-portal .text-opacity-100 {
  --text-opacity: 1 !important
}

#navbarWrapper .hover\:text-opacity-0:hover,
reach-portal .hover\:text-opacity-0:hover {
  --text-opacity: 0 !important
}

#navbarWrapper .hover\:text-opacity-25:hover,
reach-portal .hover\:text-opacity-25:hover {
  --text-opacity: 0.25 !important
}

#navbarWrapper .hover\:text-opacity-50:hover,
reach-portal .hover\:text-opacity-50:hover {
  --text-opacity: 0.5 !important
}

#navbarWrapper .hover\:text-opacity-75:hover,
reach-portal .hover\:text-opacity-75:hover {
  --text-opacity: 0.75 !important
}

#navbarWrapper .hover\:text-opacity-100:hover,
reach-portal .hover\:text-opacity-100:hover {
  --text-opacity: 1 !important
}

#navbarWrapper .focus\:text-opacity-0:focus,
reach-portal .focus\:text-opacity-0:focus {
  --text-opacity: 0 !important
}

#navbarWrapper .focus\:text-opacity-25:focus,
reach-portal .focus\:text-opacity-25:focus {
  --text-opacity: 0.25 !important
}

#navbarWrapper .focus\:text-opacity-50:focus,
reach-portal .focus\:text-opacity-50:focus {
  --text-opacity: 0.5 !important
}

#navbarWrapper .focus\:text-opacity-75:focus,
reach-portal .focus\:text-opacity-75:focus {
  --text-opacity: 0.75 !important
}

#navbarWrapper .focus\:text-opacity-100:focus,
reach-portal .focus\:text-opacity-100:focus {
  --text-opacity: 1 !important
}

#navbarWrapper .italic,
reach-portal .italic {
  font-style: italic !important
}

#navbarWrapper .not-italic,
reach-portal .not-italic {
  font-style: normal !important
}

#navbarWrapper .uppercase,
reach-portal .uppercase {
  text-transform: uppercase !important
}

#navbarWrapper .lowercase,
reach-portal .lowercase {
  text-transform: lowercase !important
}

#navbarWrapper .capitalize,
reach-portal .capitalize {
  text-transform: capitalize !important
}

#navbarWrapper .normal-case,
reach-portal .normal-case {
  text-transform: none !important
}

#navbarWrapper .underline,
reach-portal .underline {
  text-decoration: underline !important
}

#navbarWrapper .line-through,
reach-portal .line-through {
  text-decoration: line-through !important
}

#navbarWrapper .no-underline,
reach-portal .no-underline {
  text-decoration: none !important
}

#navbarWrapper .hover\:underline:hover,
reach-portal .hover\:underline:hover {
  text-decoration: underline !important
}

#navbarWrapper .hover\:line-through:hover,
reach-portal .hover\:line-through:hover {
  text-decoration: line-through !important
}

#navbarWrapper .hover\:no-underline:hover,
reach-portal .hover\:no-underline:hover {
  text-decoration: none !important
}

#navbarWrapper .focus\:underline:focus,
reach-portal .focus\:underline:focus {
  text-decoration: underline !important
}

#navbarWrapper .focus\:line-through:focus,
reach-portal .focus\:line-through:focus {
  text-decoration: line-through !important
}

#navbarWrapper .focus\:no-underline:focus,
reach-portal .focus\:no-underline:focus {
  text-decoration: none !important
}

#navbarWrapper .antialiased,
reach-portal .antialiased {
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important
}

#navbarWrapper .subpixel-antialiased,
reach-portal .subpixel-antialiased {
  -webkit-font-smoothing: auto !important;
  -moz-osx-font-smoothing: auto !important
}

#navbarWrapper .tracking-tighter,
reach-portal .tracking-tighter {
  letter-spacing: -.05em !important
}

#navbarWrapper .tracking-tight,
reach-portal .tracking-tight {
  letter-spacing: -.025em !important
}

#navbarWrapper .tracking-normal,
reach-portal .tracking-normal {
  letter-spacing: 0 !important
}

#navbarWrapper .tracking-wide,
reach-portal .tracking-wide {
  letter-spacing: .025em !important
}

#navbarWrapper .tracking-wider,
reach-portal .tracking-wider {
  letter-spacing: .05em !important
}

#navbarWrapper .tracking-widest,
reach-portal .tracking-widest {
  letter-spacing: .1em !important
}

#navbarWrapper .select-none,
reach-portal .select-none {
  -webkit-user-select: none !important;
  user-select: none !important
}

#navbarWrapper .select-text,
reach-portal .select-text {
  -webkit-user-select: text !important;
  user-select: text !important
}

#navbarWrapper .select-all,
reach-portal .select-all {
  -webkit-user-select: all !important;
  user-select: all !important
}

#navbarWrapper .select-auto,
reach-portal .select-auto {
  -webkit-user-select: auto !important;
  user-select: auto !important
}

#navbarWrapper .align-baseline,
reach-portal .align-baseline {
  vertical-align: initial !important
}

#navbarWrapper .align-top,
reach-portal .align-top {
  vertical-align: top !important
}

#navbarWrapper .align-middle,
reach-portal .align-middle {
  vertical-align: middle !important
}

#navbarWrapper .align-bottom,
reach-portal .align-bottom {
  vertical-align: bottom !important
}

#navbarWrapper .align-text-top,
reach-portal .align-text-top {
  vertical-align: text-top !important
}

#navbarWrapper .align-text-bottom,
reach-portal .align-text-bottom {
  vertical-align: text-bottom !important
}

#navbarWrapper .visible,
reach-portal .visible {
  visibility: visible !important
}

#navbarWrapper .invisible,
reach-portal .invisible {
  visibility: hidden !important
}

#navbarWrapper .whitespace-normal,
reach-portal .whitespace-normal {
  white-space: normal !important
}

#navbarWrapper .whitespace-no-wrap,
reach-portal .whitespace-no-wrap {
  white-space: nowrap !important
}

#navbarWrapper .whitespace-pre,
reach-portal .whitespace-pre {
  white-space: pre !important
}

#navbarWrapper .whitespace-pre-line,
reach-portal .whitespace-pre-line {
  white-space: pre-line !important
}

#navbarWrapper .whitespace-pre-wrap,
reach-portal .whitespace-pre-wrap {
  white-space: pre-wrap !important
}

#navbarWrapper .break-normal,
reach-portal .break-normal {
  overflow-wrap: normal !important;
  word-break: normal !important
}

#navbarWrapper .break-words,
reach-portal .break-words {
  overflow-wrap: break-word !important
}

#navbarWrapper .break-all,
reach-portal .break-all {
  word-break: break-all !important
}

#navbarWrapper .truncate,
reach-portal .truncate {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important
}

#navbarWrapper .w-0,
reach-portal .w-0 {
  width: 0 !important
}

#navbarWrapper .w-1,
reach-portal .w-1 {
  width: .25rem !important
}

#navbarWrapper .w-2,
reach-portal .w-2 {
  width: .5rem !important
}

#navbarWrapper .w-3,
reach-portal .w-3 {
  width: .75rem !important
}

#navbarWrapper .w-4,
reach-portal .w-4 {
  width: 1rem !important
}

#navbarWrapper .w-5,
reach-portal .w-5 {
  width: 1.25rem !important
}

#navbarWrapper .w-6,
reach-portal .w-6 {
  width: 1.5rem !important
}

#navbarWrapper .w-8,
reach-portal .w-8 {
  width: 2rem !important
}

#navbarWrapper .w-10,
reach-portal .w-10 {
  width: 2.5rem !important
}

#navbarWrapper .w-12,
reach-portal .w-12 {
  width: 3rem !important
}

#navbarWrapper .w-16,
reach-portal .w-16 {
  width: 4rem !important
}

#navbarWrapper .w-20,
reach-portal .w-20 {
  width: 5rem !important
}

#navbarWrapper .w-24,
reach-portal .w-24 {
  width: 6rem !important
}

#navbarWrapper .w-32,
reach-portal .w-32 {
  width: 8rem !important
}

#navbarWrapper .w-40,
reach-portal .w-40 {
  width: 10rem !important
}

#navbarWrapper .w-48,
reach-portal .w-48 {
  width: 12rem !important
}

#navbarWrapper .w-56,
reach-portal .w-56 {
  width: 14rem !important
}

#navbarWrapper .w-64,
reach-portal .w-64 {
  width: 16rem !important
}

#navbarWrapper .w-auto,
reach-portal .w-auto {
  width: auto !important
}

#navbarWrapper .w-px,
reach-portal .w-px {
  width: 1px !important
}

#navbarWrapper .w-1\/2,
reach-portal .w-1\/2 {
  width: 50% !important
}

#navbarWrapper .w-1\/3,
reach-portal .w-1\/3 {
  width: 33.333333% !important
}

#navbarWrapper .w-2\/3,
reach-portal .w-2\/3 {
  width: 66.666667% !important
}

#navbarWrapper .w-1\/4,
reach-portal .w-1\/4 {
  width: 25% !important
}

#navbarWrapper .w-2\/4,
reach-portal .w-2\/4 {
  width: 50% !important
}

#navbarWrapper .w-3\/4,
reach-portal .w-3\/4 {
  width: 75% !important
}

#navbarWrapper .w-1\/5,
reach-portal .w-1\/5 {
  width: 20% !important
}

#navbarWrapper .w-2\/5,
reach-portal .w-2\/5 {
  width: 40% !important
}

#navbarWrapper .w-3\/5,
reach-portal .w-3\/5 {
  width: 60% !important
}

#navbarWrapper .w-4\/5,
reach-portal .w-4\/5 {
  width: 80% !important
}

#navbarWrapper .w-1\/6,
reach-portal .w-1\/6 {
  width: 16.666667% !important
}

#navbarWrapper .w-2\/6,
reach-portal .w-2\/6 {
  width: 33.333333% !important
}

#navbarWrapper .w-3\/6,
reach-portal .w-3\/6 {
  width: 50% !important
}

#navbarWrapper .w-4\/6,
reach-portal .w-4\/6 {
  width: 66.666667% !important
}

#navbarWrapper .w-5\/6,
reach-portal .w-5\/6 {
  width: 83.333333% !important
}

#navbarWrapper .w-1\/12,
reach-portal .w-1\/12 {
  width: 8.333333% !important
}

#navbarWrapper .w-2\/12,
reach-portal .w-2\/12 {
  width: 16.666667% !important
}

#navbarWrapper .w-3\/12,
reach-portal .w-3\/12 {
  width: 25% !important
}

#navbarWrapper .w-4\/12,
reach-portal .w-4\/12 {
  width: 33.333333% !important
}

#navbarWrapper .w-5\/12,
reach-portal .w-5\/12 {
  width: 41.666667% !important
}

#navbarWrapper .w-6\/12,
reach-portal .w-6\/12 {
  width: 50% !important
}

#navbarWrapper .w-7\/12,
reach-portal .w-7\/12 {
  width: 58.333333% !important
}

#navbarWrapper .w-8\/12,
reach-portal .w-8\/12 {
  width: 66.666667% !important
}

#navbarWrapper .w-9\/12,
reach-portal .w-9\/12 {
  width: 75% !important
}

#navbarWrapper .w-10\/12,
reach-portal .w-10\/12 {
  width: 83.333333% !important
}

#navbarWrapper .w-11\/12,
reach-portal .w-11\/12 {
  width: 91.666667% !important
}

#navbarWrapper .w-full,
reach-portal .w-full {
  width: 100% !important
}

#navbarWrapper .w-screen,
reach-portal .w-screen {
  width: 100vw !important
}

#navbarWrapper .z-0,
reach-portal .z-0 {
  z-index: 0 !important
}

#navbarWrapper .z-10,
reach-portal .z-10 {
  z-index: 10 !important
}

#navbarWrapper .z-20,
reach-portal .z-20 {
  z-index: 20 !important
}

#navbarWrapper .z-30,
reach-portal .z-30 {
  z-index: 30 !important
}

#navbarWrapper .z-40,
reach-portal .z-40 {
  z-index: 40 !important
}

#navbarWrapper .z-50,
reach-portal .z-50 {
  z-index: 50 !important
}

#navbarWrapper .z-200,
reach-portal .z-200 {
  z-index: 200 !important
}

#navbarWrapper .z-auto,
reach-portal .z-auto {
  z-index: auto !important
}

#navbarWrapper .gap-0,
reach-portal .gap-0 {
  grid-gap: 0 !important;
  gap: 0 !important
}

#navbarWrapper .gap-1,
reach-portal .gap-1 {
  grid-gap: .25rem !important;
  gap: .25rem !important
}

#navbarWrapper .gap-2,
reach-portal .gap-2 {
  grid-gap: .5rem !important;
  gap: .5rem !important
}

#navbarWrapper .gap-3,
reach-portal .gap-3 {
  grid-gap: .75rem !important;
  gap: .75rem !important
}

#navbarWrapper .gap-4,
reach-portal .gap-4 {
  grid-gap: 1rem !important;
  gap: 1rem !important
}

#navbarWrapper .gap-5,
reach-portal .gap-5 {
  grid-gap: 1.25rem !important;
  gap: 1.25rem !important
}

#navbarWrapper .gap-6,
reach-portal .gap-6 {
  grid-gap: 1.5rem !important;
  gap: 1.5rem !important
}

#navbarWrapper .gap-8,
reach-portal .gap-8 {
  grid-gap: 2rem !important;
  gap: 2rem !important
}

#navbarWrapper .gap-10,
reach-portal .gap-10 {
  grid-gap: 2.5rem !important;
  gap: 2.5rem !important
}

#navbarWrapper .gap-12,
reach-portal .gap-12 {
  grid-gap: 3rem !important;
  gap: 3rem !important
}

#navbarWrapper .gap-16,
reach-portal .gap-16 {
  grid-gap: 4rem !important;
  gap: 4rem !important
}

#navbarWrapper .gap-20,
reach-portal .gap-20 {
  grid-gap: 5rem !important;
  gap: 5rem !important
}

#navbarWrapper .gap-24,
reach-portal .gap-24 {
  grid-gap: 6rem !important;
  gap: 6rem !important
}

#navbarWrapper .gap-32,
reach-portal .gap-32 {
  grid-gap: 8rem !important;
  gap: 8rem !important
}

#navbarWrapper .gap-40,
reach-portal .gap-40 {
  grid-gap: 10rem !important;
  gap: 10rem !important
}

#navbarWrapper .gap-48,
reach-portal .gap-48 {
  grid-gap: 12rem !important;
  gap: 12rem !important
}

#navbarWrapper .gap-56,
reach-portal .gap-56 {
  grid-gap: 14rem !important;
  gap: 14rem !important
}

#navbarWrapper .gap-64,
reach-portal .gap-64 {
  grid-gap: 16rem !important;
  gap: 16rem !important
}

#navbarWrapper .gap-px,
reach-portal .gap-px {
  grid-gap: 1px !important;
  gap: 1px !important
}

#navbarWrapper .col-gap-0,
reach-portal .col-gap-0 {
  grid-column-gap: 0 !important;
  column-gap: 0 !important
}

#navbarWrapper .col-gap-1,
reach-portal .col-gap-1 {
  grid-column-gap: .25rem !important;
  column-gap: .25rem !important
}

#navbarWrapper .col-gap-2,
reach-portal .col-gap-2 {
  grid-column-gap: .5rem !important;
  column-gap: .5rem !important
}

#navbarWrapper .col-gap-3,
reach-portal .col-gap-3 {
  grid-column-gap: .75rem !important;
  column-gap: .75rem !important
}

#navbarWrapper .col-gap-4,
reach-portal .col-gap-4 {
  grid-column-gap: 1rem !important;
  column-gap: 1rem !important
}

#navbarWrapper .col-gap-5,
reach-portal .col-gap-5 {
  grid-column-gap: 1.25rem !important;
  column-gap: 1.25rem !important
}

#navbarWrapper .col-gap-6,
reach-portal .col-gap-6 {
  grid-column-gap: 1.5rem !important;
  column-gap: 1.5rem !important
}

#navbarWrapper .col-gap-8,
reach-portal .col-gap-8 {
  grid-column-gap: 2rem !important;
  column-gap: 2rem !important
}

#navbarWrapper .col-gap-10,
reach-portal .col-gap-10 {
  grid-column-gap: 2.5rem !important;
  column-gap: 2.5rem !important
}

#navbarWrapper .col-gap-12,
reach-portal .col-gap-12 {
  grid-column-gap: 3rem !important;
  column-gap: 3rem !important
}

#navbarWrapper .col-gap-16,
reach-portal .col-gap-16 {
  grid-column-gap: 4rem !important;
  column-gap: 4rem !important
}

#navbarWrapper .col-gap-20,
reach-portal .col-gap-20 {
  grid-column-gap: 5rem !important;
  column-gap: 5rem !important
}

#navbarWrapper .col-gap-24,
reach-portal .col-gap-24 {
  grid-column-gap: 6rem !important;
  column-gap: 6rem !important
}

#navbarWrapper .col-gap-32,
reach-portal .col-gap-32 {
  grid-column-gap: 8rem !important;
  column-gap: 8rem !important
}

#navbarWrapper .col-gap-40,
reach-portal .col-gap-40 {
  grid-column-gap: 10rem !important;
  column-gap: 10rem !important
}

#navbarWrapper .col-gap-48,
reach-portal .col-gap-48 {
  grid-column-gap: 12rem !important;
  column-gap: 12rem !important
}

#navbarWrapper .col-gap-56,
reach-portal .col-gap-56 {
  grid-column-gap: 14rem !important;
  column-gap: 14rem !important
}

#navbarWrapper .col-gap-64,
reach-portal .col-gap-64 {
  grid-column-gap: 16rem !important;
  column-gap: 16rem !important
}

#navbarWrapper .col-gap-px,
reach-portal .col-gap-px {
  grid-column-gap: 1px !important;
  column-gap: 1px !important
}

#navbarWrapper .row-gap-0,
reach-portal .row-gap-0 {
  grid-row-gap: 0 !important;
  row-gap: 0 !important
}

#navbarWrapper .row-gap-1,
reach-portal .row-gap-1 {
  grid-row-gap: .25rem !important;
  row-gap: .25rem !important
}

#navbarWrapper .row-gap-2,
reach-portal .row-gap-2 {
  grid-row-gap: .5rem !important;
  row-gap: .5rem !important
}

#navbarWrapper .row-gap-3,
reach-portal .row-gap-3 {
  grid-row-gap: .75rem !important;
  row-gap: .75rem !important
}

#navbarWrapper .row-gap-4,
reach-portal .row-gap-4 {
  grid-row-gap: 1rem !important;
  row-gap: 1rem !important
}

#navbarWrapper .row-gap-5,
reach-portal .row-gap-5 {
  grid-row-gap: 1.25rem !important;
  row-gap: 1.25rem !important
}

#navbarWrapper .row-gap-6,
reach-portal .row-gap-6 {
  grid-row-gap: 1.5rem !important;
  row-gap: 1.5rem !important
}

#navbarWrapper .row-gap-8,
reach-portal .row-gap-8 {
  grid-row-gap: 2rem !important;
  row-gap: 2rem !important
}

#navbarWrapper .row-gap-10,
reach-portal .row-gap-10 {
  grid-row-gap: 2.5rem !important;
  row-gap: 2.5rem !important
}

#navbarWrapper .row-gap-12,
reach-portal .row-gap-12 {
  grid-row-gap: 3rem !important;
  row-gap: 3rem !important
}

#navbarWrapper .row-gap-16,
reach-portal .row-gap-16 {
  grid-row-gap: 4rem !important;
  row-gap: 4rem !important
}

#navbarWrapper .row-gap-20,
reach-portal .row-gap-20 {
  grid-row-gap: 5rem !important;
  row-gap: 5rem !important
}

#navbarWrapper .row-gap-24,
reach-portal .row-gap-24 {
  grid-row-gap: 6rem !important;
  row-gap: 6rem !important
}

#navbarWrapper .row-gap-32,
reach-portal .row-gap-32 {
  grid-row-gap: 8rem !important;
  row-gap: 8rem !important
}

#navbarWrapper .row-gap-40,
reach-portal .row-gap-40 {
  grid-row-gap: 10rem !important;
  row-gap: 10rem !important
}

#navbarWrapper .row-gap-48,
reach-portal .row-gap-48 {
  grid-row-gap: 12rem !important;
  row-gap: 12rem !important
}

#navbarWrapper .row-gap-56,
reach-portal .row-gap-56 {
  grid-row-gap: 14rem !important;
  row-gap: 14rem !important
}

#navbarWrapper .row-gap-64,
reach-portal .row-gap-64 {
  grid-row-gap: 16rem !important;
  row-gap: 16rem !important
}

#navbarWrapper .row-gap-px,
reach-portal .row-gap-px {
  grid-row-gap: 1px !important;
  row-gap: 1px !important
}

#navbarWrapper .grid-flow-row,
reach-portal .grid-flow-row {
  grid-auto-flow: row !important
}

#navbarWrapper .grid-flow-col,
reach-portal .grid-flow-col {
  grid-auto-flow: column !important
}

#navbarWrapper .grid-flow-row-dense,
reach-portal .grid-flow-row-dense {
  grid-auto-flow: row dense !important
}

#navbarWrapper .grid-flow-col-dense,
reach-portal .grid-flow-col-dense {
  grid-auto-flow: column dense !important
}

#navbarWrapper .grid-cols-1,
reach-portal .grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr)) !important
}

#navbarWrapper .grid-cols-2,
reach-portal .grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important
}

#navbarWrapper .grid-cols-3,
reach-portal .grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important
}

#navbarWrapper .grid-cols-4,
reach-portal .grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important
}

#navbarWrapper .grid-cols-5,
reach-portal .grid-cols-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important
}

#navbarWrapper .grid-cols-6,
reach-portal .grid-cols-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important
}

#navbarWrapper .grid-cols-7,
reach-portal .grid-cols-7 {
  grid-template-columns: repeat(7, minmax(0, 1fr)) !important
}

#navbarWrapper .grid-cols-8,
reach-portal .grid-cols-8 {
  grid-template-columns: repeat(8, minmax(0, 1fr)) !important
}

#navbarWrapper .grid-cols-9,
reach-portal .grid-cols-9 {
  grid-template-columns: repeat(9, minmax(0, 1fr)) !important
}

#navbarWrapper .grid-cols-10,
reach-portal .grid-cols-10 {
  grid-template-columns: repeat(10, minmax(0, 1fr)) !important
}

#navbarWrapper .grid-cols-11,
reach-portal .grid-cols-11 {
  grid-template-columns: repeat(11, minmax(0, 1fr)) !important
}

#navbarWrapper .grid-cols-12,
reach-portal .grid-cols-12 {
  grid-template-columns: repeat(12, minmax(0, 1fr)) !important
}

#navbarWrapper .grid-cols-none,
reach-portal .grid-cols-none {
  grid-template-columns: none !important
}

#navbarWrapper .col-auto,
reach-portal .col-auto {
  grid-column: auto !important
}

#navbarWrapper .col-span-1,
reach-portal .col-span-1 {
  grid-column: span 1/span 1 !important
}

#navbarWrapper .col-span-2,
reach-portal .col-span-2 {
  grid-column: span 2/span 2 !important
}

#navbarWrapper .col-span-3,
reach-portal .col-span-3 {
  grid-column: span 3/span 3 !important
}

#navbarWrapper .col-span-4,
reach-portal .col-span-4 {
  grid-column: span 4/span 4 !important
}

#navbarWrapper .col-span-5,
reach-portal .col-span-5 {
  grid-column: span 5/span 5 !important
}

#navbarWrapper .col-span-6,
reach-portal .col-span-6 {
  grid-column: span 6/span 6 !important
}

#navbarWrapper .col-span-7,
reach-portal .col-span-7 {
  grid-column: span 7/span 7 !important
}

#navbarWrapper .col-span-8,
reach-portal .col-span-8 {
  grid-column: span 8/span 8 !important
}

#navbarWrapper .col-span-9,
reach-portal .col-span-9 {
  grid-column: span 9/span 9 !important
}

#navbarWrapper .col-span-10,
reach-portal .col-span-10 {
  grid-column: span 10/span 10 !important
}

#navbarWrapper .col-span-11,
reach-portal .col-span-11 {
  grid-column: span 11/span 11 !important
}

#navbarWrapper .col-span-12,
reach-portal .col-span-12 {
  grid-column: span 12/span 12 !important
}

#navbarWrapper .col-start-1,
reach-portal .col-start-1 {
  grid-column-start: 1 !important
}

#navbarWrapper .col-start-2,
reach-portal .col-start-2 {
  grid-column-start: 2 !important
}

#navbarWrapper .col-start-3,
reach-portal .col-start-3 {
  grid-column-start: 3 !important
}

#navbarWrapper .col-start-4,
reach-portal .col-start-4 {
  grid-column-start: 4 !important
}

#navbarWrapper .col-start-5,
reach-portal .col-start-5 {
  grid-column-start: 5 !important
}

#navbarWrapper .col-start-6,
reach-portal .col-start-6 {
  grid-column-start: 6 !important
}

#navbarWrapper .col-start-7,
reach-portal .col-start-7 {
  grid-column-start: 7 !important
}

#navbarWrapper .col-start-8,
reach-portal .col-start-8 {
  grid-column-start: 8 !important
}

#navbarWrapper .col-start-9,
reach-portal .col-start-9 {
  grid-column-start: 9 !important
}

#navbarWrapper .col-start-10,
reach-portal .col-start-10 {
  grid-column-start: 10 !important
}

#navbarWrapper .col-start-11,
reach-portal .col-start-11 {
  grid-column-start: 11 !important
}

#navbarWrapper .col-start-12,
reach-portal .col-start-12 {
  grid-column-start: 12 !important
}

#navbarWrapper .col-start-13,
reach-portal .col-start-13 {
  grid-column-start: 13 !important
}

#navbarWrapper .col-start-auto,
reach-portal .col-start-auto {
  grid-column-start: auto !important
}

#navbarWrapper .col-end-1,
reach-portal .col-end-1 {
  grid-column-end: 1 !important
}

#navbarWrapper .col-end-2,
reach-portal .col-end-2 {
  grid-column-end: 2 !important
}

#navbarWrapper .col-end-3,
reach-portal .col-end-3 {
  grid-column-end: 3 !important
}

#navbarWrapper .col-end-4,
reach-portal .col-end-4 {
  grid-column-end: 4 !important
}

#navbarWrapper .col-end-5,
reach-portal .col-end-5 {
  grid-column-end: 5 !important
}

#navbarWrapper .col-end-6,
reach-portal .col-end-6 {
  grid-column-end: 6 !important
}

#navbarWrapper .col-end-7,
reach-portal .col-end-7 {
  grid-column-end: 7 !important
}

#navbarWrapper .col-end-8,
reach-portal .col-end-8 {
  grid-column-end: 8 !important
}

#navbarWrapper .col-end-9,
reach-portal .col-end-9 {
  grid-column-end: 9 !important
}

#navbarWrapper .col-end-10,
reach-portal .col-end-10 {
  grid-column-end: 10 !important
}

#navbarWrapper .col-end-11,
reach-portal .col-end-11 {
  grid-column-end: 11 !important
}

#navbarWrapper .col-end-12,
reach-portal .col-end-12 {
  grid-column-end: 12 !important
}

#navbarWrapper .col-end-13,
reach-portal .col-end-13 {
  grid-column-end: 13 !important
}

#navbarWrapper .col-end-auto,
reach-portal .col-end-auto {
  grid-column-end: auto !important
}

#navbarWrapper .grid-rows-1,
reach-portal .grid-rows-1 {
  grid-template-rows: repeat(1, minmax(0, 1fr)) !important
}

#navbarWrapper .grid-rows-2,
reach-portal .grid-rows-2 {
  grid-template-rows: repeat(2, minmax(0, 1fr)) !important
}

#navbarWrapper .grid-rows-3,
reach-portal .grid-rows-3 {
  grid-template-rows: repeat(3, minmax(0, 1fr)) !important
}

#navbarWrapper .grid-rows-4,
reach-portal .grid-rows-4 {
  grid-template-rows: repeat(4, minmax(0, 1fr)) !important
}

#navbarWrapper .grid-rows-5,
reach-portal .grid-rows-5 {
  grid-template-rows: repeat(5, minmax(0, 1fr)) !important
}

#navbarWrapper .grid-rows-6,
reach-portal .grid-rows-6 {
  grid-template-rows: repeat(6, minmax(0, 1fr)) !important
}

#navbarWrapper .grid-rows-none,
reach-portal .grid-rows-none {
  grid-template-rows: none !important
}

#navbarWrapper .row-auto,
reach-portal .row-auto {
  grid-row: auto !important
}

#navbarWrapper .row-span-1,
reach-portal .row-span-1 {
  grid-row: span 1/span 1 !important
}

#navbarWrapper .row-span-2,
reach-portal .row-span-2 {
  grid-row: span 2/span 2 !important
}

#navbarWrapper .row-span-3,
reach-portal .row-span-3 {
  grid-row: span 3/span 3 !important
}

#navbarWrapper .row-span-4,
reach-portal .row-span-4 {
  grid-row: span 4/span 4 !important
}

#navbarWrapper .row-span-5,
reach-portal .row-span-5 {
  grid-row: span 5/span 5 !important
}

#navbarWrapper .row-span-6,
reach-portal .row-span-6 {
  grid-row: span 6/span 6 !important
}

#navbarWrapper .row-start-1,
reach-portal .row-start-1 {
  grid-row-start: 1 !important
}

#navbarWrapper .row-start-2,
reach-portal .row-start-2 {
  grid-row-start: 2 !important
}

#navbarWrapper .row-start-3,
reach-portal .row-start-3 {
  grid-row-start: 3 !important
}

#navbarWrapper .row-start-4,
reach-portal .row-start-4 {
  grid-row-start: 4 !important
}

#navbarWrapper .row-start-5,
reach-portal .row-start-5 {
  grid-row-start: 5 !important
}

#navbarWrapper .row-start-6,
reach-portal .row-start-6 {
  grid-row-start: 6 !important
}

#navbarWrapper .row-start-7,
reach-portal .row-start-7 {
  grid-row-start: 7 !important
}

#navbarWrapper .row-start-auto,
reach-portal .row-start-auto {
  grid-row-start: auto !important
}

#navbarWrapper .row-end-1,
reach-portal .row-end-1 {
  grid-row-end: 1 !important
}

#navbarWrapper .row-end-2,
reach-portal .row-end-2 {
  grid-row-end: 2 !important
}

#navbarWrapper .row-end-3,
reach-portal .row-end-3 {
  grid-row-end: 3 !important
}

#navbarWrapper .row-end-4,
reach-portal .row-end-4 {
  grid-row-end: 4 !important
}

#navbarWrapper .row-end-5,
reach-portal .row-end-5 {
  grid-row-end: 5 !important
}

#navbarWrapper .row-end-6,
reach-portal .row-end-6 {
  grid-row-end: 6 !important
}

#navbarWrapper .row-end-7,
reach-portal .row-end-7 {
  grid-row-end: 7 !important
}

#navbarWrapper .row-end-auto,
reach-portal .row-end-auto {
  grid-row-end: auto !important
}

#navbarWrapper .transform,
reach-portal .transform {
  --transform-translate-x: 0 !important;
  --transform-translate-y: 0 !important;
  --transform-rotate: 0 !important;
  --transform-skew-x: 0 !important;
  --transform-skew-y: 0 !important;
  --transform-scale-x: 1 !important;
  --transform-scale-y: 1 !important;
  transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y)) !important
}

#navbarWrapper .transform-none,
reach-portal .transform-none {
  transform: none !important
}

#navbarWrapper .origin-center,
reach-portal .origin-center {
  transform-origin: center !important
}

#navbarWrapper .origin-top,
reach-portal .origin-top {
  transform-origin: top !important
}

#navbarWrapper .origin-top-right,
reach-portal .origin-top-right {
  transform-origin: top right !important
}

#navbarWrapper .origin-right,
reach-portal .origin-right {
  transform-origin: right !important
}

#navbarWrapper .origin-bottom-right,
reach-portal .origin-bottom-right {
  transform-origin: bottom right !important
}

#navbarWrapper .origin-bottom,
reach-portal .origin-bottom {
  transform-origin: bottom !important
}

#navbarWrapper .origin-bottom-left,
reach-portal .origin-bottom-left {
  transform-origin: bottom left !important
}

#navbarWrapper .origin-left,
reach-portal .origin-left {
  transform-origin: left !important
}

#navbarWrapper .origin-top-left,
reach-portal .origin-top-left {
  transform-origin: top left !important
}

#navbarWrapper .scale-0,
reach-portal .scale-0 {
  --transform-scale-x: 0 !important;
  --transform-scale-y: 0 !important
}

#navbarWrapper .scale-50,
reach-portal .scale-50 {
  --transform-scale-x: .5 !important;
  --transform-scale-y: .5 !important
}

#navbarWrapper .scale-75,
reach-portal .scale-75 {
  --transform-scale-x: .75 !important;
  --transform-scale-y: .75 !important
}

#navbarWrapper .scale-90,
reach-portal .scale-90 {
  --transform-scale-x: .9 !important;
  --transform-scale-y: .9 !important
}

#navbarWrapper .scale-95,
reach-portal .scale-95 {
  --transform-scale-x: .95 !important;
  --transform-scale-y: .95 !important
}

#navbarWrapper .scale-100,
reach-portal .scale-100 {
  --transform-scale-x: 1 !important;
  --transform-scale-y: 1 !important
}

#navbarWrapper .scale-105,
reach-portal .scale-105 {
  --transform-scale-x: 1.05 !important;
  --transform-scale-y: 1.05 !important
}

#navbarWrapper .scale-110,
reach-portal .scale-110 {
  --transform-scale-x: 1.1 !important;
  --transform-scale-y: 1.1 !important
}

#navbarWrapper .scale-125,
reach-portal .scale-125 {
  --transform-scale-x: 1.25 !important;
  --transform-scale-y: 1.25 !important
}

#navbarWrapper .scale-150,
reach-portal .scale-150 {
  --transform-scale-x: 1.5 !important;
  --transform-scale-y: 1.5 !important
}

#navbarWrapper .scale-x-0,
reach-portal .scale-x-0 {
  --transform-scale-x: 0 !important
}

#navbarWrapper .scale-x-50,
reach-portal .scale-x-50 {
  --transform-scale-x: .5 !important
}

#navbarWrapper .scale-x-75,
reach-portal .scale-x-75 {
  --transform-scale-x: .75 !important
}

#navbarWrapper .scale-x-90,
reach-portal .scale-x-90 {
  --transform-scale-x: .9 !important
}

#navbarWrapper .scale-x-95,
reach-portal .scale-x-95 {
  --transform-scale-x: .95 !important
}

#navbarWrapper .scale-x-100,
reach-portal .scale-x-100 {
  --transform-scale-x: 1 !important
}

#navbarWrapper .scale-x-105,
reach-portal .scale-x-105 {
  --transform-scale-x: 1.05 !important
}

#navbarWrapper .scale-x-110,
reach-portal .scale-x-110 {
  --transform-scale-x: 1.1 !important
}

#navbarWrapper .scale-x-125,
reach-portal .scale-x-125 {
  --transform-scale-x: 1.25 !important
}

#navbarWrapper .scale-x-150,
reach-portal .scale-x-150 {
  --transform-scale-x: 1.5 !important
}

#navbarWrapper .scale-y-0,
reach-portal .scale-y-0 {
  --transform-scale-y: 0 !important
}

#navbarWrapper .scale-y-50,
reach-portal .scale-y-50 {
  --transform-scale-y: .5 !important
}

#navbarWrapper .scale-y-75,
reach-portal .scale-y-75 {
  --transform-scale-y: .75 !important
}

#navbarWrapper .scale-y-90,
reach-portal .scale-y-90 {
  --transform-scale-y: .9 !important
}

#navbarWrapper .scale-y-95,
reach-portal .scale-y-95 {
  --transform-scale-y: .95 !important
}

#navbarWrapper .scale-y-100,
reach-portal .scale-y-100 {
  --transform-scale-y: 1 !important
}

#navbarWrapper .scale-y-105,
reach-portal .scale-y-105 {
  --transform-scale-y: 1.05 !important
}

#navbarWrapper .scale-y-110,
reach-portal .scale-y-110 {
  --transform-scale-y: 1.1 !important
}

#navbarWrapper .scale-y-125,
reach-portal .scale-y-125 {
  --transform-scale-y: 1.25 !important
}

#navbarWrapper .scale-y-150,
reach-portal .scale-y-150 {
  --transform-scale-y: 1.5 !important
}

#navbarWrapper .hover\:scale-0:hover,
reach-portal .hover\:scale-0:hover {
  --transform-scale-x: 0 !important;
  --transform-scale-y: 0 !important
}

#navbarWrapper .hover\:scale-50:hover,
reach-portal .hover\:scale-50:hover {
  --transform-scale-x: .5 !important;
  --transform-scale-y: .5 !important
}

#navbarWrapper .hover\:scale-75:hover,
reach-portal .hover\:scale-75:hover {
  --transform-scale-x: .75 !important;
  --transform-scale-y: .75 !important
}

#navbarWrapper .hover\:scale-90:hover,
reach-portal .hover\:scale-90:hover {
  --transform-scale-x: .9 !important;
  --transform-scale-y: .9 !important
}

#navbarWrapper .hover\:scale-95:hover,
reach-portal .hover\:scale-95:hover {
  --transform-scale-x: .95 !important;
  --transform-scale-y: .95 !important
}

#navbarWrapper .hover\:scale-100:hover,
reach-portal .hover\:scale-100:hover {
  --transform-scale-x: 1 !important;
  --transform-scale-y: 1 !important
}

#navbarWrapper .hover\:scale-105:hover,
reach-portal .hover\:scale-105:hover {
  --transform-scale-x: 1.05 !important;
  --transform-scale-y: 1.05 !important
}

#navbarWrapper .hover\:scale-110:hover,
reach-portal .hover\:scale-110:hover {
  --transform-scale-x: 1.1 !important;
  --transform-scale-y: 1.1 !important
}

#navbarWrapper .hover\:scale-125:hover,
reach-portal .hover\:scale-125:hover {
  --transform-scale-x: 1.25 !important;
  --transform-scale-y: 1.25 !important
}

#navbarWrapper .hover\:scale-150:hover,
reach-portal .hover\:scale-150:hover {
  --transform-scale-x: 1.5 !important;
  --transform-scale-y: 1.5 !important
}

#navbarWrapper .hover\:scale-x-0:hover,
reach-portal .hover\:scale-x-0:hover {
  --transform-scale-x: 0 !important
}

#navbarWrapper .hover\:scale-x-50:hover,
reach-portal .hover\:scale-x-50:hover {
  --transform-scale-x: .5 !important
}

#navbarWrapper .hover\:scale-x-75:hover,
reach-portal .hover\:scale-x-75:hover {
  --transform-scale-x: .75 !important
}

#navbarWrapper .hover\:scale-x-90:hover,
reach-portal .hover\:scale-x-90:hover {
  --transform-scale-x: .9 !important
}

#navbarWrapper .hover\:scale-x-95:hover,
reach-portal .hover\:scale-x-95:hover {
  --transform-scale-x: .95 !important
}

#navbarWrapper .hover\:scale-x-100:hover,
reach-portal .hover\:scale-x-100:hover {
  --transform-scale-x: 1 !important
}

#navbarWrapper .hover\:scale-x-105:hover,
reach-portal .hover\:scale-x-105:hover {
  --transform-scale-x: 1.05 !important
}

#navbarWrapper .hover\:scale-x-110:hover,
reach-portal .hover\:scale-x-110:hover {
  --transform-scale-x: 1.1 !important
}

#navbarWrapper .hover\:scale-x-125:hover,
reach-portal .hover\:scale-x-125:hover {
  --transform-scale-x: 1.25 !important
}

#navbarWrapper .hover\:scale-x-150:hover,
reach-portal .hover\:scale-x-150:hover {
  --transform-scale-x: 1.5 !important
}

#navbarWrapper .hover\:scale-y-0:hover,
reach-portal .hover\:scale-y-0:hover {
  --transform-scale-y: 0 !important
}

#navbarWrapper .hover\:scale-y-50:hover,
reach-portal .hover\:scale-y-50:hover {
  --transform-scale-y: .5 !important
}

#navbarWrapper .hover\:scale-y-75:hover,
reach-portal .hover\:scale-y-75:hover {
  --transform-scale-y: .75 !important
}

#navbarWrapper .hover\:scale-y-90:hover,
reach-portal .hover\:scale-y-90:hover {
  --transform-scale-y: .9 !important
}

#navbarWrapper .hover\:scale-y-95:hover,
reach-portal .hover\:scale-y-95:hover {
  --transform-scale-y: .95 !important
}

#navbarWrapper .hover\:scale-y-100:hover,
reach-portal .hover\:scale-y-100:hover {
  --transform-scale-y: 1 !important
}

#navbarWrapper .hover\:scale-y-105:hover,
reach-portal .hover\:scale-y-105:hover {
  --transform-scale-y: 1.05 !important
}

#navbarWrapper .hover\:scale-y-110:hover,
reach-portal .hover\:scale-y-110:hover {
  --transform-scale-y: 1.1 !important
}

#navbarWrapper .hover\:scale-y-125:hover,
reach-portal .hover\:scale-y-125:hover {
  --transform-scale-y: 1.25 !important
}

#navbarWrapper .hover\:scale-y-150:hover,
reach-portal .hover\:scale-y-150:hover {
  --transform-scale-y: 1.5 !important
}

#navbarWrapper .focus\:scale-0:focus,
reach-portal .focus\:scale-0:focus {
  --transform-scale-x: 0 !important;
  --transform-scale-y: 0 !important
}

#navbarWrapper .focus\:scale-50:focus,
reach-portal .focus\:scale-50:focus {
  --transform-scale-x: .5 !important;
  --transform-scale-y: .5 !important
}

#navbarWrapper .focus\:scale-75:focus,
reach-portal .focus\:scale-75:focus {
  --transform-scale-x: .75 !important;
  --transform-scale-y: .75 !important
}

#navbarWrapper .focus\:scale-90:focus,
reach-portal .focus\:scale-90:focus {
  --transform-scale-x: .9 !important;
  --transform-scale-y: .9 !important
}

#navbarWrapper .focus\:scale-95:focus,
reach-portal .focus\:scale-95:focus {
  --transform-scale-x: .95 !important;
  --transform-scale-y: .95 !important
}

#navbarWrapper .focus\:scale-100:focus,
reach-portal .focus\:scale-100:focus {
  --transform-scale-x: 1 !important;
  --transform-scale-y: 1 !important
}

#navbarWrapper .focus\:scale-105:focus,
reach-portal .focus\:scale-105:focus {
  --transform-scale-x: 1.05 !important;
  --transform-scale-y: 1.05 !important
}

#navbarWrapper .focus\:scale-110:focus,
reach-portal .focus\:scale-110:focus {
  --transform-scale-x: 1.1 !important;
  --transform-scale-y: 1.1 !important
}

#navbarWrapper .focus\:scale-125:focus,
reach-portal .focus\:scale-125:focus {
  --transform-scale-x: 1.25 !important;
  --transform-scale-y: 1.25 !important
}

#navbarWrapper .focus\:scale-150:focus,
reach-portal .focus\:scale-150:focus {
  --transform-scale-x: 1.5 !important;
  --transform-scale-y: 1.5 !important
}

#navbarWrapper .focus\:scale-x-0:focus,
reach-portal .focus\:scale-x-0:focus {
  --transform-scale-x: 0 !important
}

#navbarWrapper .focus\:scale-x-50:focus,
reach-portal .focus\:scale-x-50:focus {
  --transform-scale-x: .5 !important
}

#navbarWrapper .focus\:scale-x-75:focus,
reach-portal .focus\:scale-x-75:focus {
  --transform-scale-x: .75 !important
}

#navbarWrapper .focus\:scale-x-90:focus,
reach-portal .focus\:scale-x-90:focus {
  --transform-scale-x: .9 !important
}

#navbarWrapper .focus\:scale-x-95:focus,
reach-portal .focus\:scale-x-95:focus {
  --transform-scale-x: .95 !important
}

#navbarWrapper .focus\:scale-x-100:focus,
reach-portal .focus\:scale-x-100:focus {
  --transform-scale-x: 1 !important
}

#navbarWrapper .focus\:scale-x-105:focus,
reach-portal .focus\:scale-x-105:focus {
  --transform-scale-x: 1.05 !important
}

#navbarWrapper .focus\:scale-x-110:focus,
reach-portal .focus\:scale-x-110:focus {
  --transform-scale-x: 1.1 !important
}

#navbarWrapper .focus\:scale-x-125:focus,
reach-portal .focus\:scale-x-125:focus {
  --transform-scale-x: 1.25 !important
}

#navbarWrapper .focus\:scale-x-150:focus,
reach-portal .focus\:scale-x-150:focus {
  --transform-scale-x: 1.5 !important
}

#navbarWrapper .focus\:scale-y-0:focus,
reach-portal .focus\:scale-y-0:focus {
  --transform-scale-y: 0 !important
}

#navbarWrapper .focus\:scale-y-50:focus,
reach-portal .focus\:scale-y-50:focus {
  --transform-scale-y: .5 !important
}

#navbarWrapper .focus\:scale-y-75:focus,
reach-portal .focus\:scale-y-75:focus {
  --transform-scale-y: .75 !important
}

#navbarWrapper .focus\:scale-y-90:focus,
reach-portal .focus\:scale-y-90:focus {
  --transform-scale-y: .9 !important
}

#navbarWrapper .focus\:scale-y-95:focus,
reach-portal .focus\:scale-y-95:focus {
  --transform-scale-y: .95 !important
}

#navbarWrapper .focus\:scale-y-100:focus,
reach-portal .focus\:scale-y-100:focus {
  --transform-scale-y: 1 !important
}

#navbarWrapper .focus\:scale-y-105:focus,
reach-portal .focus\:scale-y-105:focus {
  --transform-scale-y: 1.05 !important
}

#navbarWrapper .focus\:scale-y-110:focus,
reach-portal .focus\:scale-y-110:focus {
  --transform-scale-y: 1.1 !important
}

#navbarWrapper .focus\:scale-y-125:focus,
reach-portal .focus\:scale-y-125:focus {
  --transform-scale-y: 1.25 !important
}

#navbarWrapper .focus\:scale-y-150:focus,
reach-portal .focus\:scale-y-150:focus {
  --transform-scale-y: 1.5 !important
}

#navbarWrapper .rotate-0,
reach-portal .rotate-0 {
  --transform-rotate: 0 !important
}

#navbarWrapper .rotate-45,
reach-portal .rotate-45 {
  --transform-rotate: 45deg !important
}

#navbarWrapper .rotate-90,
reach-portal .rotate-90 {
  --transform-rotate: 90deg !important
}

#navbarWrapper .rotate-180,
reach-portal .rotate-180 {
  --transform-rotate: 180deg !important
}

#navbarWrapper .-rotate-180,
reach-portal .-rotate-180 {
  --transform-rotate: -180deg !important
}

#navbarWrapper .-rotate-90,
reach-portal .-rotate-90 {
  --transform-rotate: -90deg !important
}

#navbarWrapper .-rotate-45,
reach-portal .-rotate-45 {
  --transform-rotate: -45deg !important
}

#navbarWrapper .hover\:rotate-0:hover,
reach-portal .hover\:rotate-0:hover {
  --transform-rotate: 0 !important
}

#navbarWrapper .hover\:rotate-45:hover,
reach-portal .hover\:rotate-45:hover {
  --transform-rotate: 45deg !important
}

#navbarWrapper .hover\:rotate-90:hover,
reach-portal .hover\:rotate-90:hover {
  --transform-rotate: 90deg !important
}

#navbarWrapper .hover\:rotate-180:hover,
reach-portal .hover\:rotate-180:hover {
  --transform-rotate: 180deg !important
}

#navbarWrapper .hover\:-rotate-180:hover,
reach-portal .hover\:-rotate-180:hover {
  --transform-rotate: -180deg !important
}

#navbarWrapper .hover\:-rotate-90:hover,
reach-portal .hover\:-rotate-90:hover {
  --transform-rotate: -90deg !important
}

#navbarWrapper .hover\:-rotate-45:hover,
reach-portal .hover\:-rotate-45:hover {
  --transform-rotate: -45deg !important
}

#navbarWrapper .focus\:rotate-0:focus,
reach-portal .focus\:rotate-0:focus {
  --transform-rotate: 0 !important
}

#navbarWrapper .focus\:rotate-45:focus,
reach-portal .focus\:rotate-45:focus {
  --transform-rotate: 45deg !important
}

#navbarWrapper .focus\:rotate-90:focus,
reach-portal .focus\:rotate-90:focus {
  --transform-rotate: 90deg !important
}

#navbarWrapper .focus\:rotate-180:focus,
reach-portal .focus\:rotate-180:focus {
  --transform-rotate: 180deg !important
}

#navbarWrapper .focus\:-rotate-180:focus,
reach-portal .focus\:-rotate-180:focus {
  --transform-rotate: -180deg !important
}

#navbarWrapper .focus\:-rotate-90:focus,
reach-portal .focus\:-rotate-90:focus {
  --transform-rotate: -90deg !important
}

#navbarWrapper .focus\:-rotate-45:focus,
reach-portal .focus\:-rotate-45:focus {
  --transform-rotate: -45deg !important
}

#navbarWrapper .translate-x-0,
reach-portal .translate-x-0 {
  --transform-translate-x: 0 !important
}

#navbarWrapper .translate-x-1,
reach-portal .translate-x-1 {
  --transform-translate-x: 0.25rem !important
}

#navbarWrapper .translate-x-2,
reach-portal .translate-x-2 {
  --transform-translate-x: 0.5rem !important
}

#navbarWrapper .translate-x-3,
reach-portal .translate-x-3 {
  --transform-translate-x: 0.75rem !important
}

#navbarWrapper .translate-x-4,
reach-portal .translate-x-4 {
  --transform-translate-x: 1rem !important
}

#navbarWrapper .translate-x-5,
reach-portal .translate-x-5 {
  --transform-translate-x: 1.25rem !important
}

#navbarWrapper .translate-x-6,
reach-portal .translate-x-6 {
  --transform-translate-x: 1.5rem !important
}

#navbarWrapper .translate-x-8,
reach-portal .translate-x-8 {
  --transform-translate-x: 2rem !important
}

#navbarWrapper .translate-x-10,
reach-portal .translate-x-10 {
  --transform-translate-x: 2.5rem !important
}

#navbarWrapper .translate-x-12,
reach-portal .translate-x-12 {
  --transform-translate-x: 3rem !important
}

#navbarWrapper .translate-x-16,
reach-portal .translate-x-16 {
  --transform-translate-x: 4rem !important
}

#navbarWrapper .translate-x-20,
reach-portal .translate-x-20 {
  --transform-translate-x: 5rem !important
}

#navbarWrapper .translate-x-24,
reach-portal .translate-x-24 {
  --transform-translate-x: 6rem !important
}

#navbarWrapper .translate-x-32,
reach-portal .translate-x-32 {
  --transform-translate-x: 8rem !important
}

#navbarWrapper .translate-x-40,
reach-portal .translate-x-40 {
  --transform-translate-x: 10rem !important
}

#navbarWrapper .translate-x-48,
reach-portal .translate-x-48 {
  --transform-translate-x: 12rem !important
}

#navbarWrapper .translate-x-56,
reach-portal .translate-x-56 {
  --transform-translate-x: 14rem !important
}

#navbarWrapper .translate-x-64,
reach-portal .translate-x-64 {
  --transform-translate-x: 16rem !important
}

#navbarWrapper .translate-x-px,
reach-portal .translate-x-px {
  --transform-translate-x: 1px !important
}

#navbarWrapper .-translate-x-1,
reach-portal .-translate-x-1 {
  --transform-translate-x: -0.25rem !important
}

#navbarWrapper .-translate-x-2,
reach-portal .-translate-x-2 {
  --transform-translate-x: -0.5rem !important
}

#navbarWrapper .-translate-x-3,
reach-portal .-translate-x-3 {
  --transform-translate-x: -0.75rem !important
}

#navbarWrapper .-translate-x-4,
reach-portal .-translate-x-4 {
  --transform-translate-x: -1rem !important
}

#navbarWrapper .-translate-x-5,
reach-portal .-translate-x-5 {
  --transform-translate-x: -1.25rem !important
}

#navbarWrapper .-translate-x-6,
reach-portal .-translate-x-6 {
  --transform-translate-x: -1.5rem !important
}

#navbarWrapper .-translate-x-8,
reach-portal .-translate-x-8 {
  --transform-translate-x: -2rem !important
}

#navbarWrapper .-translate-x-10,
reach-portal .-translate-x-10 {
  --transform-translate-x: -2.5rem !important
}

#navbarWrapper .-translate-x-12,
reach-portal .-translate-x-12 {
  --transform-translate-x: -3rem !important
}

#navbarWrapper .-translate-x-16,
reach-portal .-translate-x-16 {
  --transform-translate-x: -4rem !important
}

#navbarWrapper .-translate-x-20,
reach-portal .-translate-x-20 {
  --transform-translate-x: -5rem !important
}

#navbarWrapper .-translate-x-24,
reach-portal .-translate-x-24 {
  --transform-translate-x: -6rem !important
}

#navbarWrapper .-translate-x-32,
reach-portal .-translate-x-32 {
  --transform-translate-x: -8rem !important
}

#navbarWrapper .-translate-x-40,
reach-portal .-translate-x-40 {
  --transform-translate-x: -10rem !important
}

#navbarWrapper .-translate-x-48,
reach-portal .-translate-x-48 {
  --transform-translate-x: -12rem !important
}

#navbarWrapper .-translate-x-56,
reach-portal .-translate-x-56 {
  --transform-translate-x: -14rem !important
}

#navbarWrapper .-translate-x-64,
reach-portal .-translate-x-64 {
  --transform-translate-x: -16rem !important
}

#navbarWrapper .-translate-x-px,
reach-portal .-translate-x-px {
  --transform-translate-x: -1px !important
}

#navbarWrapper .-translate-x-full,
reach-portal .-translate-x-full {
  --transform-translate-x: -100% !important
}

#navbarWrapper .-translate-x-1\/2,
reach-portal .-translate-x-1\/2 {
  --transform-translate-x: -50% !important
}

#navbarWrapper .translate-x-1\/2,
reach-portal .translate-x-1\/2 {
  --transform-translate-x: 50% !important
}

#navbarWrapper .translate-x-full,
reach-portal .translate-x-full {
  --transform-translate-x: 100% !important
}

#navbarWrapper .translate-y-0,
reach-portal .translate-y-0 {
  --transform-translate-y: 0 !important
}

#navbarWrapper .translate-y-1,
reach-portal .translate-y-1 {
  --transform-translate-y: 0.25rem !important
}

#navbarWrapper .translate-y-2,
reach-portal .translate-y-2 {
  --transform-translate-y: 0.5rem !important
}

#navbarWrapper .translate-y-3,
reach-portal .translate-y-3 {
  --transform-translate-y: 0.75rem !important
}

#navbarWrapper .translate-y-4,
reach-portal .translate-y-4 {
  --transform-translate-y: 1rem !important
}

#navbarWrapper .translate-y-5,
reach-portal .translate-y-5 {
  --transform-translate-y: 1.25rem !important
}

#navbarWrapper .translate-y-6,
reach-portal .translate-y-6 {
  --transform-translate-y: 1.5rem !important
}

#navbarWrapper .translate-y-8,
reach-portal .translate-y-8 {
  --transform-translate-y: 2rem !important
}

#navbarWrapper .translate-y-10,
reach-portal .translate-y-10 {
  --transform-translate-y: 2.5rem !important
}

#navbarWrapper .translate-y-12,
reach-portal .translate-y-12 {
  --transform-translate-y: 3rem !important
}

#navbarWrapper .translate-y-16,
reach-portal .translate-y-16 {
  --transform-translate-y: 4rem !important
}

#navbarWrapper .translate-y-20,
reach-portal .translate-y-20 {
  --transform-translate-y: 5rem !important
}

#navbarWrapper .translate-y-24,
reach-portal .translate-y-24 {
  --transform-translate-y: 6rem !important
}

#navbarWrapper .translate-y-32,
reach-portal .translate-y-32 {
  --transform-translate-y: 8rem !important
}

#navbarWrapper .translate-y-40,
reach-portal .translate-y-40 {
  --transform-translate-y: 10rem !important
}

#navbarWrapper .translate-y-48,
reach-portal .translate-y-48 {
  --transform-translate-y: 12rem !important
}

#navbarWrapper .translate-y-56,
reach-portal .translate-y-56 {
  --transform-translate-y: 14rem !important
}

#navbarWrapper .translate-y-64,
reach-portal .translate-y-64 {
  --transform-translate-y: 16rem !important
}

#navbarWrapper .translate-y-px,
reach-portal .translate-y-px {
  --transform-translate-y: 1px !important
}

#navbarWrapper .-translate-y-1,
reach-portal .-translate-y-1 {
  --transform-translate-y: -0.25rem !important
}

#navbarWrapper .-translate-y-2,
reach-portal .-translate-y-2 {
  --transform-translate-y: -0.5rem !important
}

#navbarWrapper .-translate-y-3,
reach-portal .-translate-y-3 {
  --transform-translate-y: -0.75rem !important
}

#navbarWrapper .-translate-y-4,
reach-portal .-translate-y-4 {
  --transform-translate-y: -1rem !important
}

#navbarWrapper .-translate-y-5,
reach-portal .-translate-y-5 {
  --transform-translate-y: -1.25rem !important
}

#navbarWrapper .-translate-y-6,
reach-portal .-translate-y-6 {
  --transform-translate-y: -1.5rem !important
}

#navbarWrapper .-translate-y-8,
reach-portal .-translate-y-8 {
  --transform-translate-y: -2rem !important
}

#navbarWrapper .-translate-y-10,
reach-portal .-translate-y-10 {
  --transform-translate-y: -2.5rem !important
}

#navbarWrapper .-translate-y-12,
reach-portal .-translate-y-12 {
  --transform-translate-y: -3rem !important
}

#navbarWrapper .-translate-y-16,
reach-portal .-translate-y-16 {
  --transform-translate-y: -4rem !important
}

#navbarWrapper .-translate-y-20,
reach-portal .-translate-y-20 {
  --transform-translate-y: -5rem !important
}

#navbarWrapper .-translate-y-24,
reach-portal .-translate-y-24 {
  --transform-translate-y: -6rem !important
}

#navbarWrapper .-translate-y-32,
reach-portal .-translate-y-32 {
  --transform-translate-y: -8rem !important
}

#navbarWrapper .-translate-y-40,
reach-portal .-translate-y-40 {
  --transform-translate-y: -10rem !important
}

#navbarWrapper .-translate-y-48,
reach-portal .-translate-y-48 {
  --transform-translate-y: -12rem !important
}

#navbarWrapper .-translate-y-56,
reach-portal .-translate-y-56 {
  --transform-translate-y: -14rem !important
}

#navbarWrapper .-translate-y-64,
reach-portal .-translate-y-64 {
  --transform-translate-y: -16rem !important
}

#navbarWrapper .-translate-y-px,
reach-portal .-translate-y-px {
  --transform-translate-y: -1px !important
}

#navbarWrapper .-translate-y-full,
reach-portal .-translate-y-full {
  --transform-translate-y: -100% !important
}

#navbarWrapper .-translate-y-1\/2,
reach-portal .-translate-y-1\/2 {
  --transform-translate-y: -50% !important
}

#navbarWrapper .translate-y-1\/2,
reach-portal .translate-y-1\/2 {
  --transform-translate-y: 50% !important
}

#navbarWrapper .translate-y-full,
reach-portal .translate-y-full {
  --transform-translate-y: 100% !important
}

#navbarWrapper .hover\:translate-x-0:hover,
reach-portal .hover\:translate-x-0:hover {
  --transform-translate-x: 0 !important
}

#navbarWrapper .hover\:translate-x-1:hover,
reach-portal .hover\:translate-x-1:hover {
  --transform-translate-x: 0.25rem !important
}

#navbarWrapper .hover\:translate-x-2:hover,
reach-portal .hover\:translate-x-2:hover {
  --transform-translate-x: 0.5rem !important
}

#navbarWrapper .hover\:translate-x-3:hover,
reach-portal .hover\:translate-x-3:hover {
  --transform-translate-x: 0.75rem !important
}

#navbarWrapper .hover\:translate-x-4:hover,
reach-portal .hover\:translate-x-4:hover {
  --transform-translate-x: 1rem !important
}

#navbarWrapper .hover\:translate-x-5:hover,
reach-portal .hover\:translate-x-5:hover {
  --transform-translate-x: 1.25rem !important
}

#navbarWrapper .hover\:translate-x-6:hover,
reach-portal .hover\:translate-x-6:hover {
  --transform-translate-x: 1.5rem !important
}

#navbarWrapper .hover\:translate-x-8:hover,
reach-portal .hover\:translate-x-8:hover {
  --transform-translate-x: 2rem !important
}

#navbarWrapper .hover\:translate-x-10:hover,
reach-portal .hover\:translate-x-10:hover {
  --transform-translate-x: 2.5rem !important
}

#navbarWrapper .hover\:translate-x-12:hover,
reach-portal .hover\:translate-x-12:hover {
  --transform-translate-x: 3rem !important
}

#navbarWrapper .hover\:translate-x-16:hover,
reach-portal .hover\:translate-x-16:hover {
  --transform-translate-x: 4rem !important
}

#navbarWrapper .hover\:translate-x-20:hover,
reach-portal .hover\:translate-x-20:hover {
  --transform-translate-x: 5rem !important
}

#navbarWrapper .hover\:translate-x-24:hover,
reach-portal .hover\:translate-x-24:hover {
  --transform-translate-x: 6rem !important
}

#navbarWrapper .hover\:translate-x-32:hover,
reach-portal .hover\:translate-x-32:hover {
  --transform-translate-x: 8rem !important
}

#navbarWrapper .hover\:translate-x-40:hover,
reach-portal .hover\:translate-x-40:hover {
  --transform-translate-x: 10rem !important
}

#navbarWrapper .hover\:translate-x-48:hover,
reach-portal .hover\:translate-x-48:hover {
  --transform-translate-x: 12rem !important
}

#navbarWrapper .hover\:translate-x-56:hover,
reach-portal .hover\:translate-x-56:hover {
  --transform-translate-x: 14rem !important
}

#navbarWrapper .hover\:translate-x-64:hover,
reach-portal .hover\:translate-x-64:hover {
  --transform-translate-x: 16rem !important
}

#navbarWrapper .hover\:translate-x-px:hover,
reach-portal .hover\:translate-x-px:hover {
  --transform-translate-x: 1px !important
}

#navbarWrapper .hover\:-translate-x-1:hover,
reach-portal .hover\:-translate-x-1:hover {
  --transform-translate-x: -0.25rem !important
}

#navbarWrapper .hover\:-translate-x-2:hover,
reach-portal .hover\:-translate-x-2:hover {
  --transform-translate-x: -0.5rem !important
}

#navbarWrapper .hover\:-translate-x-3:hover,
reach-portal .hover\:-translate-x-3:hover {
  --transform-translate-x: -0.75rem !important
}

#navbarWrapper .hover\:-translate-x-4:hover,
reach-portal .hover\:-translate-x-4:hover {
  --transform-translate-x: -1rem !important
}

#navbarWrapper .hover\:-translate-x-5:hover,
reach-portal .hover\:-translate-x-5:hover {
  --transform-translate-x: -1.25rem !important
}

#navbarWrapper .hover\:-translate-x-6:hover,
reach-portal .hover\:-translate-x-6:hover {
  --transform-translate-x: -1.5rem !important
}

#navbarWrapper .hover\:-translate-x-8:hover,
reach-portal .hover\:-translate-x-8:hover {
  --transform-translate-x: -2rem !important
}

#navbarWrapper .hover\:-translate-x-10:hover,
reach-portal .hover\:-translate-x-10:hover {
  --transform-translate-x: -2.5rem !important
}

#navbarWrapper .hover\:-translate-x-12:hover,
reach-portal .hover\:-translate-x-12:hover {
  --transform-translate-x: -3rem !important
}

#navbarWrapper .hover\:-translate-x-16:hover,
reach-portal .hover\:-translate-x-16:hover {
  --transform-translate-x: -4rem !important
}

#navbarWrapper .hover\:-translate-x-20:hover,
reach-portal .hover\:-translate-x-20:hover {
  --transform-translate-x: -5rem !important
}

#navbarWrapper .hover\:-translate-x-24:hover,
reach-portal .hover\:-translate-x-24:hover {
  --transform-translate-x: -6rem !important
}

#navbarWrapper .hover\:-translate-x-32:hover,
reach-portal .hover\:-translate-x-32:hover {
  --transform-translate-x: -8rem !important
}

#navbarWrapper .hover\:-translate-x-40:hover,
reach-portal .hover\:-translate-x-40:hover {
  --transform-translate-x: -10rem !important
}

#navbarWrapper .hover\:-translate-x-48:hover,
reach-portal .hover\:-translate-x-48:hover {
  --transform-translate-x: -12rem !important
}

#navbarWrapper .hover\:-translate-x-56:hover,
reach-portal .hover\:-translate-x-56:hover {
  --transform-translate-x: -14rem !important
}

#navbarWrapper .hover\:-translate-x-64:hover,
reach-portal .hover\:-translate-x-64:hover {
  --transform-translate-x: -16rem !important
}

#navbarWrapper .hover\:-translate-x-px:hover,
reach-portal .hover\:-translate-x-px:hover {
  --transform-translate-x: -1px !important
}

#navbarWrapper .hover\:-translate-x-full:hover,
reach-portal .hover\:-translate-x-full:hover {
  --transform-translate-x: -100% !important
}

#navbarWrapper .hover\:-translate-x-1\/2:hover,
reach-portal .hover\:-translate-x-1\/2:hover {
  --transform-translate-x: -50% !important
}

#navbarWrapper .hover\:translate-x-1\/2:hover,
reach-portal .hover\:translate-x-1\/2:hover {
  --transform-translate-x: 50% !important
}

#navbarWrapper .hover\:translate-x-full:hover,
reach-portal .hover\:translate-x-full:hover {
  --transform-translate-x: 100% !important
}

#navbarWrapper .hover\:translate-y-0:hover,
reach-portal .hover\:translate-y-0:hover {
  --transform-translate-y: 0 !important
}

#navbarWrapper .hover\:translate-y-1:hover,
reach-portal .hover\:translate-y-1:hover {
  --transform-translate-y: 0.25rem !important
}

#navbarWrapper .hover\:translate-y-2:hover,
reach-portal .hover\:translate-y-2:hover {
  --transform-translate-y: 0.5rem !important
}

#navbarWrapper .hover\:translate-y-3:hover,
reach-portal .hover\:translate-y-3:hover {
  --transform-translate-y: 0.75rem !important
}

#navbarWrapper .hover\:translate-y-4:hover,
reach-portal .hover\:translate-y-4:hover {
  --transform-translate-y: 1rem !important
}

#navbarWrapper .hover\:translate-y-5:hover,
reach-portal .hover\:translate-y-5:hover {
  --transform-translate-y: 1.25rem !important
}

#navbarWrapper .hover\:translate-y-6:hover,
reach-portal .hover\:translate-y-6:hover {
  --transform-translate-y: 1.5rem !important
}

#navbarWrapper .hover\:translate-y-8:hover,
reach-portal .hover\:translate-y-8:hover {
  --transform-translate-y: 2rem !important
}

#navbarWrapper .hover\:translate-y-10:hover,
reach-portal .hover\:translate-y-10:hover {
  --transform-translate-y: 2.5rem !important
}

#navbarWrapper .hover\:translate-y-12:hover,
reach-portal .hover\:translate-y-12:hover {
  --transform-translate-y: 3rem !important
}

#navbarWrapper .hover\:translate-y-16:hover,
reach-portal .hover\:translate-y-16:hover {
  --transform-translate-y: 4rem !important
}

#navbarWrapper .hover\:translate-y-20:hover,
reach-portal .hover\:translate-y-20:hover {
  --transform-translate-y: 5rem !important
}

#navbarWrapper .hover\:translate-y-24:hover,
reach-portal .hover\:translate-y-24:hover {
  --transform-translate-y: 6rem !important
}

#navbarWrapper .hover\:translate-y-32:hover,
reach-portal .hover\:translate-y-32:hover {
  --transform-translate-y: 8rem !important
}

#navbarWrapper .hover\:translate-y-40:hover,
reach-portal .hover\:translate-y-40:hover {
  --transform-translate-y: 10rem !important
}

#navbarWrapper .hover\:translate-y-48:hover,
reach-portal .hover\:translate-y-48:hover {
  --transform-translate-y: 12rem !important
}

#navbarWrapper .hover\:translate-y-56:hover,
reach-portal .hover\:translate-y-56:hover {
  --transform-translate-y: 14rem !important
}

#navbarWrapper .hover\:translate-y-64:hover,
reach-portal .hover\:translate-y-64:hover {
  --transform-translate-y: 16rem !important
}

#navbarWrapper .hover\:translate-y-px:hover,
reach-portal .hover\:translate-y-px:hover {
  --transform-translate-y: 1px !important
}

#navbarWrapper .hover\:-translate-y-1:hover,
reach-portal .hover\:-translate-y-1:hover {
  --transform-translate-y: -0.25rem !important
}

#navbarWrapper .hover\:-translate-y-2:hover,
reach-portal .hover\:-translate-y-2:hover {
  --transform-translate-y: -0.5rem !important
}

#navbarWrapper .hover\:-translate-y-3:hover,
reach-portal .hover\:-translate-y-3:hover {
  --transform-translate-y: -0.75rem !important
}

#navbarWrapper .hover\:-translate-y-4:hover,
reach-portal .hover\:-translate-y-4:hover {
  --transform-translate-y: -1rem !important
}

#navbarWrapper .hover\:-translate-y-5:hover,
reach-portal .hover\:-translate-y-5:hover {
  --transform-translate-y: -1.25rem !important
}

#navbarWrapper .hover\:-translate-y-6:hover,
reach-portal .hover\:-translate-y-6:hover {
  --transform-translate-y: -1.5rem !important
}

#navbarWrapper .hover\:-translate-y-8:hover,
reach-portal .hover\:-translate-y-8:hover {
  --transform-translate-y: -2rem !important
}

#navbarWrapper .hover\:-translate-y-10:hover,
reach-portal .hover\:-translate-y-10:hover {
  --transform-translate-y: -2.5rem !important
}

#navbarWrapper .hover\:-translate-y-12:hover,
reach-portal .hover\:-translate-y-12:hover {
  --transform-translate-y: -3rem !important
}

#navbarWrapper .hover\:-translate-y-16:hover,
reach-portal .hover\:-translate-y-16:hover {
  --transform-translate-y: -4rem !important
}

#navbarWrapper .hover\:-translate-y-20:hover,
reach-portal .hover\:-translate-y-20:hover {
  --transform-translate-y: -5rem !important
}

#navbarWrapper .hover\:-translate-y-24:hover,
reach-portal .hover\:-translate-y-24:hover {
  --transform-translate-y: -6rem !important
}

#navbarWrapper .hover\:-translate-y-32:hover,
reach-portal .hover\:-translate-y-32:hover {
  --transform-translate-y: -8rem !important
}

#navbarWrapper .hover\:-translate-y-40:hover,
reach-portal .hover\:-translate-y-40:hover {
  --transform-translate-y: -10rem !important
}

#navbarWrapper .hover\:-translate-y-48:hover,
reach-portal .hover\:-translate-y-48:hover {
  --transform-translate-y: -12rem !important
}

#navbarWrapper .hover\:-translate-y-56:hover,
reach-portal .hover\:-translate-y-56:hover {
  --transform-translate-y: -14rem !important
}

#navbarWrapper .hover\:-translate-y-64:hover,
reach-portal .hover\:-translate-y-64:hover {
  --transform-translate-y: -16rem !important
}

#navbarWrapper .hover\:-translate-y-px:hover,
reach-portal .hover\:-translate-y-px:hover {
  --transform-translate-y: -1px !important
}

#navbarWrapper .hover\:-translate-y-full:hover,
reach-portal .hover\:-translate-y-full:hover {
  --transform-translate-y: -100% !important
}

#navbarWrapper .hover\:-translate-y-1\/2:hover,
reach-portal .hover\:-translate-y-1\/2:hover {
  --transform-translate-y: -50% !important
}

#navbarWrapper .hover\:translate-y-1\/2:hover,
reach-portal .hover\:translate-y-1\/2:hover {
  --transform-translate-y: 50% !important
}

#navbarWrapper .hover\:translate-y-full:hover,
reach-portal .hover\:translate-y-full:hover {
  --transform-translate-y: 100% !important
}

#navbarWrapper .focus\:translate-x-0:focus,
reach-portal .focus\:translate-x-0:focus {
  --transform-translate-x: 0 !important
}

#navbarWrapper .focus\:translate-x-1:focus,
reach-portal .focus\:translate-x-1:focus {
  --transform-translate-x: 0.25rem !important
}

#navbarWrapper .focus\:translate-x-2:focus,
reach-portal .focus\:translate-x-2:focus {
  --transform-translate-x: 0.5rem !important
}

#navbarWrapper .focus\:translate-x-3:focus,
reach-portal .focus\:translate-x-3:focus {
  --transform-translate-x: 0.75rem !important
}

#navbarWrapper .focus\:translate-x-4:focus,
reach-portal .focus\:translate-x-4:focus {
  --transform-translate-x: 1rem !important
}

#navbarWrapper .focus\:translate-x-5:focus,
reach-portal .focus\:translate-x-5:focus {
  --transform-translate-x: 1.25rem !important
}

#navbarWrapper .focus\:translate-x-6:focus,
reach-portal .focus\:translate-x-6:focus {
  --transform-translate-x: 1.5rem !important
}

#navbarWrapper .focus\:translate-x-8:focus,
reach-portal .focus\:translate-x-8:focus {
  --transform-translate-x: 2rem !important
}

#navbarWrapper .focus\:translate-x-10:focus,
reach-portal .focus\:translate-x-10:focus {
  --transform-translate-x: 2.5rem !important
}

#navbarWrapper .focus\:translate-x-12:focus,
reach-portal .focus\:translate-x-12:focus {
  --transform-translate-x: 3rem !important
}

#navbarWrapper .focus\:translate-x-16:focus,
reach-portal .focus\:translate-x-16:focus {
  --transform-translate-x: 4rem !important
}

#navbarWrapper .focus\:translate-x-20:focus,
reach-portal .focus\:translate-x-20:focus {
  --transform-translate-x: 5rem !important
}

#navbarWrapper .focus\:translate-x-24:focus,
reach-portal .focus\:translate-x-24:focus {
  --transform-translate-x: 6rem !important
}

#navbarWrapper .focus\:translate-x-32:focus,
reach-portal .focus\:translate-x-32:focus {
  --transform-translate-x: 8rem !important
}

#navbarWrapper .focus\:translate-x-40:focus,
reach-portal .focus\:translate-x-40:focus {
  --transform-translate-x: 10rem !important
}

#navbarWrapper .focus\:translate-x-48:focus,
reach-portal .focus\:translate-x-48:focus {
  --transform-translate-x: 12rem !important
}

#navbarWrapper .focus\:translate-x-56:focus,
reach-portal .focus\:translate-x-56:focus {
  --transform-translate-x: 14rem !important
}

#navbarWrapper .focus\:translate-x-64:focus,
reach-portal .focus\:translate-x-64:focus {
  --transform-translate-x: 16rem !important
}

#navbarWrapper .focus\:translate-x-px:focus,
reach-portal .focus\:translate-x-px:focus {
  --transform-translate-x: 1px !important
}

#navbarWrapper .focus\:-translate-x-1:focus,
reach-portal .focus\:-translate-x-1:focus {
  --transform-translate-x: -0.25rem !important
}

#navbarWrapper .focus\:-translate-x-2:focus,
reach-portal .focus\:-translate-x-2:focus {
  --transform-translate-x: -0.5rem !important
}

#navbarWrapper .focus\:-translate-x-3:focus,
reach-portal .focus\:-translate-x-3:focus {
  --transform-translate-x: -0.75rem !important
}

#navbarWrapper .focus\:-translate-x-4:focus,
reach-portal .focus\:-translate-x-4:focus {
  --transform-translate-x: -1rem !important
}

#navbarWrapper .focus\:-translate-x-5:focus,
reach-portal .focus\:-translate-x-5:focus {
  --transform-translate-x: -1.25rem !important
}

#navbarWrapper .focus\:-translate-x-6:focus,
reach-portal .focus\:-translate-x-6:focus {
  --transform-translate-x: -1.5rem !important
}

#navbarWrapper .focus\:-translate-x-8:focus,
reach-portal .focus\:-translate-x-8:focus {
  --transform-translate-x: -2rem !important
}

#navbarWrapper .focus\:-translate-x-10:focus,
reach-portal .focus\:-translate-x-10:focus {
  --transform-translate-x: -2.5rem !important
}

#navbarWrapper .focus\:-translate-x-12:focus,
reach-portal .focus\:-translate-x-12:focus {
  --transform-translate-x: -3rem !important
}

#navbarWrapper .focus\:-translate-x-16:focus,
reach-portal .focus\:-translate-x-16:focus {
  --transform-translate-x: -4rem !important
}

#navbarWrapper .focus\:-translate-x-20:focus,
reach-portal .focus\:-translate-x-20:focus {
  --transform-translate-x: -5rem !important
}

#navbarWrapper .focus\:-translate-x-24:focus,
reach-portal .focus\:-translate-x-24:focus {
  --transform-translate-x: -6rem !important
}

#navbarWrapper .focus\:-translate-x-32:focus,
reach-portal .focus\:-translate-x-32:focus {
  --transform-translate-x: -8rem !important
}

#navbarWrapper .focus\:-translate-x-40:focus,
reach-portal .focus\:-translate-x-40:focus {
  --transform-translate-x: -10rem !important
}

#navbarWrapper .focus\:-translate-x-48:focus,
reach-portal .focus\:-translate-x-48:focus {
  --transform-translate-x: -12rem !important
}

#navbarWrapper .focus\:-translate-x-56:focus,
reach-portal .focus\:-translate-x-56:focus {
  --transform-translate-x: -14rem !important
}

#navbarWrapper .focus\:-translate-x-64:focus,
reach-portal .focus\:-translate-x-64:focus {
  --transform-translate-x: -16rem !important
}

#navbarWrapper .focus\:-translate-x-px:focus,
reach-portal .focus\:-translate-x-px:focus {
  --transform-translate-x: -1px !important
}

#navbarWrapper .focus\:-translate-x-full:focus,
reach-portal .focus\:-translate-x-full:focus {
  --transform-translate-x: -100% !important
}

#navbarWrapper .focus\:-translate-x-1\/2:focus,
reach-portal .focus\:-translate-x-1\/2:focus {
  --transform-translate-x: -50% !important
}

#navbarWrapper .focus\:translate-x-1\/2:focus,
reach-portal .focus\:translate-x-1\/2:focus {
  --transform-translate-x: 50% !important
}

#navbarWrapper .focus\:translate-x-full:focus,
reach-portal .focus\:translate-x-full:focus {
  --transform-translate-x: 100% !important
}

#navbarWrapper .focus\:translate-y-0:focus,
reach-portal .focus\:translate-y-0:focus {
  --transform-translate-y: 0 !important
}

#navbarWrapper .focus\:translate-y-1:focus,
reach-portal .focus\:translate-y-1:focus {
  --transform-translate-y: 0.25rem !important
}

#navbarWrapper .focus\:translate-y-2:focus,
reach-portal .focus\:translate-y-2:focus {
  --transform-translate-y: 0.5rem !important
}

#navbarWrapper .focus\:translate-y-3:focus,
reach-portal .focus\:translate-y-3:focus {
  --transform-translate-y: 0.75rem !important
}

#navbarWrapper .focus\:translate-y-4:focus,
reach-portal .focus\:translate-y-4:focus {
  --transform-translate-y: 1rem !important
}

#navbarWrapper .focus\:translate-y-5:focus,
reach-portal .focus\:translate-y-5:focus {
  --transform-translate-y: 1.25rem !important
}

#navbarWrapper .focus\:translate-y-6:focus,
reach-portal .focus\:translate-y-6:focus {
  --transform-translate-y: 1.5rem !important
}

#navbarWrapper .focus\:translate-y-8:focus,
reach-portal .focus\:translate-y-8:focus {
  --transform-translate-y: 2rem !important
}

#navbarWrapper .focus\:translate-y-10:focus,
reach-portal .focus\:translate-y-10:focus {
  --transform-translate-y: 2.5rem !important
}

#navbarWrapper .focus\:translate-y-12:focus,
reach-portal .focus\:translate-y-12:focus {
  --transform-translate-y: 3rem !important
}

#navbarWrapper .focus\:translate-y-16:focus,
reach-portal .focus\:translate-y-16:focus {
  --transform-translate-y: 4rem !important
}

#navbarWrapper .focus\:translate-y-20:focus,
reach-portal .focus\:translate-y-20:focus {
  --transform-translate-y: 5rem !important
}

#navbarWrapper .focus\:translate-y-24:focus,
reach-portal .focus\:translate-y-24:focus {
  --transform-translate-y: 6rem !important
}

#navbarWrapper .focus\:translate-y-32:focus,
reach-portal .focus\:translate-y-32:focus {
  --transform-translate-y: 8rem !important
}

#navbarWrapper .focus\:translate-y-40:focus,
reach-portal .focus\:translate-y-40:focus {
  --transform-translate-y: 10rem !important
}

#navbarWrapper .focus\:translate-y-48:focus,
reach-portal .focus\:translate-y-48:focus {
  --transform-translate-y: 12rem !important
}

#navbarWrapper .focus\:translate-y-56:focus,
reach-portal .focus\:translate-y-56:focus {
  --transform-translate-y: 14rem !important
}

#navbarWrapper .focus\:translate-y-64:focus,
reach-portal .focus\:translate-y-64:focus {
  --transform-translate-y: 16rem !important
}

#navbarWrapper .focus\:translate-y-px:focus,
reach-portal .focus\:translate-y-px:focus {
  --transform-translate-y: 1px !important
}

#navbarWrapper .focus\:-translate-y-1:focus,
reach-portal .focus\:-translate-y-1:focus {
  --transform-translate-y: -0.25rem !important
}

#navbarWrapper .focus\:-translate-y-2:focus,
reach-portal .focus\:-translate-y-2:focus {
  --transform-translate-y: -0.5rem !important
}

#navbarWrapper .focus\:-translate-y-3:focus,
reach-portal .focus\:-translate-y-3:focus {
  --transform-translate-y: -0.75rem !important
}

#navbarWrapper .focus\:-translate-y-4:focus,
reach-portal .focus\:-translate-y-4:focus {
  --transform-translate-y: -1rem !important
}

#navbarWrapper .focus\:-translate-y-5:focus,
reach-portal .focus\:-translate-y-5:focus {
  --transform-translate-y: -1.25rem !important
}

#navbarWrapper .focus\:-translate-y-6:focus,
reach-portal .focus\:-translate-y-6:focus {
  --transform-translate-y: -1.5rem !important
}

#navbarWrapper .focus\:-translate-y-8:focus,
reach-portal .focus\:-translate-y-8:focus {
  --transform-translate-y: -2rem !important
}

#navbarWrapper .focus\:-translate-y-10:focus,
reach-portal .focus\:-translate-y-10:focus {
  --transform-translate-y: -2.5rem !important
}

#navbarWrapper .focus\:-translate-y-12:focus,
reach-portal .focus\:-translate-y-12:focus {
  --transform-translate-y: -3rem !important
}

#navbarWrapper .focus\:-translate-y-16:focus,
reach-portal .focus\:-translate-y-16:focus {
  --transform-translate-y: -4rem !important
}

#navbarWrapper .focus\:-translate-y-20:focus,
reach-portal .focus\:-translate-y-20:focus {
  --transform-translate-y: -5rem !important
}

#navbarWrapper .focus\:-translate-y-24:focus,
reach-portal .focus\:-translate-y-24:focus {
  --transform-translate-y: -6rem !important
}

#navbarWrapper .focus\:-translate-y-32:focus,
reach-portal .focus\:-translate-y-32:focus {
  --transform-translate-y: -8rem !important
}

#navbarWrapper .focus\:-translate-y-40:focus,
reach-portal .focus\:-translate-y-40:focus {
  --transform-translate-y: -10rem !important
}

#navbarWrapper .focus\:-translate-y-48:focus,
reach-portal .focus\:-translate-y-48:focus {
  --transform-translate-y: -12rem !important
}

#navbarWrapper .focus\:-translate-y-56:focus,
reach-portal .focus\:-translate-y-56:focus {
  --transform-translate-y: -14rem !important
}

#navbarWrapper .focus\:-translate-y-64:focus,
reach-portal .focus\:-translate-y-64:focus {
  --transform-translate-y: -16rem !important
}

#navbarWrapper .focus\:-translate-y-px:focus,
reach-portal .focus\:-translate-y-px:focus {
  --transform-translate-y: -1px !important
}

#navbarWrapper .focus\:-translate-y-full:focus,
reach-portal .focus\:-translate-y-full:focus {
  --transform-translate-y: -100% !important
}

#navbarWrapper .focus\:-translate-y-1\/2:focus,
reach-portal .focus\:-translate-y-1\/2:focus {
  --transform-translate-y: -50% !important
}

#navbarWrapper .focus\:translate-y-1\/2:focus,
reach-portal .focus\:translate-y-1\/2:focus {
  --transform-translate-y: 50% !important
}

#navbarWrapper .focus\:translate-y-full:focus,
reach-portal .focus\:translate-y-full:focus {
  --transform-translate-y: 100% !important
}

#navbarWrapper .skew-x-0,
reach-portal .skew-x-0 {
  --transform-skew-x: 0 !important
}

#navbarWrapper .skew-x-3,
reach-portal .skew-x-3 {
  --transform-skew-x: 3deg !important
}

#navbarWrapper .skew-x-6,
reach-portal .skew-x-6 {
  --transform-skew-x: 6deg !important
}

#navbarWrapper .skew-x-12,
reach-portal .skew-x-12 {
  --transform-skew-x: 12deg !important
}

#navbarWrapper .-skew-x-12,
reach-portal .-skew-x-12 {
  --transform-skew-x: -12deg !important
}

#navbarWrapper .-skew-x-6,
reach-portal .-skew-x-6 {
  --transform-skew-x: -6deg !important
}

#navbarWrapper .-skew-x-3,
reach-portal .-skew-x-3 {
  --transform-skew-x: -3deg !important
}

#navbarWrapper .skew-y-0,
reach-portal .skew-y-0 {
  --transform-skew-y: 0 !important
}

#navbarWrapper .skew-y-3,
reach-portal .skew-y-3 {
  --transform-skew-y: 3deg !important
}

#navbarWrapper .skew-y-6,
reach-portal .skew-y-6 {
  --transform-skew-y: 6deg !important
}

#navbarWrapper .skew-y-12,
reach-portal .skew-y-12 {
  --transform-skew-y: 12deg !important
}

#navbarWrapper .-skew-y-12,
reach-portal .-skew-y-12 {
  --transform-skew-y: -12deg !important
}

#navbarWrapper .-skew-y-6,
reach-portal .-skew-y-6 {
  --transform-skew-y: -6deg !important
}

#navbarWrapper .-skew-y-3,
reach-portal .-skew-y-3 {
  --transform-skew-y: -3deg !important
}

#navbarWrapper .hover\:skew-x-0:hover,
reach-portal .hover\:skew-x-0:hover {
  --transform-skew-x: 0 !important
}

#navbarWrapper .hover\:skew-x-3:hover,
reach-portal .hover\:skew-x-3:hover {
  --transform-skew-x: 3deg !important
}

#navbarWrapper .hover\:skew-x-6:hover,
reach-portal .hover\:skew-x-6:hover {
  --transform-skew-x: 6deg !important
}

#navbarWrapper .hover\:skew-x-12:hover,
reach-portal .hover\:skew-x-12:hover {
  --transform-skew-x: 12deg !important
}

#navbarWrapper .hover\:-skew-x-12:hover,
reach-portal .hover\:-skew-x-12:hover {
  --transform-skew-x: -12deg !important
}

#navbarWrapper .hover\:-skew-x-6:hover,
reach-portal .hover\:-skew-x-6:hover {
  --transform-skew-x: -6deg !important
}

#navbarWrapper .hover\:-skew-x-3:hover,
reach-portal .hover\:-skew-x-3:hover {
  --transform-skew-x: -3deg !important
}

#navbarWrapper .hover\:skew-y-0:hover,
reach-portal .hover\:skew-y-0:hover {
  --transform-skew-y: 0 !important
}

#navbarWrapper .hover\:skew-y-3:hover,
reach-portal .hover\:skew-y-3:hover {
  --transform-skew-y: 3deg !important
}

#navbarWrapper .hover\:skew-y-6:hover,
reach-portal .hover\:skew-y-6:hover {
  --transform-skew-y: 6deg !important
}

#navbarWrapper .hover\:skew-y-12:hover,
reach-portal .hover\:skew-y-12:hover {
  --transform-skew-y: 12deg !important
}

#navbarWrapper .hover\:-skew-y-12:hover,
reach-portal .hover\:-skew-y-12:hover {
  --transform-skew-y: -12deg !important
}

#navbarWrapper .hover\:-skew-y-6:hover,
reach-portal .hover\:-skew-y-6:hover {
  --transform-skew-y: -6deg !important
}

#navbarWrapper .hover\:-skew-y-3:hover,
reach-portal .hover\:-skew-y-3:hover {
  --transform-skew-y: -3deg !important
}

#navbarWrapper .focus\:skew-x-0:focus,
reach-portal .focus\:skew-x-0:focus {
  --transform-skew-x: 0 !important
}

#navbarWrapper .focus\:skew-x-3:focus,
reach-portal .focus\:skew-x-3:focus {
  --transform-skew-x: 3deg !important
}

#navbarWrapper .focus\:skew-x-6:focus,
reach-portal .focus\:skew-x-6:focus {
  --transform-skew-x: 6deg !important
}

#navbarWrapper .focus\:skew-x-12:focus,
reach-portal .focus\:skew-x-12:focus {
  --transform-skew-x: 12deg !important
}

#navbarWrapper .focus\:-skew-x-12:focus,
reach-portal .focus\:-skew-x-12:focus {
  --transform-skew-x: -12deg !important
}

#navbarWrapper .focus\:-skew-x-6:focus,
reach-portal .focus\:-skew-x-6:focus {
  --transform-skew-x: -6deg !important
}

#navbarWrapper .focus\:-skew-x-3:focus,
reach-portal .focus\:-skew-x-3:focus {
  --transform-skew-x: -3deg !important
}

#navbarWrapper .focus\:skew-y-0:focus,
reach-portal .focus\:skew-y-0:focus {
  --transform-skew-y: 0 !important
}

#navbarWrapper .focus\:skew-y-3:focus,
reach-portal .focus\:skew-y-3:focus {
  --transform-skew-y: 3deg !important
}

#navbarWrapper .focus\:skew-y-6:focus,
reach-portal .focus\:skew-y-6:focus {
  --transform-skew-y: 6deg !important
}

#navbarWrapper .focus\:skew-y-12:focus,
reach-portal .focus\:skew-y-12:focus {
  --transform-skew-y: 12deg !important
}

#navbarWrapper .focus\:-skew-y-12:focus,
reach-portal .focus\:-skew-y-12:focus {
  --transform-skew-y: -12deg !important
}

#navbarWrapper .focus\:-skew-y-6:focus,
reach-portal .focus\:-skew-y-6:focus {
  --transform-skew-y: -6deg !important
}

#navbarWrapper .focus\:-skew-y-3:focus,
reach-portal .focus\:-skew-y-3:focus {
  --transform-skew-y: -3deg !important
}

#navbarWrapper .transition-none,
reach-portal .transition-none {
  transition-property: none !important
}

#navbarWrapper .transition-all,
reach-portal .transition-all {
  transition-property: all !important
}

#navbarWrapper .transition,
reach-portal .transition {
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform !important
}

#navbarWrapper .transition-colors,
reach-portal .transition-colors {
  transition-property: background-color, border-color, color, fill, stroke !important
}

#navbarWrapper .transition-opacity,
reach-portal .transition-opacity {
  transition-property: opacity !important
}

#navbarWrapper .transition-shadow,
reach-portal .transition-shadow {
  transition-property: box-shadow !important
}

#navbarWrapper .transition-transform,
reach-portal .transition-transform {
  transition-property: transform !important
}

#navbarWrapper .ease-linear,
reach-portal .ease-linear {
  transition-timing-function: linear !important
}

#navbarWrapper .ease-in,
reach-portal .ease-in {
  transition-timing-function: cubic-bezier(.4, 0, 1, 1) !important
}

#navbarWrapper .ease-out,
reach-portal .ease-out {
  transition-timing-function: cubic-bezier(0, 0, .2, 1) !important
}

#navbarWrapper .ease-in-out,
reach-portal .ease-in-out {
  transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important
}

#navbarWrapper .duration-75,
reach-portal .duration-75 {
  transition-duration: 75ms !important
}

#navbarWrapper .duration-100,
reach-portal .duration-100 {
  transition-duration: .1s !important
}

#navbarWrapper .duration-150,
reach-portal .duration-150 {
  transition-duration: .15s !important
}

#navbarWrapper .duration-200,
reach-portal .duration-200 {
  transition-duration: .2s !important
}

#navbarWrapper .duration-300,
reach-portal .duration-300 {
  transition-duration: .3s !important
}

#navbarWrapper .duration-500,
reach-portal .duration-500 {
  transition-duration: .5s !important
}

#navbarWrapper .duration-700,
reach-portal .duration-700 {
  transition-duration: .7s !important
}

#navbarWrapper .duration-1000,
reach-portal .duration-1000 {
  transition-duration: 1s !important
}

#navbarWrapper .delay-75,
reach-portal .delay-75 {
  transition-delay: 75ms !important
}

#navbarWrapper .delay-100,
reach-portal .delay-100 {
  transition-delay: .1s !important
}

#navbarWrapper .delay-150,
reach-portal .delay-150 {
  transition-delay: .15s !important
}

#navbarWrapper .delay-200,
reach-portal .delay-200 {
  transition-delay: .2s !important
}

#navbarWrapper .delay-300,
reach-portal .delay-300 {
  transition-delay: .3s !important
}

#navbarWrapper .delay-500,
reach-portal .delay-500 {
  transition-delay: .5s !important
}

#navbarWrapper .delay-700,
reach-portal .delay-700 {
  transition-delay: .7s !important
}

#navbarWrapper .delay-1000,
reach-portal .delay-1000 {
  transition-delay: 1s !important
}

@media(min-width:576px) {

  #navbarWrapper .sm\:space-y-0>:not(template)~:not(template),
  reach-portal .sm\:space-y-0>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(0px*var(--space-y-reverse)) !important;
    margin-top: calc(0px*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .sm\:space-x-0>:not(template)~:not(template),
  reach-portal .sm\:space-x-0>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(0px*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(0px*var(--space-x-reverse)) !important
  }

  #navbarWrapper .sm\:space-y-1>:not(template)~:not(template),
  reach-portal .sm\:space-y-1>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(.25rem*var(--space-y-reverse)) !important;
    margin-top: calc(.25rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .sm\:space-x-1>:not(template)~:not(template),
  reach-portal .sm\:space-x-1>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(.25rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(.25rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .sm\:space-y-2>:not(template)~:not(template),
  reach-portal .sm\:space-y-2>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(.5rem*var(--space-y-reverse)) !important;
    margin-top: calc(.5rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .sm\:space-x-2>:not(template)~:not(template),
  reach-portal .sm\:space-x-2>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(.5rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(.5rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .sm\:space-y-3>:not(template)~:not(template),
  reach-portal .sm\:space-y-3>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(.75rem*var(--space-y-reverse)) !important;
    margin-top: calc(.75rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .sm\:space-x-3>:not(template)~:not(template),
  reach-portal .sm\:space-x-3>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(.75rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(.75rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .sm\:space-y-4>:not(template)~:not(template),
  reach-portal .sm\:space-y-4>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(1rem*var(--space-y-reverse)) !important;
    margin-top: calc(1rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .sm\:space-x-4>:not(template)~:not(template),
  reach-portal .sm\:space-x-4>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(1rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(1rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .sm\:space-y-5>:not(template)~:not(template),
  reach-portal .sm\:space-y-5>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(1.25rem*var(--space-y-reverse)) !important;
    margin-top: calc(1.25rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .sm\:space-x-5>:not(template)~:not(template),
  reach-portal .sm\:space-x-5>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(1.25rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(1.25rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .sm\:space-y-6>:not(template)~:not(template),
  reach-portal .sm\:space-y-6>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(1.5rem*var(--space-y-reverse)) !important;
    margin-top: calc(1.5rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .sm\:space-x-6>:not(template)~:not(template),
  reach-portal .sm\:space-x-6>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(1.5rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(1.5rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .sm\:space-y-8>:not(template)~:not(template),
  reach-portal .sm\:space-y-8>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(2rem*var(--space-y-reverse)) !important;
    margin-top: calc(2rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .sm\:space-x-8>:not(template)~:not(template),
  reach-portal .sm\:space-x-8>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(2rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(2rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .sm\:space-y-10>:not(template)~:not(template),
  reach-portal .sm\:space-y-10>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(2.5rem*var(--space-y-reverse)) !important;
    margin-top: calc(2.5rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .sm\:space-x-10>:not(template)~:not(template),
  reach-portal .sm\:space-x-10>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(2.5rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(2.5rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .sm\:space-y-12>:not(template)~:not(template),
  reach-portal .sm\:space-y-12>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(3rem*var(--space-y-reverse)) !important;
    margin-top: calc(3rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .sm\:space-x-12>:not(template)~:not(template),
  reach-portal .sm\:space-x-12>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(3rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(3rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .sm\:space-y-16>:not(template)~:not(template),
  reach-portal .sm\:space-y-16>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(4rem*var(--space-y-reverse)) !important;
    margin-top: calc(4rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .sm\:space-x-16>:not(template)~:not(template),
  reach-portal .sm\:space-x-16>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(4rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(4rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .sm\:space-y-20>:not(template)~:not(template),
  reach-portal .sm\:space-y-20>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(5rem*var(--space-y-reverse)) !important;
    margin-top: calc(5rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .sm\:space-x-20>:not(template)~:not(template),
  reach-portal .sm\:space-x-20>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(5rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(5rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .sm\:space-y-24>:not(template)~:not(template),
  reach-portal .sm\:space-y-24>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(6rem*var(--space-y-reverse)) !important;
    margin-top: calc(6rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .sm\:space-x-24>:not(template)~:not(template),
  reach-portal .sm\:space-x-24>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(6rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(6rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .sm\:space-y-32>:not(template)~:not(template),
  reach-portal .sm\:space-y-32>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(8rem*var(--space-y-reverse)) !important;
    margin-top: calc(8rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .sm\:space-x-32>:not(template)~:not(template),
  reach-portal .sm\:space-x-32>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(8rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(8rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .sm\:space-y-40>:not(template)~:not(template),
  reach-portal .sm\:space-y-40>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(10rem*var(--space-y-reverse)) !important;
    margin-top: calc(10rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .sm\:space-x-40>:not(template)~:not(template),
  reach-portal .sm\:space-x-40>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(10rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(10rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .sm\:space-y-48>:not(template)~:not(template),
  reach-portal .sm\:space-y-48>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(12rem*var(--space-y-reverse)) !important;
    margin-top: calc(12rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .sm\:space-x-48>:not(template)~:not(template),
  reach-portal .sm\:space-x-48>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(12rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(12rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .sm\:space-y-56>:not(template)~:not(template),
  reach-portal .sm\:space-y-56>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(14rem*var(--space-y-reverse)) !important;
    margin-top: calc(14rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .sm\:space-x-56>:not(template)~:not(template),
  reach-portal .sm\:space-x-56>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(14rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(14rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .sm\:space-y-64>:not(template)~:not(template),
  reach-portal .sm\:space-y-64>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(16rem*var(--space-y-reverse)) !important;
    margin-top: calc(16rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .sm\:space-x-64>:not(template)~:not(template),
  reach-portal .sm\:space-x-64>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(16rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(16rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .sm\:space-y-px>:not(template)~:not(template),
  reach-portal .sm\:space-y-px>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(1px*var(--space-y-reverse)) !important;
    margin-top: calc(1px*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .sm\:space-x-px>:not(template)~:not(template),
  reach-portal .sm\:space-x-px>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(1px*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(1px*var(--space-x-reverse)) !important
  }

  #navbarWrapper .sm\:-space-y-1>:not(template)~:not(template),
  reach-portal .sm\:-space-y-1>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(-.25rem*var(--space-y-reverse)) !important;
    margin-top: calc(-.25rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .sm\:-space-x-1>:not(template)~:not(template),
  reach-portal .sm\:-space-x-1>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(-.25rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(-.25rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .sm\:-space-y-2>:not(template)~:not(template),
  reach-portal .sm\:-space-y-2>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(-.5rem*var(--space-y-reverse)) !important;
    margin-top: calc(-.5rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .sm\:-space-x-2>:not(template)~:not(template),
  reach-portal .sm\:-space-x-2>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(-.5rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(-.5rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .sm\:-space-y-3>:not(template)~:not(template),
  reach-portal .sm\:-space-y-3>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(-.75rem*var(--space-y-reverse)) !important;
    margin-top: calc(-.75rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .sm\:-space-x-3>:not(template)~:not(template),
  reach-portal .sm\:-space-x-3>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(-.75rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(-.75rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .sm\:-space-y-4>:not(template)~:not(template),
  reach-portal .sm\:-space-y-4>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(-1rem*var(--space-y-reverse)) !important;
    margin-top: calc(-1rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .sm\:-space-x-4>:not(template)~:not(template),
  reach-portal .sm\:-space-x-4>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(-1rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(-1rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .sm\:-space-y-5>:not(template)~:not(template),
  reach-portal .sm\:-space-y-5>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(-1.25rem*var(--space-y-reverse)) !important;
    margin-top: calc(-1.25rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .sm\:-space-x-5>:not(template)~:not(template),
  reach-portal .sm\:-space-x-5>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(-1.25rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(-1.25rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .sm\:-space-y-6>:not(template)~:not(template),
  reach-portal .sm\:-space-y-6>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(-1.5rem*var(--space-y-reverse)) !important;
    margin-top: calc(-1.5rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .sm\:-space-x-6>:not(template)~:not(template),
  reach-portal .sm\:-space-x-6>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(-1.5rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(-1.5rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .sm\:-space-y-8>:not(template)~:not(template),
  reach-portal .sm\:-space-y-8>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(-2rem*var(--space-y-reverse)) !important;
    margin-top: calc(-2rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .sm\:-space-x-8>:not(template)~:not(template),
  reach-portal .sm\:-space-x-8>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(-2rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(-2rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .sm\:-space-y-10>:not(template)~:not(template),
  reach-portal .sm\:-space-y-10>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(-2.5rem*var(--space-y-reverse)) !important;
    margin-top: calc(-2.5rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .sm\:-space-x-10>:not(template)~:not(template),
  reach-portal .sm\:-space-x-10>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(-2.5rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(-2.5rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .sm\:-space-y-12>:not(template)~:not(template),
  reach-portal .sm\:-space-y-12>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(-3rem*var(--space-y-reverse)) !important;
    margin-top: calc(-3rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .sm\:-space-x-12>:not(template)~:not(template),
  reach-portal .sm\:-space-x-12>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(-3rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(-3rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .sm\:-space-y-16>:not(template)~:not(template),
  reach-portal .sm\:-space-y-16>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(-4rem*var(--space-y-reverse)) !important;
    margin-top: calc(-4rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .sm\:-space-x-16>:not(template)~:not(template),
  reach-portal .sm\:-space-x-16>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(-4rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(-4rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .sm\:-space-y-20>:not(template)~:not(template),
  reach-portal .sm\:-space-y-20>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(-5rem*var(--space-y-reverse)) !important;
    margin-top: calc(-5rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .sm\:-space-x-20>:not(template)~:not(template),
  reach-portal .sm\:-space-x-20>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(-5rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(-5rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .sm\:-space-y-24>:not(template)~:not(template),
  reach-portal .sm\:-space-y-24>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(-6rem*var(--space-y-reverse)) !important;
    margin-top: calc(-6rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .sm\:-space-x-24>:not(template)~:not(template),
  reach-portal .sm\:-space-x-24>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(-6rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(-6rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .sm\:-space-y-32>:not(template)~:not(template),
  reach-portal .sm\:-space-y-32>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(-8rem*var(--space-y-reverse)) !important;
    margin-top: calc(-8rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .sm\:-space-x-32>:not(template)~:not(template),
  reach-portal .sm\:-space-x-32>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(-8rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(-8rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .sm\:-space-y-40>:not(template)~:not(template),
  reach-portal .sm\:-space-y-40>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(-10rem*var(--space-y-reverse)) !important;
    margin-top: calc(-10rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .sm\:-space-x-40>:not(template)~:not(template),
  reach-portal .sm\:-space-x-40>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(-10rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(-10rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .sm\:-space-y-48>:not(template)~:not(template),
  reach-portal .sm\:-space-y-48>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(-12rem*var(--space-y-reverse)) !important;
    margin-top: calc(-12rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .sm\:-space-x-48>:not(template)~:not(template),
  reach-portal .sm\:-space-x-48>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(-12rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(-12rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .sm\:-space-y-56>:not(template)~:not(template),
  reach-portal .sm\:-space-y-56>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(-14rem*var(--space-y-reverse)) !important;
    margin-top: calc(-14rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .sm\:-space-x-56>:not(template)~:not(template),
  reach-portal .sm\:-space-x-56>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(-14rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(-14rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .sm\:-space-y-64>:not(template)~:not(template),
  reach-portal .sm\:-space-y-64>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(-16rem*var(--space-y-reverse)) !important;
    margin-top: calc(-16rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .sm\:-space-x-64>:not(template)~:not(template),
  reach-portal .sm\:-space-x-64>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(-16rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(-16rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .sm\:-space-y-px>:not(template)~:not(template),
  reach-portal .sm\:-space-y-px>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(-1px*var(--space-y-reverse)) !important;
    margin-top: calc(-1px*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .sm\:-space-x-px>:not(template)~:not(template),
  reach-portal .sm\:-space-x-px>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(-1px*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(-1px*var(--space-x-reverse)) !important
  }

  #navbarWrapper .sm\:space-y-reverse>:not(template)~:not(template),
  reach-portal .sm\:space-y-reverse>:not(template)~:not(template) {
    --space-y-reverse: 1 !important
  }

  #navbarWrapper .sm\:space-x-reverse>:not(template)~:not(template),
  reach-portal .sm\:space-x-reverse>:not(template)~:not(template) {
    --space-x-reverse: 1 !important
  }

  #navbarWrapper .sm\:divide-y-0>:not(template)~:not(template),
  reach-portal .sm\:divide-y-0>:not(template)~:not(template) {
    --divide-y-reverse: 0 !important;
    border-bottom-width: calc(0px*var(--divide-y-reverse)) !important;
    border-top-width: calc(0px*(1 - var(--divide-y-reverse))) !important
  }

  #navbarWrapper .sm\:divide-x-0>:not(template)~:not(template),
  reach-portal .sm\:divide-x-0>:not(template)~:not(template) {
    --divide-x-reverse: 0 !important;
    border-left-width: calc(0px*(1 - var(--divide-x-reverse))) !important;
    border-right-width: calc(0px*var(--divide-x-reverse)) !important
  }

  #navbarWrapper .sm\:divide-y-2>:not(template)~:not(template),
  reach-portal .sm\:divide-y-2>:not(template)~:not(template) {
    --divide-y-reverse: 0 !important;
    border-bottom-width: calc(2px*var(--divide-y-reverse)) !important;
    border-top-width: calc(2px*(1 - var(--divide-y-reverse))) !important
  }

  #navbarWrapper .sm\:divide-x-2>:not(template)~:not(template),
  reach-portal .sm\:divide-x-2>:not(template)~:not(template) {
    --divide-x-reverse: 0 !important;
    border-left-width: calc(2px*(1 - var(--divide-x-reverse))) !important;
    border-right-width: calc(2px*var(--divide-x-reverse)) !important
  }

  #navbarWrapper .sm\:divide-y-4>:not(template)~:not(template),
  reach-portal .sm\:divide-y-4>:not(template)~:not(template) {
    --divide-y-reverse: 0 !important;
    border-bottom-width: calc(4px*var(--divide-y-reverse)) !important;
    border-top-width: calc(4px*(1 - var(--divide-y-reverse))) !important
  }

  #navbarWrapper .sm\:divide-x-4>:not(template)~:not(template),
  reach-portal .sm\:divide-x-4>:not(template)~:not(template) {
    --divide-x-reverse: 0 !important;
    border-left-width: calc(4px*(1 - var(--divide-x-reverse))) !important;
    border-right-width: calc(4px*var(--divide-x-reverse)) !important
  }

  #navbarWrapper .sm\:divide-y-8>:not(template)~:not(template),
  reach-portal .sm\:divide-y-8>:not(template)~:not(template) {
    --divide-y-reverse: 0 !important;
    border-bottom-width: calc(8px*var(--divide-y-reverse)) !important;
    border-top-width: calc(8px*(1 - var(--divide-y-reverse))) !important
  }

  #navbarWrapper .sm\:divide-x-8>:not(template)~:not(template),
  reach-portal .sm\:divide-x-8>:not(template)~:not(template) {
    --divide-x-reverse: 0 !important;
    border-left-width: calc(8px*(1 - var(--divide-x-reverse))) !important;
    border-right-width: calc(8px*var(--divide-x-reverse)) !important
  }

  #navbarWrapper .sm\:divide-y>:not(template)~:not(template),
  reach-portal .sm\:divide-y>:not(template)~:not(template) {
    --divide-y-reverse: 0 !important;
    border-bottom-width: calc(1px*var(--divide-y-reverse)) !important;
    border-top-width: calc(1px*(1 - var(--divide-y-reverse))) !important
  }

  #navbarWrapper .sm\:divide-x>:not(template)~:not(template),
  reach-portal .sm\:divide-x>:not(template)~:not(template) {
    --divide-x-reverse: 0 !important;
    border-left-width: calc(1px*(1 - var(--divide-x-reverse))) !important;
    border-right-width: calc(1px*var(--divide-x-reverse)) !important
  }

  #navbarWrapper .sm\:divide-y-reverse>:not(template)~:not(template),
  reach-portal .sm\:divide-y-reverse>:not(template)~:not(template) {
    --divide-y-reverse: 1 !important
  }

  #navbarWrapper .sm\:divide-x-reverse>:not(template)~:not(template),
  reach-portal .sm\:divide-x-reverse>:not(template)~:not(template) {
    --divide-x-reverse: 1 !important
  }

  #navbarWrapper .sm\:divide-transparent>:not(template)~:not(template),
  reach-portal .sm\:divide-transparent>:not(template)~:not(template) {
    border-color: #0000 !important
  }

  #navbarWrapper .sm\:divide-current>:not(template)~:not(template),
  reach-portal .sm\:divide-current>:not(template)~:not(template) {
    border-color: currentColor !important
  }

  #navbarWrapper .sm\:divide-black>:not(template)~:not(template),
  reach-portal .sm\:divide-black>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #000 !important;
    border-color: rgba(0, 0, 0, var(--divide-opacity)) !important
  }

  #navbarWrapper .sm\:divide-white>:not(template)~:not(template),
  reach-portal .sm\:divide-white>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #fff !important;
    border-color: rgba(255, 255, 255, var(--divide-opacity)) !important
  }

  #navbarWrapper .sm\:divide-gray-100>:not(template)~:not(template),
  reach-portal .sm\:divide-gray-100>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #f7fafc !important;
    border-color: rgba(247, 250, 252, var(--divide-opacity)) !important
  }

  #navbarWrapper .sm\:divide-gray-200>:not(template)~:not(template),
  reach-portal .sm\:divide-gray-200>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #edf2f7 !important;
    border-color: rgba(237, 242, 247, var(--divide-opacity)) !important
  }

  #navbarWrapper .sm\:divide-gray-300>:not(template)~:not(template),
  reach-portal .sm\:divide-gray-300>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #e2e8f0 !important;
    border-color: rgba(226, 232, 240, var(--divide-opacity)) !important
  }

  #navbarWrapper .sm\:divide-gray-400>:not(template)~:not(template),
  reach-portal .sm\:divide-gray-400>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #cbd5e0 !important;
    border-color: rgba(203, 213, 224, var(--divide-opacity)) !important
  }

  #navbarWrapper .sm\:divide-gray-500>:not(template)~:not(template),
  reach-portal .sm\:divide-gray-500>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #a0aec0 !important;
    border-color: rgba(160, 174, 192, var(--divide-opacity)) !important
  }

  #navbarWrapper .sm\:divide-gray-600>:not(template)~:not(template),
  reach-portal .sm\:divide-gray-600>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #718096 !important;
    border-color: rgba(113, 128, 150, var(--divide-opacity)) !important
  }

  #navbarWrapper .sm\:divide-gray-700>:not(template)~:not(template),
  reach-portal .sm\:divide-gray-700>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #4a5568 !important;
    border-color: rgba(74, 85, 104, var(--divide-opacity)) !important
  }

  #navbarWrapper .sm\:divide-gray-800>:not(template)~:not(template),
  reach-portal .sm\:divide-gray-800>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #2d3748 !important;
    border-color: rgba(45, 55, 72, var(--divide-opacity)) !important
  }

  #navbarWrapper .sm\:divide-gray-900>:not(template)~:not(template),
  reach-portal .sm\:divide-gray-900>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #1a202c !important;
    border-color: rgba(26, 32, 44, var(--divide-opacity)) !important
  }

  #navbarWrapper .sm\:divide-red-100>:not(template)~:not(template),
  reach-portal .sm\:divide-red-100>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #fff5f5 !important;
    border-color: rgba(255, 245, 245, var(--divide-opacity)) !important
  }

  #navbarWrapper .sm\:divide-red-200>:not(template)~:not(template),
  reach-portal .sm\:divide-red-200>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #fed7d7 !important;
    border-color: rgba(254, 215, 215, var(--divide-opacity)) !important
  }

  #navbarWrapper .sm\:divide-red-300>:not(template)~:not(template),
  reach-portal .sm\:divide-red-300>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #feb2b2 !important;
    border-color: rgba(254, 178, 178, var(--divide-opacity)) !important
  }

  #navbarWrapper .sm\:divide-red-400>:not(template)~:not(template),
  reach-portal .sm\:divide-red-400>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #fc8181 !important;
    border-color: rgba(252, 129, 129, var(--divide-opacity)) !important
  }

  #navbarWrapper .sm\:divide-red-500>:not(template)~:not(template),
  reach-portal .sm\:divide-red-500>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #f56565 !important;
    border-color: rgba(245, 101, 101, var(--divide-opacity)) !important
  }

  #navbarWrapper .sm\:divide-red-600>:not(template)~:not(template),
  reach-portal .sm\:divide-red-600>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #e53e3e !important;
    border-color: rgba(229, 62, 62, var(--divide-opacity)) !important
  }

  #navbarWrapper .sm\:divide-red-700>:not(template)~:not(template),
  reach-portal .sm\:divide-red-700>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #c53030 !important;
    border-color: rgba(197, 48, 48, var(--divide-opacity)) !important
  }

  #navbarWrapper .sm\:divide-red-800>:not(template)~:not(template),
  reach-portal .sm\:divide-red-800>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #9b2c2c !important;
    border-color: rgba(155, 44, 44, var(--divide-opacity)) !important
  }

  #navbarWrapper .sm\:divide-red-900>:not(template)~:not(template),
  reach-portal .sm\:divide-red-900>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #742a2a !important;
    border-color: rgba(116, 42, 42, var(--divide-opacity)) !important
  }

  #navbarWrapper .sm\:divide-orange-100>:not(template)~:not(template),
  reach-portal .sm\:divide-orange-100>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #fffaf0 !important;
    border-color: rgba(255, 250, 240, var(--divide-opacity)) !important
  }

  #navbarWrapper .sm\:divide-orange-200>:not(template)~:not(template),
  reach-portal .sm\:divide-orange-200>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #feebc8 !important;
    border-color: rgba(254, 235, 200, var(--divide-opacity)) !important
  }

  #navbarWrapper .sm\:divide-orange-300>:not(template)~:not(template),
  reach-portal .sm\:divide-orange-300>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #fbd38d !important;
    border-color: rgba(251, 211, 141, var(--divide-opacity)) !important
  }

  #navbarWrapper .sm\:divide-orange-400>:not(template)~:not(template),
  reach-portal .sm\:divide-orange-400>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #f6ad55 !important;
    border-color: rgba(246, 173, 85, var(--divide-opacity)) !important
  }

  #navbarWrapper .sm\:divide-orange-500>:not(template)~:not(template),
  reach-portal .sm\:divide-orange-500>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #ed8936 !important;
    border-color: rgba(237, 137, 54, var(--divide-opacity)) !important
  }

  #navbarWrapper .sm\:divide-orange-600>:not(template)~:not(template),
  reach-portal .sm\:divide-orange-600>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #dd6b20 !important;
    border-color: rgba(221, 107, 32, var(--divide-opacity)) !important
  }

  #navbarWrapper .sm\:divide-orange-700>:not(template)~:not(template),
  reach-portal .sm\:divide-orange-700>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #c05621 !important;
    border-color: rgba(192, 86, 33, var(--divide-opacity)) !important
  }

  #navbarWrapper .sm\:divide-orange-800>:not(template)~:not(template),
  reach-portal .sm\:divide-orange-800>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #9c4221 !important;
    border-color: rgba(156, 66, 33, var(--divide-opacity)) !important
  }

  #navbarWrapper .sm\:divide-orange-900>:not(template)~:not(template),
  reach-portal .sm\:divide-orange-900>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #7b341e !important;
    border-color: rgba(123, 52, 30, var(--divide-opacity)) !important
  }

  #navbarWrapper .sm\:divide-yellow-100>:not(template)~:not(template),
  reach-portal .sm\:divide-yellow-100>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: ivory !important;
    border-color: rgba(255, 255, 240, var(--divide-opacity)) !important
  }

  #navbarWrapper .sm\:divide-yellow-200>:not(template)~:not(template),
  reach-portal .sm\:divide-yellow-200>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #fefcbf !important;
    border-color: rgba(254, 252, 191, var(--divide-opacity)) !important
  }

  #navbarWrapper .sm\:divide-yellow-300>:not(template)~:not(template),
  reach-portal .sm\:divide-yellow-300>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #faf089 !important;
    border-color: rgba(250, 240, 137, var(--divide-opacity)) !important
  }

  #navbarWrapper .sm\:divide-yellow-400>:not(template)~:not(template),
  reach-portal .sm\:divide-yellow-400>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #f6e05e !important;
    border-color: rgba(246, 224, 94, var(--divide-opacity)) !important
  }

  #navbarWrapper .sm\:divide-yellow-500>:not(template)~:not(template),
  reach-portal .sm\:divide-yellow-500>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #ecc94b !important;
    border-color: rgba(236, 201, 75, var(--divide-opacity)) !important
  }

  #navbarWrapper .sm\:divide-yellow-600>:not(template)~:not(template),
  reach-portal .sm\:divide-yellow-600>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #d69e2e !important;
    border-color: rgba(214, 158, 46, var(--divide-opacity)) !important
  }

  #navbarWrapper .sm\:divide-yellow-700>:not(template)~:not(template),
  reach-portal .sm\:divide-yellow-700>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #b7791f !important;
    border-color: rgba(183, 121, 31, var(--divide-opacity)) !important
  }

  #navbarWrapper .sm\:divide-yellow-800>:not(template)~:not(template),
  reach-portal .sm\:divide-yellow-800>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #975a16 !important;
    border-color: rgba(151, 90, 22, var(--divide-opacity)) !important
  }

  #navbarWrapper .sm\:divide-yellow-900>:not(template)~:not(template),
  reach-portal .sm\:divide-yellow-900>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #744210 !important;
    border-color: rgba(116, 66, 16, var(--divide-opacity)) !important
  }

  #navbarWrapper .sm\:divide-green-100>:not(template)~:not(template),
  reach-portal .sm\:divide-green-100>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #f0fff4 !important;
    border-color: rgba(240, 255, 244, var(--divide-opacity)) !important
  }

  #navbarWrapper .sm\:divide-green-200>:not(template)~:not(template),
  reach-portal .sm\:divide-green-200>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #c6f6d5 !important;
    border-color: rgba(198, 246, 213, var(--divide-opacity)) !important
  }

  #navbarWrapper .sm\:divide-green-300>:not(template)~:not(template),
  reach-portal .sm\:divide-green-300>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #9ae6b4 !important;
    border-color: rgba(154, 230, 180, var(--divide-opacity)) !important
  }

  #navbarWrapper .sm\:divide-green-400>:not(template)~:not(template),
  reach-portal .sm\:divide-green-400>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #68d391 !important;
    border-color: rgba(104, 211, 145, var(--divide-opacity)) !important
  }

  #navbarWrapper .sm\:divide-green-500>:not(template)~:not(template),
  reach-portal .sm\:divide-green-500>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #48bb78 !important;
    border-color: rgba(72, 187, 120, var(--divide-opacity)) !important
  }

  #navbarWrapper .sm\:divide-green-600>:not(template)~:not(template),
  reach-portal .sm\:divide-green-600>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #38a169 !important;
    border-color: rgba(56, 161, 105, var(--divide-opacity)) !important
  }

  #navbarWrapper .sm\:divide-green-700>:not(template)~:not(template),
  reach-portal .sm\:divide-green-700>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #2f855a !important;
    border-color: rgba(47, 133, 90, var(--divide-opacity)) !important
  }

  #navbarWrapper .sm\:divide-green-800>:not(template)~:not(template),
  reach-portal .sm\:divide-green-800>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #276749 !important;
    border-color: rgba(39, 103, 73, var(--divide-opacity)) !important
  }

  #navbarWrapper .sm\:divide-green-900>:not(template)~:not(template),
  reach-portal .sm\:divide-green-900>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #22543d !important;
    border-color: rgba(34, 84, 61, var(--divide-opacity)) !important
  }

  #navbarWrapper .sm\:divide-teal-100>:not(template)~:not(template),
  reach-portal .sm\:divide-teal-100>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #e6fffa !important;
    border-color: rgba(230, 255, 250, var(--divide-opacity)) !important
  }

  #navbarWrapper .sm\:divide-teal-200>:not(template)~:not(template),
  reach-portal .sm\:divide-teal-200>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #b2f5ea !important;
    border-color: rgba(178, 245, 234, var(--divide-opacity)) !important
  }

  #navbarWrapper .sm\:divide-teal-300>:not(template)~:not(template),
  reach-portal .sm\:divide-teal-300>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #81e6d9 !important;
    border-color: rgba(129, 230, 217, var(--divide-opacity)) !important
  }

  #navbarWrapper .sm\:divide-teal-400>:not(template)~:not(template),
  reach-portal .sm\:divide-teal-400>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #4fd1c5 !important;
    border-color: rgba(79, 209, 197, var(--divide-opacity)) !important
  }

  #navbarWrapper .sm\:divide-teal-500>:not(template)~:not(template),
  reach-portal .sm\:divide-teal-500>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #38b2ac !important;
    border-color: rgba(56, 178, 172, var(--divide-opacity)) !important
  }

  #navbarWrapper .sm\:divide-teal-600>:not(template)~:not(template),
  reach-portal .sm\:divide-teal-600>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #319795 !important;
    border-color: rgba(49, 151, 149, var(--divide-opacity)) !important
  }

  #navbarWrapper .sm\:divide-teal-700>:not(template)~:not(template),
  reach-portal .sm\:divide-teal-700>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #2c7a7b !important;
    border-color: rgba(44, 122, 123, var(--divide-opacity)) !important
  }

  #navbarWrapper .sm\:divide-teal-800>:not(template)~:not(template),
  reach-portal .sm\:divide-teal-800>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #285e61 !important;
    border-color: rgba(40, 94, 97, var(--divide-opacity)) !important
  }

  #navbarWrapper .sm\:divide-teal-900>:not(template)~:not(template),
  reach-portal .sm\:divide-teal-900>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #234e52 !important;
    border-color: rgba(35, 78, 82, var(--divide-opacity)) !important
  }

  #navbarWrapper .sm\:divide-blue-100>:not(template)~:not(template),
  reach-portal .sm\:divide-blue-100>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #ebf8ff !important;
    border-color: rgba(235, 248, 255, var(--divide-opacity)) !important
  }

  #navbarWrapper .sm\:divide-blue-200>:not(template)~:not(template),
  reach-portal .sm\:divide-blue-200>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #bee3f8 !important;
    border-color: rgba(190, 227, 248, var(--divide-opacity)) !important
  }

  #navbarWrapper .sm\:divide-blue-300>:not(template)~:not(template),
  reach-portal .sm\:divide-blue-300>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #90cdf4 !important;
    border-color: rgba(144, 205, 244, var(--divide-opacity)) !important
  }

  #navbarWrapper .sm\:divide-blue-400>:not(template)~:not(template),
  reach-portal .sm\:divide-blue-400>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #63b3ed !important;
    border-color: rgba(99, 179, 237, var(--divide-opacity)) !important
  }

  #navbarWrapper .sm\:divide-blue-500>:not(template)~:not(template),
  reach-portal .sm\:divide-blue-500>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #4299e1 !important;
    border-color: rgba(66, 153, 225, var(--divide-opacity)) !important
  }

  #navbarWrapper .sm\:divide-blue-600>:not(template)~:not(template),
  reach-portal .sm\:divide-blue-600>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #3182ce !important;
    border-color: rgba(49, 130, 206, var(--divide-opacity)) !important
  }

  #navbarWrapper .sm\:divide-blue-700>:not(template)~:not(template),
  reach-portal .sm\:divide-blue-700>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #2b6cb0 !important;
    border-color: rgba(43, 108, 176, var(--divide-opacity)) !important
  }

  #navbarWrapper .sm\:divide-blue-800>:not(template)~:not(template),
  reach-portal .sm\:divide-blue-800>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #2c5282 !important;
    border-color: rgba(44, 82, 130, var(--divide-opacity)) !important
  }

  #navbarWrapper .sm\:divide-blue-900>:not(template)~:not(template),
  reach-portal .sm\:divide-blue-900>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #2a4365 !important;
    border-color: rgba(42, 67, 101, var(--divide-opacity)) !important
  }

  #navbarWrapper .sm\:divide-indigo-100>:not(template)~:not(template),
  reach-portal .sm\:divide-indigo-100>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #ebf4ff !important;
    border-color: rgba(235, 244, 255, var(--divide-opacity)) !important
  }

  #navbarWrapper .sm\:divide-indigo-200>:not(template)~:not(template),
  reach-portal .sm\:divide-indigo-200>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #c3dafe !important;
    border-color: rgba(195, 218, 254, var(--divide-opacity)) !important
  }

  #navbarWrapper .sm\:divide-indigo-300>:not(template)~:not(template),
  reach-portal .sm\:divide-indigo-300>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #a3bffa !important;
    border-color: rgba(163, 191, 250, var(--divide-opacity)) !important
  }

  #navbarWrapper .sm\:divide-indigo-400>:not(template)~:not(template),
  reach-portal .sm\:divide-indigo-400>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #7f9cf5 !important;
    border-color: rgba(127, 156, 245, var(--divide-opacity)) !important
  }

  #navbarWrapper .sm\:divide-indigo-500>:not(template)~:not(template),
  reach-portal .sm\:divide-indigo-500>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #667eea !important;
    border-color: rgba(102, 126, 234, var(--divide-opacity)) !important
  }

  #navbarWrapper .sm\:divide-indigo-600>:not(template)~:not(template),
  reach-portal .sm\:divide-indigo-600>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #5a67d8 !important;
    border-color: rgba(90, 103, 216, var(--divide-opacity)) !important
  }

  #navbarWrapper .sm\:divide-indigo-700>:not(template)~:not(template),
  reach-portal .sm\:divide-indigo-700>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #4c51bf !important;
    border-color: rgba(76, 81, 191, var(--divide-opacity)) !important
  }

  #navbarWrapper .sm\:divide-indigo-800>:not(template)~:not(template),
  reach-portal .sm\:divide-indigo-800>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #434190 !important;
    border-color: rgba(67, 65, 144, var(--divide-opacity)) !important
  }

  #navbarWrapper .sm\:divide-indigo-900>:not(template)~:not(template),
  reach-portal .sm\:divide-indigo-900>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #3c366b !important;
    border-color: rgba(60, 54, 107, var(--divide-opacity)) !important
  }

  #navbarWrapper .sm\:divide-purple-100>:not(template)~:not(template),
  reach-portal .sm\:divide-purple-100>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #faf5ff !important;
    border-color: rgba(250, 245, 255, var(--divide-opacity)) !important
  }

  #navbarWrapper .sm\:divide-purple-200>:not(template)~:not(template),
  reach-portal .sm\:divide-purple-200>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #e9d8fd !important;
    border-color: rgba(233, 216, 253, var(--divide-opacity)) !important
  }

  #navbarWrapper .sm\:divide-purple-300>:not(template)~:not(template),
  reach-portal .sm\:divide-purple-300>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #d6bcfa !important;
    border-color: rgba(214, 188, 250, var(--divide-opacity)) !important
  }

  #navbarWrapper .sm\:divide-purple-400>:not(template)~:not(template),
  reach-portal .sm\:divide-purple-400>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #b794f4 !important;
    border-color: rgba(183, 148, 244, var(--divide-opacity)) !important
  }

  #navbarWrapper .sm\:divide-purple-500>:not(template)~:not(template),
  reach-portal .sm\:divide-purple-500>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #9f7aea !important;
    border-color: rgba(159, 122, 234, var(--divide-opacity)) !important
  }

  #navbarWrapper .sm\:divide-purple-600>:not(template)~:not(template),
  reach-portal .sm\:divide-purple-600>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #805ad5 !important;
    border-color: rgba(128, 90, 213, var(--divide-opacity)) !important
  }

  #navbarWrapper .sm\:divide-purple-700>:not(template)~:not(template),
  reach-portal .sm\:divide-purple-700>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #6b46c1 !important;
    border-color: rgba(107, 70, 193, var(--divide-opacity)) !important
  }

  #navbarWrapper .sm\:divide-purple-800>:not(template)~:not(template),
  reach-portal .sm\:divide-purple-800>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #553c9a !important;
    border-color: rgba(85, 60, 154, var(--divide-opacity)) !important
  }

  #navbarWrapper .sm\:divide-purple-900>:not(template)~:not(template),
  reach-portal .sm\:divide-purple-900>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #44337a !important;
    border-color: rgba(68, 51, 122, var(--divide-opacity)) !important
  }

  #navbarWrapper .sm\:divide-pink-100>:not(template)~:not(template),
  reach-portal .sm\:divide-pink-100>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #fff5f7 !important;
    border-color: rgba(255, 245, 247, var(--divide-opacity)) !important
  }

  #navbarWrapper .sm\:divide-pink-200>:not(template)~:not(template),
  reach-portal .sm\:divide-pink-200>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #fed7e2 !important;
    border-color: rgba(254, 215, 226, var(--divide-opacity)) !important
  }

  #navbarWrapper .sm\:divide-pink-300>:not(template)~:not(template),
  reach-portal .sm\:divide-pink-300>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #fbb6ce !important;
    border-color: rgba(251, 182, 206, var(--divide-opacity)) !important
  }

  #navbarWrapper .sm\:divide-pink-400>:not(template)~:not(template),
  reach-portal .sm\:divide-pink-400>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #f687b3 !important;
    border-color: rgba(246, 135, 179, var(--divide-opacity)) !important
  }

  #navbarWrapper .sm\:divide-pink-500>:not(template)~:not(template),
  reach-portal .sm\:divide-pink-500>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #ed64a6 !important;
    border-color: rgba(237, 100, 166, var(--divide-opacity)) !important
  }

  #navbarWrapper .sm\:divide-pink-600>:not(template)~:not(template),
  reach-portal .sm\:divide-pink-600>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #d53f8c !important;
    border-color: rgba(213, 63, 140, var(--divide-opacity)) !important
  }

  #navbarWrapper .sm\:divide-pink-700>:not(template)~:not(template),
  reach-portal .sm\:divide-pink-700>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #b83280 !important;
    border-color: rgba(184, 50, 128, var(--divide-opacity)) !important
  }

  #navbarWrapper .sm\:divide-pink-800>:not(template)~:not(template),
  reach-portal .sm\:divide-pink-800>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #97266d !important;
    border-color: rgba(151, 38, 109, var(--divide-opacity)) !important
  }

  #navbarWrapper .sm\:divide-pink-900>:not(template)~:not(template),
  reach-portal .sm\:divide-pink-900>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #702459 !important;
    border-color: rgba(112, 36, 89, var(--divide-opacity)) !important
  }

  #navbarWrapper .sm\:divide-opacity-0>:not(template)~:not(template),
  reach-portal .sm\:divide-opacity-0>:not(template)~:not(template) {
    --divide-opacity: 0 !important
  }

  #navbarWrapper .sm\:divide-opacity-25>:not(template)~:not(template),
  reach-portal .sm\:divide-opacity-25>:not(template)~:not(template) {
    --divide-opacity: 0.25 !important
  }

  #navbarWrapper .sm\:divide-opacity-50>:not(template)~:not(template),
  reach-portal .sm\:divide-opacity-50>:not(template)~:not(template) {
    --divide-opacity: 0.5 !important
  }

  #navbarWrapper .sm\:divide-opacity-75>:not(template)~:not(template),
  reach-portal .sm\:divide-opacity-75>:not(template)~:not(template) {
    --divide-opacity: 0.75 !important
  }

  #navbarWrapper .sm\:divide-opacity-100>:not(template)~:not(template),
  reach-portal .sm\:divide-opacity-100>:not(template)~:not(template) {
    --divide-opacity: 1 !important
  }

  #navbarWrapper .sm\:sr-only,
  reach-portal .sm\:sr-only {
    clip: rect(0, 0, 0, 0) !important;
    border-width: 0 !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    white-space: nowrap !important;
    width: 1px !important
  }

  #navbarWrapper .sm\:not-sr-only,
  reach-portal .sm\:not-sr-only {
    clip: auto !important;
    height: auto !important;
    margin: 0 !important;
    overflow: visible !important;
    padding: 0 !important;
    position: static !important;
    white-space: normal !important;
    width: auto !important
  }

  #navbarWrapper .sm\:focus\:sr-only:focus,
  reach-portal .sm\:focus\:sr-only:focus {
    clip: rect(0, 0, 0, 0) !important;
    border-width: 0 !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    white-space: nowrap !important;
    width: 1px !important
  }

  #navbarWrapper .sm\:focus\:not-sr-only:focus,
  reach-portal .sm\:focus\:not-sr-only:focus {
    clip: auto !important;
    height: auto !important;
    margin: 0 !important;
    overflow: visible !important;
    padding: 0 !important;
    position: static !important;
    white-space: normal !important;
    width: auto !important
  }

  #navbarWrapper .sm\:appearance-none,
  reach-portal .sm\:appearance-none {
    -webkit-appearance: none !important;
    appearance: none !important
  }

  #navbarWrapper .sm\:bg-fixed,
  reach-portal .sm\:bg-fixed {
    background-attachment: fixed !important
  }

  #navbarWrapper .sm\:bg-local,
  reach-portal .sm\:bg-local {
    background-attachment: local !important
  }

  #navbarWrapper .sm\:bg-scroll,
  reach-portal .sm\:bg-scroll {
    background-attachment: scroll !important
  }

  #navbarWrapper .sm\:bg-transparent,
  reach-portal .sm\:bg-transparent {
    background-color: initial !important
  }

  #navbarWrapper .sm\:bg-current,
  reach-portal .sm\:bg-current {
    background-color: currentColor !important
  }

  #navbarWrapper .sm\:bg-black,
  reach-portal .sm\:bg-black {
    --bg-opacity: 1 !important;
    background-color: #000 !important;
    background-color: rgba(0, 0, 0, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:bg-white,
  reach-portal .sm\:bg-white {
    --bg-opacity: 1 !important;
    background-color: #fff !important;
    background-color: rgba(255, 255, 255, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:bg-gray-100,
  reach-portal .sm\:bg-gray-100 {
    --bg-opacity: 1 !important;
    background-color: #f7fafc !important;
    background-color: rgba(247, 250, 252, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:bg-gray-200,
  reach-portal .sm\:bg-gray-200 {
    --bg-opacity: 1 !important;
    background-color: #edf2f7 !important;
    background-color: rgba(237, 242, 247, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:bg-gray-300,
  reach-portal .sm\:bg-gray-300 {
    --bg-opacity: 1 !important;
    background-color: #e2e8f0 !important;
    background-color: rgba(226, 232, 240, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:bg-gray-400,
  reach-portal .sm\:bg-gray-400 {
    --bg-opacity: 1 !important;
    background-color: #cbd5e0 !important;
    background-color: rgba(203, 213, 224, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:bg-gray-500,
  reach-portal .sm\:bg-gray-500 {
    --bg-opacity: 1 !important;
    background-color: #a0aec0 !important;
    background-color: rgba(160, 174, 192, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:bg-gray-600,
  reach-portal .sm\:bg-gray-600 {
    --bg-opacity: 1 !important;
    background-color: #718096 !important;
    background-color: rgba(113, 128, 150, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:bg-gray-700,
  reach-portal .sm\:bg-gray-700 {
    --bg-opacity: 1 !important;
    background-color: #4a5568 !important;
    background-color: rgba(74, 85, 104, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:bg-gray-800,
  reach-portal .sm\:bg-gray-800 {
    --bg-opacity: 1 !important;
    background-color: #2d3748 !important;
    background-color: rgba(45, 55, 72, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:bg-gray-900,
  reach-portal .sm\:bg-gray-900 {
    --bg-opacity: 1 !important;
    background-color: #1a202c !important;
    background-color: rgba(26, 32, 44, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:bg-red-100,
  reach-portal .sm\:bg-red-100 {
    --bg-opacity: 1 !important;
    background-color: #fff5f5 !important;
    background-color: rgba(255, 245, 245, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:bg-red-200,
  reach-portal .sm\:bg-red-200 {
    --bg-opacity: 1 !important;
    background-color: #fed7d7 !important;
    background-color: rgba(254, 215, 215, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:bg-red-300,
  reach-portal .sm\:bg-red-300 {
    --bg-opacity: 1 !important;
    background-color: #feb2b2 !important;
    background-color: rgba(254, 178, 178, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:bg-red-400,
  reach-portal .sm\:bg-red-400 {
    --bg-opacity: 1 !important;
    background-color: #fc8181 !important;
    background-color: rgba(252, 129, 129, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:bg-red-500,
  reach-portal .sm\:bg-red-500 {
    --bg-opacity: 1 !important;
    background-color: #f56565 !important;
    background-color: rgba(245, 101, 101, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:bg-red-600,
  reach-portal .sm\:bg-red-600 {
    --bg-opacity: 1 !important;
    background-color: #e53e3e !important;
    background-color: rgba(229, 62, 62, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:bg-red-700,
  reach-portal .sm\:bg-red-700 {
    --bg-opacity: 1 !important;
    background-color: #c53030 !important;
    background-color: rgba(197, 48, 48, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:bg-red-800,
  reach-portal .sm\:bg-red-800 {
    --bg-opacity: 1 !important;
    background-color: #9b2c2c !important;
    background-color: rgba(155, 44, 44, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:bg-red-900,
  reach-portal .sm\:bg-red-900 {
    --bg-opacity: 1 !important;
    background-color: #742a2a !important;
    background-color: rgba(116, 42, 42, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:bg-orange-100,
  reach-portal .sm\:bg-orange-100 {
    --bg-opacity: 1 !important;
    background-color: #fffaf0 !important;
    background-color: rgba(255, 250, 240, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:bg-orange-200,
  reach-portal .sm\:bg-orange-200 {
    --bg-opacity: 1 !important;
    background-color: #feebc8 !important;
    background-color: rgba(254, 235, 200, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:bg-orange-300,
  reach-portal .sm\:bg-orange-300 {
    --bg-opacity: 1 !important;
    background-color: #fbd38d !important;
    background-color: rgba(251, 211, 141, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:bg-orange-400,
  reach-portal .sm\:bg-orange-400 {
    --bg-opacity: 1 !important;
    background-color: #f6ad55 !important;
    background-color: rgba(246, 173, 85, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:bg-orange-500,
  reach-portal .sm\:bg-orange-500 {
    --bg-opacity: 1 !important;
    background-color: #ed8936 !important;
    background-color: rgba(237, 137, 54, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:bg-orange-600,
  reach-portal .sm\:bg-orange-600 {
    --bg-opacity: 1 !important;
    background-color: #dd6b20 !important;
    background-color: rgba(221, 107, 32, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:bg-orange-700,
  reach-portal .sm\:bg-orange-700 {
    --bg-opacity: 1 !important;
    background-color: #c05621 !important;
    background-color: rgba(192, 86, 33, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:bg-orange-800,
  reach-portal .sm\:bg-orange-800 {
    --bg-opacity: 1 !important;
    background-color: #9c4221 !important;
    background-color: rgba(156, 66, 33, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:bg-orange-900,
  reach-portal .sm\:bg-orange-900 {
    --bg-opacity: 1 !important;
    background-color: #7b341e !important;
    background-color: rgba(123, 52, 30, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:bg-yellow-100,
  reach-portal .sm\:bg-yellow-100 {
    --bg-opacity: 1 !important;
    background-color: ivory !important;
    background-color: rgba(255, 255, 240, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:bg-yellow-200,
  reach-portal .sm\:bg-yellow-200 {
    --bg-opacity: 1 !important;
    background-color: #fefcbf !important;
    background-color: rgba(254, 252, 191, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:bg-yellow-300,
  reach-portal .sm\:bg-yellow-300 {
    --bg-opacity: 1 !important;
    background-color: #faf089 !important;
    background-color: rgba(250, 240, 137, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:bg-yellow-400,
  reach-portal .sm\:bg-yellow-400 {
    --bg-opacity: 1 !important;
    background-color: #f6e05e !important;
    background-color: rgba(246, 224, 94, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:bg-yellow-500,
  reach-portal .sm\:bg-yellow-500 {
    --bg-opacity: 1 !important;
    background-color: #ecc94b !important;
    background-color: rgba(236, 201, 75, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:bg-yellow-600,
  reach-portal .sm\:bg-yellow-600 {
    --bg-opacity: 1 !important;
    background-color: #d69e2e !important;
    background-color: rgba(214, 158, 46, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:bg-yellow-700,
  reach-portal .sm\:bg-yellow-700 {
    --bg-opacity: 1 !important;
    background-color: #b7791f !important;
    background-color: rgba(183, 121, 31, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:bg-yellow-800,
  reach-portal .sm\:bg-yellow-800 {
    --bg-opacity: 1 !important;
    background-color: #975a16 !important;
    background-color: rgba(151, 90, 22, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:bg-yellow-900,
  reach-portal .sm\:bg-yellow-900 {
    --bg-opacity: 1 !important;
    background-color: #744210 !important;
    background-color: rgba(116, 66, 16, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:bg-green-100,
  reach-portal .sm\:bg-green-100 {
    --bg-opacity: 1 !important;
    background-color: #f0fff4 !important;
    background-color: rgba(240, 255, 244, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:bg-green-200,
  reach-portal .sm\:bg-green-200 {
    --bg-opacity: 1 !important;
    background-color: #c6f6d5 !important;
    background-color: rgba(198, 246, 213, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:bg-green-300,
  reach-portal .sm\:bg-green-300 {
    --bg-opacity: 1 !important;
    background-color: #9ae6b4 !important;
    background-color: rgba(154, 230, 180, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:bg-green-400,
  reach-portal .sm\:bg-green-400 {
    --bg-opacity: 1 !important;
    background-color: #68d391 !important;
    background-color: rgba(104, 211, 145, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:bg-green-500,
  reach-portal .sm\:bg-green-500 {
    --bg-opacity: 1 !important;
    background-color: #48bb78 !important;
    background-color: rgba(72, 187, 120, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:bg-green-600,
  reach-portal .sm\:bg-green-600 {
    --bg-opacity: 1 !important;
    background-color: #38a169 !important;
    background-color: rgba(56, 161, 105, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:bg-green-700,
  reach-portal .sm\:bg-green-700 {
    --bg-opacity: 1 !important;
    background-color: #2f855a !important;
    background-color: rgba(47, 133, 90, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:bg-green-800,
  reach-portal .sm\:bg-green-800 {
    --bg-opacity: 1 !important;
    background-color: #276749 !important;
    background-color: rgba(39, 103, 73, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:bg-green-900,
  reach-portal .sm\:bg-green-900 {
    --bg-opacity: 1 !important;
    background-color: #22543d !important;
    background-color: rgba(34, 84, 61, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:bg-teal-100,
  reach-portal .sm\:bg-teal-100 {
    --bg-opacity: 1 !important;
    background-color: #e6fffa !important;
    background-color: rgba(230, 255, 250, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:bg-teal-200,
  reach-portal .sm\:bg-teal-200 {
    --bg-opacity: 1 !important;
    background-color: #b2f5ea !important;
    background-color: rgba(178, 245, 234, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:bg-teal-300,
  reach-portal .sm\:bg-teal-300 {
    --bg-opacity: 1 !important;
    background-color: #81e6d9 !important;
    background-color: rgba(129, 230, 217, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:bg-teal-400,
  reach-portal .sm\:bg-teal-400 {
    --bg-opacity: 1 !important;
    background-color: #4fd1c5 !important;
    background-color: rgba(79, 209, 197, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:bg-teal-500,
  reach-portal .sm\:bg-teal-500 {
    --bg-opacity: 1 !important;
    background-color: #38b2ac !important;
    background-color: rgba(56, 178, 172, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:bg-teal-600,
  reach-portal .sm\:bg-teal-600 {
    --bg-opacity: 1 !important;
    background-color: #319795 !important;
    background-color: rgba(49, 151, 149, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:bg-teal-700,
  reach-portal .sm\:bg-teal-700 {
    --bg-opacity: 1 !important;
    background-color: #2c7a7b !important;
    background-color: rgba(44, 122, 123, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:bg-teal-800,
  reach-portal .sm\:bg-teal-800 {
    --bg-opacity: 1 !important;
    background-color: #285e61 !important;
    background-color: rgba(40, 94, 97, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:bg-teal-900,
  reach-portal .sm\:bg-teal-900 {
    --bg-opacity: 1 !important;
    background-color: #234e52 !important;
    background-color: rgba(35, 78, 82, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:bg-blue-100,
  reach-portal .sm\:bg-blue-100 {
    --bg-opacity: 1 !important;
    background-color: #ebf8ff !important;
    background-color: rgba(235, 248, 255, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:bg-blue-200,
  reach-portal .sm\:bg-blue-200 {
    --bg-opacity: 1 !important;
    background-color: #bee3f8 !important;
    background-color: rgba(190, 227, 248, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:bg-blue-300,
  reach-portal .sm\:bg-blue-300 {
    --bg-opacity: 1 !important;
    background-color: #90cdf4 !important;
    background-color: rgba(144, 205, 244, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:bg-blue-400,
  reach-portal .sm\:bg-blue-400 {
    --bg-opacity: 1 !important;
    background-color: #63b3ed !important;
    background-color: rgba(99, 179, 237, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:bg-blue-500,
  reach-portal .sm\:bg-blue-500 {
    --bg-opacity: 1 !important;
    background-color: #4299e1 !important;
    background-color: rgba(66, 153, 225, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:bg-blue-600,
  reach-portal .sm\:bg-blue-600 {
    --bg-opacity: 1 !important;
    background-color: #3182ce !important;
    background-color: rgba(49, 130, 206, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:bg-blue-700,
  reach-portal .sm\:bg-blue-700 {
    --bg-opacity: 1 !important;
    background-color: #2b6cb0 !important;
    background-color: rgba(43, 108, 176, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:bg-blue-800,
  reach-portal .sm\:bg-blue-800 {
    --bg-opacity: 1 !important;
    background-color: #2c5282 !important;
    background-color: rgba(44, 82, 130, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:bg-blue-900,
  reach-portal .sm\:bg-blue-900 {
    --bg-opacity: 1 !important;
    background-color: #2a4365 !important;
    background-color: rgba(42, 67, 101, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:bg-indigo-100,
  reach-portal .sm\:bg-indigo-100 {
    --bg-opacity: 1 !important;
    background-color: #ebf4ff !important;
    background-color: rgba(235, 244, 255, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:bg-indigo-200,
  reach-portal .sm\:bg-indigo-200 {
    --bg-opacity: 1 !important;
    background-color: #c3dafe !important;
    background-color: rgba(195, 218, 254, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:bg-indigo-300,
  reach-portal .sm\:bg-indigo-300 {
    --bg-opacity: 1 !important;
    background-color: #a3bffa !important;
    background-color: rgba(163, 191, 250, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:bg-indigo-400,
  reach-portal .sm\:bg-indigo-400 {
    --bg-opacity: 1 !important;
    background-color: #7f9cf5 !important;
    background-color: rgba(127, 156, 245, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:bg-indigo-500,
  reach-portal .sm\:bg-indigo-500 {
    --bg-opacity: 1 !important;
    background-color: #667eea !important;
    background-color: rgba(102, 126, 234, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:bg-indigo-600,
  reach-portal .sm\:bg-indigo-600 {
    --bg-opacity: 1 !important;
    background-color: #5a67d8 !important;
    background-color: rgba(90, 103, 216, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:bg-indigo-700,
  reach-portal .sm\:bg-indigo-700 {
    --bg-opacity: 1 !important;
    background-color: #4c51bf !important;
    background-color: rgba(76, 81, 191, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:bg-indigo-800,
  reach-portal .sm\:bg-indigo-800 {
    --bg-opacity: 1 !important;
    background-color: #434190 !important;
    background-color: rgba(67, 65, 144, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:bg-indigo-900,
  reach-portal .sm\:bg-indigo-900 {
    --bg-opacity: 1 !important;
    background-color: #3c366b !important;
    background-color: rgba(60, 54, 107, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:bg-purple-100,
  reach-portal .sm\:bg-purple-100 {
    --bg-opacity: 1 !important;
    background-color: #faf5ff !important;
    background-color: rgba(250, 245, 255, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:bg-purple-200,
  reach-portal .sm\:bg-purple-200 {
    --bg-opacity: 1 !important;
    background-color: #e9d8fd !important;
    background-color: rgba(233, 216, 253, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:bg-purple-300,
  reach-portal .sm\:bg-purple-300 {
    --bg-opacity: 1 !important;
    background-color: #d6bcfa !important;
    background-color: rgba(214, 188, 250, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:bg-purple-400,
  reach-portal .sm\:bg-purple-400 {
    --bg-opacity: 1 !important;
    background-color: #b794f4 !important;
    background-color: rgba(183, 148, 244, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:bg-purple-500,
  reach-portal .sm\:bg-purple-500 {
    --bg-opacity: 1 !important;
    background-color: #9f7aea !important;
    background-color: rgba(159, 122, 234, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:bg-purple-600,
  reach-portal .sm\:bg-purple-600 {
    --bg-opacity: 1 !important;
    background-color: #805ad5 !important;
    background-color: rgba(128, 90, 213, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:bg-purple-700,
  reach-portal .sm\:bg-purple-700 {
    --bg-opacity: 1 !important;
    background-color: #6b46c1 !important;
    background-color: rgba(107, 70, 193, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:bg-purple-800,
  reach-portal .sm\:bg-purple-800 {
    --bg-opacity: 1 !important;
    background-color: #553c9a !important;
    background-color: rgba(85, 60, 154, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:bg-purple-900,
  reach-portal .sm\:bg-purple-900 {
    --bg-opacity: 1 !important;
    background-color: #44337a !important;
    background-color: rgba(68, 51, 122, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:bg-pink-100,
  reach-portal .sm\:bg-pink-100 {
    --bg-opacity: 1 !important;
    background-color: #fff5f7 !important;
    background-color: rgba(255, 245, 247, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:bg-pink-200,
  reach-portal .sm\:bg-pink-200 {
    --bg-opacity: 1 !important;
    background-color: #fed7e2 !important;
    background-color: rgba(254, 215, 226, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:bg-pink-300,
  reach-portal .sm\:bg-pink-300 {
    --bg-opacity: 1 !important;
    background-color: #fbb6ce !important;
    background-color: rgba(251, 182, 206, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:bg-pink-400,
  reach-portal .sm\:bg-pink-400 {
    --bg-opacity: 1 !important;
    background-color: #f687b3 !important;
    background-color: rgba(246, 135, 179, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:bg-pink-500,
  reach-portal .sm\:bg-pink-500 {
    --bg-opacity: 1 !important;
    background-color: #ed64a6 !important;
    background-color: rgba(237, 100, 166, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:bg-pink-600,
  reach-portal .sm\:bg-pink-600 {
    --bg-opacity: 1 !important;
    background-color: #d53f8c !important;
    background-color: rgba(213, 63, 140, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:bg-pink-700,
  reach-portal .sm\:bg-pink-700 {
    --bg-opacity: 1 !important;
    background-color: #b83280 !important;
    background-color: rgba(184, 50, 128, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:bg-pink-800,
  reach-portal .sm\:bg-pink-800 {
    --bg-opacity: 1 !important;
    background-color: #97266d !important;
    background-color: rgba(151, 38, 109, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:bg-pink-900,
  reach-portal .sm\:bg-pink-900 {
    --bg-opacity: 1 !important;
    background-color: #702459 !important;
    background-color: rgba(112, 36, 89, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:bg-listgray,
  reach-portal .sm\:bg-listgray {
    --bg-opacity: 1 !important;
    background-color: #f4f4f4 !important;
    background-color: rgba(244, 244, 244, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:bg-transparent:hover,
  reach-portal .sm\:hover\:bg-transparent:hover {
    background-color: initial !important
  }

  #navbarWrapper .sm\:hover\:bg-current:hover,
  reach-portal .sm\:hover\:bg-current:hover {
    background-color: currentColor !important
  }

  #navbarWrapper .sm\:hover\:bg-black:hover,
  reach-portal .sm\:hover\:bg-black:hover {
    --bg-opacity: 1 !important;
    background-color: #000 !important;
    background-color: rgba(0, 0, 0, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:bg-white:hover,
  reach-portal .sm\:hover\:bg-white:hover {
    --bg-opacity: 1 !important;
    background-color: #fff !important;
    background-color: rgba(255, 255, 255, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:bg-gray-100:hover,
  reach-portal .sm\:hover\:bg-gray-100:hover {
    --bg-opacity: 1 !important;
    background-color: #f7fafc !important;
    background-color: rgba(247, 250, 252, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:bg-gray-200:hover,
  reach-portal .sm\:hover\:bg-gray-200:hover {
    --bg-opacity: 1 !important;
    background-color: #edf2f7 !important;
    background-color: rgba(237, 242, 247, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:bg-gray-300:hover,
  reach-portal .sm\:hover\:bg-gray-300:hover {
    --bg-opacity: 1 !important;
    background-color: #e2e8f0 !important;
    background-color: rgba(226, 232, 240, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:bg-gray-400:hover,
  reach-portal .sm\:hover\:bg-gray-400:hover {
    --bg-opacity: 1 !important;
    background-color: #cbd5e0 !important;
    background-color: rgba(203, 213, 224, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:bg-gray-500:hover,
  reach-portal .sm\:hover\:bg-gray-500:hover {
    --bg-opacity: 1 !important;
    background-color: #a0aec0 !important;
    background-color: rgba(160, 174, 192, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:bg-gray-600:hover,
  reach-portal .sm\:hover\:bg-gray-600:hover {
    --bg-opacity: 1 !important;
    background-color: #718096 !important;
    background-color: rgba(113, 128, 150, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:bg-gray-700:hover,
  reach-portal .sm\:hover\:bg-gray-700:hover {
    --bg-opacity: 1 !important;
    background-color: #4a5568 !important;
    background-color: rgba(74, 85, 104, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:bg-gray-800:hover,
  reach-portal .sm\:hover\:bg-gray-800:hover {
    --bg-opacity: 1 !important;
    background-color: #2d3748 !important;
    background-color: rgba(45, 55, 72, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:bg-gray-900:hover,
  reach-portal .sm\:hover\:bg-gray-900:hover {
    --bg-opacity: 1 !important;
    background-color: #1a202c !important;
    background-color: rgba(26, 32, 44, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:bg-red-100:hover,
  reach-portal .sm\:hover\:bg-red-100:hover {
    --bg-opacity: 1 !important;
    background-color: #fff5f5 !important;
    background-color: rgba(255, 245, 245, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:bg-red-200:hover,
  reach-portal .sm\:hover\:bg-red-200:hover {
    --bg-opacity: 1 !important;
    background-color: #fed7d7 !important;
    background-color: rgba(254, 215, 215, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:bg-red-300:hover,
  reach-portal .sm\:hover\:bg-red-300:hover {
    --bg-opacity: 1 !important;
    background-color: #feb2b2 !important;
    background-color: rgba(254, 178, 178, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:bg-red-400:hover,
  reach-portal .sm\:hover\:bg-red-400:hover {
    --bg-opacity: 1 !important;
    background-color: #fc8181 !important;
    background-color: rgba(252, 129, 129, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:bg-red-500:hover,
  reach-portal .sm\:hover\:bg-red-500:hover {
    --bg-opacity: 1 !important;
    background-color: #f56565 !important;
    background-color: rgba(245, 101, 101, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:bg-red-600:hover,
  reach-portal .sm\:hover\:bg-red-600:hover {
    --bg-opacity: 1 !important;
    background-color: #e53e3e !important;
    background-color: rgba(229, 62, 62, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:bg-red-700:hover,
  reach-portal .sm\:hover\:bg-red-700:hover {
    --bg-opacity: 1 !important;
    background-color: #c53030 !important;
    background-color: rgba(197, 48, 48, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:bg-red-800:hover,
  reach-portal .sm\:hover\:bg-red-800:hover {
    --bg-opacity: 1 !important;
    background-color: #9b2c2c !important;
    background-color: rgba(155, 44, 44, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:bg-red-900:hover,
  reach-portal .sm\:hover\:bg-red-900:hover {
    --bg-opacity: 1 !important;
    background-color: #742a2a !important;
    background-color: rgba(116, 42, 42, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:bg-orange-100:hover,
  reach-portal .sm\:hover\:bg-orange-100:hover {
    --bg-opacity: 1 !important;
    background-color: #fffaf0 !important;
    background-color: rgba(255, 250, 240, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:bg-orange-200:hover,
  reach-portal .sm\:hover\:bg-orange-200:hover {
    --bg-opacity: 1 !important;
    background-color: #feebc8 !important;
    background-color: rgba(254, 235, 200, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:bg-orange-300:hover,
  reach-portal .sm\:hover\:bg-orange-300:hover {
    --bg-opacity: 1 !important;
    background-color: #fbd38d !important;
    background-color: rgba(251, 211, 141, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:bg-orange-400:hover,
  reach-portal .sm\:hover\:bg-orange-400:hover {
    --bg-opacity: 1 !important;
    background-color: #f6ad55 !important;
    background-color: rgba(246, 173, 85, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:bg-orange-500:hover,
  reach-portal .sm\:hover\:bg-orange-500:hover {
    --bg-opacity: 1 !important;
    background-color: #ed8936 !important;
    background-color: rgba(237, 137, 54, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:bg-orange-600:hover,
  reach-portal .sm\:hover\:bg-orange-600:hover {
    --bg-opacity: 1 !important;
    background-color: #dd6b20 !important;
    background-color: rgba(221, 107, 32, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:bg-orange-700:hover,
  reach-portal .sm\:hover\:bg-orange-700:hover {
    --bg-opacity: 1 !important;
    background-color: #c05621 !important;
    background-color: rgba(192, 86, 33, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:bg-orange-800:hover,
  reach-portal .sm\:hover\:bg-orange-800:hover {
    --bg-opacity: 1 !important;
    background-color: #9c4221 !important;
    background-color: rgba(156, 66, 33, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:bg-orange-900:hover,
  reach-portal .sm\:hover\:bg-orange-900:hover {
    --bg-opacity: 1 !important;
    background-color: #7b341e !important;
    background-color: rgba(123, 52, 30, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:bg-yellow-100:hover,
  reach-portal .sm\:hover\:bg-yellow-100:hover {
    --bg-opacity: 1 !important;
    background-color: ivory !important;
    background-color: rgba(255, 255, 240, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:bg-yellow-200:hover,
  reach-portal .sm\:hover\:bg-yellow-200:hover {
    --bg-opacity: 1 !important;
    background-color: #fefcbf !important;
    background-color: rgba(254, 252, 191, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:bg-yellow-300:hover,
  reach-portal .sm\:hover\:bg-yellow-300:hover {
    --bg-opacity: 1 !important;
    background-color: #faf089 !important;
    background-color: rgba(250, 240, 137, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:bg-yellow-400:hover,
  reach-portal .sm\:hover\:bg-yellow-400:hover {
    --bg-opacity: 1 !important;
    background-color: #f6e05e !important;
    background-color: rgba(246, 224, 94, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:bg-yellow-500:hover,
  reach-portal .sm\:hover\:bg-yellow-500:hover {
    --bg-opacity: 1 !important;
    background-color: #ecc94b !important;
    background-color: rgba(236, 201, 75, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:bg-yellow-600:hover,
  reach-portal .sm\:hover\:bg-yellow-600:hover {
    --bg-opacity: 1 !important;
    background-color: #d69e2e !important;
    background-color: rgba(214, 158, 46, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:bg-yellow-700:hover,
  reach-portal .sm\:hover\:bg-yellow-700:hover {
    --bg-opacity: 1 !important;
    background-color: #b7791f !important;
    background-color: rgba(183, 121, 31, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:bg-yellow-800:hover,
  reach-portal .sm\:hover\:bg-yellow-800:hover {
    --bg-opacity: 1 !important;
    background-color: #975a16 !important;
    background-color: rgba(151, 90, 22, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:bg-yellow-900:hover,
  reach-portal .sm\:hover\:bg-yellow-900:hover {
    --bg-opacity: 1 !important;
    background-color: #744210 !important;
    background-color: rgba(116, 66, 16, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:bg-green-100:hover,
  reach-portal .sm\:hover\:bg-green-100:hover {
    --bg-opacity: 1 !important;
    background-color: #f0fff4 !important;
    background-color: rgba(240, 255, 244, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:bg-green-200:hover,
  reach-portal .sm\:hover\:bg-green-200:hover {
    --bg-opacity: 1 !important;
    background-color: #c6f6d5 !important;
    background-color: rgba(198, 246, 213, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:bg-green-300:hover,
  reach-portal .sm\:hover\:bg-green-300:hover {
    --bg-opacity: 1 !important;
    background-color: #9ae6b4 !important;
    background-color: rgba(154, 230, 180, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:bg-green-400:hover,
  reach-portal .sm\:hover\:bg-green-400:hover {
    --bg-opacity: 1 !important;
    background-color: #68d391 !important;
    background-color: rgba(104, 211, 145, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:bg-green-500:hover,
  reach-portal .sm\:hover\:bg-green-500:hover {
    --bg-opacity: 1 !important;
    background-color: #48bb78 !important;
    background-color: rgba(72, 187, 120, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:bg-green-600:hover,
  reach-portal .sm\:hover\:bg-green-600:hover {
    --bg-opacity: 1 !important;
    background-color: #38a169 !important;
    background-color: rgba(56, 161, 105, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:bg-green-700:hover,
  reach-portal .sm\:hover\:bg-green-700:hover {
    --bg-opacity: 1 !important;
    background-color: #2f855a !important;
    background-color: rgba(47, 133, 90, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:bg-green-800:hover,
  reach-portal .sm\:hover\:bg-green-800:hover {
    --bg-opacity: 1 !important;
    background-color: #276749 !important;
    background-color: rgba(39, 103, 73, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:bg-green-900:hover,
  reach-portal .sm\:hover\:bg-green-900:hover {
    --bg-opacity: 1 !important;
    background-color: #22543d !important;
    background-color: rgba(34, 84, 61, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:bg-teal-100:hover,
  reach-portal .sm\:hover\:bg-teal-100:hover {
    --bg-opacity: 1 !important;
    background-color: #e6fffa !important;
    background-color: rgba(230, 255, 250, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:bg-teal-200:hover,
  reach-portal .sm\:hover\:bg-teal-200:hover {
    --bg-opacity: 1 !important;
    background-color: #b2f5ea !important;
    background-color: rgba(178, 245, 234, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:bg-teal-300:hover,
  reach-portal .sm\:hover\:bg-teal-300:hover {
    --bg-opacity: 1 !important;
    background-color: #81e6d9 !important;
    background-color: rgba(129, 230, 217, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:bg-teal-400:hover,
  reach-portal .sm\:hover\:bg-teal-400:hover {
    --bg-opacity: 1 !important;
    background-color: #4fd1c5 !important;
    background-color: rgba(79, 209, 197, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:bg-teal-500:hover,
  reach-portal .sm\:hover\:bg-teal-500:hover {
    --bg-opacity: 1 !important;
    background-color: #38b2ac !important;
    background-color: rgba(56, 178, 172, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:bg-teal-600:hover,
  reach-portal .sm\:hover\:bg-teal-600:hover {
    --bg-opacity: 1 !important;
    background-color: #319795 !important;
    background-color: rgba(49, 151, 149, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:bg-teal-700:hover,
  reach-portal .sm\:hover\:bg-teal-700:hover {
    --bg-opacity: 1 !important;
    background-color: #2c7a7b !important;
    background-color: rgba(44, 122, 123, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:bg-teal-800:hover,
  reach-portal .sm\:hover\:bg-teal-800:hover {
    --bg-opacity: 1 !important;
    background-color: #285e61 !important;
    background-color: rgba(40, 94, 97, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:bg-teal-900:hover,
  reach-portal .sm\:hover\:bg-teal-900:hover {
    --bg-opacity: 1 !important;
    background-color: #234e52 !important;
    background-color: rgba(35, 78, 82, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:bg-blue-100:hover,
  reach-portal .sm\:hover\:bg-blue-100:hover {
    --bg-opacity: 1 !important;
    background-color: #ebf8ff !important;
    background-color: rgba(235, 248, 255, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:bg-blue-200:hover,
  reach-portal .sm\:hover\:bg-blue-200:hover {
    --bg-opacity: 1 !important;
    background-color: #bee3f8 !important;
    background-color: rgba(190, 227, 248, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:bg-blue-300:hover,
  reach-portal .sm\:hover\:bg-blue-300:hover {
    --bg-opacity: 1 !important;
    background-color: #90cdf4 !important;
    background-color: rgba(144, 205, 244, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:bg-blue-400:hover,
  reach-portal .sm\:hover\:bg-blue-400:hover {
    --bg-opacity: 1 !important;
    background-color: #63b3ed !important;
    background-color: rgba(99, 179, 237, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:bg-blue-500:hover,
  reach-portal .sm\:hover\:bg-blue-500:hover {
    --bg-opacity: 1 !important;
    background-color: #4299e1 !important;
    background-color: rgba(66, 153, 225, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:bg-blue-600:hover,
  reach-portal .sm\:hover\:bg-blue-600:hover {
    --bg-opacity: 1 !important;
    background-color: #3182ce !important;
    background-color: rgba(49, 130, 206, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:bg-blue-700:hover,
  reach-portal .sm\:hover\:bg-blue-700:hover {
    --bg-opacity: 1 !important;
    background-color: #2b6cb0 !important;
    background-color: rgba(43, 108, 176, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:bg-blue-800:hover,
  reach-portal .sm\:hover\:bg-blue-800:hover {
    --bg-opacity: 1 !important;
    background-color: #2c5282 !important;
    background-color: rgba(44, 82, 130, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:bg-blue-900:hover,
  reach-portal .sm\:hover\:bg-blue-900:hover {
    --bg-opacity: 1 !important;
    background-color: #2a4365 !important;
    background-color: rgba(42, 67, 101, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:bg-indigo-100:hover,
  reach-portal .sm\:hover\:bg-indigo-100:hover {
    --bg-opacity: 1 !important;
    background-color: #ebf4ff !important;
    background-color: rgba(235, 244, 255, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:bg-indigo-200:hover,
  reach-portal .sm\:hover\:bg-indigo-200:hover {
    --bg-opacity: 1 !important;
    background-color: #c3dafe !important;
    background-color: rgba(195, 218, 254, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:bg-indigo-300:hover,
  reach-portal .sm\:hover\:bg-indigo-300:hover {
    --bg-opacity: 1 !important;
    background-color: #a3bffa !important;
    background-color: rgba(163, 191, 250, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:bg-indigo-400:hover,
  reach-portal .sm\:hover\:bg-indigo-400:hover {
    --bg-opacity: 1 !important;
    background-color: #7f9cf5 !important;
    background-color: rgba(127, 156, 245, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:bg-indigo-500:hover,
  reach-portal .sm\:hover\:bg-indigo-500:hover {
    --bg-opacity: 1 !important;
    background-color: #667eea !important;
    background-color: rgba(102, 126, 234, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:bg-indigo-600:hover,
  reach-portal .sm\:hover\:bg-indigo-600:hover {
    --bg-opacity: 1 !important;
    background-color: #5a67d8 !important;
    background-color: rgba(90, 103, 216, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:bg-indigo-700:hover,
  reach-portal .sm\:hover\:bg-indigo-700:hover {
    --bg-opacity: 1 !important;
    background-color: #4c51bf !important;
    background-color: rgba(76, 81, 191, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:bg-indigo-800:hover,
  reach-portal .sm\:hover\:bg-indigo-800:hover {
    --bg-opacity: 1 !important;
    background-color: #434190 !important;
    background-color: rgba(67, 65, 144, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:bg-indigo-900:hover,
  reach-portal .sm\:hover\:bg-indigo-900:hover {
    --bg-opacity: 1 !important;
    background-color: #3c366b !important;
    background-color: rgba(60, 54, 107, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:bg-purple-100:hover,
  reach-portal .sm\:hover\:bg-purple-100:hover {
    --bg-opacity: 1 !important;
    background-color: #faf5ff !important;
    background-color: rgba(250, 245, 255, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:bg-purple-200:hover,
  reach-portal .sm\:hover\:bg-purple-200:hover {
    --bg-opacity: 1 !important;
    background-color: #e9d8fd !important;
    background-color: rgba(233, 216, 253, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:bg-purple-300:hover,
  reach-portal .sm\:hover\:bg-purple-300:hover {
    --bg-opacity: 1 !important;
    background-color: #d6bcfa !important;
    background-color: rgba(214, 188, 250, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:bg-purple-400:hover,
  reach-portal .sm\:hover\:bg-purple-400:hover {
    --bg-opacity: 1 !important;
    background-color: #b794f4 !important;
    background-color: rgba(183, 148, 244, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:bg-purple-500:hover,
  reach-portal .sm\:hover\:bg-purple-500:hover {
    --bg-opacity: 1 !important;
    background-color: #9f7aea !important;
    background-color: rgba(159, 122, 234, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:bg-purple-600:hover,
  reach-portal .sm\:hover\:bg-purple-600:hover {
    --bg-opacity: 1 !important;
    background-color: #805ad5 !important;
    background-color: rgba(128, 90, 213, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:bg-purple-700:hover,
  reach-portal .sm\:hover\:bg-purple-700:hover {
    --bg-opacity: 1 !important;
    background-color: #6b46c1 !important;
    background-color: rgba(107, 70, 193, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:bg-purple-800:hover,
  reach-portal .sm\:hover\:bg-purple-800:hover {
    --bg-opacity: 1 !important;
    background-color: #553c9a !important;
    background-color: rgba(85, 60, 154, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:bg-purple-900:hover,
  reach-portal .sm\:hover\:bg-purple-900:hover {
    --bg-opacity: 1 !important;
    background-color: #44337a !important;
    background-color: rgba(68, 51, 122, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:bg-pink-100:hover,
  reach-portal .sm\:hover\:bg-pink-100:hover {
    --bg-opacity: 1 !important;
    background-color: #fff5f7 !important;
    background-color: rgba(255, 245, 247, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:bg-pink-200:hover,
  reach-portal .sm\:hover\:bg-pink-200:hover {
    --bg-opacity: 1 !important;
    background-color: #fed7e2 !important;
    background-color: rgba(254, 215, 226, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:bg-pink-300:hover,
  reach-portal .sm\:hover\:bg-pink-300:hover {
    --bg-opacity: 1 !important;
    background-color: #fbb6ce !important;
    background-color: rgba(251, 182, 206, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:bg-pink-400:hover,
  reach-portal .sm\:hover\:bg-pink-400:hover {
    --bg-opacity: 1 !important;
    background-color: #f687b3 !important;
    background-color: rgba(246, 135, 179, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:bg-pink-500:hover,
  reach-portal .sm\:hover\:bg-pink-500:hover {
    --bg-opacity: 1 !important;
    background-color: #ed64a6 !important;
    background-color: rgba(237, 100, 166, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:bg-pink-600:hover,
  reach-portal .sm\:hover\:bg-pink-600:hover {
    --bg-opacity: 1 !important;
    background-color: #d53f8c !important;
    background-color: rgba(213, 63, 140, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:bg-pink-700:hover,
  reach-portal .sm\:hover\:bg-pink-700:hover {
    --bg-opacity: 1 !important;
    background-color: #b83280 !important;
    background-color: rgba(184, 50, 128, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:bg-pink-800:hover,
  reach-portal .sm\:hover\:bg-pink-800:hover {
    --bg-opacity: 1 !important;
    background-color: #97266d !important;
    background-color: rgba(151, 38, 109, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:bg-pink-900:hover,
  reach-portal .sm\:hover\:bg-pink-900:hover {
    --bg-opacity: 1 !important;
    background-color: #702459 !important;
    background-color: rgba(112, 36, 89, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:bg-listgray:hover,
  reach-portal .sm\:hover\:bg-listgray:hover {
    --bg-opacity: 1 !important;
    background-color: #f4f4f4 !important;
    background-color: rgba(244, 244, 244, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:bg-transparent:focus,
  reach-portal .sm\:focus\:bg-transparent:focus {
    background-color: initial !important
  }

  #navbarWrapper .sm\:focus\:bg-current:focus,
  reach-portal .sm\:focus\:bg-current:focus {
    background-color: currentColor !important
  }

  #navbarWrapper .sm\:focus\:bg-black:focus,
  reach-portal .sm\:focus\:bg-black:focus {
    --bg-opacity: 1 !important;
    background-color: #000 !important;
    background-color: rgba(0, 0, 0, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:bg-white:focus,
  reach-portal .sm\:focus\:bg-white:focus {
    --bg-opacity: 1 !important;
    background-color: #fff !important;
    background-color: rgba(255, 255, 255, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:bg-gray-100:focus,
  reach-portal .sm\:focus\:bg-gray-100:focus {
    --bg-opacity: 1 !important;
    background-color: #f7fafc !important;
    background-color: rgba(247, 250, 252, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:bg-gray-200:focus,
  reach-portal .sm\:focus\:bg-gray-200:focus {
    --bg-opacity: 1 !important;
    background-color: #edf2f7 !important;
    background-color: rgba(237, 242, 247, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:bg-gray-300:focus,
  reach-portal .sm\:focus\:bg-gray-300:focus {
    --bg-opacity: 1 !important;
    background-color: #e2e8f0 !important;
    background-color: rgba(226, 232, 240, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:bg-gray-400:focus,
  reach-portal .sm\:focus\:bg-gray-400:focus {
    --bg-opacity: 1 !important;
    background-color: #cbd5e0 !important;
    background-color: rgba(203, 213, 224, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:bg-gray-500:focus,
  reach-portal .sm\:focus\:bg-gray-500:focus {
    --bg-opacity: 1 !important;
    background-color: #a0aec0 !important;
    background-color: rgba(160, 174, 192, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:bg-gray-600:focus,
  reach-portal .sm\:focus\:bg-gray-600:focus {
    --bg-opacity: 1 !important;
    background-color: #718096 !important;
    background-color: rgba(113, 128, 150, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:bg-gray-700:focus,
  reach-portal .sm\:focus\:bg-gray-700:focus {
    --bg-opacity: 1 !important;
    background-color: #4a5568 !important;
    background-color: rgba(74, 85, 104, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:bg-gray-800:focus,
  reach-portal .sm\:focus\:bg-gray-800:focus {
    --bg-opacity: 1 !important;
    background-color: #2d3748 !important;
    background-color: rgba(45, 55, 72, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:bg-gray-900:focus,
  reach-portal .sm\:focus\:bg-gray-900:focus {
    --bg-opacity: 1 !important;
    background-color: #1a202c !important;
    background-color: rgba(26, 32, 44, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:bg-red-100:focus,
  reach-portal .sm\:focus\:bg-red-100:focus {
    --bg-opacity: 1 !important;
    background-color: #fff5f5 !important;
    background-color: rgba(255, 245, 245, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:bg-red-200:focus,
  reach-portal .sm\:focus\:bg-red-200:focus {
    --bg-opacity: 1 !important;
    background-color: #fed7d7 !important;
    background-color: rgba(254, 215, 215, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:bg-red-300:focus,
  reach-portal .sm\:focus\:bg-red-300:focus {
    --bg-opacity: 1 !important;
    background-color: #feb2b2 !important;
    background-color: rgba(254, 178, 178, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:bg-red-400:focus,
  reach-portal .sm\:focus\:bg-red-400:focus {
    --bg-opacity: 1 !important;
    background-color: #fc8181 !important;
    background-color: rgba(252, 129, 129, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:bg-red-500:focus,
  reach-portal .sm\:focus\:bg-red-500:focus {
    --bg-opacity: 1 !important;
    background-color: #f56565 !important;
    background-color: rgba(245, 101, 101, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:bg-red-600:focus,
  reach-portal .sm\:focus\:bg-red-600:focus {
    --bg-opacity: 1 !important;
    background-color: #e53e3e !important;
    background-color: rgba(229, 62, 62, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:bg-red-700:focus,
  reach-portal .sm\:focus\:bg-red-700:focus {
    --bg-opacity: 1 !important;
    background-color: #c53030 !important;
    background-color: rgba(197, 48, 48, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:bg-red-800:focus,
  reach-portal .sm\:focus\:bg-red-800:focus {
    --bg-opacity: 1 !important;
    background-color: #9b2c2c !important;
    background-color: rgba(155, 44, 44, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:bg-red-900:focus,
  reach-portal .sm\:focus\:bg-red-900:focus {
    --bg-opacity: 1 !important;
    background-color: #742a2a !important;
    background-color: rgba(116, 42, 42, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:bg-orange-100:focus,
  reach-portal .sm\:focus\:bg-orange-100:focus {
    --bg-opacity: 1 !important;
    background-color: #fffaf0 !important;
    background-color: rgba(255, 250, 240, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:bg-orange-200:focus,
  reach-portal .sm\:focus\:bg-orange-200:focus {
    --bg-opacity: 1 !important;
    background-color: #feebc8 !important;
    background-color: rgba(254, 235, 200, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:bg-orange-300:focus,
  reach-portal .sm\:focus\:bg-orange-300:focus {
    --bg-opacity: 1 !important;
    background-color: #fbd38d !important;
    background-color: rgba(251, 211, 141, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:bg-orange-400:focus,
  reach-portal .sm\:focus\:bg-orange-400:focus {
    --bg-opacity: 1 !important;
    background-color: #f6ad55 !important;
    background-color: rgba(246, 173, 85, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:bg-orange-500:focus,
  reach-portal .sm\:focus\:bg-orange-500:focus {
    --bg-opacity: 1 !important;
    background-color: #ed8936 !important;
    background-color: rgba(237, 137, 54, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:bg-orange-600:focus,
  reach-portal .sm\:focus\:bg-orange-600:focus {
    --bg-opacity: 1 !important;
    background-color: #dd6b20 !important;
    background-color: rgba(221, 107, 32, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:bg-orange-700:focus,
  reach-portal .sm\:focus\:bg-orange-700:focus {
    --bg-opacity: 1 !important;
    background-color: #c05621 !important;
    background-color: rgba(192, 86, 33, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:bg-orange-800:focus,
  reach-portal .sm\:focus\:bg-orange-800:focus {
    --bg-opacity: 1 !important;
    background-color: #9c4221 !important;
    background-color: rgba(156, 66, 33, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:bg-orange-900:focus,
  reach-portal .sm\:focus\:bg-orange-900:focus {
    --bg-opacity: 1 !important;
    background-color: #7b341e !important;
    background-color: rgba(123, 52, 30, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:bg-yellow-100:focus,
  reach-portal .sm\:focus\:bg-yellow-100:focus {
    --bg-opacity: 1 !important;
    background-color: ivory !important;
    background-color: rgba(255, 255, 240, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:bg-yellow-200:focus,
  reach-portal .sm\:focus\:bg-yellow-200:focus {
    --bg-opacity: 1 !important;
    background-color: #fefcbf !important;
    background-color: rgba(254, 252, 191, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:bg-yellow-300:focus,
  reach-portal .sm\:focus\:bg-yellow-300:focus {
    --bg-opacity: 1 !important;
    background-color: #faf089 !important;
    background-color: rgba(250, 240, 137, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:bg-yellow-400:focus,
  reach-portal .sm\:focus\:bg-yellow-400:focus {
    --bg-opacity: 1 !important;
    background-color: #f6e05e !important;
    background-color: rgba(246, 224, 94, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:bg-yellow-500:focus,
  reach-portal .sm\:focus\:bg-yellow-500:focus {
    --bg-opacity: 1 !important;
    background-color: #ecc94b !important;
    background-color: rgba(236, 201, 75, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:bg-yellow-600:focus,
  reach-portal .sm\:focus\:bg-yellow-600:focus {
    --bg-opacity: 1 !important;
    background-color: #d69e2e !important;
    background-color: rgba(214, 158, 46, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:bg-yellow-700:focus,
  reach-portal .sm\:focus\:bg-yellow-700:focus {
    --bg-opacity: 1 !important;
    background-color: #b7791f !important;
    background-color: rgba(183, 121, 31, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:bg-yellow-800:focus,
  reach-portal .sm\:focus\:bg-yellow-800:focus {
    --bg-opacity: 1 !important;
    background-color: #975a16 !important;
    background-color: rgba(151, 90, 22, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:bg-yellow-900:focus,
  reach-portal .sm\:focus\:bg-yellow-900:focus {
    --bg-opacity: 1 !important;
    background-color: #744210 !important;
    background-color: rgba(116, 66, 16, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:bg-green-100:focus,
  reach-portal .sm\:focus\:bg-green-100:focus {
    --bg-opacity: 1 !important;
    background-color: #f0fff4 !important;
    background-color: rgba(240, 255, 244, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:bg-green-200:focus,
  reach-portal .sm\:focus\:bg-green-200:focus {
    --bg-opacity: 1 !important;
    background-color: #c6f6d5 !important;
    background-color: rgba(198, 246, 213, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:bg-green-300:focus,
  reach-portal .sm\:focus\:bg-green-300:focus {
    --bg-opacity: 1 !important;
    background-color: #9ae6b4 !important;
    background-color: rgba(154, 230, 180, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:bg-green-400:focus,
  reach-portal .sm\:focus\:bg-green-400:focus {
    --bg-opacity: 1 !important;
    background-color: #68d391 !important;
    background-color: rgba(104, 211, 145, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:bg-green-500:focus,
  reach-portal .sm\:focus\:bg-green-500:focus {
    --bg-opacity: 1 !important;
    background-color: #48bb78 !important;
    background-color: rgba(72, 187, 120, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:bg-green-600:focus,
  reach-portal .sm\:focus\:bg-green-600:focus {
    --bg-opacity: 1 !important;
    background-color: #38a169 !important;
    background-color: rgba(56, 161, 105, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:bg-green-700:focus,
  reach-portal .sm\:focus\:bg-green-700:focus {
    --bg-opacity: 1 !important;
    background-color: #2f855a !important;
    background-color: rgba(47, 133, 90, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:bg-green-800:focus,
  reach-portal .sm\:focus\:bg-green-800:focus {
    --bg-opacity: 1 !important;
    background-color: #276749 !important;
    background-color: rgba(39, 103, 73, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:bg-green-900:focus,
  reach-portal .sm\:focus\:bg-green-900:focus {
    --bg-opacity: 1 !important;
    background-color: #22543d !important;
    background-color: rgba(34, 84, 61, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:bg-teal-100:focus,
  reach-portal .sm\:focus\:bg-teal-100:focus {
    --bg-opacity: 1 !important;
    background-color: #e6fffa !important;
    background-color: rgba(230, 255, 250, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:bg-teal-200:focus,
  reach-portal .sm\:focus\:bg-teal-200:focus {
    --bg-opacity: 1 !important;
    background-color: #b2f5ea !important;
    background-color: rgba(178, 245, 234, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:bg-teal-300:focus,
  reach-portal .sm\:focus\:bg-teal-300:focus {
    --bg-opacity: 1 !important;
    background-color: #81e6d9 !important;
    background-color: rgba(129, 230, 217, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:bg-teal-400:focus,
  reach-portal .sm\:focus\:bg-teal-400:focus {
    --bg-opacity: 1 !important;
    background-color: #4fd1c5 !important;
    background-color: rgba(79, 209, 197, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:bg-teal-500:focus,
  reach-portal .sm\:focus\:bg-teal-500:focus {
    --bg-opacity: 1 !important;
    background-color: #38b2ac !important;
    background-color: rgba(56, 178, 172, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:bg-teal-600:focus,
  reach-portal .sm\:focus\:bg-teal-600:focus {
    --bg-opacity: 1 !important;
    background-color: #319795 !important;
    background-color: rgba(49, 151, 149, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:bg-teal-700:focus,
  reach-portal .sm\:focus\:bg-teal-700:focus {
    --bg-opacity: 1 !important;
    background-color: #2c7a7b !important;
    background-color: rgba(44, 122, 123, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:bg-teal-800:focus,
  reach-portal .sm\:focus\:bg-teal-800:focus {
    --bg-opacity: 1 !important;
    background-color: #285e61 !important;
    background-color: rgba(40, 94, 97, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:bg-teal-900:focus,
  reach-portal .sm\:focus\:bg-teal-900:focus {
    --bg-opacity: 1 !important;
    background-color: #234e52 !important;
    background-color: rgba(35, 78, 82, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:bg-blue-100:focus,
  reach-portal .sm\:focus\:bg-blue-100:focus {
    --bg-opacity: 1 !important;
    background-color: #ebf8ff !important;
    background-color: rgba(235, 248, 255, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:bg-blue-200:focus,
  reach-portal .sm\:focus\:bg-blue-200:focus {
    --bg-opacity: 1 !important;
    background-color: #bee3f8 !important;
    background-color: rgba(190, 227, 248, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:bg-blue-300:focus,
  reach-portal .sm\:focus\:bg-blue-300:focus {
    --bg-opacity: 1 !important;
    background-color: #90cdf4 !important;
    background-color: rgba(144, 205, 244, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:bg-blue-400:focus,
  reach-portal .sm\:focus\:bg-blue-400:focus {
    --bg-opacity: 1 !important;
    background-color: #63b3ed !important;
    background-color: rgba(99, 179, 237, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:bg-blue-500:focus,
  reach-portal .sm\:focus\:bg-blue-500:focus {
    --bg-opacity: 1 !important;
    background-color: #4299e1 !important;
    background-color: rgba(66, 153, 225, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:bg-blue-600:focus,
  reach-portal .sm\:focus\:bg-blue-600:focus {
    --bg-opacity: 1 !important;
    background-color: #3182ce !important;
    background-color: rgba(49, 130, 206, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:bg-blue-700:focus,
  reach-portal .sm\:focus\:bg-blue-700:focus {
    --bg-opacity: 1 !important;
    background-color: #2b6cb0 !important;
    background-color: rgba(43, 108, 176, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:bg-blue-800:focus,
  reach-portal .sm\:focus\:bg-blue-800:focus {
    --bg-opacity: 1 !important;
    background-color: #2c5282 !important;
    background-color: rgba(44, 82, 130, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:bg-blue-900:focus,
  reach-portal .sm\:focus\:bg-blue-900:focus {
    --bg-opacity: 1 !important;
    background-color: #2a4365 !important;
    background-color: rgba(42, 67, 101, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:bg-indigo-100:focus,
  reach-portal .sm\:focus\:bg-indigo-100:focus {
    --bg-opacity: 1 !important;
    background-color: #ebf4ff !important;
    background-color: rgba(235, 244, 255, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:bg-indigo-200:focus,
  reach-portal .sm\:focus\:bg-indigo-200:focus {
    --bg-opacity: 1 !important;
    background-color: #c3dafe !important;
    background-color: rgba(195, 218, 254, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:bg-indigo-300:focus,
  reach-portal .sm\:focus\:bg-indigo-300:focus {
    --bg-opacity: 1 !important;
    background-color: #a3bffa !important;
    background-color: rgba(163, 191, 250, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:bg-indigo-400:focus,
  reach-portal .sm\:focus\:bg-indigo-400:focus {
    --bg-opacity: 1 !important;
    background-color: #7f9cf5 !important;
    background-color: rgba(127, 156, 245, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:bg-indigo-500:focus,
  reach-portal .sm\:focus\:bg-indigo-500:focus {
    --bg-opacity: 1 !important;
    background-color: #667eea !important;
    background-color: rgba(102, 126, 234, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:bg-indigo-600:focus,
  reach-portal .sm\:focus\:bg-indigo-600:focus {
    --bg-opacity: 1 !important;
    background-color: #5a67d8 !important;
    background-color: rgba(90, 103, 216, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:bg-indigo-700:focus,
  reach-portal .sm\:focus\:bg-indigo-700:focus {
    --bg-opacity: 1 !important;
    background-color: #4c51bf !important;
    background-color: rgba(76, 81, 191, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:bg-indigo-800:focus,
  reach-portal .sm\:focus\:bg-indigo-800:focus {
    --bg-opacity: 1 !important;
    background-color: #434190 !important;
    background-color: rgba(67, 65, 144, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:bg-indigo-900:focus,
  reach-portal .sm\:focus\:bg-indigo-900:focus {
    --bg-opacity: 1 !important;
    background-color: #3c366b !important;
    background-color: rgba(60, 54, 107, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:bg-purple-100:focus,
  reach-portal .sm\:focus\:bg-purple-100:focus {
    --bg-opacity: 1 !important;
    background-color: #faf5ff !important;
    background-color: rgba(250, 245, 255, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:bg-purple-200:focus,
  reach-portal .sm\:focus\:bg-purple-200:focus {
    --bg-opacity: 1 !important;
    background-color: #e9d8fd !important;
    background-color: rgba(233, 216, 253, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:bg-purple-300:focus,
  reach-portal .sm\:focus\:bg-purple-300:focus {
    --bg-opacity: 1 !important;
    background-color: #d6bcfa !important;
    background-color: rgba(214, 188, 250, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:bg-purple-400:focus,
  reach-portal .sm\:focus\:bg-purple-400:focus {
    --bg-opacity: 1 !important;
    background-color: #b794f4 !important;
    background-color: rgba(183, 148, 244, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:bg-purple-500:focus,
  reach-portal .sm\:focus\:bg-purple-500:focus {
    --bg-opacity: 1 !important;
    background-color: #9f7aea !important;
    background-color: rgba(159, 122, 234, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:bg-purple-600:focus,
  reach-portal .sm\:focus\:bg-purple-600:focus {
    --bg-opacity: 1 !important;
    background-color: #805ad5 !important;
    background-color: rgba(128, 90, 213, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:bg-purple-700:focus,
  reach-portal .sm\:focus\:bg-purple-700:focus {
    --bg-opacity: 1 !important;
    background-color: #6b46c1 !important;
    background-color: rgba(107, 70, 193, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:bg-purple-800:focus,
  reach-portal .sm\:focus\:bg-purple-800:focus {
    --bg-opacity: 1 !important;
    background-color: #553c9a !important;
    background-color: rgba(85, 60, 154, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:bg-purple-900:focus,
  reach-portal .sm\:focus\:bg-purple-900:focus {
    --bg-opacity: 1 !important;
    background-color: #44337a !important;
    background-color: rgba(68, 51, 122, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:bg-pink-100:focus,
  reach-portal .sm\:focus\:bg-pink-100:focus {
    --bg-opacity: 1 !important;
    background-color: #fff5f7 !important;
    background-color: rgba(255, 245, 247, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:bg-pink-200:focus,
  reach-portal .sm\:focus\:bg-pink-200:focus {
    --bg-opacity: 1 !important;
    background-color: #fed7e2 !important;
    background-color: rgba(254, 215, 226, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:bg-pink-300:focus,
  reach-portal .sm\:focus\:bg-pink-300:focus {
    --bg-opacity: 1 !important;
    background-color: #fbb6ce !important;
    background-color: rgba(251, 182, 206, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:bg-pink-400:focus,
  reach-portal .sm\:focus\:bg-pink-400:focus {
    --bg-opacity: 1 !important;
    background-color: #f687b3 !important;
    background-color: rgba(246, 135, 179, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:bg-pink-500:focus,
  reach-portal .sm\:focus\:bg-pink-500:focus {
    --bg-opacity: 1 !important;
    background-color: #ed64a6 !important;
    background-color: rgba(237, 100, 166, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:bg-pink-600:focus,
  reach-portal .sm\:focus\:bg-pink-600:focus {
    --bg-opacity: 1 !important;
    background-color: #d53f8c !important;
    background-color: rgba(213, 63, 140, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:bg-pink-700:focus,
  reach-portal .sm\:focus\:bg-pink-700:focus {
    --bg-opacity: 1 !important;
    background-color: #b83280 !important;
    background-color: rgba(184, 50, 128, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:bg-pink-800:focus,
  reach-portal .sm\:focus\:bg-pink-800:focus {
    --bg-opacity: 1 !important;
    background-color: #97266d !important;
    background-color: rgba(151, 38, 109, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:bg-pink-900:focus,
  reach-portal .sm\:focus\:bg-pink-900:focus {
    --bg-opacity: 1 !important;
    background-color: #702459 !important;
    background-color: rgba(112, 36, 89, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:bg-listgray:focus,
  reach-portal .sm\:focus\:bg-listgray:focus {
    --bg-opacity: 1 !important;
    background-color: #f4f4f4 !important;
    background-color: rgba(244, 244, 244, var(--bg-opacity)) !important
  }

  #navbarWrapper .sm\:bg-opacity-0,
  reach-portal .sm\:bg-opacity-0 {
    --bg-opacity: 0 !important
  }

  #navbarWrapper .sm\:bg-opacity-25,
  reach-portal .sm\:bg-opacity-25 {
    --bg-opacity: 0.25 !important
  }

  #navbarWrapper .sm\:bg-opacity-50,
  reach-portal .sm\:bg-opacity-50 {
    --bg-opacity: 0.5 !important
  }

  #navbarWrapper .sm\:bg-opacity-75,
  reach-portal .sm\:bg-opacity-75 {
    --bg-opacity: 0.75 !important
  }

  #navbarWrapper .sm\:bg-opacity-100,
  reach-portal .sm\:bg-opacity-100 {
    --bg-opacity: 1 !important
  }

  #navbarWrapper .sm\:hover\:bg-opacity-0:hover,
  reach-portal .sm\:hover\:bg-opacity-0:hover {
    --bg-opacity: 0 !important
  }

  #navbarWrapper .sm\:hover\:bg-opacity-25:hover,
  reach-portal .sm\:hover\:bg-opacity-25:hover {
    --bg-opacity: 0.25 !important
  }

  #navbarWrapper .sm\:hover\:bg-opacity-50:hover,
  reach-portal .sm\:hover\:bg-opacity-50:hover {
    --bg-opacity: 0.5 !important
  }

  #navbarWrapper .sm\:hover\:bg-opacity-75:hover,
  reach-portal .sm\:hover\:bg-opacity-75:hover {
    --bg-opacity: 0.75 !important
  }

  #navbarWrapper .sm\:hover\:bg-opacity-100:hover,
  reach-portal .sm\:hover\:bg-opacity-100:hover {
    --bg-opacity: 1 !important
  }

  #navbarWrapper .sm\:focus\:bg-opacity-0:focus,
  reach-portal .sm\:focus\:bg-opacity-0:focus {
    --bg-opacity: 0 !important
  }

  #navbarWrapper .sm\:focus\:bg-opacity-25:focus,
  reach-portal .sm\:focus\:bg-opacity-25:focus {
    --bg-opacity: 0.25 !important
  }

  #navbarWrapper .sm\:focus\:bg-opacity-50:focus,
  reach-portal .sm\:focus\:bg-opacity-50:focus {
    --bg-opacity: 0.5 !important
  }

  #navbarWrapper .sm\:focus\:bg-opacity-75:focus,
  reach-portal .sm\:focus\:bg-opacity-75:focus {
    --bg-opacity: 0.75 !important
  }

  #navbarWrapper .sm\:focus\:bg-opacity-100:focus,
  reach-portal .sm\:focus\:bg-opacity-100:focus {
    --bg-opacity: 1 !important
  }

  #navbarWrapper .sm\:bg-bottom,
  reach-portal .sm\:bg-bottom {
    background-position: bottom !important
  }

  #navbarWrapper .sm\:bg-center,
  reach-portal .sm\:bg-center {
    background-position: 50% !important
  }

  #navbarWrapper .sm\:bg-left,
  reach-portal .sm\:bg-left {
    background-position: 0 !important
  }

  #navbarWrapper .sm\:bg-left-bottom,
  reach-portal .sm\:bg-left-bottom {
    background-position: 0 100% !important
  }

  #navbarWrapper .sm\:bg-left-top,
  reach-portal .sm\:bg-left-top {
    background-position: 0 0 !important
  }

  #navbarWrapper .sm\:bg-right,
  reach-portal .sm\:bg-right {
    background-position: 100% !important
  }

  #navbarWrapper .sm\:bg-right-bottom,
  reach-portal .sm\:bg-right-bottom {
    background-position: 100% 100% !important
  }

  #navbarWrapper .sm\:bg-right-top,
  reach-portal .sm\:bg-right-top {
    background-position: 100% 0 !important
  }

  #navbarWrapper .sm\:bg-top,
  reach-portal .sm\:bg-top {
    background-position: top !important
  }

  #navbarWrapper .sm\:bg-repeat,
  reach-portal .sm\:bg-repeat {
    background-repeat: repeat !important
  }

  #navbarWrapper .sm\:bg-no-repeat,
  reach-portal .sm\:bg-no-repeat {
    background-repeat: no-repeat !important
  }

  #navbarWrapper .sm\:bg-repeat-x,
  reach-portal .sm\:bg-repeat-x {
    background-repeat: repeat-x !important
  }

  #navbarWrapper .sm\:bg-repeat-y,
  reach-portal .sm\:bg-repeat-y {
    background-repeat: repeat-y !important
  }

  #navbarWrapper .sm\:bg-repeat-round,
  reach-portal .sm\:bg-repeat-round {
    background-repeat: round !important
  }

  #navbarWrapper .sm\:bg-repeat-space,
  reach-portal .sm\:bg-repeat-space {
    background-repeat: space !important
  }

  #navbarWrapper .sm\:bg-auto,
  reach-portal .sm\:bg-auto {
    background-size: auto !important
  }

  #navbarWrapper .sm\:bg-cover,
  reach-portal .sm\:bg-cover {
    background-size: cover !important
  }

  #navbarWrapper .sm\:bg-contain,
  reach-portal .sm\:bg-contain {
    background-size: contain !important
  }

  #navbarWrapper .sm\:border-collapse,
  reach-portal .sm\:border-collapse {
    border-collapse: collapse !important
  }

  #navbarWrapper .sm\:border-separate,
  reach-portal .sm\:border-separate {
    border-collapse: initial !important
  }

  #navbarWrapper .sm\:border-transparent,
  reach-portal .sm\:border-transparent {
    border-color: #0000 !important
  }

  #navbarWrapper .sm\:border-current,
  reach-portal .sm\:border-current {
    border-color: currentColor !important
  }

  #navbarWrapper .sm\:border-black,
  reach-portal .sm\:border-black {
    --border-opacity: 1 !important;
    border-color: #000 !important;
    border-color: rgba(0, 0, 0, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:border-white,
  reach-portal .sm\:border-white {
    --border-opacity: 1 !important;
    border-color: #fff !important;
    border-color: rgba(255, 255, 255, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:border-gray-100,
  reach-portal .sm\:border-gray-100 {
    --border-opacity: 1 !important;
    border-color: #f7fafc !important;
    border-color: rgba(247, 250, 252, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:border-gray-200,
  reach-portal .sm\:border-gray-200 {
    --border-opacity: 1 !important;
    border-color: #edf2f7 !important;
    border-color: rgba(237, 242, 247, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:border-gray-300,
  reach-portal .sm\:border-gray-300 {
    --border-opacity: 1 !important;
    border-color: #e2e8f0 !important;
    border-color: rgba(226, 232, 240, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:border-gray-400,
  reach-portal .sm\:border-gray-400 {
    --border-opacity: 1 !important;
    border-color: #cbd5e0 !important;
    border-color: rgba(203, 213, 224, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:border-gray-500,
  reach-portal .sm\:border-gray-500 {
    --border-opacity: 1 !important;
    border-color: #a0aec0 !important;
    border-color: rgba(160, 174, 192, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:border-gray-600,
  reach-portal .sm\:border-gray-600 {
    --border-opacity: 1 !important;
    border-color: #718096 !important;
    border-color: rgba(113, 128, 150, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:border-gray-700,
  reach-portal .sm\:border-gray-700 {
    --border-opacity: 1 !important;
    border-color: #4a5568 !important;
    border-color: rgba(74, 85, 104, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:border-gray-800,
  reach-portal .sm\:border-gray-800 {
    --border-opacity: 1 !important;
    border-color: #2d3748 !important;
    border-color: rgba(45, 55, 72, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:border-gray-900,
  reach-portal .sm\:border-gray-900 {
    --border-opacity: 1 !important;
    border-color: #1a202c !important;
    border-color: rgba(26, 32, 44, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:border-red-100,
  reach-portal .sm\:border-red-100 {
    --border-opacity: 1 !important;
    border-color: #fff5f5 !important;
    border-color: rgba(255, 245, 245, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:border-red-200,
  reach-portal .sm\:border-red-200 {
    --border-opacity: 1 !important;
    border-color: #fed7d7 !important;
    border-color: rgba(254, 215, 215, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:border-red-300,
  reach-portal .sm\:border-red-300 {
    --border-opacity: 1 !important;
    border-color: #feb2b2 !important;
    border-color: rgba(254, 178, 178, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:border-red-400,
  reach-portal .sm\:border-red-400 {
    --border-opacity: 1 !important;
    border-color: #fc8181 !important;
    border-color: rgba(252, 129, 129, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:border-red-500,
  reach-portal .sm\:border-red-500 {
    --border-opacity: 1 !important;
    border-color: #f56565 !important;
    border-color: rgba(245, 101, 101, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:border-red-600,
  reach-portal .sm\:border-red-600 {
    --border-opacity: 1 !important;
    border-color: #e53e3e !important;
    border-color: rgba(229, 62, 62, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:border-red-700,
  reach-portal .sm\:border-red-700 {
    --border-opacity: 1 !important;
    border-color: #c53030 !important;
    border-color: rgba(197, 48, 48, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:border-red-800,
  reach-portal .sm\:border-red-800 {
    --border-opacity: 1 !important;
    border-color: #9b2c2c !important;
    border-color: rgba(155, 44, 44, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:border-red-900,
  reach-portal .sm\:border-red-900 {
    --border-opacity: 1 !important;
    border-color: #742a2a !important;
    border-color: rgba(116, 42, 42, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:border-orange-100,
  reach-portal .sm\:border-orange-100 {
    --border-opacity: 1 !important;
    border-color: #fffaf0 !important;
    border-color: rgba(255, 250, 240, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:border-orange-200,
  reach-portal .sm\:border-orange-200 {
    --border-opacity: 1 !important;
    border-color: #feebc8 !important;
    border-color: rgba(254, 235, 200, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:border-orange-300,
  reach-portal .sm\:border-orange-300 {
    --border-opacity: 1 !important;
    border-color: #fbd38d !important;
    border-color: rgba(251, 211, 141, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:border-orange-400,
  reach-portal .sm\:border-orange-400 {
    --border-opacity: 1 !important;
    border-color: #f6ad55 !important;
    border-color: rgba(246, 173, 85, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:border-orange-500,
  reach-portal .sm\:border-orange-500 {
    --border-opacity: 1 !important;
    border-color: #ed8936 !important;
    border-color: rgba(237, 137, 54, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:border-orange-600,
  reach-portal .sm\:border-orange-600 {
    --border-opacity: 1 !important;
    border-color: #dd6b20 !important;
    border-color: rgba(221, 107, 32, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:border-orange-700,
  reach-portal .sm\:border-orange-700 {
    --border-opacity: 1 !important;
    border-color: #c05621 !important;
    border-color: rgba(192, 86, 33, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:border-orange-800,
  reach-portal .sm\:border-orange-800 {
    --border-opacity: 1 !important;
    border-color: #9c4221 !important;
    border-color: rgba(156, 66, 33, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:border-orange-900,
  reach-portal .sm\:border-orange-900 {
    --border-opacity: 1 !important;
    border-color: #7b341e !important;
    border-color: rgba(123, 52, 30, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:border-yellow-100,
  reach-portal .sm\:border-yellow-100 {
    --border-opacity: 1 !important;
    border-color: ivory !important;
    border-color: rgba(255, 255, 240, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:border-yellow-200,
  reach-portal .sm\:border-yellow-200 {
    --border-opacity: 1 !important;
    border-color: #fefcbf !important;
    border-color: rgba(254, 252, 191, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:border-yellow-300,
  reach-portal .sm\:border-yellow-300 {
    --border-opacity: 1 !important;
    border-color: #faf089 !important;
    border-color: rgba(250, 240, 137, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:border-yellow-400,
  reach-portal .sm\:border-yellow-400 {
    --border-opacity: 1 !important;
    border-color: #f6e05e !important;
    border-color: rgba(246, 224, 94, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:border-yellow-500,
  reach-portal .sm\:border-yellow-500 {
    --border-opacity: 1 !important;
    border-color: #ecc94b !important;
    border-color: rgba(236, 201, 75, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:border-yellow-600,
  reach-portal .sm\:border-yellow-600 {
    --border-opacity: 1 !important;
    border-color: #d69e2e !important;
    border-color: rgba(214, 158, 46, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:border-yellow-700,
  reach-portal .sm\:border-yellow-700 {
    --border-opacity: 1 !important;
    border-color: #b7791f !important;
    border-color: rgba(183, 121, 31, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:border-yellow-800,
  reach-portal .sm\:border-yellow-800 {
    --border-opacity: 1 !important;
    border-color: #975a16 !important;
    border-color: rgba(151, 90, 22, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:border-yellow-900,
  reach-portal .sm\:border-yellow-900 {
    --border-opacity: 1 !important;
    border-color: #744210 !important;
    border-color: rgba(116, 66, 16, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:border-green-100,
  reach-portal .sm\:border-green-100 {
    --border-opacity: 1 !important;
    border-color: #f0fff4 !important;
    border-color: rgba(240, 255, 244, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:border-green-200,
  reach-portal .sm\:border-green-200 {
    --border-opacity: 1 !important;
    border-color: #c6f6d5 !important;
    border-color: rgba(198, 246, 213, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:border-green-300,
  reach-portal .sm\:border-green-300 {
    --border-opacity: 1 !important;
    border-color: #9ae6b4 !important;
    border-color: rgba(154, 230, 180, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:border-green-400,
  reach-portal .sm\:border-green-400 {
    --border-opacity: 1 !important;
    border-color: #68d391 !important;
    border-color: rgba(104, 211, 145, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:border-green-500,
  reach-portal .sm\:border-green-500 {
    --border-opacity: 1 !important;
    border-color: #48bb78 !important;
    border-color: rgba(72, 187, 120, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:border-green-600,
  reach-portal .sm\:border-green-600 {
    --border-opacity: 1 !important;
    border-color: #38a169 !important;
    border-color: rgba(56, 161, 105, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:border-green-700,
  reach-portal .sm\:border-green-700 {
    --border-opacity: 1 !important;
    border-color: #2f855a !important;
    border-color: rgba(47, 133, 90, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:border-green-800,
  reach-portal .sm\:border-green-800 {
    --border-opacity: 1 !important;
    border-color: #276749 !important;
    border-color: rgba(39, 103, 73, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:border-green-900,
  reach-portal .sm\:border-green-900 {
    --border-opacity: 1 !important;
    border-color: #22543d !important;
    border-color: rgba(34, 84, 61, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:border-teal-100,
  reach-portal .sm\:border-teal-100 {
    --border-opacity: 1 !important;
    border-color: #e6fffa !important;
    border-color: rgba(230, 255, 250, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:border-teal-200,
  reach-portal .sm\:border-teal-200 {
    --border-opacity: 1 !important;
    border-color: #b2f5ea !important;
    border-color: rgba(178, 245, 234, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:border-teal-300,
  reach-portal .sm\:border-teal-300 {
    --border-opacity: 1 !important;
    border-color: #81e6d9 !important;
    border-color: rgba(129, 230, 217, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:border-teal-400,
  reach-portal .sm\:border-teal-400 {
    --border-opacity: 1 !important;
    border-color: #4fd1c5 !important;
    border-color: rgba(79, 209, 197, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:border-teal-500,
  reach-portal .sm\:border-teal-500 {
    --border-opacity: 1 !important;
    border-color: #38b2ac !important;
    border-color: rgba(56, 178, 172, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:border-teal-600,
  reach-portal .sm\:border-teal-600 {
    --border-opacity: 1 !important;
    border-color: #319795 !important;
    border-color: rgba(49, 151, 149, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:border-teal-700,
  reach-portal .sm\:border-teal-700 {
    --border-opacity: 1 !important;
    border-color: #2c7a7b !important;
    border-color: rgba(44, 122, 123, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:border-teal-800,
  reach-portal .sm\:border-teal-800 {
    --border-opacity: 1 !important;
    border-color: #285e61 !important;
    border-color: rgba(40, 94, 97, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:border-teal-900,
  reach-portal .sm\:border-teal-900 {
    --border-opacity: 1 !important;
    border-color: #234e52 !important;
    border-color: rgba(35, 78, 82, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:border-blue-100,
  reach-portal .sm\:border-blue-100 {
    --border-opacity: 1 !important;
    border-color: #ebf8ff !important;
    border-color: rgba(235, 248, 255, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:border-blue-200,
  reach-portal .sm\:border-blue-200 {
    --border-opacity: 1 !important;
    border-color: #bee3f8 !important;
    border-color: rgba(190, 227, 248, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:border-blue-300,
  reach-portal .sm\:border-blue-300 {
    --border-opacity: 1 !important;
    border-color: #90cdf4 !important;
    border-color: rgba(144, 205, 244, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:border-blue-400,
  reach-portal .sm\:border-blue-400 {
    --border-opacity: 1 !important;
    border-color: #63b3ed !important;
    border-color: rgba(99, 179, 237, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:border-blue-500,
  reach-portal .sm\:border-blue-500 {
    --border-opacity: 1 !important;
    border-color: #4299e1 !important;
    border-color: rgba(66, 153, 225, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:border-blue-600,
  reach-portal .sm\:border-blue-600 {
    --border-opacity: 1 !important;
    border-color: #3182ce !important;
    border-color: rgba(49, 130, 206, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:border-blue-700,
  reach-portal .sm\:border-blue-700 {
    --border-opacity: 1 !important;
    border-color: #2b6cb0 !important;
    border-color: rgba(43, 108, 176, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:border-blue-800,
  reach-portal .sm\:border-blue-800 {
    --border-opacity: 1 !important;
    border-color: #2c5282 !important;
    border-color: rgba(44, 82, 130, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:border-blue-900,
  reach-portal .sm\:border-blue-900 {
    --border-opacity: 1 !important;
    border-color: #2a4365 !important;
    border-color: rgba(42, 67, 101, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:border-indigo-100,
  reach-portal .sm\:border-indigo-100 {
    --border-opacity: 1 !important;
    border-color: #ebf4ff !important;
    border-color: rgba(235, 244, 255, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:border-indigo-200,
  reach-portal .sm\:border-indigo-200 {
    --border-opacity: 1 !important;
    border-color: #c3dafe !important;
    border-color: rgba(195, 218, 254, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:border-indigo-300,
  reach-portal .sm\:border-indigo-300 {
    --border-opacity: 1 !important;
    border-color: #a3bffa !important;
    border-color: rgba(163, 191, 250, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:border-indigo-400,
  reach-portal .sm\:border-indigo-400 {
    --border-opacity: 1 !important;
    border-color: #7f9cf5 !important;
    border-color: rgba(127, 156, 245, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:border-indigo-500,
  reach-portal .sm\:border-indigo-500 {
    --border-opacity: 1 !important;
    border-color: #667eea !important;
    border-color: rgba(102, 126, 234, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:border-indigo-600,
  reach-portal .sm\:border-indigo-600 {
    --border-opacity: 1 !important;
    border-color: #5a67d8 !important;
    border-color: rgba(90, 103, 216, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:border-indigo-700,
  reach-portal .sm\:border-indigo-700 {
    --border-opacity: 1 !important;
    border-color: #4c51bf !important;
    border-color: rgba(76, 81, 191, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:border-indigo-800,
  reach-portal .sm\:border-indigo-800 {
    --border-opacity: 1 !important;
    border-color: #434190 !important;
    border-color: rgba(67, 65, 144, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:border-indigo-900,
  reach-portal .sm\:border-indigo-900 {
    --border-opacity: 1 !important;
    border-color: #3c366b !important;
    border-color: rgba(60, 54, 107, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:border-purple-100,
  reach-portal .sm\:border-purple-100 {
    --border-opacity: 1 !important;
    border-color: #faf5ff !important;
    border-color: rgba(250, 245, 255, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:border-purple-200,
  reach-portal .sm\:border-purple-200 {
    --border-opacity: 1 !important;
    border-color: #e9d8fd !important;
    border-color: rgba(233, 216, 253, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:border-purple-300,
  reach-portal .sm\:border-purple-300 {
    --border-opacity: 1 !important;
    border-color: #d6bcfa !important;
    border-color: rgba(214, 188, 250, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:border-purple-400,
  reach-portal .sm\:border-purple-400 {
    --border-opacity: 1 !important;
    border-color: #b794f4 !important;
    border-color: rgba(183, 148, 244, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:border-purple-500,
  reach-portal .sm\:border-purple-500 {
    --border-opacity: 1 !important;
    border-color: #9f7aea !important;
    border-color: rgba(159, 122, 234, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:border-purple-600,
  reach-portal .sm\:border-purple-600 {
    --border-opacity: 1 !important;
    border-color: #805ad5 !important;
    border-color: rgba(128, 90, 213, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:border-purple-700,
  reach-portal .sm\:border-purple-700 {
    --border-opacity: 1 !important;
    border-color: #6b46c1 !important;
    border-color: rgba(107, 70, 193, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:border-purple-800,
  reach-portal .sm\:border-purple-800 {
    --border-opacity: 1 !important;
    border-color: #553c9a !important;
    border-color: rgba(85, 60, 154, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:border-purple-900,
  reach-portal .sm\:border-purple-900 {
    --border-opacity: 1 !important;
    border-color: #44337a !important;
    border-color: rgba(68, 51, 122, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:border-pink-100,
  reach-portal .sm\:border-pink-100 {
    --border-opacity: 1 !important;
    border-color: #fff5f7 !important;
    border-color: rgba(255, 245, 247, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:border-pink-200,
  reach-portal .sm\:border-pink-200 {
    --border-opacity: 1 !important;
    border-color: #fed7e2 !important;
    border-color: rgba(254, 215, 226, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:border-pink-300,
  reach-portal .sm\:border-pink-300 {
    --border-opacity: 1 !important;
    border-color: #fbb6ce !important;
    border-color: rgba(251, 182, 206, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:border-pink-400,
  reach-portal .sm\:border-pink-400 {
    --border-opacity: 1 !important;
    border-color: #f687b3 !important;
    border-color: rgba(246, 135, 179, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:border-pink-500,
  reach-portal .sm\:border-pink-500 {
    --border-opacity: 1 !important;
    border-color: #ed64a6 !important;
    border-color: rgba(237, 100, 166, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:border-pink-600,
  reach-portal .sm\:border-pink-600 {
    --border-opacity: 1 !important;
    border-color: #d53f8c !important;
    border-color: rgba(213, 63, 140, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:border-pink-700,
  reach-portal .sm\:border-pink-700 {
    --border-opacity: 1 !important;
    border-color: #b83280 !important;
    border-color: rgba(184, 50, 128, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:border-pink-800,
  reach-portal .sm\:border-pink-800 {
    --border-opacity: 1 !important;
    border-color: #97266d !important;
    border-color: rgba(151, 38, 109, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:border-pink-900,
  reach-portal .sm\:border-pink-900 {
    --border-opacity: 1 !important;
    border-color: #702459 !important;
    border-color: rgba(112, 36, 89, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:border-transparent:hover,
  reach-portal .sm\:hover\:border-transparent:hover {
    border-color: #0000 !important
  }

  #navbarWrapper .sm\:hover\:border-current:hover,
  reach-portal .sm\:hover\:border-current:hover {
    border-color: currentColor !important
  }

  #navbarWrapper .sm\:hover\:border-black:hover,
  reach-portal .sm\:hover\:border-black:hover {
    --border-opacity: 1 !important;
    border-color: #000 !important;
    border-color: rgba(0, 0, 0, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:border-white:hover,
  reach-portal .sm\:hover\:border-white:hover {
    --border-opacity: 1 !important;
    border-color: #fff !important;
    border-color: rgba(255, 255, 255, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:border-gray-100:hover,
  reach-portal .sm\:hover\:border-gray-100:hover {
    --border-opacity: 1 !important;
    border-color: #f7fafc !important;
    border-color: rgba(247, 250, 252, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:border-gray-200:hover,
  reach-portal .sm\:hover\:border-gray-200:hover {
    --border-opacity: 1 !important;
    border-color: #edf2f7 !important;
    border-color: rgba(237, 242, 247, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:border-gray-300:hover,
  reach-portal .sm\:hover\:border-gray-300:hover {
    --border-opacity: 1 !important;
    border-color: #e2e8f0 !important;
    border-color: rgba(226, 232, 240, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:border-gray-400:hover,
  reach-portal .sm\:hover\:border-gray-400:hover {
    --border-opacity: 1 !important;
    border-color: #cbd5e0 !important;
    border-color: rgba(203, 213, 224, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:border-gray-500:hover,
  reach-portal .sm\:hover\:border-gray-500:hover {
    --border-opacity: 1 !important;
    border-color: #a0aec0 !important;
    border-color: rgba(160, 174, 192, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:border-gray-600:hover,
  reach-portal .sm\:hover\:border-gray-600:hover {
    --border-opacity: 1 !important;
    border-color: #718096 !important;
    border-color: rgba(113, 128, 150, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:border-gray-700:hover,
  reach-portal .sm\:hover\:border-gray-700:hover {
    --border-opacity: 1 !important;
    border-color: #4a5568 !important;
    border-color: rgba(74, 85, 104, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:border-gray-800:hover,
  reach-portal .sm\:hover\:border-gray-800:hover {
    --border-opacity: 1 !important;
    border-color: #2d3748 !important;
    border-color: rgba(45, 55, 72, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:border-gray-900:hover,
  reach-portal .sm\:hover\:border-gray-900:hover {
    --border-opacity: 1 !important;
    border-color: #1a202c !important;
    border-color: rgba(26, 32, 44, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:border-red-100:hover,
  reach-portal .sm\:hover\:border-red-100:hover {
    --border-opacity: 1 !important;
    border-color: #fff5f5 !important;
    border-color: rgba(255, 245, 245, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:border-red-200:hover,
  reach-portal .sm\:hover\:border-red-200:hover {
    --border-opacity: 1 !important;
    border-color: #fed7d7 !important;
    border-color: rgba(254, 215, 215, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:border-red-300:hover,
  reach-portal .sm\:hover\:border-red-300:hover {
    --border-opacity: 1 !important;
    border-color: #feb2b2 !important;
    border-color: rgba(254, 178, 178, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:border-red-400:hover,
  reach-portal .sm\:hover\:border-red-400:hover {
    --border-opacity: 1 !important;
    border-color: #fc8181 !important;
    border-color: rgba(252, 129, 129, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:border-red-500:hover,
  reach-portal .sm\:hover\:border-red-500:hover {
    --border-opacity: 1 !important;
    border-color: #f56565 !important;
    border-color: rgba(245, 101, 101, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:border-red-600:hover,
  reach-portal .sm\:hover\:border-red-600:hover {
    --border-opacity: 1 !important;
    border-color: #e53e3e !important;
    border-color: rgba(229, 62, 62, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:border-red-700:hover,
  reach-portal .sm\:hover\:border-red-700:hover {
    --border-opacity: 1 !important;
    border-color: #c53030 !important;
    border-color: rgba(197, 48, 48, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:border-red-800:hover,
  reach-portal .sm\:hover\:border-red-800:hover {
    --border-opacity: 1 !important;
    border-color: #9b2c2c !important;
    border-color: rgba(155, 44, 44, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:border-red-900:hover,
  reach-portal .sm\:hover\:border-red-900:hover {
    --border-opacity: 1 !important;
    border-color: #742a2a !important;
    border-color: rgba(116, 42, 42, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:border-orange-100:hover,
  reach-portal .sm\:hover\:border-orange-100:hover {
    --border-opacity: 1 !important;
    border-color: #fffaf0 !important;
    border-color: rgba(255, 250, 240, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:border-orange-200:hover,
  reach-portal .sm\:hover\:border-orange-200:hover {
    --border-opacity: 1 !important;
    border-color: #feebc8 !important;
    border-color: rgba(254, 235, 200, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:border-orange-300:hover,
  reach-portal .sm\:hover\:border-orange-300:hover {
    --border-opacity: 1 !important;
    border-color: #fbd38d !important;
    border-color: rgba(251, 211, 141, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:border-orange-400:hover,
  reach-portal .sm\:hover\:border-orange-400:hover {
    --border-opacity: 1 !important;
    border-color: #f6ad55 !important;
    border-color: rgba(246, 173, 85, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:border-orange-500:hover,
  reach-portal .sm\:hover\:border-orange-500:hover {
    --border-opacity: 1 !important;
    border-color: #ed8936 !important;
    border-color: rgba(237, 137, 54, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:border-orange-600:hover,
  reach-portal .sm\:hover\:border-orange-600:hover {
    --border-opacity: 1 !important;
    border-color: #dd6b20 !important;
    border-color: rgba(221, 107, 32, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:border-orange-700:hover,
  reach-portal .sm\:hover\:border-orange-700:hover {
    --border-opacity: 1 !important;
    border-color: #c05621 !important;
    border-color: rgba(192, 86, 33, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:border-orange-800:hover,
  reach-portal .sm\:hover\:border-orange-800:hover {
    --border-opacity: 1 !important;
    border-color: #9c4221 !important;
    border-color: rgba(156, 66, 33, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:border-orange-900:hover,
  reach-portal .sm\:hover\:border-orange-900:hover {
    --border-opacity: 1 !important;
    border-color: #7b341e !important;
    border-color: rgba(123, 52, 30, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:border-yellow-100:hover,
  reach-portal .sm\:hover\:border-yellow-100:hover {
    --border-opacity: 1 !important;
    border-color: ivory !important;
    border-color: rgba(255, 255, 240, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:border-yellow-200:hover,
  reach-portal .sm\:hover\:border-yellow-200:hover {
    --border-opacity: 1 !important;
    border-color: #fefcbf !important;
    border-color: rgba(254, 252, 191, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:border-yellow-300:hover,
  reach-portal .sm\:hover\:border-yellow-300:hover {
    --border-opacity: 1 !important;
    border-color: #faf089 !important;
    border-color: rgba(250, 240, 137, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:border-yellow-400:hover,
  reach-portal .sm\:hover\:border-yellow-400:hover {
    --border-opacity: 1 !important;
    border-color: #f6e05e !important;
    border-color: rgba(246, 224, 94, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:border-yellow-500:hover,
  reach-portal .sm\:hover\:border-yellow-500:hover {
    --border-opacity: 1 !important;
    border-color: #ecc94b !important;
    border-color: rgba(236, 201, 75, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:border-yellow-600:hover,
  reach-portal .sm\:hover\:border-yellow-600:hover {
    --border-opacity: 1 !important;
    border-color: #d69e2e !important;
    border-color: rgba(214, 158, 46, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:border-yellow-700:hover,
  reach-portal .sm\:hover\:border-yellow-700:hover {
    --border-opacity: 1 !important;
    border-color: #b7791f !important;
    border-color: rgba(183, 121, 31, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:border-yellow-800:hover,
  reach-portal .sm\:hover\:border-yellow-800:hover {
    --border-opacity: 1 !important;
    border-color: #975a16 !important;
    border-color: rgba(151, 90, 22, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:border-yellow-900:hover,
  reach-portal .sm\:hover\:border-yellow-900:hover {
    --border-opacity: 1 !important;
    border-color: #744210 !important;
    border-color: rgba(116, 66, 16, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:border-green-100:hover,
  reach-portal .sm\:hover\:border-green-100:hover {
    --border-opacity: 1 !important;
    border-color: #f0fff4 !important;
    border-color: rgba(240, 255, 244, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:border-green-200:hover,
  reach-portal .sm\:hover\:border-green-200:hover {
    --border-opacity: 1 !important;
    border-color: #c6f6d5 !important;
    border-color: rgba(198, 246, 213, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:border-green-300:hover,
  reach-portal .sm\:hover\:border-green-300:hover {
    --border-opacity: 1 !important;
    border-color: #9ae6b4 !important;
    border-color: rgba(154, 230, 180, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:border-green-400:hover,
  reach-portal .sm\:hover\:border-green-400:hover {
    --border-opacity: 1 !important;
    border-color: #68d391 !important;
    border-color: rgba(104, 211, 145, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:border-green-500:hover,
  reach-portal .sm\:hover\:border-green-500:hover {
    --border-opacity: 1 !important;
    border-color: #48bb78 !important;
    border-color: rgba(72, 187, 120, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:border-green-600:hover,
  reach-portal .sm\:hover\:border-green-600:hover {
    --border-opacity: 1 !important;
    border-color: #38a169 !important;
    border-color: rgba(56, 161, 105, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:border-green-700:hover,
  reach-portal .sm\:hover\:border-green-700:hover {
    --border-opacity: 1 !important;
    border-color: #2f855a !important;
    border-color: rgba(47, 133, 90, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:border-green-800:hover,
  reach-portal .sm\:hover\:border-green-800:hover {
    --border-opacity: 1 !important;
    border-color: #276749 !important;
    border-color: rgba(39, 103, 73, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:border-green-900:hover,
  reach-portal .sm\:hover\:border-green-900:hover {
    --border-opacity: 1 !important;
    border-color: #22543d !important;
    border-color: rgba(34, 84, 61, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:border-teal-100:hover,
  reach-portal .sm\:hover\:border-teal-100:hover {
    --border-opacity: 1 !important;
    border-color: #e6fffa !important;
    border-color: rgba(230, 255, 250, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:border-teal-200:hover,
  reach-portal .sm\:hover\:border-teal-200:hover {
    --border-opacity: 1 !important;
    border-color: #b2f5ea !important;
    border-color: rgba(178, 245, 234, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:border-teal-300:hover,
  reach-portal .sm\:hover\:border-teal-300:hover {
    --border-opacity: 1 !important;
    border-color: #81e6d9 !important;
    border-color: rgba(129, 230, 217, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:border-teal-400:hover,
  reach-portal .sm\:hover\:border-teal-400:hover {
    --border-opacity: 1 !important;
    border-color: #4fd1c5 !important;
    border-color: rgba(79, 209, 197, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:border-teal-500:hover,
  reach-portal .sm\:hover\:border-teal-500:hover {
    --border-opacity: 1 !important;
    border-color: #38b2ac !important;
    border-color: rgba(56, 178, 172, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:border-teal-600:hover,
  reach-portal .sm\:hover\:border-teal-600:hover {
    --border-opacity: 1 !important;
    border-color: #319795 !important;
    border-color: rgba(49, 151, 149, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:border-teal-700:hover,
  reach-portal .sm\:hover\:border-teal-700:hover {
    --border-opacity: 1 !important;
    border-color: #2c7a7b !important;
    border-color: rgba(44, 122, 123, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:border-teal-800:hover,
  reach-portal .sm\:hover\:border-teal-800:hover {
    --border-opacity: 1 !important;
    border-color: #285e61 !important;
    border-color: rgba(40, 94, 97, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:border-teal-900:hover,
  reach-portal .sm\:hover\:border-teal-900:hover {
    --border-opacity: 1 !important;
    border-color: #234e52 !important;
    border-color: rgba(35, 78, 82, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:border-blue-100:hover,
  reach-portal .sm\:hover\:border-blue-100:hover {
    --border-opacity: 1 !important;
    border-color: #ebf8ff !important;
    border-color: rgba(235, 248, 255, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:border-blue-200:hover,
  reach-portal .sm\:hover\:border-blue-200:hover {
    --border-opacity: 1 !important;
    border-color: #bee3f8 !important;
    border-color: rgba(190, 227, 248, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:border-blue-300:hover,
  reach-portal .sm\:hover\:border-blue-300:hover {
    --border-opacity: 1 !important;
    border-color: #90cdf4 !important;
    border-color: rgba(144, 205, 244, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:border-blue-400:hover,
  reach-portal .sm\:hover\:border-blue-400:hover {
    --border-opacity: 1 !important;
    border-color: #63b3ed !important;
    border-color: rgba(99, 179, 237, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:border-blue-500:hover,
  reach-portal .sm\:hover\:border-blue-500:hover {
    --border-opacity: 1 !important;
    border-color: #4299e1 !important;
    border-color: rgba(66, 153, 225, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:border-blue-600:hover,
  reach-portal .sm\:hover\:border-blue-600:hover {
    --border-opacity: 1 !important;
    border-color: #3182ce !important;
    border-color: rgba(49, 130, 206, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:border-blue-700:hover,
  reach-portal .sm\:hover\:border-blue-700:hover {
    --border-opacity: 1 !important;
    border-color: #2b6cb0 !important;
    border-color: rgba(43, 108, 176, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:border-blue-800:hover,
  reach-portal .sm\:hover\:border-blue-800:hover {
    --border-opacity: 1 !important;
    border-color: #2c5282 !important;
    border-color: rgba(44, 82, 130, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:border-blue-900:hover,
  reach-portal .sm\:hover\:border-blue-900:hover {
    --border-opacity: 1 !important;
    border-color: #2a4365 !important;
    border-color: rgba(42, 67, 101, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:border-indigo-100:hover,
  reach-portal .sm\:hover\:border-indigo-100:hover {
    --border-opacity: 1 !important;
    border-color: #ebf4ff !important;
    border-color: rgba(235, 244, 255, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:border-indigo-200:hover,
  reach-portal .sm\:hover\:border-indigo-200:hover {
    --border-opacity: 1 !important;
    border-color: #c3dafe !important;
    border-color: rgba(195, 218, 254, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:border-indigo-300:hover,
  reach-portal .sm\:hover\:border-indigo-300:hover {
    --border-opacity: 1 !important;
    border-color: #a3bffa !important;
    border-color: rgba(163, 191, 250, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:border-indigo-400:hover,
  reach-portal .sm\:hover\:border-indigo-400:hover {
    --border-opacity: 1 !important;
    border-color: #7f9cf5 !important;
    border-color: rgba(127, 156, 245, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:border-indigo-500:hover,
  reach-portal .sm\:hover\:border-indigo-500:hover {
    --border-opacity: 1 !important;
    border-color: #667eea !important;
    border-color: rgba(102, 126, 234, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:border-indigo-600:hover,
  reach-portal .sm\:hover\:border-indigo-600:hover {
    --border-opacity: 1 !important;
    border-color: #5a67d8 !important;
    border-color: rgba(90, 103, 216, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:border-indigo-700:hover,
  reach-portal .sm\:hover\:border-indigo-700:hover {
    --border-opacity: 1 !important;
    border-color: #4c51bf !important;
    border-color: rgba(76, 81, 191, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:border-indigo-800:hover,
  reach-portal .sm\:hover\:border-indigo-800:hover {
    --border-opacity: 1 !important;
    border-color: #434190 !important;
    border-color: rgba(67, 65, 144, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:border-indigo-900:hover,
  reach-portal .sm\:hover\:border-indigo-900:hover {
    --border-opacity: 1 !important;
    border-color: #3c366b !important;
    border-color: rgba(60, 54, 107, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:border-purple-100:hover,
  reach-portal .sm\:hover\:border-purple-100:hover {
    --border-opacity: 1 !important;
    border-color: #faf5ff !important;
    border-color: rgba(250, 245, 255, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:border-purple-200:hover,
  reach-portal .sm\:hover\:border-purple-200:hover {
    --border-opacity: 1 !important;
    border-color: #e9d8fd !important;
    border-color: rgba(233, 216, 253, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:border-purple-300:hover,
  reach-portal .sm\:hover\:border-purple-300:hover {
    --border-opacity: 1 !important;
    border-color: #d6bcfa !important;
    border-color: rgba(214, 188, 250, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:border-purple-400:hover,
  reach-portal .sm\:hover\:border-purple-400:hover {
    --border-opacity: 1 !important;
    border-color: #b794f4 !important;
    border-color: rgba(183, 148, 244, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:border-purple-500:hover,
  reach-portal .sm\:hover\:border-purple-500:hover {
    --border-opacity: 1 !important;
    border-color: #9f7aea !important;
    border-color: rgba(159, 122, 234, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:border-purple-600:hover,
  reach-portal .sm\:hover\:border-purple-600:hover {
    --border-opacity: 1 !important;
    border-color: #805ad5 !important;
    border-color: rgba(128, 90, 213, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:border-purple-700:hover,
  reach-portal .sm\:hover\:border-purple-700:hover {
    --border-opacity: 1 !important;
    border-color: #6b46c1 !important;
    border-color: rgba(107, 70, 193, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:border-purple-800:hover,
  reach-portal .sm\:hover\:border-purple-800:hover {
    --border-opacity: 1 !important;
    border-color: #553c9a !important;
    border-color: rgba(85, 60, 154, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:border-purple-900:hover,
  reach-portal .sm\:hover\:border-purple-900:hover {
    --border-opacity: 1 !important;
    border-color: #44337a !important;
    border-color: rgba(68, 51, 122, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:border-pink-100:hover,
  reach-portal .sm\:hover\:border-pink-100:hover {
    --border-opacity: 1 !important;
    border-color: #fff5f7 !important;
    border-color: rgba(255, 245, 247, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:border-pink-200:hover,
  reach-portal .sm\:hover\:border-pink-200:hover {
    --border-opacity: 1 !important;
    border-color: #fed7e2 !important;
    border-color: rgba(254, 215, 226, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:border-pink-300:hover,
  reach-portal .sm\:hover\:border-pink-300:hover {
    --border-opacity: 1 !important;
    border-color: #fbb6ce !important;
    border-color: rgba(251, 182, 206, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:border-pink-400:hover,
  reach-portal .sm\:hover\:border-pink-400:hover {
    --border-opacity: 1 !important;
    border-color: #f687b3 !important;
    border-color: rgba(246, 135, 179, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:border-pink-500:hover,
  reach-portal .sm\:hover\:border-pink-500:hover {
    --border-opacity: 1 !important;
    border-color: #ed64a6 !important;
    border-color: rgba(237, 100, 166, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:border-pink-600:hover,
  reach-portal .sm\:hover\:border-pink-600:hover {
    --border-opacity: 1 !important;
    border-color: #d53f8c !important;
    border-color: rgba(213, 63, 140, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:border-pink-700:hover,
  reach-portal .sm\:hover\:border-pink-700:hover {
    --border-opacity: 1 !important;
    border-color: #b83280 !important;
    border-color: rgba(184, 50, 128, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:border-pink-800:hover,
  reach-portal .sm\:hover\:border-pink-800:hover {
    --border-opacity: 1 !important;
    border-color: #97266d !important;
    border-color: rgba(151, 38, 109, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:border-pink-900:hover,
  reach-portal .sm\:hover\:border-pink-900:hover {
    --border-opacity: 1 !important;
    border-color: #702459 !important;
    border-color: rgba(112, 36, 89, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:border-transparent:focus,
  reach-portal .sm\:focus\:border-transparent:focus {
    border-color: #0000 !important
  }

  #navbarWrapper .sm\:focus\:border-current:focus,
  reach-portal .sm\:focus\:border-current:focus {
    border-color: currentColor !important
  }

  #navbarWrapper .sm\:focus\:border-black:focus,
  reach-portal .sm\:focus\:border-black:focus {
    --border-opacity: 1 !important;
    border-color: #000 !important;
    border-color: rgba(0, 0, 0, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:border-white:focus,
  reach-portal .sm\:focus\:border-white:focus {
    --border-opacity: 1 !important;
    border-color: #fff !important;
    border-color: rgba(255, 255, 255, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:border-gray-100:focus,
  reach-portal .sm\:focus\:border-gray-100:focus {
    --border-opacity: 1 !important;
    border-color: #f7fafc !important;
    border-color: rgba(247, 250, 252, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:border-gray-200:focus,
  reach-portal .sm\:focus\:border-gray-200:focus {
    --border-opacity: 1 !important;
    border-color: #edf2f7 !important;
    border-color: rgba(237, 242, 247, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:border-gray-300:focus,
  reach-portal .sm\:focus\:border-gray-300:focus {
    --border-opacity: 1 !important;
    border-color: #e2e8f0 !important;
    border-color: rgba(226, 232, 240, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:border-gray-400:focus,
  reach-portal .sm\:focus\:border-gray-400:focus {
    --border-opacity: 1 !important;
    border-color: #cbd5e0 !important;
    border-color: rgba(203, 213, 224, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:border-gray-500:focus,
  reach-portal .sm\:focus\:border-gray-500:focus {
    --border-opacity: 1 !important;
    border-color: #a0aec0 !important;
    border-color: rgba(160, 174, 192, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:border-gray-600:focus,
  reach-portal .sm\:focus\:border-gray-600:focus {
    --border-opacity: 1 !important;
    border-color: #718096 !important;
    border-color: rgba(113, 128, 150, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:border-gray-700:focus,
  reach-portal .sm\:focus\:border-gray-700:focus {
    --border-opacity: 1 !important;
    border-color: #4a5568 !important;
    border-color: rgba(74, 85, 104, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:border-gray-800:focus,
  reach-portal .sm\:focus\:border-gray-800:focus {
    --border-opacity: 1 !important;
    border-color: #2d3748 !important;
    border-color: rgba(45, 55, 72, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:border-gray-900:focus,
  reach-portal .sm\:focus\:border-gray-900:focus {
    --border-opacity: 1 !important;
    border-color: #1a202c !important;
    border-color: rgba(26, 32, 44, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:border-red-100:focus,
  reach-portal .sm\:focus\:border-red-100:focus {
    --border-opacity: 1 !important;
    border-color: #fff5f5 !important;
    border-color: rgba(255, 245, 245, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:border-red-200:focus,
  reach-portal .sm\:focus\:border-red-200:focus {
    --border-opacity: 1 !important;
    border-color: #fed7d7 !important;
    border-color: rgba(254, 215, 215, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:border-red-300:focus,
  reach-portal .sm\:focus\:border-red-300:focus {
    --border-opacity: 1 !important;
    border-color: #feb2b2 !important;
    border-color: rgba(254, 178, 178, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:border-red-400:focus,
  reach-portal .sm\:focus\:border-red-400:focus {
    --border-opacity: 1 !important;
    border-color: #fc8181 !important;
    border-color: rgba(252, 129, 129, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:border-red-500:focus,
  reach-portal .sm\:focus\:border-red-500:focus {
    --border-opacity: 1 !important;
    border-color: #f56565 !important;
    border-color: rgba(245, 101, 101, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:border-red-600:focus,
  reach-portal .sm\:focus\:border-red-600:focus {
    --border-opacity: 1 !important;
    border-color: #e53e3e !important;
    border-color: rgba(229, 62, 62, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:border-red-700:focus,
  reach-portal .sm\:focus\:border-red-700:focus {
    --border-opacity: 1 !important;
    border-color: #c53030 !important;
    border-color: rgba(197, 48, 48, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:border-red-800:focus,
  reach-portal .sm\:focus\:border-red-800:focus {
    --border-opacity: 1 !important;
    border-color: #9b2c2c !important;
    border-color: rgba(155, 44, 44, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:border-red-900:focus,
  reach-portal .sm\:focus\:border-red-900:focus {
    --border-opacity: 1 !important;
    border-color: #742a2a !important;
    border-color: rgba(116, 42, 42, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:border-orange-100:focus,
  reach-portal .sm\:focus\:border-orange-100:focus {
    --border-opacity: 1 !important;
    border-color: #fffaf0 !important;
    border-color: rgba(255, 250, 240, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:border-orange-200:focus,
  reach-portal .sm\:focus\:border-orange-200:focus {
    --border-opacity: 1 !important;
    border-color: #feebc8 !important;
    border-color: rgba(254, 235, 200, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:border-orange-300:focus,
  reach-portal .sm\:focus\:border-orange-300:focus {
    --border-opacity: 1 !important;
    border-color: #fbd38d !important;
    border-color: rgba(251, 211, 141, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:border-orange-400:focus,
  reach-portal .sm\:focus\:border-orange-400:focus {
    --border-opacity: 1 !important;
    border-color: #f6ad55 !important;
    border-color: rgba(246, 173, 85, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:border-orange-500:focus,
  reach-portal .sm\:focus\:border-orange-500:focus {
    --border-opacity: 1 !important;
    border-color: #ed8936 !important;
    border-color: rgba(237, 137, 54, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:border-orange-600:focus,
  reach-portal .sm\:focus\:border-orange-600:focus {
    --border-opacity: 1 !important;
    border-color: #dd6b20 !important;
    border-color: rgba(221, 107, 32, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:border-orange-700:focus,
  reach-portal .sm\:focus\:border-orange-700:focus {
    --border-opacity: 1 !important;
    border-color: #c05621 !important;
    border-color: rgba(192, 86, 33, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:border-orange-800:focus,
  reach-portal .sm\:focus\:border-orange-800:focus {
    --border-opacity: 1 !important;
    border-color: #9c4221 !important;
    border-color: rgba(156, 66, 33, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:border-orange-900:focus,
  reach-portal .sm\:focus\:border-orange-900:focus {
    --border-opacity: 1 !important;
    border-color: #7b341e !important;
    border-color: rgba(123, 52, 30, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:border-yellow-100:focus,
  reach-portal .sm\:focus\:border-yellow-100:focus {
    --border-opacity: 1 !important;
    border-color: ivory !important;
    border-color: rgba(255, 255, 240, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:border-yellow-200:focus,
  reach-portal .sm\:focus\:border-yellow-200:focus {
    --border-opacity: 1 !important;
    border-color: #fefcbf !important;
    border-color: rgba(254, 252, 191, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:border-yellow-300:focus,
  reach-portal .sm\:focus\:border-yellow-300:focus {
    --border-opacity: 1 !important;
    border-color: #faf089 !important;
    border-color: rgba(250, 240, 137, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:border-yellow-400:focus,
  reach-portal .sm\:focus\:border-yellow-400:focus {
    --border-opacity: 1 !important;
    border-color: #f6e05e !important;
    border-color: rgba(246, 224, 94, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:border-yellow-500:focus,
  reach-portal .sm\:focus\:border-yellow-500:focus {
    --border-opacity: 1 !important;
    border-color: #ecc94b !important;
    border-color: rgba(236, 201, 75, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:border-yellow-600:focus,
  reach-portal .sm\:focus\:border-yellow-600:focus {
    --border-opacity: 1 !important;
    border-color: #d69e2e !important;
    border-color: rgba(214, 158, 46, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:border-yellow-700:focus,
  reach-portal .sm\:focus\:border-yellow-700:focus {
    --border-opacity: 1 !important;
    border-color: #b7791f !important;
    border-color: rgba(183, 121, 31, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:border-yellow-800:focus,
  reach-portal .sm\:focus\:border-yellow-800:focus {
    --border-opacity: 1 !important;
    border-color: #975a16 !important;
    border-color: rgba(151, 90, 22, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:border-yellow-900:focus,
  reach-portal .sm\:focus\:border-yellow-900:focus {
    --border-opacity: 1 !important;
    border-color: #744210 !important;
    border-color: rgba(116, 66, 16, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:border-green-100:focus,
  reach-portal .sm\:focus\:border-green-100:focus {
    --border-opacity: 1 !important;
    border-color: #f0fff4 !important;
    border-color: rgba(240, 255, 244, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:border-green-200:focus,
  reach-portal .sm\:focus\:border-green-200:focus {
    --border-opacity: 1 !important;
    border-color: #c6f6d5 !important;
    border-color: rgba(198, 246, 213, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:border-green-300:focus,
  reach-portal .sm\:focus\:border-green-300:focus {
    --border-opacity: 1 !important;
    border-color: #9ae6b4 !important;
    border-color: rgba(154, 230, 180, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:border-green-400:focus,
  reach-portal .sm\:focus\:border-green-400:focus {
    --border-opacity: 1 !important;
    border-color: #68d391 !important;
    border-color: rgba(104, 211, 145, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:border-green-500:focus,
  reach-portal .sm\:focus\:border-green-500:focus {
    --border-opacity: 1 !important;
    border-color: #48bb78 !important;
    border-color: rgba(72, 187, 120, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:border-green-600:focus,
  reach-portal .sm\:focus\:border-green-600:focus {
    --border-opacity: 1 !important;
    border-color: #38a169 !important;
    border-color: rgba(56, 161, 105, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:border-green-700:focus,
  reach-portal .sm\:focus\:border-green-700:focus {
    --border-opacity: 1 !important;
    border-color: #2f855a !important;
    border-color: rgba(47, 133, 90, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:border-green-800:focus,
  reach-portal .sm\:focus\:border-green-800:focus {
    --border-opacity: 1 !important;
    border-color: #276749 !important;
    border-color: rgba(39, 103, 73, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:border-green-900:focus,
  reach-portal .sm\:focus\:border-green-900:focus {
    --border-opacity: 1 !important;
    border-color: #22543d !important;
    border-color: rgba(34, 84, 61, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:border-teal-100:focus,
  reach-portal .sm\:focus\:border-teal-100:focus {
    --border-opacity: 1 !important;
    border-color: #e6fffa !important;
    border-color: rgba(230, 255, 250, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:border-teal-200:focus,
  reach-portal .sm\:focus\:border-teal-200:focus {
    --border-opacity: 1 !important;
    border-color: #b2f5ea !important;
    border-color: rgba(178, 245, 234, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:border-teal-300:focus,
  reach-portal .sm\:focus\:border-teal-300:focus {
    --border-opacity: 1 !important;
    border-color: #81e6d9 !important;
    border-color: rgba(129, 230, 217, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:border-teal-400:focus,
  reach-portal .sm\:focus\:border-teal-400:focus {
    --border-opacity: 1 !important;
    border-color: #4fd1c5 !important;
    border-color: rgba(79, 209, 197, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:border-teal-500:focus,
  reach-portal .sm\:focus\:border-teal-500:focus {
    --border-opacity: 1 !important;
    border-color: #38b2ac !important;
    border-color: rgba(56, 178, 172, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:border-teal-600:focus,
  reach-portal .sm\:focus\:border-teal-600:focus {
    --border-opacity: 1 !important;
    border-color: #319795 !important;
    border-color: rgba(49, 151, 149, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:border-teal-700:focus,
  reach-portal .sm\:focus\:border-teal-700:focus {
    --border-opacity: 1 !important;
    border-color: #2c7a7b !important;
    border-color: rgba(44, 122, 123, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:border-teal-800:focus,
  reach-portal .sm\:focus\:border-teal-800:focus {
    --border-opacity: 1 !important;
    border-color: #285e61 !important;
    border-color: rgba(40, 94, 97, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:border-teal-900:focus,
  reach-portal .sm\:focus\:border-teal-900:focus {
    --border-opacity: 1 !important;
    border-color: #234e52 !important;
    border-color: rgba(35, 78, 82, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:border-blue-100:focus,
  reach-portal .sm\:focus\:border-blue-100:focus {
    --border-opacity: 1 !important;
    border-color: #ebf8ff !important;
    border-color: rgba(235, 248, 255, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:border-blue-200:focus,
  reach-portal .sm\:focus\:border-blue-200:focus {
    --border-opacity: 1 !important;
    border-color: #bee3f8 !important;
    border-color: rgba(190, 227, 248, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:border-blue-300:focus,
  reach-portal .sm\:focus\:border-blue-300:focus {
    --border-opacity: 1 !important;
    border-color: #90cdf4 !important;
    border-color: rgba(144, 205, 244, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:border-blue-400:focus,
  reach-portal .sm\:focus\:border-blue-400:focus {
    --border-opacity: 1 !important;
    border-color: #63b3ed !important;
    border-color: rgba(99, 179, 237, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:border-blue-500:focus,
  reach-portal .sm\:focus\:border-blue-500:focus {
    --border-opacity: 1 !important;
    border-color: #4299e1 !important;
    border-color: rgba(66, 153, 225, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:border-blue-600:focus,
  reach-portal .sm\:focus\:border-blue-600:focus {
    --border-opacity: 1 !important;
    border-color: #3182ce !important;
    border-color: rgba(49, 130, 206, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:border-blue-700:focus,
  reach-portal .sm\:focus\:border-blue-700:focus {
    --border-opacity: 1 !important;
    border-color: #2b6cb0 !important;
    border-color: rgba(43, 108, 176, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:border-blue-800:focus,
  reach-portal .sm\:focus\:border-blue-800:focus {
    --border-opacity: 1 !important;
    border-color: #2c5282 !important;
    border-color: rgba(44, 82, 130, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:border-blue-900:focus,
  reach-portal .sm\:focus\:border-blue-900:focus {
    --border-opacity: 1 !important;
    border-color: #2a4365 !important;
    border-color: rgba(42, 67, 101, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:border-indigo-100:focus,
  reach-portal .sm\:focus\:border-indigo-100:focus {
    --border-opacity: 1 !important;
    border-color: #ebf4ff !important;
    border-color: rgba(235, 244, 255, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:border-indigo-200:focus,
  reach-portal .sm\:focus\:border-indigo-200:focus {
    --border-opacity: 1 !important;
    border-color: #c3dafe !important;
    border-color: rgba(195, 218, 254, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:border-indigo-300:focus,
  reach-portal .sm\:focus\:border-indigo-300:focus {
    --border-opacity: 1 !important;
    border-color: #a3bffa !important;
    border-color: rgba(163, 191, 250, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:border-indigo-400:focus,
  reach-portal .sm\:focus\:border-indigo-400:focus {
    --border-opacity: 1 !important;
    border-color: #7f9cf5 !important;
    border-color: rgba(127, 156, 245, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:border-indigo-500:focus,
  reach-portal .sm\:focus\:border-indigo-500:focus {
    --border-opacity: 1 !important;
    border-color: #667eea !important;
    border-color: rgba(102, 126, 234, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:border-indigo-600:focus,
  reach-portal .sm\:focus\:border-indigo-600:focus {
    --border-opacity: 1 !important;
    border-color: #5a67d8 !important;
    border-color: rgba(90, 103, 216, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:border-indigo-700:focus,
  reach-portal .sm\:focus\:border-indigo-700:focus {
    --border-opacity: 1 !important;
    border-color: #4c51bf !important;
    border-color: rgba(76, 81, 191, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:border-indigo-800:focus,
  reach-portal .sm\:focus\:border-indigo-800:focus {
    --border-opacity: 1 !important;
    border-color: #434190 !important;
    border-color: rgba(67, 65, 144, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:border-indigo-900:focus,
  reach-portal .sm\:focus\:border-indigo-900:focus {
    --border-opacity: 1 !important;
    border-color: #3c366b !important;
    border-color: rgba(60, 54, 107, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:border-purple-100:focus,
  reach-portal .sm\:focus\:border-purple-100:focus {
    --border-opacity: 1 !important;
    border-color: #faf5ff !important;
    border-color: rgba(250, 245, 255, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:border-purple-200:focus,
  reach-portal .sm\:focus\:border-purple-200:focus {
    --border-opacity: 1 !important;
    border-color: #e9d8fd !important;
    border-color: rgba(233, 216, 253, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:border-purple-300:focus,
  reach-portal .sm\:focus\:border-purple-300:focus {
    --border-opacity: 1 !important;
    border-color: #d6bcfa !important;
    border-color: rgba(214, 188, 250, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:border-purple-400:focus,
  reach-portal .sm\:focus\:border-purple-400:focus {
    --border-opacity: 1 !important;
    border-color: #b794f4 !important;
    border-color: rgba(183, 148, 244, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:border-purple-500:focus,
  reach-portal .sm\:focus\:border-purple-500:focus {
    --border-opacity: 1 !important;
    border-color: #9f7aea !important;
    border-color: rgba(159, 122, 234, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:border-purple-600:focus,
  reach-portal .sm\:focus\:border-purple-600:focus {
    --border-opacity: 1 !important;
    border-color: #805ad5 !important;
    border-color: rgba(128, 90, 213, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:border-purple-700:focus,
  reach-portal .sm\:focus\:border-purple-700:focus {
    --border-opacity: 1 !important;
    border-color: #6b46c1 !important;
    border-color: rgba(107, 70, 193, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:border-purple-800:focus,
  reach-portal .sm\:focus\:border-purple-800:focus {
    --border-opacity: 1 !important;
    border-color: #553c9a !important;
    border-color: rgba(85, 60, 154, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:border-purple-900:focus,
  reach-portal .sm\:focus\:border-purple-900:focus {
    --border-opacity: 1 !important;
    border-color: #44337a !important;
    border-color: rgba(68, 51, 122, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:border-pink-100:focus,
  reach-portal .sm\:focus\:border-pink-100:focus {
    --border-opacity: 1 !important;
    border-color: #fff5f7 !important;
    border-color: rgba(255, 245, 247, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:border-pink-200:focus,
  reach-portal .sm\:focus\:border-pink-200:focus {
    --border-opacity: 1 !important;
    border-color: #fed7e2 !important;
    border-color: rgba(254, 215, 226, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:border-pink-300:focus,
  reach-portal .sm\:focus\:border-pink-300:focus {
    --border-opacity: 1 !important;
    border-color: #fbb6ce !important;
    border-color: rgba(251, 182, 206, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:border-pink-400:focus,
  reach-portal .sm\:focus\:border-pink-400:focus {
    --border-opacity: 1 !important;
    border-color: #f687b3 !important;
    border-color: rgba(246, 135, 179, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:border-pink-500:focus,
  reach-portal .sm\:focus\:border-pink-500:focus {
    --border-opacity: 1 !important;
    border-color: #ed64a6 !important;
    border-color: rgba(237, 100, 166, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:border-pink-600:focus,
  reach-portal .sm\:focus\:border-pink-600:focus {
    --border-opacity: 1 !important;
    border-color: #d53f8c !important;
    border-color: rgba(213, 63, 140, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:border-pink-700:focus,
  reach-portal .sm\:focus\:border-pink-700:focus {
    --border-opacity: 1 !important;
    border-color: #b83280 !important;
    border-color: rgba(184, 50, 128, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:border-pink-800:focus,
  reach-portal .sm\:focus\:border-pink-800:focus {
    --border-opacity: 1 !important;
    border-color: #97266d !important;
    border-color: rgba(151, 38, 109, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:border-pink-900:focus,
  reach-portal .sm\:focus\:border-pink-900:focus {
    --border-opacity: 1 !important;
    border-color: #702459 !important;
    border-color: rgba(112, 36, 89, var(--border-opacity)) !important
  }

  #navbarWrapper .sm\:border-opacity-0,
  reach-portal .sm\:border-opacity-0 {
    --border-opacity: 0 !important
  }

  #navbarWrapper .sm\:border-opacity-25,
  reach-portal .sm\:border-opacity-25 {
    --border-opacity: 0.25 !important
  }

  #navbarWrapper .sm\:border-opacity-50,
  reach-portal .sm\:border-opacity-50 {
    --border-opacity: 0.5 !important
  }

  #navbarWrapper .sm\:border-opacity-75,
  reach-portal .sm\:border-opacity-75 {
    --border-opacity: 0.75 !important
  }

  #navbarWrapper .sm\:border-opacity-100,
  reach-portal .sm\:border-opacity-100 {
    --border-opacity: 1 !important
  }

  #navbarWrapper .sm\:hover\:border-opacity-0:hover,
  reach-portal .sm\:hover\:border-opacity-0:hover {
    --border-opacity: 0 !important
  }

  #navbarWrapper .sm\:hover\:border-opacity-25:hover,
  reach-portal .sm\:hover\:border-opacity-25:hover {
    --border-opacity: 0.25 !important
  }

  #navbarWrapper .sm\:hover\:border-opacity-50:hover,
  reach-portal .sm\:hover\:border-opacity-50:hover {
    --border-opacity: 0.5 !important
  }

  #navbarWrapper .sm\:hover\:border-opacity-75:hover,
  reach-portal .sm\:hover\:border-opacity-75:hover {
    --border-opacity: 0.75 !important
  }

  #navbarWrapper .sm\:hover\:border-opacity-100:hover,
  reach-portal .sm\:hover\:border-opacity-100:hover {
    --border-opacity: 1 !important
  }

  #navbarWrapper .sm\:focus\:border-opacity-0:focus,
  reach-portal .sm\:focus\:border-opacity-0:focus {
    --border-opacity: 0 !important
  }

  #navbarWrapper .sm\:focus\:border-opacity-25:focus,
  reach-portal .sm\:focus\:border-opacity-25:focus {
    --border-opacity: 0.25 !important
  }

  #navbarWrapper .sm\:focus\:border-opacity-50:focus,
  reach-portal .sm\:focus\:border-opacity-50:focus {
    --border-opacity: 0.5 !important
  }

  #navbarWrapper .sm\:focus\:border-opacity-75:focus,
  reach-portal .sm\:focus\:border-opacity-75:focus {
    --border-opacity: 0.75 !important
  }

  #navbarWrapper .sm\:focus\:border-opacity-100:focus,
  reach-portal .sm\:focus\:border-opacity-100:focus {
    --border-opacity: 1 !important
  }

  #navbarWrapper .sm\:rounded-none,
  reach-portal .sm\:rounded-none {
    border-radius: 0 !important
  }

  #navbarWrapper .sm\:rounded-sm,
  reach-portal .sm\:rounded-sm {
    border-radius: .125rem !important
  }

  #navbarWrapper .sm\:rounded,
  #navbarWrapper .sm\:rounded-md,
  reach-portal .sm\:rounded,
  reach-portal .sm\:rounded-md {
    border-radius: .375rem !important
  }

  #navbarWrapper .sm\:rounded-lg,
  reach-portal .sm\:rounded-lg {
    border-radius: .5rem !important
  }

  #navbarWrapper .sm\:rounded-full,
  reach-portal .sm\:rounded-full {
    border-radius: 9999px !important
  }

  #navbarWrapper .sm\:rounded-t-none,
  reach-portal .sm\:rounded-t-none {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important
  }

  #navbarWrapper .sm\:rounded-r-none,
  reach-portal .sm\:rounded-r-none {
    border-bottom-right-radius: 0 !important;
    border-top-right-radius: 0 !important
  }

  #navbarWrapper .sm\:rounded-b-none,
  reach-portal .sm\:rounded-b-none {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important
  }

  #navbarWrapper .sm\:rounded-l-none,
  reach-portal .sm\:rounded-l-none {
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important
  }

  #navbarWrapper .sm\:rounded-t-sm,
  reach-portal .sm\:rounded-t-sm {
    border-top-left-radius: .125rem !important;
    border-top-right-radius: .125rem !important
  }

  #navbarWrapper .sm\:rounded-r-sm,
  reach-portal .sm\:rounded-r-sm {
    border-bottom-right-radius: .125rem !important;
    border-top-right-radius: .125rem !important
  }

  #navbarWrapper .sm\:rounded-b-sm,
  reach-portal .sm\:rounded-b-sm {
    border-bottom-left-radius: .125rem !important;
    border-bottom-right-radius: .125rem !important
  }

  #navbarWrapper .sm\:rounded-l-sm,
  reach-portal .sm\:rounded-l-sm {
    border-bottom-left-radius: .125rem !important;
    border-top-left-radius: .125rem !important
  }

  #navbarWrapper .sm\:rounded-t,
  reach-portal .sm\:rounded-t {
    border-top-left-radius: .375rem !important;
    border-top-right-radius: .375rem !important
  }

  #navbarWrapper .sm\:rounded-r,
  reach-portal .sm\:rounded-r {
    border-bottom-right-radius: .375rem !important;
    border-top-right-radius: .375rem !important
  }

  #navbarWrapper .sm\:rounded-b,
  reach-portal .sm\:rounded-b {
    border-bottom-left-radius: .375rem !important;
    border-bottom-right-radius: .375rem !important
  }

  #navbarWrapper .sm\:rounded-l,
  reach-portal .sm\:rounded-l {
    border-bottom-left-radius: .375rem !important;
    border-top-left-radius: .375rem !important
  }

  #navbarWrapper .sm\:rounded-t-md,
  reach-portal .sm\:rounded-t-md {
    border-top-left-radius: .375rem !important;
    border-top-right-radius: .375rem !important
  }

  #navbarWrapper .sm\:rounded-r-md,
  reach-portal .sm\:rounded-r-md {
    border-bottom-right-radius: .375rem !important;
    border-top-right-radius: .375rem !important
  }

  #navbarWrapper .sm\:rounded-b-md,
  reach-portal .sm\:rounded-b-md {
    border-bottom-left-radius: .375rem !important;
    border-bottom-right-radius: .375rem !important
  }

  #navbarWrapper .sm\:rounded-l-md,
  reach-portal .sm\:rounded-l-md {
    border-bottom-left-radius: .375rem !important;
    border-top-left-radius: .375rem !important
  }

  #navbarWrapper .sm\:rounded-t-lg,
  reach-portal .sm\:rounded-t-lg {
    border-top-left-radius: .5rem !important;
    border-top-right-radius: .5rem !important
  }

  #navbarWrapper .sm\:rounded-r-lg,
  reach-portal .sm\:rounded-r-lg {
    border-bottom-right-radius: .5rem !important;
    border-top-right-radius: .5rem !important
  }

  #navbarWrapper .sm\:rounded-b-lg,
  reach-portal .sm\:rounded-b-lg {
    border-bottom-left-radius: .5rem !important;
    border-bottom-right-radius: .5rem !important
  }

  #navbarWrapper .sm\:rounded-l-lg,
  reach-portal .sm\:rounded-l-lg {
    border-bottom-left-radius: .5rem !important;
    border-top-left-radius: .5rem !important
  }

  #navbarWrapper .sm\:rounded-t-full,
  reach-portal .sm\:rounded-t-full {
    border-top-left-radius: 9999px !important;
    border-top-right-radius: 9999px !important
  }

  #navbarWrapper .sm\:rounded-r-full,
  reach-portal .sm\:rounded-r-full {
    border-bottom-right-radius: 9999px !important;
    border-top-right-radius: 9999px !important
  }

  #navbarWrapper .sm\:rounded-b-full,
  reach-portal .sm\:rounded-b-full {
    border-bottom-left-radius: 9999px !important;
    border-bottom-right-radius: 9999px !important
  }

  #navbarWrapper .sm\:rounded-l-full,
  reach-portal .sm\:rounded-l-full {
    border-bottom-left-radius: 9999px !important;
    border-top-left-radius: 9999px !important
  }

  #navbarWrapper .sm\:rounded-tl-none,
  reach-portal .sm\:rounded-tl-none {
    border-top-left-radius: 0 !important
  }

  #navbarWrapper .sm\:rounded-tr-none,
  reach-portal .sm\:rounded-tr-none {
    border-top-right-radius: 0 !important
  }

  #navbarWrapper .sm\:rounded-br-none,
  reach-portal .sm\:rounded-br-none {
    border-bottom-right-radius: 0 !important
  }

  #navbarWrapper .sm\:rounded-bl-none,
  reach-portal .sm\:rounded-bl-none {
    border-bottom-left-radius: 0 !important
  }

  #navbarWrapper .sm\:rounded-tl-sm,
  reach-portal .sm\:rounded-tl-sm {
    border-top-left-radius: .125rem !important
  }

  #navbarWrapper .sm\:rounded-tr-sm,
  reach-portal .sm\:rounded-tr-sm {
    border-top-right-radius: .125rem !important
  }

  #navbarWrapper .sm\:rounded-br-sm,
  reach-portal .sm\:rounded-br-sm {
    border-bottom-right-radius: .125rem !important
  }

  #navbarWrapper .sm\:rounded-bl-sm,
  reach-portal .sm\:rounded-bl-sm {
    border-bottom-left-radius: .125rem !important
  }

  #navbarWrapper .sm\:rounded-tl,
  reach-portal .sm\:rounded-tl {
    border-top-left-radius: .375rem !important
  }

  #navbarWrapper .sm\:rounded-tr,
  reach-portal .sm\:rounded-tr {
    border-top-right-radius: .375rem !important
  }

  #navbarWrapper .sm\:rounded-br,
  reach-portal .sm\:rounded-br {
    border-bottom-right-radius: .375rem !important
  }

  #navbarWrapper .sm\:rounded-bl,
  reach-portal .sm\:rounded-bl {
    border-bottom-left-radius: .375rem !important
  }

  #navbarWrapper .sm\:rounded-tl-md,
  reach-portal .sm\:rounded-tl-md {
    border-top-left-radius: .375rem !important
  }

  #navbarWrapper .sm\:rounded-tr-md,
  reach-portal .sm\:rounded-tr-md {
    border-top-right-radius: .375rem !important
  }

  #navbarWrapper .sm\:rounded-br-md,
  reach-portal .sm\:rounded-br-md {
    border-bottom-right-radius: .375rem !important
  }

  #navbarWrapper .sm\:rounded-bl-md,
  reach-portal .sm\:rounded-bl-md {
    border-bottom-left-radius: .375rem !important
  }

  #navbarWrapper .sm\:rounded-tl-lg,
  reach-portal .sm\:rounded-tl-lg {
    border-top-left-radius: .5rem !important
  }

  #navbarWrapper .sm\:rounded-tr-lg,
  reach-portal .sm\:rounded-tr-lg {
    border-top-right-radius: .5rem !important
  }

  #navbarWrapper .sm\:rounded-br-lg,
  reach-portal .sm\:rounded-br-lg {
    border-bottom-right-radius: .5rem !important
  }

  #navbarWrapper .sm\:rounded-bl-lg,
  reach-portal .sm\:rounded-bl-lg {
    border-bottom-left-radius: .5rem !important
  }

  #navbarWrapper .sm\:rounded-tl-full,
  reach-portal .sm\:rounded-tl-full {
    border-top-left-radius: 9999px !important
  }

  #navbarWrapper .sm\:rounded-tr-full,
  reach-portal .sm\:rounded-tr-full {
    border-top-right-radius: 9999px !important
  }

  #navbarWrapper .sm\:rounded-br-full,
  reach-portal .sm\:rounded-br-full {
    border-bottom-right-radius: 9999px !important
  }

  #navbarWrapper .sm\:rounded-bl-full,
  reach-portal .sm\:rounded-bl-full {
    border-bottom-left-radius: 9999px !important
  }

  #navbarWrapper .sm\:border-solid,
  reach-portal .sm\:border-solid {
    border-style: solid !important
  }

  #navbarWrapper .sm\:border-dashed,
  reach-portal .sm\:border-dashed {
    border-style: dashed !important
  }

  #navbarWrapper .sm\:border-dotted,
  reach-portal .sm\:border-dotted {
    border-style: dotted !important
  }

  #navbarWrapper .sm\:border-double,
  reach-portal .sm\:border-double {
    border-style: double !important
  }

  #navbarWrapper .sm\:border-none,
  reach-portal .sm\:border-none {
    border-style: none !important
  }

  #navbarWrapper .sm\:border-0,
  reach-portal .sm\:border-0 {
    border-width: 0 !important
  }

  #navbarWrapper .sm\:border-2,
  reach-portal .sm\:border-2 {
    border-width: 2px !important
  }

  #navbarWrapper .sm\:border-4,
  reach-portal .sm\:border-4 {
    border-width: 4px !important
  }

  #navbarWrapper .sm\:border-8,
  reach-portal .sm\:border-8 {
    border-width: 8px !important
  }

  #navbarWrapper .sm\:border,
  reach-portal .sm\:border {
    border-width: 1px !important
  }

  #navbarWrapper .sm\:border-t-0,
  reach-portal .sm\:border-t-0 {
    border-top-width: 0 !important
  }

  #navbarWrapper .sm\:border-r-0,
  reach-portal .sm\:border-r-0 {
    border-right-width: 0 !important
  }

  #navbarWrapper .sm\:border-b-0,
  reach-portal .sm\:border-b-0 {
    border-bottom-width: 0 !important
  }

  #navbarWrapper .sm\:border-l-0,
  reach-portal .sm\:border-l-0 {
    border-left-width: 0 !important
  }

  #navbarWrapper .sm\:border-t-2,
  reach-portal .sm\:border-t-2 {
    border-top-width: 2px !important
  }

  #navbarWrapper .sm\:border-r-2,
  reach-portal .sm\:border-r-2 {
    border-right-width: 2px !important
  }

  #navbarWrapper .sm\:border-b-2,
  reach-portal .sm\:border-b-2 {
    border-bottom-width: 2px !important
  }

  #navbarWrapper .sm\:border-l-2,
  reach-portal .sm\:border-l-2 {
    border-left-width: 2px !important
  }

  #navbarWrapper .sm\:border-t-4,
  reach-portal .sm\:border-t-4 {
    border-top-width: 4px !important
  }

  #navbarWrapper .sm\:border-r-4,
  reach-portal .sm\:border-r-4 {
    border-right-width: 4px !important
  }

  #navbarWrapper .sm\:border-b-4,
  reach-portal .sm\:border-b-4 {
    border-bottom-width: 4px !important
  }

  #navbarWrapper .sm\:border-l-4,
  reach-portal .sm\:border-l-4 {
    border-left-width: 4px !important
  }

  #navbarWrapper .sm\:border-t-8,
  reach-portal .sm\:border-t-8 {
    border-top-width: 8px !important
  }

  #navbarWrapper .sm\:border-r-8,
  reach-portal .sm\:border-r-8 {
    border-right-width: 8px !important
  }

  #navbarWrapper .sm\:border-b-8,
  reach-portal .sm\:border-b-8 {
    border-bottom-width: 8px !important
  }

  #navbarWrapper .sm\:border-l-8,
  reach-portal .sm\:border-l-8 {
    border-left-width: 8px !important
  }

  #navbarWrapper .sm\:border-t,
  reach-portal .sm\:border-t {
    border-top-width: 1px !important
  }

  #navbarWrapper .sm\:border-r,
  reach-portal .sm\:border-r {
    border-right-width: 1px !important
  }

  #navbarWrapper .sm\:border-b,
  reach-portal .sm\:border-b {
    border-bottom-width: 1px !important
  }

  #navbarWrapper .sm\:border-l,
  reach-portal .sm\:border-l {
    border-left-width: 1px !important
  }

  #navbarWrapper .sm\:box-border,
  reach-portal .sm\:box-border {
    box-sizing: border-box !important
  }

  #navbarWrapper .sm\:box-content,
  reach-portal .sm\:box-content {
    box-sizing: initial !important
  }

  #navbarWrapper .sm\:cursor-auto,
  reach-portal .sm\:cursor-auto {
    cursor: auto !important
  }

  #navbarWrapper .sm\:cursor-default,
  reach-portal .sm\:cursor-default {
    cursor: default !important
  }

  #navbarWrapper .sm\:cursor-pointer,
  reach-portal .sm\:cursor-pointer {
    cursor: pointer !important
  }

  #navbarWrapper .sm\:cursor-wait,
  reach-portal .sm\:cursor-wait {
    cursor: wait !important
  }

  #navbarWrapper .sm\:cursor-text,
  reach-portal .sm\:cursor-text {
    cursor: text !important
  }

  #navbarWrapper .sm\:cursor-move,
  reach-portal .sm\:cursor-move {
    cursor: move !important
  }

  #navbarWrapper .sm\:cursor-not-allowed,
  reach-portal .sm\:cursor-not-allowed {
    cursor: not-allowed !important
  }

  #navbarWrapper .sm\:block,
  reach-portal .sm\:block {
    display: block !important
  }

  #navbarWrapper .sm\:inline-block,
  reach-portal .sm\:inline-block {
    display: inline-block !important
  }

  #navbarWrapper .sm\:inline,
  reach-portal .sm\:inline {
    display: inline !important
  }

  #navbarWrapper .sm\:flex,
  reach-portal .sm\:flex {
    display: flex !important
  }

  #navbarWrapper .sm\:inline-flex,
  reach-portal .sm\:inline-flex {
    display: inline-flex !important
  }

  #navbarWrapper .sm\:table,
  reach-portal .sm\:table {
    display: table !important
  }

  #navbarWrapper .sm\:table-caption,
  reach-portal .sm\:table-caption {
    display: table-caption !important
  }

  #navbarWrapper .sm\:table-cell,
  reach-portal .sm\:table-cell {
    display: table-cell !important
  }

  #navbarWrapper .sm\:table-column,
  reach-portal .sm\:table-column {
    display: table-column !important
  }

  #navbarWrapper .sm\:table-column-group,
  reach-portal .sm\:table-column-group {
    display: table-column-group !important
  }

  #navbarWrapper .sm\:table-footer-group,
  reach-portal .sm\:table-footer-group {
    display: table-footer-group !important
  }

  #navbarWrapper .sm\:table-header-group,
  reach-portal .sm\:table-header-group {
    display: table-header-group !important
  }

  #navbarWrapper .sm\:table-row-group,
  reach-portal .sm\:table-row-group {
    display: table-row-group !important
  }

  #navbarWrapper .sm\:table-row,
  reach-portal .sm\:table-row {
    display: table-row !important
  }

  #navbarWrapper .sm\:flow-root,
  reach-portal .sm\:flow-root {
    display: flow-root !important
  }

  #navbarWrapper .sm\:grid,
  reach-portal .sm\:grid {
    display: grid !important
  }

  #navbarWrapper .sm\:inline-grid,
  reach-portal .sm\:inline-grid {
    display: inline-grid !important
  }

  #navbarWrapper .sm\:hidden,
  reach-portal .sm\:hidden {
    display: none !important
  }

  #navbarWrapper .sm\:flex-row,
  reach-portal .sm\:flex-row {
    flex-direction: row !important
  }

  #navbarWrapper .sm\:flex-row-reverse,
  reach-portal .sm\:flex-row-reverse {
    flex-direction: row-reverse !important
  }

  #navbarWrapper .sm\:flex-col,
  reach-portal .sm\:flex-col {
    flex-direction: column !important
  }

  #navbarWrapper .sm\:flex-col-reverse,
  reach-portal .sm\:flex-col-reverse {
    flex-direction: column-reverse !important
  }

  #navbarWrapper .sm\:flex-wrap,
  reach-portal .sm\:flex-wrap {
    flex-wrap: wrap !important
  }

  #navbarWrapper .sm\:flex-wrap-reverse,
  reach-portal .sm\:flex-wrap-reverse {
    flex-wrap: wrap-reverse !important
  }

  #navbarWrapper .sm\:flex-no-wrap,
  reach-portal .sm\:flex-no-wrap {
    flex-wrap: nowrap !important
  }

  #navbarWrapper .sm\:items-start,
  reach-portal .sm\:items-start {
    align-items: flex-start !important
  }

  #navbarWrapper .sm\:items-end,
  reach-portal .sm\:items-end {
    align-items: flex-end !important
  }

  #navbarWrapper .sm\:items-center,
  reach-portal .sm\:items-center {
    align-items: center !important
  }

  #navbarWrapper .sm\:items-baseline,
  reach-portal .sm\:items-baseline {
    align-items: baseline !important
  }

  #navbarWrapper .sm\:items-stretch,
  reach-portal .sm\:items-stretch {
    align-items: stretch !important
  }

  #navbarWrapper .sm\:self-auto,
  reach-portal .sm\:self-auto {
    align-self: auto !important
  }

  #navbarWrapper .sm\:self-start,
  reach-portal .sm\:self-start {
    align-self: flex-start !important
  }

  #navbarWrapper .sm\:self-end,
  reach-portal .sm\:self-end {
    align-self: flex-end !important
  }

  #navbarWrapper .sm\:self-center,
  reach-portal .sm\:self-center {
    align-self: center !important
  }

  #navbarWrapper .sm\:self-stretch,
  reach-portal .sm\:self-stretch {
    align-self: stretch !important
  }

  #navbarWrapper .sm\:justify-start,
  reach-portal .sm\:justify-start {
    justify-content: flex-start !important
  }

  #navbarWrapper .sm\:justify-end,
  reach-portal .sm\:justify-end {
    justify-content: flex-end !important
  }

  #navbarWrapper .sm\:justify-center,
  reach-portal .sm\:justify-center {
    justify-content: center !important
  }

  #navbarWrapper .sm\:justify-between,
  reach-portal .sm\:justify-between {
    justify-content: space-between !important
  }

  #navbarWrapper .sm\:justify-around,
  reach-portal .sm\:justify-around {
    justify-content: space-around !important
  }

  #navbarWrapper .sm\:justify-evenly,
  reach-portal .sm\:justify-evenly {
    justify-content: space-evenly !important
  }

  #navbarWrapper .sm\:content-center,
  reach-portal .sm\:content-center {
    align-content: center !important
  }

  #navbarWrapper .sm\:content-start,
  reach-portal .sm\:content-start {
    align-content: flex-start !important
  }

  #navbarWrapper .sm\:content-end,
  reach-portal .sm\:content-end {
    align-content: flex-end !important
  }

  #navbarWrapper .sm\:content-between,
  reach-portal .sm\:content-between {
    align-content: space-between !important
  }

  #navbarWrapper .sm\:content-around,
  reach-portal .sm\:content-around {
    align-content: space-around !important
  }

  #navbarWrapper .sm\:flex-1,
  reach-portal .sm\:flex-1 {
    flex: 1 1 !important
  }

  #navbarWrapper .sm\:flex-auto,
  reach-portal .sm\:flex-auto {
    flex: 1 1 auto !important
  }

  #navbarWrapper .sm\:flex-initial,
  reach-portal .sm\:flex-initial {
    flex: 0 1 auto !important
  }

  #navbarWrapper .sm\:flex-none,
  reach-portal .sm\:flex-none {
    flex: none !important
  }

  #navbarWrapper .sm\:flex-grow-0,
  reach-portal .sm\:flex-grow-0 {
    flex-grow: 0 !important
  }

  #navbarWrapper .sm\:flex-grow,
  reach-portal .sm\:flex-grow {
    flex-grow: 1 !important
  }

  #navbarWrapper .sm\:flex-shrink-0,
  reach-portal .sm\:flex-shrink-0 {
    flex-shrink: 0 !important
  }

  #navbarWrapper .sm\:flex-shrink,
  reach-portal .sm\:flex-shrink {
    flex-shrink: 1 !important
  }

  #navbarWrapper .sm\:order-1,
  reach-portal .sm\:order-1 {
    order: 1 !important
  }

  #navbarWrapper .sm\:order-2,
  reach-portal .sm\:order-2 {
    order: 2 !important
  }

  #navbarWrapper .sm\:order-3,
  reach-portal .sm\:order-3 {
    order: 3 !important
  }

  #navbarWrapper .sm\:order-4,
  reach-portal .sm\:order-4 {
    order: 4 !important
  }

  #navbarWrapper .sm\:order-5,
  reach-portal .sm\:order-5 {
    order: 5 !important
  }

  #navbarWrapper .sm\:order-6,
  reach-portal .sm\:order-6 {
    order: 6 !important
  }

  #navbarWrapper .sm\:order-7,
  reach-portal .sm\:order-7 {
    order: 7 !important
  }

  #navbarWrapper .sm\:order-8,
  reach-portal .sm\:order-8 {
    order: 8 !important
  }

  #navbarWrapper .sm\:order-9,
  reach-portal .sm\:order-9 {
    order: 9 !important
  }

  #navbarWrapper .sm\:order-10,
  reach-portal .sm\:order-10 {
    order: 10 !important
  }

  #navbarWrapper .sm\:order-11,
  reach-portal .sm\:order-11 {
    order: 11 !important
  }

  #navbarWrapper .sm\:order-12,
  reach-portal .sm\:order-12 {
    order: 12 !important
  }

  #navbarWrapper .sm\:order-first,
  reach-portal .sm\:order-first {
    order: -9999 !important
  }

  #navbarWrapper .sm\:order-last,
  reach-portal .sm\:order-last {
    order: 9999 !important
  }

  #navbarWrapper .sm\:order-none,
  reach-portal .sm\:order-none {
    order: 0 !important
  }

  #navbarWrapper .sm\:float-right,
  reach-portal .sm\:float-right {
    float: right !important
  }

  #navbarWrapper .sm\:float-left,
  reach-portal .sm\:float-left {
    float: left !important
  }

  #navbarWrapper .sm\:float-none,
  reach-portal .sm\:float-none {
    float: none !important
  }

  #navbarWrapper .sm\:clearfix:after,
  reach-portal .sm\:clearfix:after {
    clear: both !important;
    content: "" !important;
    display: table !important
  }

  #navbarWrapper .sm\:clear-left,
  reach-portal .sm\:clear-left {
    clear: left !important
  }

  #navbarWrapper .sm\:clear-right,
  reach-portal .sm\:clear-right {
    clear: right !important
  }

  #navbarWrapper .sm\:clear-both,
  reach-portal .sm\:clear-both {
    clear: both !important
  }

  #navbarWrapper .sm\:clear-none,
  reach-portal .sm\:clear-none {
    clear: none !important
  }

  #navbarWrapper .sm\:font-display,
  reach-portal .sm\:font-display {
    font-family: Gilroy, sans-serif !important
  }

  #navbarWrapper .sm\:font-body,
  reach-portal .sm\:font-body {
    font-family: Graphik, sans-serif !important
  }

  #navbarWrapper .sm\:font-hairline,
  reach-portal .sm\:font-hairline {
    font-weight: 100 !important
  }

  #navbarWrapper .sm\:font-thin,
  reach-portal .sm\:font-thin {
    font-weight: 200 !important
  }

  #navbarWrapper .sm\:font-light,
  reach-portal .sm\:font-light {
    font-weight: 300 !important
  }

  #navbarWrapper .sm\:font-normal,
  reach-portal .sm\:font-normal {
    font-weight: 400 !important
  }

  #navbarWrapper .sm\:font-medium,
  reach-portal .sm\:font-medium {
    font-weight: 500 !important
  }

  #navbarWrapper .sm\:font-semibold,
  reach-portal .sm\:font-semibold {
    font-weight: 600 !important
  }

  #navbarWrapper .sm\:font-bold,
  reach-portal .sm\:font-bold {
    font-weight: 700 !important
  }

  #navbarWrapper .sm\:font-extrabold,
  reach-portal .sm\:font-extrabold {
    font-weight: 800 !important
  }

  #navbarWrapper .sm\:font-black,
  reach-portal .sm\:font-black {
    font-weight: 900 !important
  }

  #navbarWrapper .sm\:hover\:font-hairline:hover,
  reach-portal .sm\:hover\:font-hairline:hover {
    font-weight: 100 !important
  }

  #navbarWrapper .sm\:hover\:font-thin:hover,
  reach-portal .sm\:hover\:font-thin:hover {
    font-weight: 200 !important
  }

  #navbarWrapper .sm\:hover\:font-light:hover,
  reach-portal .sm\:hover\:font-light:hover {
    font-weight: 300 !important
  }

  #navbarWrapper .sm\:hover\:font-normal:hover,
  reach-portal .sm\:hover\:font-normal:hover {
    font-weight: 400 !important
  }

  #navbarWrapper .sm\:hover\:font-medium:hover,
  reach-portal .sm\:hover\:font-medium:hover {
    font-weight: 500 !important
  }

  #navbarWrapper .sm\:hover\:font-semibold:hover,
  reach-portal .sm\:hover\:font-semibold:hover {
    font-weight: 600 !important
  }

  #navbarWrapper .sm\:hover\:font-bold:hover,
  reach-portal .sm\:hover\:font-bold:hover {
    font-weight: 700 !important
  }

  #navbarWrapper .sm\:hover\:font-extrabold:hover,
  reach-portal .sm\:hover\:font-extrabold:hover {
    font-weight: 800 !important
  }

  #navbarWrapper .sm\:hover\:font-black:hover,
  reach-portal .sm\:hover\:font-black:hover {
    font-weight: 900 !important
  }

  #navbarWrapper .sm\:focus\:font-hairline:focus,
  reach-portal .sm\:focus\:font-hairline:focus {
    font-weight: 100 !important
  }

  #navbarWrapper .sm\:focus\:font-thin:focus,
  reach-portal .sm\:focus\:font-thin:focus {
    font-weight: 200 !important
  }

  #navbarWrapper .sm\:focus\:font-light:focus,
  reach-portal .sm\:focus\:font-light:focus {
    font-weight: 300 !important
  }

  #navbarWrapper .sm\:focus\:font-normal:focus,
  reach-portal .sm\:focus\:font-normal:focus {
    font-weight: 400 !important
  }

  #navbarWrapper .sm\:focus\:font-medium:focus,
  reach-portal .sm\:focus\:font-medium:focus {
    font-weight: 500 !important
  }

  #navbarWrapper .sm\:focus\:font-semibold:focus,
  reach-portal .sm\:focus\:font-semibold:focus {
    font-weight: 600 !important
  }

  #navbarWrapper .sm\:focus\:font-bold:focus,
  reach-portal .sm\:focus\:font-bold:focus {
    font-weight: 700 !important
  }

  #navbarWrapper .sm\:focus\:font-extrabold:focus,
  reach-portal .sm\:focus\:font-extrabold:focus {
    font-weight: 800 !important
  }

  #navbarWrapper .sm\:focus\:font-black:focus,
  reach-portal .sm\:focus\:font-black:focus {
    font-weight: 900 !important
  }

  #navbarWrapper .sm\:h-0,
  reach-portal .sm\:h-0 {
    height: 0 !important
  }

  #navbarWrapper .sm\:h-1,
  reach-portal .sm\:h-1 {
    height: .25rem !important
  }

  #navbarWrapper .sm\:h-2,
  reach-portal .sm\:h-2 {
    height: .5rem !important
  }

  #navbarWrapper .sm\:h-3,
  reach-portal .sm\:h-3 {
    height: .75rem !important
  }

  #navbarWrapper .sm\:h-4,
  reach-portal .sm\:h-4 {
    height: 1rem !important
  }

  #navbarWrapper .sm\:h-5,
  reach-portal .sm\:h-5 {
    height: 1.25rem !important
  }

  #navbarWrapper .sm\:h-6,
  reach-portal .sm\:h-6 {
    height: 1.5rem !important
  }

  #navbarWrapper .sm\:h-8,
  reach-portal .sm\:h-8 {
    height: 2rem !important
  }

  #navbarWrapper .sm\:h-10,
  reach-portal .sm\:h-10 {
    height: 2.5rem !important
  }

  #navbarWrapper .sm\:h-12,
  reach-portal .sm\:h-12 {
    height: 3rem !important
  }

  #navbarWrapper .sm\:h-16,
  reach-portal .sm\:h-16 {
    height: 4rem !important
  }

  #navbarWrapper .sm\:h-20,
  reach-portal .sm\:h-20 {
    height: 5rem !important
  }

  #navbarWrapper .sm\:h-24,
  reach-portal .sm\:h-24 {
    height: 6rem !important
  }

  #navbarWrapper .sm\:h-32,
  reach-portal .sm\:h-32 {
    height: 8rem !important
  }

  #navbarWrapper .sm\:h-40,
  reach-portal .sm\:h-40 {
    height: 10rem !important
  }

  #navbarWrapper .sm\:h-48,
  reach-portal .sm\:h-48 {
    height: 12rem !important
  }

  #navbarWrapper .sm\:h-56,
  reach-portal .sm\:h-56 {
    height: 14rem !important
  }

  #navbarWrapper .sm\:h-64,
  reach-portal .sm\:h-64 {
    height: 16rem !important
  }

  #navbarWrapper .sm\:h-auto,
  reach-portal .sm\:h-auto {
    height: auto !important
  }

  #navbarWrapper .sm\:h-px,
  reach-portal .sm\:h-px {
    height: 1px !important
  }

  #navbarWrapper .sm\:h-full,
  reach-portal .sm\:h-full {
    height: 100% !important
  }

  #navbarWrapper .sm\:h-screen,
  reach-portal .sm\:h-screen {
    height: 100vh !important
  }

  #navbarWrapper .sm\:text-xs,
  reach-portal .sm\:text-xs {
    font-size: .75rem !important
  }

  #navbarWrapper .sm\:text-sm,
  reach-portal .sm\:text-sm {
    font-size: .875rem !important
  }

  #navbarWrapper .sm\:text-base,
  reach-portal .sm\:text-base {
    font-size: 1rem !important
  }

  #navbarWrapper .sm\:text-lg,
  reach-portal .sm\:text-lg {
    font-size: 1.125rem !important
  }

  #navbarWrapper .sm\:text-xl,
  reach-portal .sm\:text-xl {
    font-size: 1.25rem !important
  }

  #navbarWrapper .sm\:text-2xl,
  reach-portal .sm\:text-2xl {
    font-size: 1.5rem !important
  }

  #navbarWrapper .sm\:text-3xl,
  reach-portal .sm\:text-3xl {
    font-size: 1.875rem !important
  }

  #navbarWrapper .sm\:text-4xl,
  reach-portal .sm\:text-4xl {
    font-size: 2.25rem !important
  }

  #navbarWrapper .sm\:text-5xl,
  reach-portal .sm\:text-5xl {
    font-size: 3rem !important
  }

  #navbarWrapper .sm\:text-6xl,
  reach-portal .sm\:text-6xl {
    font-size: 4rem !important
  }

  #navbarWrapper .sm\:leading-3,
  reach-portal .sm\:leading-3 {
    line-height: .75rem !important
  }

  #navbarWrapper .sm\:leading-4,
  reach-portal .sm\:leading-4 {
    line-height: 1rem !important
  }

  #navbarWrapper .sm\:leading-5,
  reach-portal .sm\:leading-5 {
    line-height: 1.25rem !important
  }

  #navbarWrapper .sm\:leading-6,
  reach-portal .sm\:leading-6 {
    line-height: 1.5rem !important
  }

  #navbarWrapper .sm\:leading-7,
  reach-portal .sm\:leading-7 {
    line-height: 1.75rem !important
  }

  #navbarWrapper .sm\:leading-8,
  reach-portal .sm\:leading-8 {
    line-height: 2rem !important
  }

  #navbarWrapper .sm\:leading-9,
  reach-portal .sm\:leading-9 {
    line-height: 2.25rem !important
  }

  #navbarWrapper .sm\:leading-10,
  reach-portal .sm\:leading-10 {
    line-height: 2.5rem !important
  }

  #navbarWrapper .sm\:leading-none,
  reach-portal .sm\:leading-none {
    line-height: 1 !important
  }

  #navbarWrapper .sm\:leading-tight,
  reach-portal .sm\:leading-tight {
    line-height: 1.25 !important
  }

  #navbarWrapper .sm\:leading-snug,
  reach-portal .sm\:leading-snug {
    line-height: 1.375 !important
  }

  #navbarWrapper .sm\:leading-normal,
  reach-portal .sm\:leading-normal {
    line-height: 1.5 !important
  }

  #navbarWrapper .sm\:leading-relaxed,
  reach-portal .sm\:leading-relaxed {
    line-height: 1.625 !important
  }

  #navbarWrapper .sm\:leading-loose,
  reach-portal .sm\:leading-loose {
    line-height: 2 !important
  }

  #navbarWrapper .sm\:list-inside,
  reach-portal .sm\:list-inside {
    list-style-position: inside !important
  }

  #navbarWrapper .sm\:list-outside,
  reach-portal .sm\:list-outside {
    list-style-position: outside !important
  }

  #navbarWrapper .sm\:list-none,
  reach-portal .sm\:list-none {
    list-style-type: none !important
  }

  #navbarWrapper .sm\:list-disc,
  reach-portal .sm\:list-disc {
    list-style-type: disc !important
  }

  #navbarWrapper .sm\:list-decimal,
  reach-portal .sm\:list-decimal {
    list-style-type: decimal !important
  }

  #navbarWrapper .sm\:m-0,
  reach-portal .sm\:m-0 {
    margin: 0 !important
  }

  #navbarWrapper .sm\:m-1,
  reach-portal .sm\:m-1 {
    margin: .25rem !important
  }

  #navbarWrapper .sm\:m-2,
  reach-portal .sm\:m-2 {
    margin: .5rem !important
  }

  #navbarWrapper .sm\:m-3,
  reach-portal .sm\:m-3 {
    margin: .75rem !important
  }

  #navbarWrapper .sm\:m-4,
  reach-portal .sm\:m-4 {
    margin: 1rem !important
  }

  #navbarWrapper .sm\:m-5,
  reach-portal .sm\:m-5 {
    margin: 1.25rem !important
  }

  #navbarWrapper .sm\:m-6,
  reach-portal .sm\:m-6 {
    margin: 1.5rem !important
  }

  #navbarWrapper .sm\:m-8,
  reach-portal .sm\:m-8 {
    margin: 2rem !important
  }

  #navbarWrapper .sm\:m-10,
  reach-portal .sm\:m-10 {
    margin: 2.5rem !important
  }

  #navbarWrapper .sm\:m-12,
  reach-portal .sm\:m-12 {
    margin: 3rem !important
  }

  #navbarWrapper .sm\:m-16,
  reach-portal .sm\:m-16 {
    margin: 4rem !important
  }

  #navbarWrapper .sm\:m-20,
  reach-portal .sm\:m-20 {
    margin: 5rem !important
  }

  #navbarWrapper .sm\:m-24,
  reach-portal .sm\:m-24 {
    margin: 6rem !important
  }

  #navbarWrapper .sm\:m-32,
  reach-portal .sm\:m-32 {
    margin: 8rem !important
  }

  #navbarWrapper .sm\:m-40,
  reach-portal .sm\:m-40 {
    margin: 10rem !important
  }

  #navbarWrapper .sm\:m-48,
  reach-portal .sm\:m-48 {
    margin: 12rem !important
  }

  #navbarWrapper .sm\:m-56,
  reach-portal .sm\:m-56 {
    margin: 14rem !important
  }

  #navbarWrapper .sm\:m-64,
  reach-portal .sm\:m-64 {
    margin: 16rem !important
  }

  #navbarWrapper .sm\:m-auto,
  reach-portal .sm\:m-auto {
    margin: auto !important
  }

  #navbarWrapper .sm\:m-px,
  reach-portal .sm\:m-px {
    margin: 1px !important
  }

  #navbarWrapper .sm\:-m-1,
  reach-portal .sm\:-m-1 {
    margin: -.25rem !important
  }

  #navbarWrapper .sm\:-m-2,
  reach-portal .sm\:-m-2 {
    margin: -.5rem !important
  }

  #navbarWrapper .sm\:-m-3,
  reach-portal .sm\:-m-3 {
    margin: -.75rem !important
  }

  #navbarWrapper .sm\:-m-4,
  reach-portal .sm\:-m-4 {
    margin: -1rem !important
  }

  #navbarWrapper .sm\:-m-5,
  reach-portal .sm\:-m-5 {
    margin: -1.25rem !important
  }

  #navbarWrapper .sm\:-m-6,
  reach-portal .sm\:-m-6 {
    margin: -1.5rem !important
  }

  #navbarWrapper .sm\:-m-8,
  reach-portal .sm\:-m-8 {
    margin: -2rem !important
  }

  #navbarWrapper .sm\:-m-10,
  reach-portal .sm\:-m-10 {
    margin: -2.5rem !important
  }

  #navbarWrapper .sm\:-m-12,
  reach-portal .sm\:-m-12 {
    margin: -3rem !important
  }

  #navbarWrapper .sm\:-m-16,
  reach-portal .sm\:-m-16 {
    margin: -4rem !important
  }

  #navbarWrapper .sm\:-m-20,
  reach-portal .sm\:-m-20 {
    margin: -5rem !important
  }

  #navbarWrapper .sm\:-m-24,
  reach-portal .sm\:-m-24 {
    margin: -6rem !important
  }

  #navbarWrapper .sm\:-m-32,
  reach-portal .sm\:-m-32 {
    margin: -8rem !important
  }

  #navbarWrapper .sm\:-m-40,
  reach-portal .sm\:-m-40 {
    margin: -10rem !important
  }

  #navbarWrapper .sm\:-m-48,
  reach-portal .sm\:-m-48 {
    margin: -12rem !important
  }

  #navbarWrapper .sm\:-m-56,
  reach-portal .sm\:-m-56 {
    margin: -14rem !important
  }

  #navbarWrapper .sm\:-m-64,
  reach-portal .sm\:-m-64 {
    margin: -16rem !important
  }

  #navbarWrapper .sm\:-m-px,
  reach-portal .sm\:-m-px {
    margin: -1px !important
  }

  #navbarWrapper .sm\:my-0,
  reach-portal .sm\:my-0 {
    margin-bottom: 0 !important;
    margin-top: 0 !important
  }

  #navbarWrapper .sm\:mx-0,
  reach-portal .sm\:mx-0 {
    margin-left: 0 !important;
    margin-right: 0 !important
  }

  #navbarWrapper .sm\:my-1,
  reach-portal .sm\:my-1 {
    margin-bottom: .25rem !important;
    margin-top: .25rem !important
  }

  #navbarWrapper .sm\:mx-1,
  reach-portal .sm\:mx-1 {
    margin-left: .25rem !important;
    margin-right: .25rem !important
  }

  #navbarWrapper .sm\:my-2,
  reach-portal .sm\:my-2 {
    margin-bottom: .5rem !important;
    margin-top: .5rem !important
  }

  #navbarWrapper .sm\:mx-2,
  reach-portal .sm\:mx-2 {
    margin-left: .5rem !important;
    margin-right: .5rem !important
  }

  #navbarWrapper .sm\:my-3,
  reach-portal .sm\:my-3 {
    margin-bottom: .75rem !important;
    margin-top: .75rem !important
  }

  #navbarWrapper .sm\:mx-3,
  reach-portal .sm\:mx-3 {
    margin-left: .75rem !important;
    margin-right: .75rem !important
  }

  #navbarWrapper .sm\:my-4,
  reach-portal .sm\:my-4 {
    margin-bottom: 1rem !important;
    margin-top: 1rem !important
  }

  #navbarWrapper .sm\:mx-4,
  reach-portal .sm\:mx-4 {
    margin-left: 1rem !important;
    margin-right: 1rem !important
  }

  #navbarWrapper .sm\:my-5,
  reach-portal .sm\:my-5 {
    margin-bottom: 1.25rem !important;
    margin-top: 1.25rem !important
  }

  #navbarWrapper .sm\:mx-5,
  reach-portal .sm\:mx-5 {
    margin-left: 1.25rem !important;
    margin-right: 1.25rem !important
  }

  #navbarWrapper .sm\:my-6,
  reach-portal .sm\:my-6 {
    margin-bottom: 1.5rem !important;
    margin-top: 1.5rem !important
  }

  #navbarWrapper .sm\:mx-6,
  reach-portal .sm\:mx-6 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important
  }

  #navbarWrapper .sm\:my-8,
  reach-portal .sm\:my-8 {
    margin-bottom: 2rem !important;
    margin-top: 2rem !important
  }

  #navbarWrapper .sm\:mx-8,
  reach-portal .sm\:mx-8 {
    margin-left: 2rem !important;
    margin-right: 2rem !important
  }

  #navbarWrapper .sm\:my-10,
  reach-portal .sm\:my-10 {
    margin-bottom: 2.5rem !important;
    margin-top: 2.5rem !important
  }

  #navbarWrapper .sm\:mx-10,
  reach-portal .sm\:mx-10 {
    margin-left: 2.5rem !important;
    margin-right: 2.5rem !important
  }

  #navbarWrapper .sm\:my-12,
  reach-portal .sm\:my-12 {
    margin-bottom: 3rem !important;
    margin-top: 3rem !important
  }

  #navbarWrapper .sm\:mx-12,
  reach-portal .sm\:mx-12 {
    margin-left: 3rem !important;
    margin-right: 3rem !important
  }

  #navbarWrapper .sm\:my-16,
  reach-portal .sm\:my-16 {
    margin-bottom: 4rem !important;
    margin-top: 4rem !important
  }

  #navbarWrapper .sm\:mx-16,
  reach-portal .sm\:mx-16 {
    margin-left: 4rem !important;
    margin-right: 4rem !important
  }

  #navbarWrapper .sm\:my-20,
  reach-portal .sm\:my-20 {
    margin-bottom: 5rem !important;
    margin-top: 5rem !important
  }

  #navbarWrapper .sm\:mx-20,
  reach-portal .sm\:mx-20 {
    margin-left: 5rem !important;
    margin-right: 5rem !important
  }

  #navbarWrapper .sm\:my-24,
  reach-portal .sm\:my-24 {
    margin-bottom: 6rem !important;
    margin-top: 6rem !important
  }

  #navbarWrapper .sm\:mx-24,
  reach-portal .sm\:mx-24 {
    margin-left: 6rem !important;
    margin-right: 6rem !important
  }

  #navbarWrapper .sm\:my-32,
  reach-portal .sm\:my-32 {
    margin-bottom: 8rem !important;
    margin-top: 8rem !important
  }

  #navbarWrapper .sm\:mx-32,
  reach-portal .sm\:mx-32 {
    margin-left: 8rem !important;
    margin-right: 8rem !important
  }

  #navbarWrapper .sm\:my-40,
  reach-portal .sm\:my-40 {
    margin-bottom: 10rem !important;
    margin-top: 10rem !important
  }

  #navbarWrapper .sm\:mx-40,
  reach-portal .sm\:mx-40 {
    margin-left: 10rem !important;
    margin-right: 10rem !important
  }

  #navbarWrapper .sm\:my-48,
  reach-portal .sm\:my-48 {
    margin-bottom: 12rem !important;
    margin-top: 12rem !important
  }

  #navbarWrapper .sm\:mx-48,
  reach-portal .sm\:mx-48 {
    margin-left: 12rem !important;
    margin-right: 12rem !important
  }

  #navbarWrapper .sm\:my-56,
  reach-portal .sm\:my-56 {
    margin-bottom: 14rem !important;
    margin-top: 14rem !important
  }

  #navbarWrapper .sm\:mx-56,
  reach-portal .sm\:mx-56 {
    margin-left: 14rem !important;
    margin-right: 14rem !important
  }

  #navbarWrapper .sm\:my-64,
  reach-portal .sm\:my-64 {
    margin-bottom: 16rem !important;
    margin-top: 16rem !important
  }

  #navbarWrapper .sm\:mx-64,
  reach-portal .sm\:mx-64 {
    margin-left: 16rem !important;
    margin-right: 16rem !important
  }

  #navbarWrapper .sm\:my-auto,
  reach-portal .sm\:my-auto {
    margin-bottom: auto !important;
    margin-top: auto !important
  }

  #navbarWrapper .sm\:mx-auto,
  reach-portal .sm\:mx-auto {
    margin-left: auto !important;
    margin-right: auto !important
  }

  #navbarWrapper .sm\:my-px,
  reach-portal .sm\:my-px {
    margin-bottom: 1px !important;
    margin-top: 1px !important
  }

  #navbarWrapper .sm\:mx-px,
  reach-portal .sm\:mx-px {
    margin-left: 1px !important;
    margin-right: 1px !important
  }

  #navbarWrapper .sm\:-my-1,
  reach-portal .sm\:-my-1 {
    margin-bottom: -.25rem !important;
    margin-top: -.25rem !important
  }

  #navbarWrapper .sm\:-mx-1,
  reach-portal .sm\:-mx-1 {
    margin-left: -.25rem !important;
    margin-right: -.25rem !important
  }

  #navbarWrapper .sm\:-my-2,
  reach-portal .sm\:-my-2 {
    margin-bottom: -.5rem !important;
    margin-top: -.5rem !important
  }

  #navbarWrapper .sm\:-mx-2,
  reach-portal .sm\:-mx-2 {
    margin-left: -.5rem !important;
    margin-right: -.5rem !important
  }

  #navbarWrapper .sm\:-my-3,
  reach-portal .sm\:-my-3 {
    margin-bottom: -.75rem !important;
    margin-top: -.75rem !important
  }

  #navbarWrapper .sm\:-mx-3,
  reach-portal .sm\:-mx-3 {
    margin-left: -.75rem !important;
    margin-right: -.75rem !important
  }

  #navbarWrapper .sm\:-my-4,
  reach-portal .sm\:-my-4 {
    margin-bottom: -1rem !important;
    margin-top: -1rem !important
  }

  #navbarWrapper .sm\:-mx-4,
  reach-portal .sm\:-mx-4 {
    margin-left: -1rem !important;
    margin-right: -1rem !important
  }

  #navbarWrapper .sm\:-my-5,
  reach-portal .sm\:-my-5 {
    margin-bottom: -1.25rem !important;
    margin-top: -1.25rem !important
  }

  #navbarWrapper .sm\:-mx-5,
  reach-portal .sm\:-mx-5 {
    margin-left: -1.25rem !important;
    margin-right: -1.25rem !important
  }

  #navbarWrapper .sm\:-my-6,
  reach-portal .sm\:-my-6 {
    margin-bottom: -1.5rem !important;
    margin-top: -1.5rem !important
  }

  #navbarWrapper .sm\:-mx-6,
  reach-portal .sm\:-mx-6 {
    margin-left: -1.5rem !important;
    margin-right: -1.5rem !important
  }

  #navbarWrapper .sm\:-my-8,
  reach-portal .sm\:-my-8 {
    margin-bottom: -2rem !important;
    margin-top: -2rem !important
  }

  #navbarWrapper .sm\:-mx-8,
  reach-portal .sm\:-mx-8 {
    margin-left: -2rem !important;
    margin-right: -2rem !important
  }

  #navbarWrapper .sm\:-my-10,
  reach-portal .sm\:-my-10 {
    margin-bottom: -2.5rem !important;
    margin-top: -2.5rem !important
  }

  #navbarWrapper .sm\:-mx-10,
  reach-portal .sm\:-mx-10 {
    margin-left: -2.5rem !important;
    margin-right: -2.5rem !important
  }

  #navbarWrapper .sm\:-my-12,
  reach-portal .sm\:-my-12 {
    margin-bottom: -3rem !important;
    margin-top: -3rem !important
  }

  #navbarWrapper .sm\:-mx-12,
  reach-portal .sm\:-mx-12 {
    margin-left: -3rem !important;
    margin-right: -3rem !important
  }

  #navbarWrapper .sm\:-my-16,
  reach-portal .sm\:-my-16 {
    margin-bottom: -4rem !important;
    margin-top: -4rem !important
  }

  #navbarWrapper .sm\:-mx-16,
  reach-portal .sm\:-mx-16 {
    margin-left: -4rem !important;
    margin-right: -4rem !important
  }

  #navbarWrapper .sm\:-my-20,
  reach-portal .sm\:-my-20 {
    margin-bottom: -5rem !important;
    margin-top: -5rem !important
  }

  #navbarWrapper .sm\:-mx-20,
  reach-portal .sm\:-mx-20 {
    margin-left: -5rem !important;
    margin-right: -5rem !important
  }

  #navbarWrapper .sm\:-my-24,
  reach-portal .sm\:-my-24 {
    margin-bottom: -6rem !important;
    margin-top: -6rem !important
  }

  #navbarWrapper .sm\:-mx-24,
  reach-portal .sm\:-mx-24 {
    margin-left: -6rem !important;
    margin-right: -6rem !important
  }

  #navbarWrapper .sm\:-my-32,
  reach-portal .sm\:-my-32 {
    margin-bottom: -8rem !important;
    margin-top: -8rem !important
  }

  #navbarWrapper .sm\:-mx-32,
  reach-portal .sm\:-mx-32 {
    margin-left: -8rem !important;
    margin-right: -8rem !important
  }

  #navbarWrapper .sm\:-my-40,
  reach-portal .sm\:-my-40 {
    margin-bottom: -10rem !important;
    margin-top: -10rem !important
  }

  #navbarWrapper .sm\:-mx-40,
  reach-portal .sm\:-mx-40 {
    margin-left: -10rem !important;
    margin-right: -10rem !important
  }

  #navbarWrapper .sm\:-my-48,
  reach-portal .sm\:-my-48 {
    margin-bottom: -12rem !important;
    margin-top: -12rem !important
  }

  #navbarWrapper .sm\:-mx-48,
  reach-portal .sm\:-mx-48 {
    margin-left: -12rem !important;
    margin-right: -12rem !important
  }

  #navbarWrapper .sm\:-my-56,
  reach-portal .sm\:-my-56 {
    margin-bottom: -14rem !important;
    margin-top: -14rem !important
  }

  #navbarWrapper .sm\:-mx-56,
  reach-portal .sm\:-mx-56 {
    margin-left: -14rem !important;
    margin-right: -14rem !important
  }

  #navbarWrapper .sm\:-my-64,
  reach-portal .sm\:-my-64 {
    margin-bottom: -16rem !important;
    margin-top: -16rem !important
  }

  #navbarWrapper .sm\:-mx-64,
  reach-portal .sm\:-mx-64 {
    margin-left: -16rem !important;
    margin-right: -16rem !important
  }

  #navbarWrapper .sm\:-my-px,
  reach-portal .sm\:-my-px {
    margin-bottom: -1px !important;
    margin-top: -1px !important
  }

  #navbarWrapper .sm\:-mx-px,
  reach-portal .sm\:-mx-px {
    margin-left: -1px !important;
    margin-right: -1px !important
  }

  #navbarWrapper .sm\:mt-0,
  reach-portal .sm\:mt-0 {
    margin-top: 0 !important
  }

  #navbarWrapper .sm\:mr-0,
  reach-portal .sm\:mr-0 {
    margin-right: 0 !important
  }

  #navbarWrapper .sm\:mb-0,
  reach-portal .sm\:mb-0 {
    margin-bottom: 0 !important
  }

  #navbarWrapper .sm\:ml-0,
  reach-portal .sm\:ml-0 {
    margin-left: 0 !important
  }

  #navbarWrapper .sm\:mt-1,
  reach-portal .sm\:mt-1 {
    margin-top: .25rem !important
  }

  #navbarWrapper .sm\:mr-1,
  reach-portal .sm\:mr-1 {
    margin-right: .25rem !important
  }

  #navbarWrapper .sm\:mb-1,
  reach-portal .sm\:mb-1 {
    margin-bottom: .25rem !important
  }

  #navbarWrapper .sm\:ml-1,
  reach-portal .sm\:ml-1 {
    margin-left: .25rem !important
  }

  #navbarWrapper .sm\:mt-2,
  reach-portal .sm\:mt-2 {
    margin-top: .5rem !important
  }

  #navbarWrapper .sm\:mr-2,
  reach-portal .sm\:mr-2 {
    margin-right: .5rem !important
  }

  #navbarWrapper .sm\:mb-2,
  reach-portal .sm\:mb-2 {
    margin-bottom: .5rem !important
  }

  #navbarWrapper .sm\:ml-2,
  reach-portal .sm\:ml-2 {
    margin-left: .5rem !important
  }

  #navbarWrapper .sm\:mt-3,
  reach-portal .sm\:mt-3 {
    margin-top: .75rem !important
  }

  #navbarWrapper .sm\:mr-3,
  reach-portal .sm\:mr-3 {
    margin-right: .75rem !important
  }

  #navbarWrapper .sm\:mb-3,
  reach-portal .sm\:mb-3 {
    margin-bottom: .75rem !important
  }

  #navbarWrapper .sm\:ml-3,
  reach-portal .sm\:ml-3 {
    margin-left: .75rem !important
  }

  #navbarWrapper .sm\:mt-4,
  reach-portal .sm\:mt-4 {
    margin-top: 1rem !important
  }

  #navbarWrapper .sm\:mr-4,
  reach-portal .sm\:mr-4 {
    margin-right: 1rem !important
  }

  #navbarWrapper .sm\:mb-4,
  reach-portal .sm\:mb-4 {
    margin-bottom: 1rem !important
  }

  #navbarWrapper .sm\:ml-4,
  reach-portal .sm\:ml-4 {
    margin-left: 1rem !important
  }

  #navbarWrapper .sm\:mt-5,
  reach-portal .sm\:mt-5 {
    margin-top: 1.25rem !important
  }

  #navbarWrapper .sm\:mr-5,
  reach-portal .sm\:mr-5 {
    margin-right: 1.25rem !important
  }

  #navbarWrapper .sm\:mb-5,
  reach-portal .sm\:mb-5 {
    margin-bottom: 1.25rem !important
  }

  #navbarWrapper .sm\:ml-5,
  reach-portal .sm\:ml-5 {
    margin-left: 1.25rem !important
  }

  #navbarWrapper .sm\:mt-6,
  reach-portal .sm\:mt-6 {
    margin-top: 1.5rem !important
  }

  #navbarWrapper .sm\:mr-6,
  reach-portal .sm\:mr-6 {
    margin-right: 1.5rem !important
  }

  #navbarWrapper .sm\:mb-6,
  reach-portal .sm\:mb-6 {
    margin-bottom: 1.5rem !important
  }

  #navbarWrapper .sm\:ml-6,
  reach-portal .sm\:ml-6 {
    margin-left: 1.5rem !important
  }

  #navbarWrapper .sm\:mt-8,
  reach-portal .sm\:mt-8 {
    margin-top: 2rem !important
  }

  #navbarWrapper .sm\:mr-8,
  reach-portal .sm\:mr-8 {
    margin-right: 2rem !important
  }

  #navbarWrapper .sm\:mb-8,
  reach-portal .sm\:mb-8 {
    margin-bottom: 2rem !important
  }

  #navbarWrapper .sm\:ml-8,
  reach-portal .sm\:ml-8 {
    margin-left: 2rem !important
  }

  #navbarWrapper .sm\:mt-10,
  reach-portal .sm\:mt-10 {
    margin-top: 2.5rem !important
  }

  #navbarWrapper .sm\:mr-10,
  reach-portal .sm\:mr-10 {
    margin-right: 2.5rem !important
  }

  #navbarWrapper .sm\:mb-10,
  reach-portal .sm\:mb-10 {
    margin-bottom: 2.5rem !important
  }

  #navbarWrapper .sm\:ml-10,
  reach-portal .sm\:ml-10 {
    margin-left: 2.5rem !important
  }

  #navbarWrapper .sm\:mt-12,
  reach-portal .sm\:mt-12 {
    margin-top: 3rem !important
  }

  #navbarWrapper .sm\:mr-12,
  reach-portal .sm\:mr-12 {
    margin-right: 3rem !important
  }

  #navbarWrapper .sm\:mb-12,
  reach-portal .sm\:mb-12 {
    margin-bottom: 3rem !important
  }

  #navbarWrapper .sm\:ml-12,
  reach-portal .sm\:ml-12 {
    margin-left: 3rem !important
  }

  #navbarWrapper .sm\:mt-16,
  reach-portal .sm\:mt-16 {
    margin-top: 4rem !important
  }

  #navbarWrapper .sm\:mr-16,
  reach-portal .sm\:mr-16 {
    margin-right: 4rem !important
  }

  #navbarWrapper .sm\:mb-16,
  reach-portal .sm\:mb-16 {
    margin-bottom: 4rem !important
  }

  #navbarWrapper .sm\:ml-16,
  reach-portal .sm\:ml-16 {
    margin-left: 4rem !important
  }

  #navbarWrapper .sm\:mt-20,
  reach-portal .sm\:mt-20 {
    margin-top: 5rem !important
  }

  #navbarWrapper .sm\:mr-20,
  reach-portal .sm\:mr-20 {
    margin-right: 5rem !important
  }

  #navbarWrapper .sm\:mb-20,
  reach-portal .sm\:mb-20 {
    margin-bottom: 5rem !important
  }

  #navbarWrapper .sm\:ml-20,
  reach-portal .sm\:ml-20 {
    margin-left: 5rem !important
  }

  #navbarWrapper .sm\:mt-24,
  reach-portal .sm\:mt-24 {
    margin-top: 6rem !important
  }

  #navbarWrapper .sm\:mr-24,
  reach-portal .sm\:mr-24 {
    margin-right: 6rem !important
  }

  #navbarWrapper .sm\:mb-24,
  reach-portal .sm\:mb-24 {
    margin-bottom: 6rem !important
  }

  #navbarWrapper .sm\:ml-24,
  reach-portal .sm\:ml-24 {
    margin-left: 6rem !important
  }

  #navbarWrapper .sm\:mt-32,
  reach-portal .sm\:mt-32 {
    margin-top: 8rem !important
  }

  #navbarWrapper .sm\:mr-32,
  reach-portal .sm\:mr-32 {
    margin-right: 8rem !important
  }

  #navbarWrapper .sm\:mb-32,
  reach-portal .sm\:mb-32 {
    margin-bottom: 8rem !important
  }

  #navbarWrapper .sm\:ml-32,
  reach-portal .sm\:ml-32 {
    margin-left: 8rem !important
  }

  #navbarWrapper .sm\:mt-40,
  reach-portal .sm\:mt-40 {
    margin-top: 10rem !important
  }

  #navbarWrapper .sm\:mr-40,
  reach-portal .sm\:mr-40 {
    margin-right: 10rem !important
  }

  #navbarWrapper .sm\:mb-40,
  reach-portal .sm\:mb-40 {
    margin-bottom: 10rem !important
  }

  #navbarWrapper .sm\:ml-40,
  reach-portal .sm\:ml-40 {
    margin-left: 10rem !important
  }

  #navbarWrapper .sm\:mt-48,
  reach-portal .sm\:mt-48 {
    margin-top: 12rem !important
  }

  #navbarWrapper .sm\:mr-48,
  reach-portal .sm\:mr-48 {
    margin-right: 12rem !important
  }

  #navbarWrapper .sm\:mb-48,
  reach-portal .sm\:mb-48 {
    margin-bottom: 12rem !important
  }

  #navbarWrapper .sm\:ml-48,
  reach-portal .sm\:ml-48 {
    margin-left: 12rem !important
  }

  #navbarWrapper .sm\:mt-56,
  reach-portal .sm\:mt-56 {
    margin-top: 14rem !important
  }

  #navbarWrapper .sm\:mr-56,
  reach-portal .sm\:mr-56 {
    margin-right: 14rem !important
  }

  #navbarWrapper .sm\:mb-56,
  reach-portal .sm\:mb-56 {
    margin-bottom: 14rem !important
  }

  #navbarWrapper .sm\:ml-56,
  reach-portal .sm\:ml-56 {
    margin-left: 14rem !important
  }

  #navbarWrapper .sm\:mt-64,
  reach-portal .sm\:mt-64 {
    margin-top: 16rem !important
  }

  #navbarWrapper .sm\:mr-64,
  reach-portal .sm\:mr-64 {
    margin-right: 16rem !important
  }

  #navbarWrapper .sm\:mb-64,
  reach-portal .sm\:mb-64 {
    margin-bottom: 16rem !important
  }

  #navbarWrapper .sm\:ml-64,
  reach-portal .sm\:ml-64 {
    margin-left: 16rem !important
  }

  #navbarWrapper .sm\:mt-auto,
  reach-portal .sm\:mt-auto {
    margin-top: auto !important
  }

  #navbarWrapper .sm\:mr-auto,
  reach-portal .sm\:mr-auto {
    margin-right: auto !important
  }

  #navbarWrapper .sm\:mb-auto,
  reach-portal .sm\:mb-auto {
    margin-bottom: auto !important
  }

  #navbarWrapper .sm\:ml-auto,
  reach-portal .sm\:ml-auto {
    margin-left: auto !important
  }

  #navbarWrapper .sm\:mt-px,
  reach-portal .sm\:mt-px {
    margin-top: 1px !important
  }

  #navbarWrapper .sm\:mr-px,
  reach-portal .sm\:mr-px {
    margin-right: 1px !important
  }

  #navbarWrapper .sm\:mb-px,
  reach-portal .sm\:mb-px {
    margin-bottom: 1px !important
  }

  #navbarWrapper .sm\:ml-px,
  reach-portal .sm\:ml-px {
    margin-left: 1px !important
  }

  #navbarWrapper .sm\:-mt-1,
  reach-portal .sm\:-mt-1 {
    margin-top: -.25rem !important
  }

  #navbarWrapper .sm\:-mr-1,
  reach-portal .sm\:-mr-1 {
    margin-right: -.25rem !important
  }

  #navbarWrapper .sm\:-mb-1,
  reach-portal .sm\:-mb-1 {
    margin-bottom: -.25rem !important
  }

  #navbarWrapper .sm\:-ml-1,
  reach-portal .sm\:-ml-1 {
    margin-left: -.25rem !important
  }

  #navbarWrapper .sm\:-mt-2,
  reach-portal .sm\:-mt-2 {
    margin-top: -.5rem !important
  }

  #navbarWrapper .sm\:-mr-2,
  reach-portal .sm\:-mr-2 {
    margin-right: -.5rem !important
  }

  #navbarWrapper .sm\:-mb-2,
  reach-portal .sm\:-mb-2 {
    margin-bottom: -.5rem !important
  }

  #navbarWrapper .sm\:-ml-2,
  reach-portal .sm\:-ml-2 {
    margin-left: -.5rem !important
  }

  #navbarWrapper .sm\:-mt-3,
  reach-portal .sm\:-mt-3 {
    margin-top: -.75rem !important
  }

  #navbarWrapper .sm\:-mr-3,
  reach-portal .sm\:-mr-3 {
    margin-right: -.75rem !important
  }

  #navbarWrapper .sm\:-mb-3,
  reach-portal .sm\:-mb-3 {
    margin-bottom: -.75rem !important
  }

  #navbarWrapper .sm\:-ml-3,
  reach-portal .sm\:-ml-3 {
    margin-left: -.75rem !important
  }

  #navbarWrapper .sm\:-mt-4,
  reach-portal .sm\:-mt-4 {
    margin-top: -1rem !important
  }

  #navbarWrapper .sm\:-mr-4,
  reach-portal .sm\:-mr-4 {
    margin-right: -1rem !important
  }

  #navbarWrapper .sm\:-mb-4,
  reach-portal .sm\:-mb-4 {
    margin-bottom: -1rem !important
  }

  #navbarWrapper .sm\:-ml-4,
  reach-portal .sm\:-ml-4 {
    margin-left: -1rem !important
  }

  #navbarWrapper .sm\:-mt-5,
  reach-portal .sm\:-mt-5 {
    margin-top: -1.25rem !important
  }

  #navbarWrapper .sm\:-mr-5,
  reach-portal .sm\:-mr-5 {
    margin-right: -1.25rem !important
  }

  #navbarWrapper .sm\:-mb-5,
  reach-portal .sm\:-mb-5 {
    margin-bottom: -1.25rem !important
  }

  #navbarWrapper .sm\:-ml-5,
  reach-portal .sm\:-ml-5 {
    margin-left: -1.25rem !important
  }

  #navbarWrapper .sm\:-mt-6,
  reach-portal .sm\:-mt-6 {
    margin-top: -1.5rem !important
  }

  #navbarWrapper .sm\:-mr-6,
  reach-portal .sm\:-mr-6 {
    margin-right: -1.5rem !important
  }

  #navbarWrapper .sm\:-mb-6,
  reach-portal .sm\:-mb-6 {
    margin-bottom: -1.5rem !important
  }

  #navbarWrapper .sm\:-ml-6,
  reach-portal .sm\:-ml-6 {
    margin-left: -1.5rem !important
  }

  #navbarWrapper .sm\:-mt-8,
  reach-portal .sm\:-mt-8 {
    margin-top: -2rem !important
  }

  #navbarWrapper .sm\:-mr-8,
  reach-portal .sm\:-mr-8 {
    margin-right: -2rem !important
  }

  #navbarWrapper .sm\:-mb-8,
  reach-portal .sm\:-mb-8 {
    margin-bottom: -2rem !important
  }

  #navbarWrapper .sm\:-ml-8,
  reach-portal .sm\:-ml-8 {
    margin-left: -2rem !important
  }

  #navbarWrapper .sm\:-mt-10,
  reach-portal .sm\:-mt-10 {
    margin-top: -2.5rem !important
  }

  #navbarWrapper .sm\:-mr-10,
  reach-portal .sm\:-mr-10 {
    margin-right: -2.5rem !important
  }

  #navbarWrapper .sm\:-mb-10,
  reach-portal .sm\:-mb-10 {
    margin-bottom: -2.5rem !important
  }

  #navbarWrapper .sm\:-ml-10,
  reach-portal .sm\:-ml-10 {
    margin-left: -2.5rem !important
  }

  #navbarWrapper .sm\:-mt-12,
  reach-portal .sm\:-mt-12 {
    margin-top: -3rem !important
  }

  #navbarWrapper .sm\:-mr-12,
  reach-portal .sm\:-mr-12 {
    margin-right: -3rem !important
  }

  #navbarWrapper .sm\:-mb-12,
  reach-portal .sm\:-mb-12 {
    margin-bottom: -3rem !important
  }

  #navbarWrapper .sm\:-ml-12,
  reach-portal .sm\:-ml-12 {
    margin-left: -3rem !important
  }

  #navbarWrapper .sm\:-mt-16,
  reach-portal .sm\:-mt-16 {
    margin-top: -4rem !important
  }

  #navbarWrapper .sm\:-mr-16,
  reach-portal .sm\:-mr-16 {
    margin-right: -4rem !important
  }

  #navbarWrapper .sm\:-mb-16,
  reach-portal .sm\:-mb-16 {
    margin-bottom: -4rem !important
  }

  #navbarWrapper .sm\:-ml-16,
  reach-portal .sm\:-ml-16 {
    margin-left: -4rem !important
  }

  #navbarWrapper .sm\:-mt-20,
  reach-portal .sm\:-mt-20 {
    margin-top: -5rem !important
  }

  #navbarWrapper .sm\:-mr-20,
  reach-portal .sm\:-mr-20 {
    margin-right: -5rem !important
  }

  #navbarWrapper .sm\:-mb-20,
  reach-portal .sm\:-mb-20 {
    margin-bottom: -5rem !important
  }

  #navbarWrapper .sm\:-ml-20,
  reach-portal .sm\:-ml-20 {
    margin-left: -5rem !important
  }

  #navbarWrapper .sm\:-mt-24,
  reach-portal .sm\:-mt-24 {
    margin-top: -6rem !important
  }

  #navbarWrapper .sm\:-mr-24,
  reach-portal .sm\:-mr-24 {
    margin-right: -6rem !important
  }

  #navbarWrapper .sm\:-mb-24,
  reach-portal .sm\:-mb-24 {
    margin-bottom: -6rem !important
  }

  #navbarWrapper .sm\:-ml-24,
  reach-portal .sm\:-ml-24 {
    margin-left: -6rem !important
  }

  #navbarWrapper .sm\:-mt-32,
  reach-portal .sm\:-mt-32 {
    margin-top: -8rem !important
  }

  #navbarWrapper .sm\:-mr-32,
  reach-portal .sm\:-mr-32 {
    margin-right: -8rem !important
  }

  #navbarWrapper .sm\:-mb-32,
  reach-portal .sm\:-mb-32 {
    margin-bottom: -8rem !important
  }

  #navbarWrapper .sm\:-ml-32,
  reach-portal .sm\:-ml-32 {
    margin-left: -8rem !important
  }

  #navbarWrapper .sm\:-mt-40,
  reach-portal .sm\:-mt-40 {
    margin-top: -10rem !important
  }

  #navbarWrapper .sm\:-mr-40,
  reach-portal .sm\:-mr-40 {
    margin-right: -10rem !important
  }

  #navbarWrapper .sm\:-mb-40,
  reach-portal .sm\:-mb-40 {
    margin-bottom: -10rem !important
  }

  #navbarWrapper .sm\:-ml-40,
  reach-portal .sm\:-ml-40 {
    margin-left: -10rem !important
  }

  #navbarWrapper .sm\:-mt-48,
  reach-portal .sm\:-mt-48 {
    margin-top: -12rem !important
  }

  #navbarWrapper .sm\:-mr-48,
  reach-portal .sm\:-mr-48 {
    margin-right: -12rem !important
  }

  #navbarWrapper .sm\:-mb-48,
  reach-portal .sm\:-mb-48 {
    margin-bottom: -12rem !important
  }

  #navbarWrapper .sm\:-ml-48,
  reach-portal .sm\:-ml-48 {
    margin-left: -12rem !important
  }

  #navbarWrapper .sm\:-mt-56,
  reach-portal .sm\:-mt-56 {
    margin-top: -14rem !important
  }

  #navbarWrapper .sm\:-mr-56,
  reach-portal .sm\:-mr-56 {
    margin-right: -14rem !important
  }

  #navbarWrapper .sm\:-mb-56,
  reach-portal .sm\:-mb-56 {
    margin-bottom: -14rem !important
  }

  #navbarWrapper .sm\:-ml-56,
  reach-portal .sm\:-ml-56 {
    margin-left: -14rem !important
  }

  #navbarWrapper .sm\:-mt-64,
  reach-portal .sm\:-mt-64 {
    margin-top: -16rem !important
  }

  #navbarWrapper .sm\:-mr-64,
  reach-portal .sm\:-mr-64 {
    margin-right: -16rem !important
  }

  #navbarWrapper .sm\:-mb-64,
  reach-portal .sm\:-mb-64 {
    margin-bottom: -16rem !important
  }

  #navbarWrapper .sm\:-ml-64,
  reach-portal .sm\:-ml-64 {
    margin-left: -16rem !important
  }

  #navbarWrapper .sm\:-mt-px,
  reach-portal .sm\:-mt-px {
    margin-top: -1px !important
  }

  #navbarWrapper .sm\:-mr-px,
  reach-portal .sm\:-mr-px {
    margin-right: -1px !important
  }

  #navbarWrapper .sm\:-mb-px,
  reach-portal .sm\:-mb-px {
    margin-bottom: -1px !important
  }

  #navbarWrapper .sm\:-ml-px,
  reach-portal .sm\:-ml-px {
    margin-left: -1px !important
  }

  #navbarWrapper .sm\:max-h-full,
  reach-portal .sm\:max-h-full {
    max-height: 100% !important
  }

  #navbarWrapper .sm\:max-h-screen,
  reach-portal .sm\:max-h-screen {
    max-height: 100vh !important
  }

  #navbarWrapper .sm\:max-w-none,
  reach-portal .sm\:max-w-none {
    max-width: none !important
  }

  #navbarWrapper .sm\:max-w-xs,
  reach-portal .sm\:max-w-xs {
    max-width: 20rem !important
  }

  #navbarWrapper .sm\:max-w-sm,
  reach-portal .sm\:max-w-sm {
    max-width: 24rem !important
  }

  #navbarWrapper .sm\:max-w-md,
  reach-portal .sm\:max-w-md {
    max-width: 28rem !important
  }

  #navbarWrapper .sm\:max-w-lg,
  reach-portal .sm\:max-w-lg {
    max-width: 32rem !important
  }

  #navbarWrapper .sm\:max-w-xl,
  reach-portal .sm\:max-w-xl {
    max-width: 36rem !important
  }

  #navbarWrapper .sm\:max-w-2xl,
  reach-portal .sm\:max-w-2xl {
    max-width: 42rem !important
  }

  #navbarWrapper .sm\:max-w-3xl,
  reach-portal .sm\:max-w-3xl {
    max-width: 48rem !important
  }

  #navbarWrapper .sm\:max-w-4xl,
  reach-portal .sm\:max-w-4xl {
    max-width: 56rem !important
  }

  #navbarWrapper .sm\:max-w-5xl,
  reach-portal .sm\:max-w-5xl {
    max-width: 64rem !important
  }

  #navbarWrapper .sm\:max-w-6xl,
  reach-portal .sm\:max-w-6xl {
    max-width: 72rem !important
  }

  #navbarWrapper .sm\:max-w-full,
  reach-portal .sm\:max-w-full {
    max-width: 100% !important
  }

  #navbarWrapper .sm\:max-w-screen-sm,
  reach-portal .sm\:max-w-screen-sm {
    max-width: 576px !important
  }

  #navbarWrapper .sm\:max-w-screen-md,
  reach-portal .sm\:max-w-screen-md {
    max-width: 768px !important
  }

  #navbarWrapper .sm\:max-w-screen-lg,
  reach-portal .sm\:max-w-screen-lg {
    max-width: 992px !important
  }

  #navbarWrapper .sm\:max-w-screen-xl,
  reach-portal .sm\:max-w-screen-xl {
    max-width: 1200px !important
  }

  #navbarWrapper .sm\:min-h-0,
  reach-portal .sm\:min-h-0 {
    min-height: 0 !important
  }

  #navbarWrapper .sm\:min-h-full,
  reach-portal .sm\:min-h-full {
    min-height: 100% !important
  }

  #navbarWrapper .sm\:min-h-screen,
  reach-portal .sm\:min-h-screen {
    min-height: 100vh !important
  }

  #navbarWrapper .sm\:min-w-0,
  reach-portal .sm\:min-w-0 {
    min-width: 0 !important
  }

  #navbarWrapper .sm\:min-w-full,
  reach-portal .sm\:min-w-full {
    min-width: 100% !important
  }

  #navbarWrapper .sm\:object-contain,
  reach-portal .sm\:object-contain {
    object-fit: contain !important
  }

  #navbarWrapper .sm\:object-cover,
  reach-portal .sm\:object-cover {
    object-fit: cover !important
  }

  #navbarWrapper .sm\:object-fill,
  reach-portal .sm\:object-fill {
    object-fit: fill !important
  }

  #navbarWrapper .sm\:object-none,
  reach-portal .sm\:object-none {
    object-fit: none !important
  }

  #navbarWrapper .sm\:object-scale-down,
  reach-portal .sm\:object-scale-down {
    object-fit: scale-down !important
  }

  #navbarWrapper .sm\:object-bottom,
  reach-portal .sm\:object-bottom {
    object-position: bottom !important
  }

  #navbarWrapper .sm\:object-center,
  reach-portal .sm\:object-center {
    object-position: center !important
  }

  #navbarWrapper .sm\:object-left,
  reach-portal .sm\:object-left {
    object-position: left !important
  }

  #navbarWrapper .sm\:object-left-bottom,
  reach-portal .sm\:object-left-bottom {
    object-position: left bottom !important
  }

  #navbarWrapper .sm\:object-left-top,
  reach-portal .sm\:object-left-top {
    object-position: left top !important
  }

  #navbarWrapper .sm\:object-right,
  reach-portal .sm\:object-right {
    object-position: right !important
  }

  #navbarWrapper .sm\:object-right-bottom,
  reach-portal .sm\:object-right-bottom {
    object-position: right bottom !important
  }

  #navbarWrapper .sm\:object-right-top,
  reach-portal .sm\:object-right-top {
    object-position: right top !important
  }

  #navbarWrapper .sm\:object-top,
  reach-portal .sm\:object-top {
    object-position: top !important
  }

  #navbarWrapper .sm\:opacity-0,
  reach-portal .sm\:opacity-0 {
    opacity: 0 !important
  }

  #navbarWrapper .sm\:opacity-25,
  reach-portal .sm\:opacity-25 {
    opacity: .25 !important
  }

  #navbarWrapper .sm\:opacity-50,
  reach-portal .sm\:opacity-50 {
    opacity: .5 !important
  }

  #navbarWrapper .sm\:opacity-75,
  reach-portal .sm\:opacity-75 {
    opacity: .75 !important
  }

  #navbarWrapper .sm\:opacity-100,
  reach-portal .sm\:opacity-100 {
    opacity: 1 !important
  }

  #navbarWrapper .sm\:hover\:opacity-0:hover,
  reach-portal .sm\:hover\:opacity-0:hover {
    opacity: 0 !important
  }

  #navbarWrapper .sm\:hover\:opacity-25:hover,
  reach-portal .sm\:hover\:opacity-25:hover {
    opacity: .25 !important
  }

  #navbarWrapper .sm\:hover\:opacity-50:hover,
  reach-portal .sm\:hover\:opacity-50:hover {
    opacity: .5 !important
  }

  #navbarWrapper .sm\:hover\:opacity-75:hover,
  reach-portal .sm\:hover\:opacity-75:hover {
    opacity: .75 !important
  }

  #navbarWrapper .sm\:hover\:opacity-100:hover,
  reach-portal .sm\:hover\:opacity-100:hover {
    opacity: 1 !important
  }

  #navbarWrapper .sm\:focus\:outline-none:focus,
  #navbarWrapper .sm\:outline-none,
  reach-portal .sm\:focus\:outline-none:focus,
  reach-portal .sm\:outline-none {
    outline: 0 !important
  }

  #navbarWrapper .sm\:overflow-auto,
  reach-portal .sm\:overflow-auto {
    overflow: auto !important
  }

  #navbarWrapper .sm\:overflow-hidden,
  reach-portal .sm\:overflow-hidden {
    overflow: hidden !important
  }

  #navbarWrapper .sm\:overflow-visible,
  reach-portal .sm\:overflow-visible {
    overflow: visible !important
  }

  #navbarWrapper .sm\:overflow-scroll,
  reach-portal .sm\:overflow-scroll {
    overflow: scroll !important
  }

  #navbarWrapper .sm\:overflow-x-auto,
  reach-portal .sm\:overflow-x-auto {
    overflow-x: auto !important
  }

  #navbarWrapper .sm\:overflow-y-auto,
  reach-portal .sm\:overflow-y-auto {
    overflow-y: auto !important
  }

  #navbarWrapper .sm\:overflow-x-hidden,
  reach-portal .sm\:overflow-x-hidden {
    overflow-x: hidden !important
  }

  #navbarWrapper .sm\:overflow-y-hidden,
  reach-portal .sm\:overflow-y-hidden {
    overflow-y: hidden !important
  }

  #navbarWrapper .sm\:overflow-x-visible,
  reach-portal .sm\:overflow-x-visible {
    overflow-x: visible !important
  }

  #navbarWrapper .sm\:overflow-y-visible,
  reach-portal .sm\:overflow-y-visible {
    overflow-y: visible !important
  }

  #navbarWrapper .sm\:overflow-x-scroll,
  reach-portal .sm\:overflow-x-scroll {
    overflow-x: scroll !important
  }

  #navbarWrapper .sm\:overflow-y-scroll,
  reach-portal .sm\:overflow-y-scroll {
    overflow-y: scroll !important
  }

  #navbarWrapper .sm\:scrolling-touch,
  reach-portal .sm\:scrolling-touch {
    -webkit-overflow-scrolling: touch !important
  }

  #navbarWrapper .sm\:scrolling-auto,
  reach-portal .sm\:scrolling-auto {
    -webkit-overflow-scrolling: auto !important
  }

  #navbarWrapper .sm\:p-0,
  reach-portal .sm\:p-0 {
    padding: 0 !important
  }

  #navbarWrapper .sm\:p-1,
  reach-portal .sm\:p-1 {
    padding: .25rem !important
  }

  #navbarWrapper .sm\:p-2,
  reach-portal .sm\:p-2 {
    padding: .5rem !important
  }

  #navbarWrapper .sm\:p-3,
  reach-portal .sm\:p-3 {
    padding: .75rem !important
  }

  #navbarWrapper .sm\:p-4,
  reach-portal .sm\:p-4 {
    padding: 1rem !important
  }

  #navbarWrapper .sm\:p-5,
  reach-portal .sm\:p-5 {
    padding: 1.25rem !important
  }

  #navbarWrapper .sm\:p-6,
  reach-portal .sm\:p-6 {
    padding: 1.5rem !important
  }

  #navbarWrapper .sm\:p-8,
  reach-portal .sm\:p-8 {
    padding: 2rem !important
  }

  #navbarWrapper .sm\:p-10,
  reach-portal .sm\:p-10 {
    padding: 2.5rem !important
  }

  #navbarWrapper .sm\:p-12,
  reach-portal .sm\:p-12 {
    padding: 3rem !important
  }

  #navbarWrapper .sm\:p-16,
  reach-portal .sm\:p-16 {
    padding: 4rem !important
  }

  #navbarWrapper .sm\:p-20,
  reach-portal .sm\:p-20 {
    padding: 5rem !important
  }

  #navbarWrapper .sm\:p-24,
  reach-portal .sm\:p-24 {
    padding: 6rem !important
  }

  #navbarWrapper .sm\:p-32,
  reach-portal .sm\:p-32 {
    padding: 8rem !important
  }

  #navbarWrapper .sm\:p-40,
  reach-portal .sm\:p-40 {
    padding: 10rem !important
  }

  #navbarWrapper .sm\:p-48,
  reach-portal .sm\:p-48 {
    padding: 12rem !important
  }

  #navbarWrapper .sm\:p-56,
  reach-portal .sm\:p-56 {
    padding: 14rem !important
  }

  #navbarWrapper .sm\:p-64,
  reach-portal .sm\:p-64 {
    padding: 16rem !important
  }

  #navbarWrapper .sm\:p-px,
  reach-portal .sm\:p-px {
    padding: 1px !important
  }

  #navbarWrapper .sm\:py-0,
  reach-portal .sm\:py-0 {
    padding-bottom: 0 !important;
    padding-top: 0 !important
  }

  #navbarWrapper .sm\:px-0,
  reach-portal .sm\:px-0 {
    padding-left: 0 !important;
    padding-right: 0 !important
  }

  #navbarWrapper .sm\:py-1,
  reach-portal .sm\:py-1 {
    padding-bottom: .25rem !important;
    padding-top: .25rem !important
  }

  #navbarWrapper .sm\:px-1,
  reach-portal .sm\:px-1 {
    padding-left: .25rem !important;
    padding-right: .25rem !important
  }

  #navbarWrapper .sm\:py-2,
  reach-portal .sm\:py-2 {
    padding-bottom: .5rem !important;
    padding-top: .5rem !important
  }

  #navbarWrapper .sm\:px-2,
  reach-portal .sm\:px-2 {
    padding-left: .5rem !important;
    padding-right: .5rem !important
  }

  #navbarWrapper .sm\:py-3,
  reach-portal .sm\:py-3 {
    padding-bottom: .75rem !important;
    padding-top: .75rem !important
  }

  #navbarWrapper .sm\:px-3,
  reach-portal .sm\:px-3 {
    padding-left: .75rem !important;
    padding-right: .75rem !important
  }

  #navbarWrapper .sm\:py-4,
  reach-portal .sm\:py-4 {
    padding-bottom: 1rem !important;
    padding-top: 1rem !important
  }

  #navbarWrapper .sm\:px-4,
  reach-portal .sm\:px-4 {
    padding-left: 1rem !important;
    padding-right: 1rem !important
  }

  #navbarWrapper .sm\:py-5,
  reach-portal .sm\:py-5 {
    padding-bottom: 1.25rem !important;
    padding-top: 1.25rem !important
  }

  #navbarWrapper .sm\:px-5,
  reach-portal .sm\:px-5 {
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important
  }

  #navbarWrapper .sm\:py-6,
  reach-portal .sm\:py-6 {
    padding-bottom: 1.5rem !important;
    padding-top: 1.5rem !important
  }

  #navbarWrapper .sm\:px-6,
  reach-portal .sm\:px-6 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important
  }

  #navbarWrapper .sm\:py-8,
  reach-portal .sm\:py-8 {
    padding-bottom: 2rem !important;
    padding-top: 2rem !important
  }

  #navbarWrapper .sm\:px-8,
  reach-portal .sm\:px-8 {
    padding-left: 2rem !important;
    padding-right: 2rem !important
  }

  #navbarWrapper .sm\:py-10,
  reach-portal .sm\:py-10 {
    padding-bottom: 2.5rem !important;
    padding-top: 2.5rem !important
  }

  #navbarWrapper .sm\:px-10,
  reach-portal .sm\:px-10 {
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important
  }

  #navbarWrapper .sm\:py-12,
  reach-portal .sm\:py-12 {
    padding-bottom: 3rem !important;
    padding-top: 3rem !important
  }

  #navbarWrapper .sm\:px-12,
  reach-portal .sm\:px-12 {
    padding-left: 3rem !important;
    padding-right: 3rem !important
  }

  #navbarWrapper .sm\:py-16,
  reach-portal .sm\:py-16 {
    padding-bottom: 4rem !important;
    padding-top: 4rem !important
  }

  #navbarWrapper .sm\:px-16,
  reach-portal .sm\:px-16 {
    padding-left: 4rem !important;
    padding-right: 4rem !important
  }

  #navbarWrapper .sm\:py-20,
  reach-portal .sm\:py-20 {
    padding-bottom: 5rem !important;
    padding-top: 5rem !important
  }

  #navbarWrapper .sm\:px-20,
  reach-portal .sm\:px-20 {
    padding-left: 5rem !important;
    padding-right: 5rem !important
  }

  #navbarWrapper .sm\:py-24,
  reach-portal .sm\:py-24 {
    padding-bottom: 6rem !important;
    padding-top: 6rem !important
  }

  #navbarWrapper .sm\:px-24,
  reach-portal .sm\:px-24 {
    padding-left: 6rem !important;
    padding-right: 6rem !important
  }

  #navbarWrapper .sm\:py-32,
  reach-portal .sm\:py-32 {
    padding-bottom: 8rem !important;
    padding-top: 8rem !important
  }

  #navbarWrapper .sm\:px-32,
  reach-portal .sm\:px-32 {
    padding-left: 8rem !important;
    padding-right: 8rem !important
  }

  #navbarWrapper .sm\:py-40,
  reach-portal .sm\:py-40 {
    padding-bottom: 10rem !important;
    padding-top: 10rem !important
  }

  #navbarWrapper .sm\:px-40,
  reach-portal .sm\:px-40 {
    padding-left: 10rem !important;
    padding-right: 10rem !important
  }

  #navbarWrapper .sm\:py-48,
  reach-portal .sm\:py-48 {
    padding-bottom: 12rem !important;
    padding-top: 12rem !important
  }

  #navbarWrapper .sm\:px-48,
  reach-portal .sm\:px-48 {
    padding-left: 12rem !important;
    padding-right: 12rem !important
  }

  #navbarWrapper .sm\:py-56,
  reach-portal .sm\:py-56 {
    padding-bottom: 14rem !important;
    padding-top: 14rem !important
  }

  #navbarWrapper .sm\:px-56,
  reach-portal .sm\:px-56 {
    padding-left: 14rem !important;
    padding-right: 14rem !important
  }

  #navbarWrapper .sm\:py-64,
  reach-portal .sm\:py-64 {
    padding-bottom: 16rem !important;
    padding-top: 16rem !important
  }

  #navbarWrapper .sm\:px-64,
  reach-portal .sm\:px-64 {
    padding-left: 16rem !important;
    padding-right: 16rem !important
  }

  #navbarWrapper .sm\:py-px,
  reach-portal .sm\:py-px {
    padding-bottom: 1px !important;
    padding-top: 1px !important
  }

  #navbarWrapper .sm\:px-px,
  reach-portal .sm\:px-px {
    padding-left: 1px !important;
    padding-right: 1px !important
  }

  #navbarWrapper .sm\:pt-0,
  reach-portal .sm\:pt-0 {
    padding-top: 0 !important
  }

  #navbarWrapper .sm\:pr-0,
  reach-portal .sm\:pr-0 {
    padding-right: 0 !important
  }

  #navbarWrapper .sm\:pb-0,
  reach-portal .sm\:pb-0 {
    padding-bottom: 0 !important
  }

  #navbarWrapper .sm\:pl-0,
  reach-portal .sm\:pl-0 {
    padding-left: 0 !important
  }

  #navbarWrapper .sm\:pt-1,
  reach-portal .sm\:pt-1 {
    padding-top: .25rem !important
  }

  #navbarWrapper .sm\:pr-1,
  reach-portal .sm\:pr-1 {
    padding-right: .25rem !important
  }

  #navbarWrapper .sm\:pb-1,
  reach-portal .sm\:pb-1 {
    padding-bottom: .25rem !important
  }

  #navbarWrapper .sm\:pl-1,
  reach-portal .sm\:pl-1 {
    padding-left: .25rem !important
  }

  #navbarWrapper .sm\:pt-2,
  reach-portal .sm\:pt-2 {
    padding-top: .5rem !important
  }

  #navbarWrapper .sm\:pr-2,
  reach-portal .sm\:pr-2 {
    padding-right: .5rem !important
  }

  #navbarWrapper .sm\:pb-2,
  reach-portal .sm\:pb-2 {
    padding-bottom: .5rem !important
  }

  #navbarWrapper .sm\:pl-2,
  reach-portal .sm\:pl-2 {
    padding-left: .5rem !important
  }

  #navbarWrapper .sm\:pt-3,
  reach-portal .sm\:pt-3 {
    padding-top: .75rem !important
  }

  #navbarWrapper .sm\:pr-3,
  reach-portal .sm\:pr-3 {
    padding-right: .75rem !important
  }

  #navbarWrapper .sm\:pb-3,
  reach-portal .sm\:pb-3 {
    padding-bottom: .75rem !important
  }

  #navbarWrapper .sm\:pl-3,
  reach-portal .sm\:pl-3 {
    padding-left: .75rem !important
  }

  #navbarWrapper .sm\:pt-4,
  reach-portal .sm\:pt-4 {
    padding-top: 1rem !important
  }

  #navbarWrapper .sm\:pr-4,
  reach-portal .sm\:pr-4 {
    padding-right: 1rem !important
  }

  #navbarWrapper .sm\:pb-4,
  reach-portal .sm\:pb-4 {
    padding-bottom: 1rem !important
  }

  #navbarWrapper .sm\:pl-4,
  reach-portal .sm\:pl-4 {
    padding-left: 1rem !important
  }

  #navbarWrapper .sm\:pt-5,
  reach-portal .sm\:pt-5 {
    padding-top: 1.25rem !important
  }

  #navbarWrapper .sm\:pr-5,
  reach-portal .sm\:pr-5 {
    padding-right: 1.25rem !important
  }

  #navbarWrapper .sm\:pb-5,
  reach-portal .sm\:pb-5 {
    padding-bottom: 1.25rem !important
  }

  #navbarWrapper .sm\:pl-5,
  reach-portal .sm\:pl-5 {
    padding-left: 1.25rem !important
  }

  #navbarWrapper .sm\:pt-6,
  reach-portal .sm\:pt-6 {
    padding-top: 1.5rem !important
  }

  #navbarWrapper .sm\:pr-6,
  reach-portal .sm\:pr-6 {
    padding-right: 1.5rem !important
  }

  #navbarWrapper .sm\:pb-6,
  reach-portal .sm\:pb-6 {
    padding-bottom: 1.5rem !important
  }

  #navbarWrapper .sm\:pl-6,
  reach-portal .sm\:pl-6 {
    padding-left: 1.5rem !important
  }

  #navbarWrapper .sm\:pt-8,
  reach-portal .sm\:pt-8 {
    padding-top: 2rem !important
  }

  #navbarWrapper .sm\:pr-8,
  reach-portal .sm\:pr-8 {
    padding-right: 2rem !important
  }

  #navbarWrapper .sm\:pb-8,
  reach-portal .sm\:pb-8 {
    padding-bottom: 2rem !important
  }

  #navbarWrapper .sm\:pl-8,
  reach-portal .sm\:pl-8 {
    padding-left: 2rem !important
  }

  #navbarWrapper .sm\:pt-10,
  reach-portal .sm\:pt-10 {
    padding-top: 2.5rem !important
  }

  #navbarWrapper .sm\:pr-10,
  reach-portal .sm\:pr-10 {
    padding-right: 2.5rem !important
  }

  #navbarWrapper .sm\:pb-10,
  reach-portal .sm\:pb-10 {
    padding-bottom: 2.5rem !important
  }

  #navbarWrapper .sm\:pl-10,
  reach-portal .sm\:pl-10 {
    padding-left: 2.5rem !important
  }

  #navbarWrapper .sm\:pt-12,
  reach-portal .sm\:pt-12 {
    padding-top: 3rem !important
  }

  #navbarWrapper .sm\:pr-12,
  reach-portal .sm\:pr-12 {
    padding-right: 3rem !important
  }

  #navbarWrapper .sm\:pb-12,
  reach-portal .sm\:pb-12 {
    padding-bottom: 3rem !important
  }

  #navbarWrapper .sm\:pl-12,
  reach-portal .sm\:pl-12 {
    padding-left: 3rem !important
  }

  #navbarWrapper .sm\:pt-16,
  reach-portal .sm\:pt-16 {
    padding-top: 4rem !important
  }

  #navbarWrapper .sm\:pr-16,
  reach-portal .sm\:pr-16 {
    padding-right: 4rem !important
  }

  #navbarWrapper .sm\:pb-16,
  reach-portal .sm\:pb-16 {
    padding-bottom: 4rem !important
  }

  #navbarWrapper .sm\:pl-16,
  reach-portal .sm\:pl-16 {
    padding-left: 4rem !important
  }

  #navbarWrapper .sm\:pt-20,
  reach-portal .sm\:pt-20 {
    padding-top: 5rem !important
  }

  #navbarWrapper .sm\:pr-20,
  reach-portal .sm\:pr-20 {
    padding-right: 5rem !important
  }

  #navbarWrapper .sm\:pb-20,
  reach-portal .sm\:pb-20 {
    padding-bottom: 5rem !important
  }

  #navbarWrapper .sm\:pl-20,
  reach-portal .sm\:pl-20 {
    padding-left: 5rem !important
  }

  #navbarWrapper .sm\:pt-24,
  reach-portal .sm\:pt-24 {
    padding-top: 6rem !important
  }

  #navbarWrapper .sm\:pr-24,
  reach-portal .sm\:pr-24 {
    padding-right: 6rem !important
  }

  #navbarWrapper .sm\:pb-24,
  reach-portal .sm\:pb-24 {
    padding-bottom: 6rem !important
  }

  #navbarWrapper .sm\:pl-24,
  reach-portal .sm\:pl-24 {
    padding-left: 6rem !important
  }

  #navbarWrapper .sm\:pt-32,
  reach-portal .sm\:pt-32 {
    padding-top: 8rem !important
  }

  #navbarWrapper .sm\:pr-32,
  reach-portal .sm\:pr-32 {
    padding-right: 8rem !important
  }

  #navbarWrapper .sm\:pb-32,
  reach-portal .sm\:pb-32 {
    padding-bottom: 8rem !important
  }

  #navbarWrapper .sm\:pl-32,
  reach-portal .sm\:pl-32 {
    padding-left: 8rem !important
  }

  #navbarWrapper .sm\:pt-40,
  reach-portal .sm\:pt-40 {
    padding-top: 10rem !important
  }

  #navbarWrapper .sm\:pr-40,
  reach-portal .sm\:pr-40 {
    padding-right: 10rem !important
  }

  #navbarWrapper .sm\:pb-40,
  reach-portal .sm\:pb-40 {
    padding-bottom: 10rem !important
  }

  #navbarWrapper .sm\:pl-40,
  reach-portal .sm\:pl-40 {
    padding-left: 10rem !important
  }

  #navbarWrapper .sm\:pt-48,
  reach-portal .sm\:pt-48 {
    padding-top: 12rem !important
  }

  #navbarWrapper .sm\:pr-48,
  reach-portal .sm\:pr-48 {
    padding-right: 12rem !important
  }

  #navbarWrapper .sm\:pb-48,
  reach-portal .sm\:pb-48 {
    padding-bottom: 12rem !important
  }

  #navbarWrapper .sm\:pl-48,
  reach-portal .sm\:pl-48 {
    padding-left: 12rem !important
  }

  #navbarWrapper .sm\:pt-56,
  reach-portal .sm\:pt-56 {
    padding-top: 14rem !important
  }

  #navbarWrapper .sm\:pr-56,
  reach-portal .sm\:pr-56 {
    padding-right: 14rem !important
  }

  #navbarWrapper .sm\:pb-56,
  reach-portal .sm\:pb-56 {
    padding-bottom: 14rem !important
  }

  #navbarWrapper .sm\:pl-56,
  reach-portal .sm\:pl-56 {
    padding-left: 14rem !important
  }

  #navbarWrapper .sm\:pt-64,
  reach-portal .sm\:pt-64 {
    padding-top: 16rem !important
  }

  #navbarWrapper .sm\:pr-64,
  reach-portal .sm\:pr-64 {
    padding-right: 16rem !important
  }

  #navbarWrapper .sm\:pb-64,
  reach-portal .sm\:pb-64 {
    padding-bottom: 16rem !important
  }

  #navbarWrapper .sm\:pl-64,
  reach-portal .sm\:pl-64 {
    padding-left: 16rem !important
  }

  #navbarWrapper .sm\:pt-px,
  reach-portal .sm\:pt-px {
    padding-top: 1px !important
  }

  #navbarWrapper .sm\:pr-px,
  reach-portal .sm\:pr-px {
    padding-right: 1px !important
  }

  #navbarWrapper .sm\:pb-px,
  reach-portal .sm\:pb-px {
    padding-bottom: 1px !important
  }

  #navbarWrapper .sm\:pl-px,
  reach-portal .sm\:pl-px {
    padding-left: 1px !important
  }

  #navbarWrapper .sm\:placeholder-transparent::placeholder,
  reach-portal .sm\:placeholder-transparent::placeholder {
    color: #0000 !important
  }

  #navbarWrapper .sm\:placeholder-current::placeholder,
  reach-portal .sm\:placeholder-current::placeholder {
    color: currentColor !important
  }

  #navbarWrapper .sm\:placeholder-black::placeholder,
  reach-portal .sm\:placeholder-black::placeholder {
    --placeholder-opacity: 1 !important;
    color: #000 !important;
    color: rgba(0, 0, 0, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:placeholder-white::placeholder,
  reach-portal .sm\:placeholder-white::placeholder {
    --placeholder-opacity: 1 !important;
    color: #fff !important;
    color: rgba(255, 255, 255, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:placeholder-gray-100::placeholder,
  reach-portal .sm\:placeholder-gray-100::placeholder {
    --placeholder-opacity: 1 !important;
    color: #f7fafc !important;
    color: rgba(247, 250, 252, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:placeholder-gray-200::placeholder,
  reach-portal .sm\:placeholder-gray-200::placeholder {
    --placeholder-opacity: 1 !important;
    color: #edf2f7 !important;
    color: rgba(237, 242, 247, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:placeholder-gray-300::placeholder,
  reach-portal .sm\:placeholder-gray-300::placeholder {
    --placeholder-opacity: 1 !important;
    color: #e2e8f0 !important;
    color: rgba(226, 232, 240, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:placeholder-gray-400::placeholder,
  reach-portal .sm\:placeholder-gray-400::placeholder {
    --placeholder-opacity: 1 !important;
    color: #cbd5e0 !important;
    color: rgba(203, 213, 224, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:placeholder-gray-500::placeholder,
  reach-portal .sm\:placeholder-gray-500::placeholder {
    --placeholder-opacity: 1 !important;
    color: #a0aec0 !important;
    color: rgba(160, 174, 192, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:placeholder-gray-600::placeholder,
  reach-portal .sm\:placeholder-gray-600::placeholder {
    --placeholder-opacity: 1 !important;
    color: #718096 !important;
    color: rgba(113, 128, 150, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:placeholder-gray-700::placeholder,
  reach-portal .sm\:placeholder-gray-700::placeholder {
    --placeholder-opacity: 1 !important;
    color: #4a5568 !important;
    color: rgba(74, 85, 104, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:placeholder-gray-800::placeholder,
  reach-portal .sm\:placeholder-gray-800::placeholder {
    --placeholder-opacity: 1 !important;
    color: #2d3748 !important;
    color: rgba(45, 55, 72, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:placeholder-gray-900::placeholder,
  reach-portal .sm\:placeholder-gray-900::placeholder {
    --placeholder-opacity: 1 !important;
    color: #1a202c !important;
    color: rgba(26, 32, 44, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:placeholder-red-100::placeholder,
  reach-portal .sm\:placeholder-red-100::placeholder {
    --placeholder-opacity: 1 !important;
    color: #fff5f5 !important;
    color: rgba(255, 245, 245, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:placeholder-red-200::placeholder,
  reach-portal .sm\:placeholder-red-200::placeholder {
    --placeholder-opacity: 1 !important;
    color: #fed7d7 !important;
    color: rgba(254, 215, 215, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:placeholder-red-300::placeholder,
  reach-portal .sm\:placeholder-red-300::placeholder {
    --placeholder-opacity: 1 !important;
    color: #feb2b2 !important;
    color: rgba(254, 178, 178, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:placeholder-red-400::placeholder,
  reach-portal .sm\:placeholder-red-400::placeholder {
    --placeholder-opacity: 1 !important;
    color: #fc8181 !important;
    color: rgba(252, 129, 129, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:placeholder-red-500::placeholder,
  reach-portal .sm\:placeholder-red-500::placeholder {
    --placeholder-opacity: 1 !important;
    color: #f56565 !important;
    color: rgba(245, 101, 101, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:placeholder-red-600::placeholder,
  reach-portal .sm\:placeholder-red-600::placeholder {
    --placeholder-opacity: 1 !important;
    color: #e53e3e !important;
    color: rgba(229, 62, 62, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:placeholder-red-700::placeholder,
  reach-portal .sm\:placeholder-red-700::placeholder {
    --placeholder-opacity: 1 !important;
    color: #c53030 !important;
    color: rgba(197, 48, 48, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:placeholder-red-800::placeholder,
  reach-portal .sm\:placeholder-red-800::placeholder {
    --placeholder-opacity: 1 !important;
    color: #9b2c2c !important;
    color: rgba(155, 44, 44, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:placeholder-red-900::placeholder,
  reach-portal .sm\:placeholder-red-900::placeholder {
    --placeholder-opacity: 1 !important;
    color: #742a2a !important;
    color: rgba(116, 42, 42, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:placeholder-orange-100::placeholder,
  reach-portal .sm\:placeholder-orange-100::placeholder {
    --placeholder-opacity: 1 !important;
    color: #fffaf0 !important;
    color: rgba(255, 250, 240, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:placeholder-orange-200::placeholder,
  reach-portal .sm\:placeholder-orange-200::placeholder {
    --placeholder-opacity: 1 !important;
    color: #feebc8 !important;
    color: rgba(254, 235, 200, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:placeholder-orange-300::placeholder,
  reach-portal .sm\:placeholder-orange-300::placeholder {
    --placeholder-opacity: 1 !important;
    color: #fbd38d !important;
    color: rgba(251, 211, 141, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:placeholder-orange-400::placeholder,
  reach-portal .sm\:placeholder-orange-400::placeholder {
    --placeholder-opacity: 1 !important;
    color: #f6ad55 !important;
    color: rgba(246, 173, 85, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:placeholder-orange-500::placeholder,
  reach-portal .sm\:placeholder-orange-500::placeholder {
    --placeholder-opacity: 1 !important;
    color: #ed8936 !important;
    color: rgba(237, 137, 54, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:placeholder-orange-600::placeholder,
  reach-portal .sm\:placeholder-orange-600::placeholder {
    --placeholder-opacity: 1 !important;
    color: #dd6b20 !important;
    color: rgba(221, 107, 32, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:placeholder-orange-700::placeholder,
  reach-portal .sm\:placeholder-orange-700::placeholder {
    --placeholder-opacity: 1 !important;
    color: #c05621 !important;
    color: rgba(192, 86, 33, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:placeholder-orange-800::placeholder,
  reach-portal .sm\:placeholder-orange-800::placeholder {
    --placeholder-opacity: 1 !important;
    color: #9c4221 !important;
    color: rgba(156, 66, 33, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:placeholder-orange-900::placeholder,
  reach-portal .sm\:placeholder-orange-900::placeholder {
    --placeholder-opacity: 1 !important;
    color: #7b341e !important;
    color: rgba(123, 52, 30, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:placeholder-yellow-100::placeholder,
  reach-portal .sm\:placeholder-yellow-100::placeholder {
    --placeholder-opacity: 1 !important;
    color: ivory !important;
    color: rgba(255, 255, 240, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:placeholder-yellow-200::placeholder,
  reach-portal .sm\:placeholder-yellow-200::placeholder {
    --placeholder-opacity: 1 !important;
    color: #fefcbf !important;
    color: rgba(254, 252, 191, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:placeholder-yellow-300::placeholder,
  reach-portal .sm\:placeholder-yellow-300::placeholder {
    --placeholder-opacity: 1 !important;
    color: #faf089 !important;
    color: rgba(250, 240, 137, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:placeholder-yellow-400::placeholder,
  reach-portal .sm\:placeholder-yellow-400::placeholder {
    --placeholder-opacity: 1 !important;
    color: #f6e05e !important;
    color: rgba(246, 224, 94, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:placeholder-yellow-500::placeholder,
  reach-portal .sm\:placeholder-yellow-500::placeholder {
    --placeholder-opacity: 1 !important;
    color: #ecc94b !important;
    color: rgba(236, 201, 75, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:placeholder-yellow-600::placeholder,
  reach-portal .sm\:placeholder-yellow-600::placeholder {
    --placeholder-opacity: 1 !important;
    color: #d69e2e !important;
    color: rgba(214, 158, 46, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:placeholder-yellow-700::placeholder,
  reach-portal .sm\:placeholder-yellow-700::placeholder {
    --placeholder-opacity: 1 !important;
    color: #b7791f !important;
    color: rgba(183, 121, 31, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:placeholder-yellow-800::placeholder,
  reach-portal .sm\:placeholder-yellow-800::placeholder {
    --placeholder-opacity: 1 !important;
    color: #975a16 !important;
    color: rgba(151, 90, 22, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:placeholder-yellow-900::placeholder,
  reach-portal .sm\:placeholder-yellow-900::placeholder {
    --placeholder-opacity: 1 !important;
    color: #744210 !important;
    color: rgba(116, 66, 16, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:placeholder-green-100::placeholder,
  reach-portal .sm\:placeholder-green-100::placeholder {
    --placeholder-opacity: 1 !important;
    color: #f0fff4 !important;
    color: rgba(240, 255, 244, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:placeholder-green-200::placeholder,
  reach-portal .sm\:placeholder-green-200::placeholder {
    --placeholder-opacity: 1 !important;
    color: #c6f6d5 !important;
    color: rgba(198, 246, 213, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:placeholder-green-300::placeholder,
  reach-portal .sm\:placeholder-green-300::placeholder {
    --placeholder-opacity: 1 !important;
    color: #9ae6b4 !important;
    color: rgba(154, 230, 180, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:placeholder-green-400::placeholder,
  reach-portal .sm\:placeholder-green-400::placeholder {
    --placeholder-opacity: 1 !important;
    color: #68d391 !important;
    color: rgba(104, 211, 145, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:placeholder-green-500::placeholder,
  reach-portal .sm\:placeholder-green-500::placeholder {
    --placeholder-opacity: 1 !important;
    color: #48bb78 !important;
    color: rgba(72, 187, 120, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:placeholder-green-600::placeholder,
  reach-portal .sm\:placeholder-green-600::placeholder {
    --placeholder-opacity: 1 !important;
    color: #38a169 !important;
    color: rgba(56, 161, 105, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:placeholder-green-700::placeholder,
  reach-portal .sm\:placeholder-green-700::placeholder {
    --placeholder-opacity: 1 !important;
    color: #2f855a !important;
    color: rgba(47, 133, 90, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:placeholder-green-800::placeholder,
  reach-portal .sm\:placeholder-green-800::placeholder {
    --placeholder-opacity: 1 !important;
    color: #276749 !important;
    color: rgba(39, 103, 73, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:placeholder-green-900::placeholder,
  reach-portal .sm\:placeholder-green-900::placeholder {
    --placeholder-opacity: 1 !important;
    color: #22543d !important;
    color: rgba(34, 84, 61, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:placeholder-teal-100::placeholder,
  reach-portal .sm\:placeholder-teal-100::placeholder {
    --placeholder-opacity: 1 !important;
    color: #e6fffa !important;
    color: rgba(230, 255, 250, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:placeholder-teal-200::placeholder,
  reach-portal .sm\:placeholder-teal-200::placeholder {
    --placeholder-opacity: 1 !important;
    color: #b2f5ea !important;
    color: rgba(178, 245, 234, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:placeholder-teal-300::placeholder,
  reach-portal .sm\:placeholder-teal-300::placeholder {
    --placeholder-opacity: 1 !important;
    color: #81e6d9 !important;
    color: rgba(129, 230, 217, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:placeholder-teal-400::placeholder,
  reach-portal .sm\:placeholder-teal-400::placeholder {
    --placeholder-opacity: 1 !important;
    color: #4fd1c5 !important;
    color: rgba(79, 209, 197, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:placeholder-teal-500::placeholder,
  reach-portal .sm\:placeholder-teal-500::placeholder {
    --placeholder-opacity: 1 !important;
    color: #38b2ac !important;
    color: rgba(56, 178, 172, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:placeholder-teal-600::placeholder,
  reach-portal .sm\:placeholder-teal-600::placeholder {
    --placeholder-opacity: 1 !important;
    color: #319795 !important;
    color: rgba(49, 151, 149, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:placeholder-teal-700::placeholder,
  reach-portal .sm\:placeholder-teal-700::placeholder {
    --placeholder-opacity: 1 !important;
    color: #2c7a7b !important;
    color: rgba(44, 122, 123, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:placeholder-teal-800::placeholder,
  reach-portal .sm\:placeholder-teal-800::placeholder {
    --placeholder-opacity: 1 !important;
    color: #285e61 !important;
    color: rgba(40, 94, 97, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:placeholder-teal-900::placeholder,
  reach-portal .sm\:placeholder-teal-900::placeholder {
    --placeholder-opacity: 1 !important;
    color: #234e52 !important;
    color: rgba(35, 78, 82, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:placeholder-blue-100::placeholder,
  reach-portal .sm\:placeholder-blue-100::placeholder {
    --placeholder-opacity: 1 !important;
    color: #ebf8ff !important;
    color: rgba(235, 248, 255, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:placeholder-blue-200::placeholder,
  reach-portal .sm\:placeholder-blue-200::placeholder {
    --placeholder-opacity: 1 !important;
    color: #bee3f8 !important;
    color: rgba(190, 227, 248, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:placeholder-blue-300::placeholder,
  reach-portal .sm\:placeholder-blue-300::placeholder {
    --placeholder-opacity: 1 !important;
    color: #90cdf4 !important;
    color: rgba(144, 205, 244, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:placeholder-blue-400::placeholder,
  reach-portal .sm\:placeholder-blue-400::placeholder {
    --placeholder-opacity: 1 !important;
    color: #63b3ed !important;
    color: rgba(99, 179, 237, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:placeholder-blue-500::placeholder,
  reach-portal .sm\:placeholder-blue-500::placeholder {
    --placeholder-opacity: 1 !important;
    color: #4299e1 !important;
    color: rgba(66, 153, 225, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:placeholder-blue-600::placeholder,
  reach-portal .sm\:placeholder-blue-600::placeholder {
    --placeholder-opacity: 1 !important;
    color: #3182ce !important;
    color: rgba(49, 130, 206, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:placeholder-blue-700::placeholder,
  reach-portal .sm\:placeholder-blue-700::placeholder {
    --placeholder-opacity: 1 !important;
    color: #2b6cb0 !important;
    color: rgba(43, 108, 176, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:placeholder-blue-800::placeholder,
  reach-portal .sm\:placeholder-blue-800::placeholder {
    --placeholder-opacity: 1 !important;
    color: #2c5282 !important;
    color: rgba(44, 82, 130, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:placeholder-blue-900::placeholder,
  reach-portal .sm\:placeholder-blue-900::placeholder {
    --placeholder-opacity: 1 !important;
    color: #2a4365 !important;
    color: rgba(42, 67, 101, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:placeholder-indigo-100::placeholder,
  reach-portal .sm\:placeholder-indigo-100::placeholder {
    --placeholder-opacity: 1 !important;
    color: #ebf4ff !important;
    color: rgba(235, 244, 255, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:placeholder-indigo-200::placeholder,
  reach-portal .sm\:placeholder-indigo-200::placeholder {
    --placeholder-opacity: 1 !important;
    color: #c3dafe !important;
    color: rgba(195, 218, 254, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:placeholder-indigo-300::placeholder,
  reach-portal .sm\:placeholder-indigo-300::placeholder {
    --placeholder-opacity: 1 !important;
    color: #a3bffa !important;
    color: rgba(163, 191, 250, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:placeholder-indigo-400::placeholder,
  reach-portal .sm\:placeholder-indigo-400::placeholder {
    --placeholder-opacity: 1 !important;
    color: #7f9cf5 !important;
    color: rgba(127, 156, 245, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:placeholder-indigo-500::placeholder,
  reach-portal .sm\:placeholder-indigo-500::placeholder {
    --placeholder-opacity: 1 !important;
    color: #667eea !important;
    color: rgba(102, 126, 234, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:placeholder-indigo-600::placeholder,
  reach-portal .sm\:placeholder-indigo-600::placeholder {
    --placeholder-opacity: 1 !important;
    color: #5a67d8 !important;
    color: rgba(90, 103, 216, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:placeholder-indigo-700::placeholder,
  reach-portal .sm\:placeholder-indigo-700::placeholder {
    --placeholder-opacity: 1 !important;
    color: #4c51bf !important;
    color: rgba(76, 81, 191, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:placeholder-indigo-800::placeholder,
  reach-portal .sm\:placeholder-indigo-800::placeholder {
    --placeholder-opacity: 1 !important;
    color: #434190 !important;
    color: rgba(67, 65, 144, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:placeholder-indigo-900::placeholder,
  reach-portal .sm\:placeholder-indigo-900::placeholder {
    --placeholder-opacity: 1 !important;
    color: #3c366b !important;
    color: rgba(60, 54, 107, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:placeholder-purple-100::placeholder,
  reach-portal .sm\:placeholder-purple-100::placeholder {
    --placeholder-opacity: 1 !important;
    color: #faf5ff !important;
    color: rgba(250, 245, 255, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:placeholder-purple-200::placeholder,
  reach-portal .sm\:placeholder-purple-200::placeholder {
    --placeholder-opacity: 1 !important;
    color: #e9d8fd !important;
    color: rgba(233, 216, 253, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:placeholder-purple-300::placeholder,
  reach-portal .sm\:placeholder-purple-300::placeholder {
    --placeholder-opacity: 1 !important;
    color: #d6bcfa !important;
    color: rgba(214, 188, 250, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:placeholder-purple-400::placeholder,
  reach-portal .sm\:placeholder-purple-400::placeholder {
    --placeholder-opacity: 1 !important;
    color: #b794f4 !important;
    color: rgba(183, 148, 244, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:placeholder-purple-500::placeholder,
  reach-portal .sm\:placeholder-purple-500::placeholder {
    --placeholder-opacity: 1 !important;
    color: #9f7aea !important;
    color: rgba(159, 122, 234, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:placeholder-purple-600::placeholder,
  reach-portal .sm\:placeholder-purple-600::placeholder {
    --placeholder-opacity: 1 !important;
    color: #805ad5 !important;
    color: rgba(128, 90, 213, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:placeholder-purple-700::placeholder,
  reach-portal .sm\:placeholder-purple-700::placeholder {
    --placeholder-opacity: 1 !important;
    color: #6b46c1 !important;
    color: rgba(107, 70, 193, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:placeholder-purple-800::placeholder,
  reach-portal .sm\:placeholder-purple-800::placeholder {
    --placeholder-opacity: 1 !important;
    color: #553c9a !important;
    color: rgba(85, 60, 154, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:placeholder-purple-900::placeholder,
  reach-portal .sm\:placeholder-purple-900::placeholder {
    --placeholder-opacity: 1 !important;
    color: #44337a !important;
    color: rgba(68, 51, 122, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:placeholder-pink-100::placeholder,
  reach-portal .sm\:placeholder-pink-100::placeholder {
    --placeholder-opacity: 1 !important;
    color: #fff5f7 !important;
    color: rgba(255, 245, 247, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:placeholder-pink-200::placeholder,
  reach-portal .sm\:placeholder-pink-200::placeholder {
    --placeholder-opacity: 1 !important;
    color: #fed7e2 !important;
    color: rgba(254, 215, 226, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:placeholder-pink-300::placeholder,
  reach-portal .sm\:placeholder-pink-300::placeholder {
    --placeholder-opacity: 1 !important;
    color: #fbb6ce !important;
    color: rgba(251, 182, 206, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:placeholder-pink-400::placeholder,
  reach-portal .sm\:placeholder-pink-400::placeholder {
    --placeholder-opacity: 1 !important;
    color: #f687b3 !important;
    color: rgba(246, 135, 179, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:placeholder-pink-500::placeholder,
  reach-portal .sm\:placeholder-pink-500::placeholder {
    --placeholder-opacity: 1 !important;
    color: #ed64a6 !important;
    color: rgba(237, 100, 166, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:placeholder-pink-600::placeholder,
  reach-portal .sm\:placeholder-pink-600::placeholder {
    --placeholder-opacity: 1 !important;
    color: #d53f8c !important;
    color: rgba(213, 63, 140, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:placeholder-pink-700::placeholder,
  reach-portal .sm\:placeholder-pink-700::placeholder {
    --placeholder-opacity: 1 !important;
    color: #b83280 !important;
    color: rgba(184, 50, 128, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:placeholder-pink-800::placeholder,
  reach-portal .sm\:placeholder-pink-800::placeholder {
    --placeholder-opacity: 1 !important;
    color: #97266d !important;
    color: rgba(151, 38, 109, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:placeholder-pink-900::placeholder,
  reach-portal .sm\:placeholder-pink-900::placeholder {
    --placeholder-opacity: 1 !important;
    color: #702459 !important;
    color: rgba(112, 36, 89, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:placeholder-transparent:focus::placeholder,
  reach-portal .sm\:focus\:placeholder-transparent:focus::placeholder {
    color: #0000 !important
  }

  #navbarWrapper .sm\:focus\:placeholder-current:focus::placeholder,
  reach-portal .sm\:focus\:placeholder-current:focus::placeholder {
    color: currentColor !important
  }

  #navbarWrapper .sm\:focus\:placeholder-black:focus::placeholder,
  reach-portal .sm\:focus\:placeholder-black:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #000 !important;
    color: rgba(0, 0, 0, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:placeholder-white:focus::placeholder,
  reach-portal .sm\:focus\:placeholder-white:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #fff !important;
    color: rgba(255, 255, 255, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:placeholder-gray-100:focus::placeholder,
  reach-portal .sm\:focus\:placeholder-gray-100:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #f7fafc !important;
    color: rgba(247, 250, 252, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:placeholder-gray-200:focus::placeholder,
  reach-portal .sm\:focus\:placeholder-gray-200:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #edf2f7 !important;
    color: rgba(237, 242, 247, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:placeholder-gray-300:focus::placeholder,
  reach-portal .sm\:focus\:placeholder-gray-300:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #e2e8f0 !important;
    color: rgba(226, 232, 240, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:placeholder-gray-400:focus::placeholder,
  reach-portal .sm\:focus\:placeholder-gray-400:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #cbd5e0 !important;
    color: rgba(203, 213, 224, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:placeholder-gray-500:focus::placeholder,
  reach-portal .sm\:focus\:placeholder-gray-500:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #a0aec0 !important;
    color: rgba(160, 174, 192, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:placeholder-gray-600:focus::placeholder,
  reach-portal .sm\:focus\:placeholder-gray-600:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #718096 !important;
    color: rgba(113, 128, 150, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:placeholder-gray-700:focus::placeholder,
  reach-portal .sm\:focus\:placeholder-gray-700:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #4a5568 !important;
    color: rgba(74, 85, 104, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:placeholder-gray-800:focus::placeholder,
  reach-portal .sm\:focus\:placeholder-gray-800:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #2d3748 !important;
    color: rgba(45, 55, 72, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:placeholder-gray-900:focus::placeholder,
  reach-portal .sm\:focus\:placeholder-gray-900:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #1a202c !important;
    color: rgba(26, 32, 44, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:placeholder-red-100:focus::placeholder,
  reach-portal .sm\:focus\:placeholder-red-100:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #fff5f5 !important;
    color: rgba(255, 245, 245, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:placeholder-red-200:focus::placeholder,
  reach-portal .sm\:focus\:placeholder-red-200:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #fed7d7 !important;
    color: rgba(254, 215, 215, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:placeholder-red-300:focus::placeholder,
  reach-portal .sm\:focus\:placeholder-red-300:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #feb2b2 !important;
    color: rgba(254, 178, 178, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:placeholder-red-400:focus::placeholder,
  reach-portal .sm\:focus\:placeholder-red-400:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #fc8181 !important;
    color: rgba(252, 129, 129, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:placeholder-red-500:focus::placeholder,
  reach-portal .sm\:focus\:placeholder-red-500:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #f56565 !important;
    color: rgba(245, 101, 101, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:placeholder-red-600:focus::placeholder,
  reach-portal .sm\:focus\:placeholder-red-600:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #e53e3e !important;
    color: rgba(229, 62, 62, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:placeholder-red-700:focus::placeholder,
  reach-portal .sm\:focus\:placeholder-red-700:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #c53030 !important;
    color: rgba(197, 48, 48, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:placeholder-red-800:focus::placeholder,
  reach-portal .sm\:focus\:placeholder-red-800:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #9b2c2c !important;
    color: rgba(155, 44, 44, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:placeholder-red-900:focus::placeholder,
  reach-portal .sm\:focus\:placeholder-red-900:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #742a2a !important;
    color: rgba(116, 42, 42, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:placeholder-orange-100:focus::placeholder,
  reach-portal .sm\:focus\:placeholder-orange-100:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #fffaf0 !important;
    color: rgba(255, 250, 240, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:placeholder-orange-200:focus::placeholder,
  reach-portal .sm\:focus\:placeholder-orange-200:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #feebc8 !important;
    color: rgba(254, 235, 200, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:placeholder-orange-300:focus::placeholder,
  reach-portal .sm\:focus\:placeholder-orange-300:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #fbd38d !important;
    color: rgba(251, 211, 141, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:placeholder-orange-400:focus::placeholder,
  reach-portal .sm\:focus\:placeholder-orange-400:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #f6ad55 !important;
    color: rgba(246, 173, 85, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:placeholder-orange-500:focus::placeholder,
  reach-portal .sm\:focus\:placeholder-orange-500:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #ed8936 !important;
    color: rgba(237, 137, 54, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:placeholder-orange-600:focus::placeholder,
  reach-portal .sm\:focus\:placeholder-orange-600:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #dd6b20 !important;
    color: rgba(221, 107, 32, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:placeholder-orange-700:focus::placeholder,
  reach-portal .sm\:focus\:placeholder-orange-700:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #c05621 !important;
    color: rgba(192, 86, 33, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:placeholder-orange-800:focus::placeholder,
  reach-portal .sm\:focus\:placeholder-orange-800:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #9c4221 !important;
    color: rgba(156, 66, 33, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:placeholder-orange-900:focus::placeholder,
  reach-portal .sm\:focus\:placeholder-orange-900:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #7b341e !important;
    color: rgba(123, 52, 30, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:placeholder-yellow-100:focus::placeholder,
  reach-portal .sm\:focus\:placeholder-yellow-100:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: ivory !important;
    color: rgba(255, 255, 240, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:placeholder-yellow-200:focus::placeholder,
  reach-portal .sm\:focus\:placeholder-yellow-200:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #fefcbf !important;
    color: rgba(254, 252, 191, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:placeholder-yellow-300:focus::placeholder,
  reach-portal .sm\:focus\:placeholder-yellow-300:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #faf089 !important;
    color: rgba(250, 240, 137, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:placeholder-yellow-400:focus::placeholder,
  reach-portal .sm\:focus\:placeholder-yellow-400:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #f6e05e !important;
    color: rgba(246, 224, 94, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:placeholder-yellow-500:focus::placeholder,
  reach-portal .sm\:focus\:placeholder-yellow-500:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #ecc94b !important;
    color: rgba(236, 201, 75, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:placeholder-yellow-600:focus::placeholder,
  reach-portal .sm\:focus\:placeholder-yellow-600:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #d69e2e !important;
    color: rgba(214, 158, 46, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:placeholder-yellow-700:focus::placeholder,
  reach-portal .sm\:focus\:placeholder-yellow-700:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #b7791f !important;
    color: rgba(183, 121, 31, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:placeholder-yellow-800:focus::placeholder,
  reach-portal .sm\:focus\:placeholder-yellow-800:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #975a16 !important;
    color: rgba(151, 90, 22, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:placeholder-yellow-900:focus::placeholder,
  reach-portal .sm\:focus\:placeholder-yellow-900:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #744210 !important;
    color: rgba(116, 66, 16, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:placeholder-green-100:focus::placeholder,
  reach-portal .sm\:focus\:placeholder-green-100:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #f0fff4 !important;
    color: rgba(240, 255, 244, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:placeholder-green-200:focus::placeholder,
  reach-portal .sm\:focus\:placeholder-green-200:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #c6f6d5 !important;
    color: rgba(198, 246, 213, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:placeholder-green-300:focus::placeholder,
  reach-portal .sm\:focus\:placeholder-green-300:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #9ae6b4 !important;
    color: rgba(154, 230, 180, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:placeholder-green-400:focus::placeholder,
  reach-portal .sm\:focus\:placeholder-green-400:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #68d391 !important;
    color: rgba(104, 211, 145, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:placeholder-green-500:focus::placeholder,
  reach-portal .sm\:focus\:placeholder-green-500:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #48bb78 !important;
    color: rgba(72, 187, 120, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:placeholder-green-600:focus::placeholder,
  reach-portal .sm\:focus\:placeholder-green-600:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #38a169 !important;
    color: rgba(56, 161, 105, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:placeholder-green-700:focus::placeholder,
  reach-portal .sm\:focus\:placeholder-green-700:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #2f855a !important;
    color: rgba(47, 133, 90, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:placeholder-green-800:focus::placeholder,
  reach-portal .sm\:focus\:placeholder-green-800:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #276749 !important;
    color: rgba(39, 103, 73, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:placeholder-green-900:focus::placeholder,
  reach-portal .sm\:focus\:placeholder-green-900:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #22543d !important;
    color: rgba(34, 84, 61, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:placeholder-teal-100:focus::placeholder,
  reach-portal .sm\:focus\:placeholder-teal-100:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #e6fffa !important;
    color: rgba(230, 255, 250, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:placeholder-teal-200:focus::placeholder,
  reach-portal .sm\:focus\:placeholder-teal-200:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #b2f5ea !important;
    color: rgba(178, 245, 234, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:placeholder-teal-300:focus::placeholder,
  reach-portal .sm\:focus\:placeholder-teal-300:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #81e6d9 !important;
    color: rgba(129, 230, 217, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:placeholder-teal-400:focus::placeholder,
  reach-portal .sm\:focus\:placeholder-teal-400:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #4fd1c5 !important;
    color: rgba(79, 209, 197, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:placeholder-teal-500:focus::placeholder,
  reach-portal .sm\:focus\:placeholder-teal-500:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #38b2ac !important;
    color: rgba(56, 178, 172, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:placeholder-teal-600:focus::placeholder,
  reach-portal .sm\:focus\:placeholder-teal-600:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #319795 !important;
    color: rgba(49, 151, 149, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:placeholder-teal-700:focus::placeholder,
  reach-portal .sm\:focus\:placeholder-teal-700:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #2c7a7b !important;
    color: rgba(44, 122, 123, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:placeholder-teal-800:focus::placeholder,
  reach-portal .sm\:focus\:placeholder-teal-800:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #285e61 !important;
    color: rgba(40, 94, 97, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:placeholder-teal-900:focus::placeholder,
  reach-portal .sm\:focus\:placeholder-teal-900:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #234e52 !important;
    color: rgba(35, 78, 82, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:placeholder-blue-100:focus::placeholder,
  reach-portal .sm\:focus\:placeholder-blue-100:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #ebf8ff !important;
    color: rgba(235, 248, 255, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:placeholder-blue-200:focus::placeholder,
  reach-portal .sm\:focus\:placeholder-blue-200:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #bee3f8 !important;
    color: rgba(190, 227, 248, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:placeholder-blue-300:focus::placeholder,
  reach-portal .sm\:focus\:placeholder-blue-300:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #90cdf4 !important;
    color: rgba(144, 205, 244, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:placeholder-blue-400:focus::placeholder,
  reach-portal .sm\:focus\:placeholder-blue-400:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #63b3ed !important;
    color: rgba(99, 179, 237, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:placeholder-blue-500:focus::placeholder,
  reach-portal .sm\:focus\:placeholder-blue-500:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #4299e1 !important;
    color: rgba(66, 153, 225, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:placeholder-blue-600:focus::placeholder,
  reach-portal .sm\:focus\:placeholder-blue-600:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #3182ce !important;
    color: rgba(49, 130, 206, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:placeholder-blue-700:focus::placeholder,
  reach-portal .sm\:focus\:placeholder-blue-700:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #2b6cb0 !important;
    color: rgba(43, 108, 176, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:placeholder-blue-800:focus::placeholder,
  reach-portal .sm\:focus\:placeholder-blue-800:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #2c5282 !important;
    color: rgba(44, 82, 130, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:placeholder-blue-900:focus::placeholder,
  reach-portal .sm\:focus\:placeholder-blue-900:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #2a4365 !important;
    color: rgba(42, 67, 101, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:placeholder-indigo-100:focus::placeholder,
  reach-portal .sm\:focus\:placeholder-indigo-100:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #ebf4ff !important;
    color: rgba(235, 244, 255, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:placeholder-indigo-200:focus::placeholder,
  reach-portal .sm\:focus\:placeholder-indigo-200:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #c3dafe !important;
    color: rgba(195, 218, 254, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:placeholder-indigo-300:focus::placeholder,
  reach-portal .sm\:focus\:placeholder-indigo-300:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #a3bffa !important;
    color: rgba(163, 191, 250, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:placeholder-indigo-400:focus::placeholder,
  reach-portal .sm\:focus\:placeholder-indigo-400:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #7f9cf5 !important;
    color: rgba(127, 156, 245, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:placeholder-indigo-500:focus::placeholder,
  reach-portal .sm\:focus\:placeholder-indigo-500:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #667eea !important;
    color: rgba(102, 126, 234, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:placeholder-indigo-600:focus::placeholder,
  reach-portal .sm\:focus\:placeholder-indigo-600:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #5a67d8 !important;
    color: rgba(90, 103, 216, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:placeholder-indigo-700:focus::placeholder,
  reach-portal .sm\:focus\:placeholder-indigo-700:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #4c51bf !important;
    color: rgba(76, 81, 191, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:placeholder-indigo-800:focus::placeholder,
  reach-portal .sm\:focus\:placeholder-indigo-800:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #434190 !important;
    color: rgba(67, 65, 144, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:placeholder-indigo-900:focus::placeholder,
  reach-portal .sm\:focus\:placeholder-indigo-900:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #3c366b !important;
    color: rgba(60, 54, 107, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:placeholder-purple-100:focus::placeholder,
  reach-portal .sm\:focus\:placeholder-purple-100:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #faf5ff !important;
    color: rgba(250, 245, 255, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:placeholder-purple-200:focus::placeholder,
  reach-portal .sm\:focus\:placeholder-purple-200:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #e9d8fd !important;
    color: rgba(233, 216, 253, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:placeholder-purple-300:focus::placeholder,
  reach-portal .sm\:focus\:placeholder-purple-300:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #d6bcfa !important;
    color: rgba(214, 188, 250, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:placeholder-purple-400:focus::placeholder,
  reach-portal .sm\:focus\:placeholder-purple-400:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #b794f4 !important;
    color: rgba(183, 148, 244, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:placeholder-purple-500:focus::placeholder,
  reach-portal .sm\:focus\:placeholder-purple-500:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #9f7aea !important;
    color: rgba(159, 122, 234, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:placeholder-purple-600:focus::placeholder,
  reach-portal .sm\:focus\:placeholder-purple-600:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #805ad5 !important;
    color: rgba(128, 90, 213, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:placeholder-purple-700:focus::placeholder,
  reach-portal .sm\:focus\:placeholder-purple-700:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #6b46c1 !important;
    color: rgba(107, 70, 193, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:placeholder-purple-800:focus::placeholder,
  reach-portal .sm\:focus\:placeholder-purple-800:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #553c9a !important;
    color: rgba(85, 60, 154, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:placeholder-purple-900:focus::placeholder,
  reach-portal .sm\:focus\:placeholder-purple-900:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #44337a !important;
    color: rgba(68, 51, 122, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:placeholder-pink-100:focus::placeholder,
  reach-portal .sm\:focus\:placeholder-pink-100:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #fff5f7 !important;
    color: rgba(255, 245, 247, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:placeholder-pink-200:focus::placeholder,
  reach-portal .sm\:focus\:placeholder-pink-200:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #fed7e2 !important;
    color: rgba(254, 215, 226, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:placeholder-pink-300:focus::placeholder,
  reach-portal .sm\:focus\:placeholder-pink-300:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #fbb6ce !important;
    color: rgba(251, 182, 206, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:placeholder-pink-400:focus::placeholder,
  reach-portal .sm\:focus\:placeholder-pink-400:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #f687b3 !important;
    color: rgba(246, 135, 179, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:placeholder-pink-500:focus::placeholder,
  reach-portal .sm\:focus\:placeholder-pink-500:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #ed64a6 !important;
    color: rgba(237, 100, 166, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:placeholder-pink-600:focus::placeholder,
  reach-portal .sm\:focus\:placeholder-pink-600:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #d53f8c !important;
    color: rgba(213, 63, 140, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:placeholder-pink-700:focus::placeholder,
  reach-portal .sm\:focus\:placeholder-pink-700:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #b83280 !important;
    color: rgba(184, 50, 128, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:placeholder-pink-800:focus::placeholder,
  reach-portal .sm\:focus\:placeholder-pink-800:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #97266d !important;
    color: rgba(151, 38, 109, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:placeholder-pink-900:focus::placeholder,
  reach-portal .sm\:focus\:placeholder-pink-900:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #702459 !important;
    color: rgba(112, 36, 89, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .sm\:placeholder-opacity-0::placeholder,
  reach-portal .sm\:placeholder-opacity-0::placeholder {
    --placeholder-opacity: 0 !important
  }

  #navbarWrapper .sm\:placeholder-opacity-25::placeholder,
  reach-portal .sm\:placeholder-opacity-25::placeholder {
    --placeholder-opacity: 0.25 !important
  }

  #navbarWrapper .sm\:placeholder-opacity-50::placeholder,
  reach-portal .sm\:placeholder-opacity-50::placeholder {
    --placeholder-opacity: 0.5 !important
  }

  #navbarWrapper .sm\:placeholder-opacity-75::placeholder,
  reach-portal .sm\:placeholder-opacity-75::placeholder {
    --placeholder-opacity: 0.75 !important
  }

  #navbarWrapper .sm\:placeholder-opacity-100::placeholder,
  reach-portal .sm\:placeholder-opacity-100::placeholder {
    --placeholder-opacity: 1 !important
  }

  #navbarWrapper .sm\:focus\:placeholder-opacity-0:focus::placeholder,
  reach-portal .sm\:focus\:placeholder-opacity-0:focus::placeholder {
    --placeholder-opacity: 0 !important
  }

  #navbarWrapper .sm\:focus\:placeholder-opacity-25:focus::placeholder,
  reach-portal .sm\:focus\:placeholder-opacity-25:focus::placeholder {
    --placeholder-opacity: 0.25 !important
  }

  #navbarWrapper .sm\:focus\:placeholder-opacity-50:focus::placeholder,
  reach-portal .sm\:focus\:placeholder-opacity-50:focus::placeholder {
    --placeholder-opacity: 0.5 !important
  }

  #navbarWrapper .sm\:focus\:placeholder-opacity-75:focus::placeholder,
  reach-portal .sm\:focus\:placeholder-opacity-75:focus::placeholder {
    --placeholder-opacity: 0.75 !important
  }

  #navbarWrapper .sm\:focus\:placeholder-opacity-100:focus::placeholder,
  reach-portal .sm\:focus\:placeholder-opacity-100:focus::placeholder {
    --placeholder-opacity: 1 !important
  }

  #navbarWrapper .sm\:pointer-events-none,
  reach-portal .sm\:pointer-events-none {
    pointer-events: none !important
  }

  #navbarWrapper .sm\:pointer-events-auto,
  reach-portal .sm\:pointer-events-auto {
    pointer-events: auto !important
  }

  #navbarWrapper .sm\:static,
  reach-portal .sm\:static {
    position: static !important
  }

  #navbarWrapper .sm\:fixed,
  reach-portal .sm\:fixed {
    position: fixed !important
  }

  #navbarWrapper .sm\:absolute,
  reach-portal .sm\:absolute {
    position: absolute !important
  }

  #navbarWrapper .sm\:relative,
  reach-portal .sm\:relative {
    position: relative !important
  }

  #navbarWrapper .sm\:sticky,
  reach-portal .sm\:sticky {
    position: -webkit-sticky !important;
    position: sticky !important
  }

  #navbarWrapper .sm\:inset-0,
  reach-portal .sm\:inset-0 {
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important
  }

  #navbarWrapper .sm\:inset-auto,
  reach-portal .sm\:inset-auto {
    bottom: auto !important;
    left: auto !important;
    right: auto !important;
    top: auto !important
  }

  #navbarWrapper .sm\:inset-y-0,
  reach-portal .sm\:inset-y-0 {
    bottom: 0 !important;
    top: 0 !important
  }

  #navbarWrapper .sm\:inset-x-0,
  reach-portal .sm\:inset-x-0 {
    left: 0 !important;
    right: 0 !important
  }

  #navbarWrapper .sm\:inset-y-auto,
  reach-portal .sm\:inset-y-auto {
    bottom: auto !important;
    top: auto !important
  }

  #navbarWrapper .sm\:inset-x-auto,
  reach-portal .sm\:inset-x-auto {
    left: auto !important;
    right: auto !important
  }

  #navbarWrapper .sm\:top-0,
  reach-portal .sm\:top-0 {
    top: 0 !important
  }

  #navbarWrapper .sm\:right-0,
  reach-portal .sm\:right-0 {
    right: 0 !important
  }

  #navbarWrapper .sm\:bottom-0,
  reach-portal .sm\:bottom-0 {
    bottom: 0 !important
  }

  #navbarWrapper .sm\:left-0,
  reach-portal .sm\:left-0 {
    left: 0 !important
  }

  #navbarWrapper .sm\:top-auto,
  reach-portal .sm\:top-auto {
    top: auto !important
  }

  #navbarWrapper .sm\:right-auto,
  reach-portal .sm\:right-auto {
    right: auto !important
  }

  #navbarWrapper .sm\:bottom-auto,
  reach-portal .sm\:bottom-auto {
    bottom: auto !important
  }

  #navbarWrapper .sm\:left-auto,
  reach-portal .sm\:left-auto {
    left: auto !important
  }

  #navbarWrapper .sm\:resize-none,
  reach-portal .sm\:resize-none {
    resize: none !important
  }

  #navbarWrapper .sm\:resize-y,
  reach-portal .sm\:resize-y {
    resize: vertical !important
  }

  #navbarWrapper .sm\:resize-x,
  reach-portal .sm\:resize-x {
    resize: horizontal !important
  }

  #navbarWrapper .sm\:resize,
  reach-portal .sm\:resize {
    resize: both !important
  }

  #navbarWrapper .sm\:shadow-xs,
  reach-portal .sm\:shadow-xs {
    box-shadow: 0 0 0 1px #0000000d !important
  }

  #navbarWrapper .sm\:shadow-sm,
  reach-portal .sm\:shadow-sm {
    box-shadow: 0 1px 2px 0 #0000000d !important
  }

  #navbarWrapper .sm\:shadow,
  reach-portal .sm\:shadow {
    box-shadow: 0 .125rem .25rem #00000040 !important
  }

  #navbarWrapper .sm\:shadow-md,
  reach-portal .sm\:shadow-md {
    box-shadow: 0 .125rem .625rem #0003 !important
  }

  #navbarWrapper .sm\:shadow-lg,
  reach-portal .sm\:shadow-lg {
    box-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d !important
  }

  #navbarWrapper .sm\:shadow-xl,
  reach-portal .sm\:shadow-xl {
    box-shadow: 0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a !important
  }

  #navbarWrapper .sm\:shadow-2xl,
  reach-portal .sm\:shadow-2xl {
    box-shadow: 0 25px 50px -12px #00000040 !important
  }

  #navbarWrapper .sm\:shadow-inner,
  reach-portal .sm\:shadow-inner {
    box-shadow: inset 0 2px 4px 0 #0000000f !important
  }

  #navbarWrapper .sm\:shadow-outline,
  reach-portal .sm\:shadow-outline {
    box-shadow: 0 0 0 3px #4299e180 !important
  }

  #navbarWrapper .sm\:shadow-none,
  reach-portal .sm\:shadow-none {
    box-shadow: none !important
  }

  #navbarWrapper .sm\:hover\:shadow-xs:hover,
  reach-portal .sm\:hover\:shadow-xs:hover {
    box-shadow: 0 0 0 1px #0000000d !important
  }

  #navbarWrapper .sm\:hover\:shadow-sm:hover,
  reach-portal .sm\:hover\:shadow-sm:hover {
    box-shadow: 0 1px 2px 0 #0000000d !important
  }

  #navbarWrapper .sm\:hover\:shadow:hover,
  reach-portal .sm\:hover\:shadow:hover {
    box-shadow: 0 .125rem .25rem #00000040 !important
  }

  #navbarWrapper .sm\:hover\:shadow-md:hover,
  reach-portal .sm\:hover\:shadow-md:hover {
    box-shadow: 0 .125rem .625rem #0003 !important
  }

  #navbarWrapper .sm\:hover\:shadow-lg:hover,
  reach-portal .sm\:hover\:shadow-lg:hover {
    box-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d !important
  }

  #navbarWrapper .sm\:hover\:shadow-xl:hover,
  reach-portal .sm\:hover\:shadow-xl:hover {
    box-shadow: 0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a !important
  }

  #navbarWrapper .sm\:hover\:shadow-2xl:hover,
  reach-portal .sm\:hover\:shadow-2xl:hover {
    box-shadow: 0 25px 50px -12px #00000040 !important
  }

  #navbarWrapper .sm\:hover\:shadow-inner:hover,
  reach-portal .sm\:hover\:shadow-inner:hover {
    box-shadow: inset 0 2px 4px 0 #0000000f !important
  }

  #navbarWrapper .sm\:hover\:shadow-outline:hover,
  reach-portal .sm\:hover\:shadow-outline:hover {
    box-shadow: 0 0 0 3px #4299e180 !important
  }

  #navbarWrapper .sm\:hover\:shadow-none:hover,
  reach-portal .sm\:hover\:shadow-none:hover {
    box-shadow: none !important
  }

  #navbarWrapper .sm\:focus\:shadow-xs:focus,
  reach-portal .sm\:focus\:shadow-xs:focus {
    box-shadow: 0 0 0 1px #0000000d !important
  }

  #navbarWrapper .sm\:focus\:shadow-sm:focus,
  reach-portal .sm\:focus\:shadow-sm:focus {
    box-shadow: 0 1px 2px 0 #0000000d !important
  }

  #navbarWrapper .sm\:focus\:shadow:focus,
  reach-portal .sm\:focus\:shadow:focus {
    box-shadow: 0 .125rem .25rem #00000040 !important
  }

  #navbarWrapper .sm\:focus\:shadow-md:focus,
  reach-portal .sm\:focus\:shadow-md:focus {
    box-shadow: 0 .125rem .625rem #0003 !important
  }

  #navbarWrapper .sm\:focus\:shadow-lg:focus,
  reach-portal .sm\:focus\:shadow-lg:focus {
    box-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d !important
  }

  #navbarWrapper .sm\:focus\:shadow-xl:focus,
  reach-portal .sm\:focus\:shadow-xl:focus {
    box-shadow: 0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a !important
  }

  #navbarWrapper .sm\:focus\:shadow-2xl:focus,
  reach-portal .sm\:focus\:shadow-2xl:focus {
    box-shadow: 0 25px 50px -12px #00000040 !important
  }

  #navbarWrapper .sm\:focus\:shadow-inner:focus,
  reach-portal .sm\:focus\:shadow-inner:focus {
    box-shadow: inset 0 2px 4px 0 #0000000f !important
  }

  #navbarWrapper .sm\:focus\:shadow-outline:focus,
  reach-portal .sm\:focus\:shadow-outline:focus {
    box-shadow: 0 0 0 3px #4299e180 !important
  }

  #navbarWrapper .sm\:focus\:shadow-none:focus,
  reach-portal .sm\:focus\:shadow-none:focus {
    box-shadow: none !important
  }

  #navbarWrapper .sm\:fill-current,
  reach-portal .sm\:fill-current {
    fill: currentColor !important
  }

  #navbarWrapper .sm\:stroke-current,
  reach-portal .sm\:stroke-current {
    stroke: currentColor !important
  }

  #navbarWrapper .sm\:stroke-0,
  reach-portal .sm\:stroke-0 {
    stroke-width: 0 !important
  }

  #navbarWrapper .sm\:stroke-1,
  reach-portal .sm\:stroke-1 {
    stroke-width: 1 !important
  }

  #navbarWrapper .sm\:stroke-2,
  reach-portal .sm\:stroke-2 {
    stroke-width: 2 !important
  }

  #navbarWrapper .sm\:table-auto,
  reach-portal .sm\:table-auto {
    table-layout: auto !important
  }

  #navbarWrapper .sm\:table-fixed,
  reach-portal .sm\:table-fixed {
    table-layout: fixed !important
  }

  #navbarWrapper .sm\:text-left,
  reach-portal .sm\:text-left {
    text-align: left !important
  }

  #navbarWrapper .sm\:text-center,
  reach-portal .sm\:text-center {
    text-align: center !important
  }

  #navbarWrapper .sm\:text-right,
  reach-portal .sm\:text-right {
    text-align: right !important
  }

  #navbarWrapper .sm\:text-justify,
  reach-portal .sm\:text-justify {
    text-align: justify !important
  }

  #navbarWrapper .sm\:text-opsPrimary,
  reach-portal .sm\:text-opsPrimary {
    --text-opacity: 1 !important;
    color: #0077c8 !important;
    color: rgba(0, 119, 200, var(--text-opacity)) !important
  }

  #navbarWrapper .sm\:text-opsSecondary,
  reach-portal .sm\:text-opsSecondary {
    --text-opacity: 1 !important;
    color: #425563 !important;
    color: rgba(66, 85, 99, var(--text-opacity)) !important
  }

  #navbarWrapper .sm\:text-opsGreen,
  reach-portal .sm\:text-opsGreen {
    --text-opacity: 1 !important;
    color: #1ca34a !important;
    color: rgba(28, 163, 74, var(--text-opacity)) !important
  }

  #navbarWrapper .sm\:text-opsOrange,
  reach-portal .sm\:text-opsOrange {
    --text-opacity: 1 !important;
    color: #f47925 !important;
    color: rgba(244, 121, 37, var(--text-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:text-opsPrimary:hover,
  reach-portal .sm\:hover\:text-opsPrimary:hover {
    --text-opacity: 1 !important;
    color: #0077c8 !important;
    color: rgba(0, 119, 200, var(--text-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:text-opsSecondary:hover,
  reach-portal .sm\:hover\:text-opsSecondary:hover {
    --text-opacity: 1 !important;
    color: #425563 !important;
    color: rgba(66, 85, 99, var(--text-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:text-opsGreen:hover,
  reach-portal .sm\:hover\:text-opsGreen:hover {
    --text-opacity: 1 !important;
    color: #1ca34a !important;
    color: rgba(28, 163, 74, var(--text-opacity)) !important
  }

  #navbarWrapper .sm\:hover\:text-opsOrange:hover,
  reach-portal .sm\:hover\:text-opsOrange:hover {
    --text-opacity: 1 !important;
    color: #f47925 !important;
    color: rgba(244, 121, 37, var(--text-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:text-opsPrimary:focus,
  reach-portal .sm\:focus\:text-opsPrimary:focus {
    --text-opacity: 1 !important;
    color: #0077c8 !important;
    color: rgba(0, 119, 200, var(--text-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:text-opsSecondary:focus,
  reach-portal .sm\:focus\:text-opsSecondary:focus {
    --text-opacity: 1 !important;
    color: #425563 !important;
    color: rgba(66, 85, 99, var(--text-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:text-opsGreen:focus,
  reach-portal .sm\:focus\:text-opsGreen:focus {
    --text-opacity: 1 !important;
    color: #1ca34a !important;
    color: rgba(28, 163, 74, var(--text-opacity)) !important
  }

  #navbarWrapper .sm\:focus\:text-opsOrange:focus,
  reach-portal .sm\:focus\:text-opsOrange:focus {
    --text-opacity: 1 !important;
    color: #f47925 !important;
    color: rgba(244, 121, 37, var(--text-opacity)) !important
  }

  #navbarWrapper .sm\:text-opacity-0,
  reach-portal .sm\:text-opacity-0 {
    --text-opacity: 0 !important
  }

  #navbarWrapper .sm\:text-opacity-25,
  reach-portal .sm\:text-opacity-25 {
    --text-opacity: 0.25 !important
  }

  #navbarWrapper .sm\:text-opacity-50,
  reach-portal .sm\:text-opacity-50 {
    --text-opacity: 0.5 !important
  }

  #navbarWrapper .sm\:text-opacity-75,
  reach-portal .sm\:text-opacity-75 {
    --text-opacity: 0.75 !important
  }

  #navbarWrapper .sm\:text-opacity-100,
  reach-portal .sm\:text-opacity-100 {
    --text-opacity: 1 !important
  }

  #navbarWrapper .sm\:hover\:text-opacity-0:hover,
  reach-portal .sm\:hover\:text-opacity-0:hover {
    --text-opacity: 0 !important
  }

  #navbarWrapper .sm\:hover\:text-opacity-25:hover,
  reach-portal .sm\:hover\:text-opacity-25:hover {
    --text-opacity: 0.25 !important
  }

  #navbarWrapper .sm\:hover\:text-opacity-50:hover,
  reach-portal .sm\:hover\:text-opacity-50:hover {
    --text-opacity: 0.5 !important
  }

  #navbarWrapper .sm\:hover\:text-opacity-75:hover,
  reach-portal .sm\:hover\:text-opacity-75:hover {
    --text-opacity: 0.75 !important
  }

  #navbarWrapper .sm\:hover\:text-opacity-100:hover,
  reach-portal .sm\:hover\:text-opacity-100:hover {
    --text-opacity: 1 !important
  }

  #navbarWrapper .sm\:focus\:text-opacity-0:focus,
  reach-portal .sm\:focus\:text-opacity-0:focus {
    --text-opacity: 0 !important
  }

  #navbarWrapper .sm\:focus\:text-opacity-25:focus,
  reach-portal .sm\:focus\:text-opacity-25:focus {
    --text-opacity: 0.25 !important
  }

  #navbarWrapper .sm\:focus\:text-opacity-50:focus,
  reach-portal .sm\:focus\:text-opacity-50:focus {
    --text-opacity: 0.5 !important
  }

  #navbarWrapper .sm\:focus\:text-opacity-75:focus,
  reach-portal .sm\:focus\:text-opacity-75:focus {
    --text-opacity: 0.75 !important
  }

  #navbarWrapper .sm\:focus\:text-opacity-100:focus,
  reach-portal .sm\:focus\:text-opacity-100:focus {
    --text-opacity: 1 !important
  }

  #navbarWrapper .sm\:italic,
  reach-portal .sm\:italic {
    font-style: italic !important
  }

  #navbarWrapper .sm\:not-italic,
  reach-portal .sm\:not-italic {
    font-style: normal !important
  }

  #navbarWrapper .sm\:uppercase,
  reach-portal .sm\:uppercase {
    text-transform: uppercase !important
  }

  #navbarWrapper .sm\:lowercase,
  reach-portal .sm\:lowercase {
    text-transform: lowercase !important
  }

  #navbarWrapper .sm\:capitalize,
  reach-portal .sm\:capitalize {
    text-transform: capitalize !important
  }

  #navbarWrapper .sm\:normal-case,
  reach-portal .sm\:normal-case {
    text-transform: none !important
  }

  #navbarWrapper .sm\:underline,
  reach-portal .sm\:underline {
    text-decoration: underline !important
  }

  #navbarWrapper .sm\:line-through,
  reach-portal .sm\:line-through {
    text-decoration: line-through !important
  }

  #navbarWrapper .sm\:no-underline,
  reach-portal .sm\:no-underline {
    text-decoration: none !important
  }

  #navbarWrapper .sm\:hover\:underline:hover,
  reach-portal .sm\:hover\:underline:hover {
    text-decoration: underline !important
  }

  #navbarWrapper .sm\:hover\:line-through:hover,
  reach-portal .sm\:hover\:line-through:hover {
    text-decoration: line-through !important
  }

  #navbarWrapper .sm\:hover\:no-underline:hover,
  reach-portal .sm\:hover\:no-underline:hover {
    text-decoration: none !important
  }

  #navbarWrapper .sm\:focus\:underline:focus,
  reach-portal .sm\:focus\:underline:focus {
    text-decoration: underline !important
  }

  #navbarWrapper .sm\:focus\:line-through:focus,
  reach-portal .sm\:focus\:line-through:focus {
    text-decoration: line-through !important
  }

  #navbarWrapper .sm\:focus\:no-underline:focus,
  reach-portal .sm\:focus\:no-underline:focus {
    text-decoration: none !important
  }

  #navbarWrapper .sm\:antialiased,
  reach-portal .sm\:antialiased {
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important
  }

  #navbarWrapper .sm\:subpixel-antialiased,
  reach-portal .sm\:subpixel-antialiased {
    -webkit-font-smoothing: auto !important;
    -moz-osx-font-smoothing: auto !important
  }

  #navbarWrapper .sm\:tracking-tighter,
  reach-portal .sm\:tracking-tighter {
    letter-spacing: -.05em !important
  }

  #navbarWrapper .sm\:tracking-tight,
  reach-portal .sm\:tracking-tight {
    letter-spacing: -.025em !important
  }

  #navbarWrapper .sm\:tracking-normal,
  reach-portal .sm\:tracking-normal {
    letter-spacing: 0 !important
  }

  #navbarWrapper .sm\:tracking-wide,
  reach-portal .sm\:tracking-wide {
    letter-spacing: .025em !important
  }

  #navbarWrapper .sm\:tracking-wider,
  reach-portal .sm\:tracking-wider {
    letter-spacing: .05em !important
  }

  #navbarWrapper .sm\:tracking-widest,
  reach-portal .sm\:tracking-widest {
    letter-spacing: .1em !important
  }

  #navbarWrapper .sm\:select-none,
  reach-portal .sm\:select-none {
    -webkit-user-select: none !important;
    user-select: none !important
  }

  #navbarWrapper .sm\:select-text,
  reach-portal .sm\:select-text {
    -webkit-user-select: text !important;
    user-select: text !important
  }

  #navbarWrapper .sm\:select-all,
  reach-portal .sm\:select-all {
    -webkit-user-select: all !important;
    user-select: all !important
  }

  #navbarWrapper .sm\:select-auto,
  reach-portal .sm\:select-auto {
    -webkit-user-select: auto !important;
    user-select: auto !important
  }

  #navbarWrapper .sm\:align-baseline,
  reach-portal .sm\:align-baseline {
    vertical-align: initial !important
  }

  #navbarWrapper .sm\:align-top,
  reach-portal .sm\:align-top {
    vertical-align: top !important
  }

  #navbarWrapper .sm\:align-middle,
  reach-portal .sm\:align-middle {
    vertical-align: middle !important
  }

  #navbarWrapper .sm\:align-bottom,
  reach-portal .sm\:align-bottom {
    vertical-align: bottom !important
  }

  #navbarWrapper .sm\:align-text-top,
  reach-portal .sm\:align-text-top {
    vertical-align: text-top !important
  }

  #navbarWrapper .sm\:align-text-bottom,
  reach-portal .sm\:align-text-bottom {
    vertical-align: text-bottom !important
  }

  #navbarWrapper .sm\:visible,
  reach-portal .sm\:visible {
    visibility: visible !important
  }

  #navbarWrapper .sm\:invisible,
  reach-portal .sm\:invisible {
    visibility: hidden !important
  }

  #navbarWrapper .sm\:whitespace-normal,
  reach-portal .sm\:whitespace-normal {
    white-space: normal !important
  }

  #navbarWrapper .sm\:whitespace-no-wrap,
  reach-portal .sm\:whitespace-no-wrap {
    white-space: nowrap !important
  }

  #navbarWrapper .sm\:whitespace-pre,
  reach-portal .sm\:whitespace-pre {
    white-space: pre !important
  }

  #navbarWrapper .sm\:whitespace-pre-line,
  reach-portal .sm\:whitespace-pre-line {
    white-space: pre-line !important
  }

  #navbarWrapper .sm\:whitespace-pre-wrap,
  reach-portal .sm\:whitespace-pre-wrap {
    white-space: pre-wrap !important
  }

  #navbarWrapper .sm\:break-normal,
  reach-portal .sm\:break-normal {
    overflow-wrap: normal !important;
    word-break: normal !important
  }

  #navbarWrapper .sm\:break-words,
  reach-portal .sm\:break-words {
    overflow-wrap: break-word !important
  }

  #navbarWrapper .sm\:break-all,
  reach-portal .sm\:break-all {
    word-break: break-all !important
  }

  #navbarWrapper .sm\:truncate,
  reach-portal .sm\:truncate {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important
  }

  #navbarWrapper .sm\:w-0,
  reach-portal .sm\:w-0 {
    width: 0 !important
  }

  #navbarWrapper .sm\:w-1,
  reach-portal .sm\:w-1 {
    width: .25rem !important
  }

  #navbarWrapper .sm\:w-2,
  reach-portal .sm\:w-2 {
    width: .5rem !important
  }

  #navbarWrapper .sm\:w-3,
  reach-portal .sm\:w-3 {
    width: .75rem !important
  }

  #navbarWrapper .sm\:w-4,
  reach-portal .sm\:w-4 {
    width: 1rem !important
  }

  #navbarWrapper .sm\:w-5,
  reach-portal .sm\:w-5 {
    width: 1.25rem !important
  }

  #navbarWrapper .sm\:w-6,
  reach-portal .sm\:w-6 {
    width: 1.5rem !important
  }

  #navbarWrapper .sm\:w-8,
  reach-portal .sm\:w-8 {
    width: 2rem !important
  }

  #navbarWrapper .sm\:w-10,
  reach-portal .sm\:w-10 {
    width: 2.5rem !important
  }

  #navbarWrapper .sm\:w-12,
  reach-portal .sm\:w-12 {
    width: 3rem !important
  }

  #navbarWrapper .sm\:w-16,
  reach-portal .sm\:w-16 {
    width: 4rem !important
  }

  #navbarWrapper .sm\:w-20,
  reach-portal .sm\:w-20 {
    width: 5rem !important
  }

  #navbarWrapper .sm\:w-24,
  reach-portal .sm\:w-24 {
    width: 6rem !important
  }

  #navbarWrapper .sm\:w-32,
  reach-portal .sm\:w-32 {
    width: 8rem !important
  }

  #navbarWrapper .sm\:w-40,
  reach-portal .sm\:w-40 {
    width: 10rem !important
  }

  #navbarWrapper .sm\:w-48,
  reach-portal .sm\:w-48 {
    width: 12rem !important
  }

  #navbarWrapper .sm\:w-56,
  reach-portal .sm\:w-56 {
    width: 14rem !important
  }

  #navbarWrapper .sm\:w-64,
  reach-portal .sm\:w-64 {
    width: 16rem !important
  }

  #navbarWrapper .sm\:w-auto,
  reach-portal .sm\:w-auto {
    width: auto !important
  }

  #navbarWrapper .sm\:w-px,
  reach-portal .sm\:w-px {
    width: 1px !important
  }

  #navbarWrapper .sm\:w-1\/2,
  reach-portal .sm\:w-1\/2 {
    width: 50% !important
  }

  #navbarWrapper .sm\:w-1\/3,
  reach-portal .sm\:w-1\/3 {
    width: 33.333333% !important
  }

  #navbarWrapper .sm\:w-2\/3,
  reach-portal .sm\:w-2\/3 {
    width: 66.666667% !important
  }

  #navbarWrapper .sm\:w-1\/4,
  reach-portal .sm\:w-1\/4 {
    width: 25% !important
  }

  #navbarWrapper .sm\:w-2\/4,
  reach-portal .sm\:w-2\/4 {
    width: 50% !important
  }

  #navbarWrapper .sm\:w-3\/4,
  reach-portal .sm\:w-3\/4 {
    width: 75% !important
  }

  #navbarWrapper .sm\:w-1\/5,
  reach-portal .sm\:w-1\/5 {
    width: 20% !important
  }

  #navbarWrapper .sm\:w-2\/5,
  reach-portal .sm\:w-2\/5 {
    width: 40% !important
  }

  #navbarWrapper .sm\:w-3\/5,
  reach-portal .sm\:w-3\/5 {
    width: 60% !important
  }

  #navbarWrapper .sm\:w-4\/5,
  reach-portal .sm\:w-4\/5 {
    width: 80% !important
  }

  #navbarWrapper .sm\:w-1\/6,
  reach-portal .sm\:w-1\/6 {
    width: 16.666667% !important
  }

  #navbarWrapper .sm\:w-2\/6,
  reach-portal .sm\:w-2\/6 {
    width: 33.333333% !important
  }

  #navbarWrapper .sm\:w-3\/6,
  reach-portal .sm\:w-3\/6 {
    width: 50% !important
  }

  #navbarWrapper .sm\:w-4\/6,
  reach-portal .sm\:w-4\/6 {
    width: 66.666667% !important
  }

  #navbarWrapper .sm\:w-5\/6,
  reach-portal .sm\:w-5\/6 {
    width: 83.333333% !important
  }

  #navbarWrapper .sm\:w-1\/12,
  reach-portal .sm\:w-1\/12 {
    width: 8.333333% !important
  }

  #navbarWrapper .sm\:w-2\/12,
  reach-portal .sm\:w-2\/12 {
    width: 16.666667% !important
  }

  #navbarWrapper .sm\:w-3\/12,
  reach-portal .sm\:w-3\/12 {
    width: 25% !important
  }

  #navbarWrapper .sm\:w-4\/12,
  reach-portal .sm\:w-4\/12 {
    width: 33.333333% !important
  }

  #navbarWrapper .sm\:w-5\/12,
  reach-portal .sm\:w-5\/12 {
    width: 41.666667% !important
  }

  #navbarWrapper .sm\:w-6\/12,
  reach-portal .sm\:w-6\/12 {
    width: 50% !important
  }

  #navbarWrapper .sm\:w-7\/12,
  reach-portal .sm\:w-7\/12 {
    width: 58.333333% !important
  }

  #navbarWrapper .sm\:w-8\/12,
  reach-portal .sm\:w-8\/12 {
    width: 66.666667% !important
  }

  #navbarWrapper .sm\:w-9\/12,
  reach-portal .sm\:w-9\/12 {
    width: 75% !important
  }

  #navbarWrapper .sm\:w-10\/12,
  reach-portal .sm\:w-10\/12 {
    width: 83.333333% !important
  }

  #navbarWrapper .sm\:w-11\/12,
  reach-portal .sm\:w-11\/12 {
    width: 91.666667% !important
  }

  #navbarWrapper .sm\:w-full,
  reach-portal .sm\:w-full {
    width: 100% !important
  }

  #navbarWrapper .sm\:w-screen,
  reach-portal .sm\:w-screen {
    width: 100vw !important
  }

  #navbarWrapper .sm\:z-0,
  reach-portal .sm\:z-0 {
    z-index: 0 !important
  }

  #navbarWrapper .sm\:z-10,
  reach-portal .sm\:z-10 {
    z-index: 10 !important
  }

  #navbarWrapper .sm\:z-30,
  reach-portal .sm\:z-30 {
    z-index: 30 !important
  }

  #navbarWrapper .sm\:z-40,
  reach-portal .sm\:z-40 {
    z-index: 40 !important
  }

  #navbarWrapper .sm\:z-50,
  reach-portal .sm\:z-50 {
    z-index: 50 !important
  }

  #navbarWrapper .sm\:z-auto,
  reach-portal .sm\:z-auto {
    z-index: auto !important
  }

  #navbarWrapper .sm\:gap-0,
  reach-portal .sm\:gap-0 {
    grid-gap: 0 !important;
    gap: 0 !important
  }

  #navbarWrapper .sm\:gap-1,
  reach-portal .sm\:gap-1 {
    grid-gap: .25rem !important;
    gap: .25rem !important
  }

  #navbarWrapper .sm\:gap-2,
  reach-portal .sm\:gap-2 {
    grid-gap: .5rem !important;
    gap: .5rem !important
  }

  #navbarWrapper .sm\:gap-3,
  reach-portal .sm\:gap-3 {
    grid-gap: .75rem !important;
    gap: .75rem !important
  }

  #navbarWrapper .sm\:gap-4,
  reach-portal .sm\:gap-4 {
    grid-gap: 1rem !important;
    gap: 1rem !important
  }

  #navbarWrapper .sm\:gap-5,
  reach-portal .sm\:gap-5 {
    grid-gap: 1.25rem !important;
    gap: 1.25rem !important
  }

  #navbarWrapper .sm\:gap-6,
  reach-portal .sm\:gap-6 {
    grid-gap: 1.5rem !important;
    gap: 1.5rem !important
  }

  #navbarWrapper .sm\:gap-8,
  reach-portal .sm\:gap-8 {
    grid-gap: 2rem !important;
    gap: 2rem !important
  }

  #navbarWrapper .sm\:gap-10,
  reach-portal .sm\:gap-10 {
    grid-gap: 2.5rem !important;
    gap: 2.5rem !important
  }

  #navbarWrapper .sm\:gap-12,
  reach-portal .sm\:gap-12 {
    grid-gap: 3rem !important;
    gap: 3rem !important
  }

  #navbarWrapper .sm\:gap-16,
  reach-portal .sm\:gap-16 {
    grid-gap: 4rem !important;
    gap: 4rem !important
  }

  #navbarWrapper .sm\:gap-20,
  reach-portal .sm\:gap-20 {
    grid-gap: 5rem !important;
    gap: 5rem !important
  }

  #navbarWrapper .sm\:gap-24,
  reach-portal .sm\:gap-24 {
    grid-gap: 6rem !important;
    gap: 6rem !important
  }

  #navbarWrapper .sm\:gap-32,
  reach-portal .sm\:gap-32 {
    grid-gap: 8rem !important;
    gap: 8rem !important
  }

  #navbarWrapper .sm\:gap-40,
  reach-portal .sm\:gap-40 {
    grid-gap: 10rem !important;
    gap: 10rem !important
  }

  #navbarWrapper .sm\:gap-48,
  reach-portal .sm\:gap-48 {
    grid-gap: 12rem !important;
    gap: 12rem !important
  }

  #navbarWrapper .sm\:gap-56,
  reach-portal .sm\:gap-56 {
    grid-gap: 14rem !important;
    gap: 14rem !important
  }

  #navbarWrapper .sm\:gap-64,
  reach-portal .sm\:gap-64 {
    grid-gap: 16rem !important;
    gap: 16rem !important
  }

  #navbarWrapper .sm\:gap-px,
  reach-portal .sm\:gap-px {
    grid-gap: 1px !important;
    gap: 1px !important
  }

  #navbarWrapper .sm\:col-gap-0,
  reach-portal .sm\:col-gap-0 {
    grid-column-gap: 0 !important;
    column-gap: 0 !important
  }

  #navbarWrapper .sm\:col-gap-1,
  reach-portal .sm\:col-gap-1 {
    grid-column-gap: .25rem !important;
    column-gap: .25rem !important
  }

  #navbarWrapper .sm\:col-gap-2,
  reach-portal .sm\:col-gap-2 {
    grid-column-gap: .5rem !important;
    column-gap: .5rem !important
  }

  #navbarWrapper .sm\:col-gap-3,
  reach-portal .sm\:col-gap-3 {
    grid-column-gap: .75rem !important;
    column-gap: .75rem !important
  }

  #navbarWrapper .sm\:col-gap-4,
  reach-portal .sm\:col-gap-4 {
    grid-column-gap: 1rem !important;
    column-gap: 1rem !important
  }

  #navbarWrapper .sm\:col-gap-5,
  reach-portal .sm\:col-gap-5 {
    grid-column-gap: 1.25rem !important;
    column-gap: 1.25rem !important
  }

  #navbarWrapper .sm\:col-gap-6,
  reach-portal .sm\:col-gap-6 {
    grid-column-gap: 1.5rem !important;
    column-gap: 1.5rem !important
  }

  #navbarWrapper .sm\:col-gap-8,
  reach-portal .sm\:col-gap-8 {
    grid-column-gap: 2rem !important;
    column-gap: 2rem !important
  }

  #navbarWrapper .sm\:col-gap-10,
  reach-portal .sm\:col-gap-10 {
    grid-column-gap: 2.5rem !important;
    column-gap: 2.5rem !important
  }

  #navbarWrapper .sm\:col-gap-12,
  reach-portal .sm\:col-gap-12 {
    grid-column-gap: 3rem !important;
    column-gap: 3rem !important
  }

  #navbarWrapper .sm\:col-gap-16,
  reach-portal .sm\:col-gap-16 {
    grid-column-gap: 4rem !important;
    column-gap: 4rem !important
  }

  #navbarWrapper .sm\:col-gap-20,
  reach-portal .sm\:col-gap-20 {
    grid-column-gap: 5rem !important;
    column-gap: 5rem !important
  }

  #navbarWrapper .sm\:col-gap-24,
  reach-portal .sm\:col-gap-24 {
    grid-column-gap: 6rem !important;
    column-gap: 6rem !important
  }

  #navbarWrapper .sm\:col-gap-32,
  reach-portal .sm\:col-gap-32 {
    grid-column-gap: 8rem !important;
    column-gap: 8rem !important
  }

  #navbarWrapper .sm\:col-gap-40,
  reach-portal .sm\:col-gap-40 {
    grid-column-gap: 10rem !important;
    column-gap: 10rem !important
  }

  #navbarWrapper .sm\:col-gap-48,
  reach-portal .sm\:col-gap-48 {
    grid-column-gap: 12rem !important;
    column-gap: 12rem !important
  }

  #navbarWrapper .sm\:col-gap-56,
  reach-portal .sm\:col-gap-56 {
    grid-column-gap: 14rem !important;
    column-gap: 14rem !important
  }

  #navbarWrapper .sm\:col-gap-64,
  reach-portal .sm\:col-gap-64 {
    grid-column-gap: 16rem !important;
    column-gap: 16rem !important
  }

  #navbarWrapper .sm\:col-gap-px,
  reach-portal .sm\:col-gap-px {
    grid-column-gap: 1px !important;
    column-gap: 1px !important
  }

  #navbarWrapper .sm\:row-gap-0,
  reach-portal .sm\:row-gap-0 {
    grid-row-gap: 0 !important;
    row-gap: 0 !important
  }

  #navbarWrapper .sm\:row-gap-1,
  reach-portal .sm\:row-gap-1 {
    grid-row-gap: .25rem !important;
    row-gap: .25rem !important
  }

  #navbarWrapper .sm\:row-gap-2,
  reach-portal .sm\:row-gap-2 {
    grid-row-gap: .5rem !important;
    row-gap: .5rem !important
  }

  #navbarWrapper .sm\:row-gap-3,
  reach-portal .sm\:row-gap-3 {
    grid-row-gap: .75rem !important;
    row-gap: .75rem !important
  }

  #navbarWrapper .sm\:row-gap-4,
  reach-portal .sm\:row-gap-4 {
    grid-row-gap: 1rem !important;
    row-gap: 1rem !important
  }

  #navbarWrapper .sm\:row-gap-5,
  reach-portal .sm\:row-gap-5 {
    grid-row-gap: 1.25rem !important;
    row-gap: 1.25rem !important
  }

  #navbarWrapper .sm\:row-gap-6,
  reach-portal .sm\:row-gap-6 {
    grid-row-gap: 1.5rem !important;
    row-gap: 1.5rem !important
  }

  #navbarWrapper .sm\:row-gap-8,
  reach-portal .sm\:row-gap-8 {
    grid-row-gap: 2rem !important;
    row-gap: 2rem !important
  }

  #navbarWrapper .sm\:row-gap-10,
  reach-portal .sm\:row-gap-10 {
    grid-row-gap: 2.5rem !important;
    row-gap: 2.5rem !important
  }

  #navbarWrapper .sm\:row-gap-12,
  reach-portal .sm\:row-gap-12 {
    grid-row-gap: 3rem !important;
    row-gap: 3rem !important
  }

  #navbarWrapper .sm\:row-gap-16,
  reach-portal .sm\:row-gap-16 {
    grid-row-gap: 4rem !important;
    row-gap: 4rem !important
  }

  #navbarWrapper .sm\:row-gap-20,
  reach-portal .sm\:row-gap-20 {
    grid-row-gap: 5rem !important;
    row-gap: 5rem !important
  }

  #navbarWrapper .sm\:row-gap-24,
  reach-portal .sm\:row-gap-24 {
    grid-row-gap: 6rem !important;
    row-gap: 6rem !important
  }

  #navbarWrapper .sm\:row-gap-32,
  reach-portal .sm\:row-gap-32 {
    grid-row-gap: 8rem !important;
    row-gap: 8rem !important
  }

  #navbarWrapper .sm\:row-gap-40,
  reach-portal .sm\:row-gap-40 {
    grid-row-gap: 10rem !important;
    row-gap: 10rem !important
  }

  #navbarWrapper .sm\:row-gap-48,
  reach-portal .sm\:row-gap-48 {
    grid-row-gap: 12rem !important;
    row-gap: 12rem !important
  }

  #navbarWrapper .sm\:row-gap-56,
  reach-portal .sm\:row-gap-56 {
    grid-row-gap: 14rem !important;
    row-gap: 14rem !important
  }

  #navbarWrapper .sm\:row-gap-64,
  reach-portal .sm\:row-gap-64 {
    grid-row-gap: 16rem !important;
    row-gap: 16rem !important
  }

  #navbarWrapper .sm\:row-gap-px,
  reach-portal .sm\:row-gap-px {
    grid-row-gap: 1px !important;
    row-gap: 1px !important
  }

  #navbarWrapper .sm\:grid-flow-row,
  reach-portal .sm\:grid-flow-row {
    grid-auto-flow: row !important
  }

  #navbarWrapper .sm\:grid-flow-col,
  reach-portal .sm\:grid-flow-col {
    grid-auto-flow: column !important
  }

  #navbarWrapper .sm\:grid-flow-row-dense,
  reach-portal .sm\:grid-flow-row-dense {
    grid-auto-flow: row dense !important
  }

  #navbarWrapper .sm\:grid-flow-col-dense,
  reach-portal .sm\:grid-flow-col-dense {
    grid-auto-flow: column dense !important
  }

  #navbarWrapper .sm\:grid-cols-1,
  reach-portal .sm\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important
  }

  #navbarWrapper .sm\:grid-cols-2,
  reach-portal .sm\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important
  }

  #navbarWrapper .sm\:grid-cols-3,
  reach-portal .sm\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important
  }

  #navbarWrapper .sm\:grid-cols-4,
  reach-portal .sm\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important
  }

  #navbarWrapper .sm\:grid-cols-5,
  reach-portal .sm\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important
  }

  #navbarWrapper .sm\:grid-cols-6,
  reach-portal .sm\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important
  }

  #navbarWrapper .sm\:grid-cols-7,
  reach-portal .sm\:grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr)) !important
  }

  #navbarWrapper .sm\:grid-cols-8,
  reach-portal .sm\:grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr)) !important
  }

  #navbarWrapper .sm\:grid-cols-9,
  reach-portal .sm\:grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr)) !important
  }

  #navbarWrapper .sm\:grid-cols-10,
  reach-portal .sm\:grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr)) !important
  }

  #navbarWrapper .sm\:grid-cols-11,
  reach-portal .sm\:grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr)) !important
  }

  #navbarWrapper .sm\:grid-cols-12,
  reach-portal .sm\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr)) !important
  }

  #navbarWrapper .sm\:grid-cols-none,
  reach-portal .sm\:grid-cols-none {
    grid-template-columns: none !important
  }

  #navbarWrapper .sm\:col-auto,
  reach-portal .sm\:col-auto {
    grid-column: auto !important
  }

  #navbarWrapper .sm\:col-span-1,
  reach-portal .sm\:col-span-1 {
    grid-column: span 1/span 1 !important
  }

  #navbarWrapper .sm\:col-span-2,
  reach-portal .sm\:col-span-2 {
    grid-column: span 2/span 2 !important
  }

  #navbarWrapper .sm\:col-span-3,
  reach-portal .sm\:col-span-3 {
    grid-column: span 3/span 3 !important
  }

  #navbarWrapper .sm\:col-span-4,
  reach-portal .sm\:col-span-4 {
    grid-column: span 4/span 4 !important
  }

  #navbarWrapper .sm\:col-span-5,
  reach-portal .sm\:col-span-5 {
    grid-column: span 5/span 5 !important
  }

  #navbarWrapper .sm\:col-span-6,
  reach-portal .sm\:col-span-6 {
    grid-column: span 6/span 6 !important
  }

  #navbarWrapper .sm\:col-span-7,
  reach-portal .sm\:col-span-7 {
    grid-column: span 7/span 7 !important
  }

  #navbarWrapper .sm\:col-span-8,
  reach-portal .sm\:col-span-8 {
    grid-column: span 8/span 8 !important
  }

  #navbarWrapper .sm\:col-span-9,
  reach-portal .sm\:col-span-9 {
    grid-column: span 9/span 9 !important
  }

  #navbarWrapper .sm\:col-span-10,
  reach-portal .sm\:col-span-10 {
    grid-column: span 10/span 10 !important
  }

  #navbarWrapper .sm\:col-span-11,
  reach-portal .sm\:col-span-11 {
    grid-column: span 11/span 11 !important
  }

  #navbarWrapper .sm\:col-span-12,
  reach-portal .sm\:col-span-12 {
    grid-column: span 12/span 12 !important
  }

  #navbarWrapper .sm\:col-start-1,
  reach-portal .sm\:col-start-1 {
    grid-column-start: 1 !important
  }

  #navbarWrapper .sm\:col-start-2,
  reach-portal .sm\:col-start-2 {
    grid-column-start: 2 !important
  }

  #navbarWrapper .sm\:col-start-3,
  reach-portal .sm\:col-start-3 {
    grid-column-start: 3 !important
  }

  #navbarWrapper .sm\:col-start-4,
  reach-portal .sm\:col-start-4 {
    grid-column-start: 4 !important
  }

  #navbarWrapper .sm\:col-start-5,
  reach-portal .sm\:col-start-5 {
    grid-column-start: 5 !important
  }

  #navbarWrapper .sm\:col-start-6,
  reach-portal .sm\:col-start-6 {
    grid-column-start: 6 !important
  }

  #navbarWrapper .sm\:col-start-7,
  reach-portal .sm\:col-start-7 {
    grid-column-start: 7 !important
  }

  #navbarWrapper .sm\:col-start-8,
  reach-portal .sm\:col-start-8 {
    grid-column-start: 8 !important
  }

  #navbarWrapper .sm\:col-start-9,
  reach-portal .sm\:col-start-9 {
    grid-column-start: 9 !important
  }

  #navbarWrapper .sm\:col-start-10,
  reach-portal .sm\:col-start-10 {
    grid-column-start: 10 !important
  }

  #navbarWrapper .sm\:col-start-11,
  reach-portal .sm\:col-start-11 {
    grid-column-start: 11 !important
  }

  #navbarWrapper .sm\:col-start-12,
  reach-portal .sm\:col-start-12 {
    grid-column-start: 12 !important
  }

  #navbarWrapper .sm\:col-start-13,
  reach-portal .sm\:col-start-13 {
    grid-column-start: 13 !important
  }

  #navbarWrapper .sm\:col-start-auto,
  reach-portal .sm\:col-start-auto {
    grid-column-start: auto !important
  }

  #navbarWrapper .sm\:col-end-1,
  reach-portal .sm\:col-end-1 {
    grid-column-end: 1 !important
  }

  #navbarWrapper .sm\:col-end-2,
  reach-portal .sm\:col-end-2 {
    grid-column-end: 2 !important
  }

  #navbarWrapper .sm\:col-end-3,
  reach-portal .sm\:col-end-3 {
    grid-column-end: 3 !important
  }

  #navbarWrapper .sm\:col-end-4,
  reach-portal .sm\:col-end-4 {
    grid-column-end: 4 !important
  }

  #navbarWrapper .sm\:col-end-5,
  reach-portal .sm\:col-end-5 {
    grid-column-end: 5 !important
  }

  #navbarWrapper .sm\:col-end-6,
  reach-portal .sm\:col-end-6 {
    grid-column-end: 6 !important
  }

  #navbarWrapper .sm\:col-end-7,
  reach-portal .sm\:col-end-7 {
    grid-column-end: 7 !important
  }

  #navbarWrapper .sm\:col-end-8,
  reach-portal .sm\:col-end-8 {
    grid-column-end: 8 !important
  }

  #navbarWrapper .sm\:col-end-9,
  reach-portal .sm\:col-end-9 {
    grid-column-end: 9 !important
  }

  #navbarWrapper .sm\:col-end-10,
  reach-portal .sm\:col-end-10 {
    grid-column-end: 10 !important
  }

  #navbarWrapper .sm\:col-end-11,
  reach-portal .sm\:col-end-11 {
    grid-column-end: 11 !important
  }

  #navbarWrapper .sm\:col-end-12,
  reach-portal .sm\:col-end-12 {
    grid-column-end: 12 !important
  }

  #navbarWrapper .sm\:col-end-13,
  reach-portal .sm\:col-end-13 {
    grid-column-end: 13 !important
  }

  #navbarWrapper .sm\:col-end-auto,
  reach-portal .sm\:col-end-auto {
    grid-column-end: auto !important
  }

  #navbarWrapper .sm\:grid-rows-1,
  reach-portal .sm\:grid-rows-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr)) !important
  }

  #navbarWrapper .sm\:grid-rows-2,
  reach-portal .sm\:grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr)) !important
  }

  #navbarWrapper .sm\:grid-rows-3,
  reach-portal .sm\:grid-rows-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr)) !important
  }

  #navbarWrapper .sm\:grid-rows-4,
  reach-portal .sm\:grid-rows-4 {
    grid-template-rows: repeat(4, minmax(0, 1fr)) !important
  }

  #navbarWrapper .sm\:grid-rows-5,
  reach-portal .sm\:grid-rows-5 {
    grid-template-rows: repeat(5, minmax(0, 1fr)) !important
  }

  #navbarWrapper .sm\:grid-rows-6,
  reach-portal .sm\:grid-rows-6 {
    grid-template-rows: repeat(6, minmax(0, 1fr)) !important
  }

  #navbarWrapper .sm\:grid-rows-none,
  reach-portal .sm\:grid-rows-none {
    grid-template-rows: none !important
  }

  #navbarWrapper .sm\:row-auto,
  reach-portal .sm\:row-auto {
    grid-row: auto !important
  }

  #navbarWrapper .sm\:row-span-1,
  reach-portal .sm\:row-span-1 {
    grid-row: span 1/span 1 !important
  }

  #navbarWrapper .sm\:row-span-2,
  reach-portal .sm\:row-span-2 {
    grid-row: span 2/span 2 !important
  }

  #navbarWrapper .sm\:row-span-3,
  reach-portal .sm\:row-span-3 {
    grid-row: span 3/span 3 !important
  }

  #navbarWrapper .sm\:row-span-4,
  reach-portal .sm\:row-span-4 {
    grid-row: span 4/span 4 !important
  }

  #navbarWrapper .sm\:row-span-5,
  reach-portal .sm\:row-span-5 {
    grid-row: span 5/span 5 !important
  }

  #navbarWrapper .sm\:row-span-6,
  reach-portal .sm\:row-span-6 {
    grid-row: span 6/span 6 !important
  }

  #navbarWrapper .sm\:row-start-1,
  reach-portal .sm\:row-start-1 {
    grid-row-start: 1 !important
  }

  #navbarWrapper .sm\:row-start-2,
  reach-portal .sm\:row-start-2 {
    grid-row-start: 2 !important
  }

  #navbarWrapper .sm\:row-start-3,
  reach-portal .sm\:row-start-3 {
    grid-row-start: 3 !important
  }

  #navbarWrapper .sm\:row-start-4,
  reach-portal .sm\:row-start-4 {
    grid-row-start: 4 !important
  }

  #navbarWrapper .sm\:row-start-5,
  reach-portal .sm\:row-start-5 {
    grid-row-start: 5 !important
  }

  #navbarWrapper .sm\:row-start-6,
  reach-portal .sm\:row-start-6 {
    grid-row-start: 6 !important
  }

  #navbarWrapper .sm\:row-start-7,
  reach-portal .sm\:row-start-7 {
    grid-row-start: 7 !important
  }

  #navbarWrapper .sm\:row-start-auto,
  reach-portal .sm\:row-start-auto {
    grid-row-start: auto !important
  }

  #navbarWrapper .sm\:row-end-1,
  reach-portal .sm\:row-end-1 {
    grid-row-end: 1 !important
  }

  #navbarWrapper .sm\:row-end-2,
  reach-portal .sm\:row-end-2 {
    grid-row-end: 2 !important
  }

  #navbarWrapper .sm\:row-end-3,
  reach-portal .sm\:row-end-3 {
    grid-row-end: 3 !important
  }

  #navbarWrapper .sm\:row-end-4,
  reach-portal .sm\:row-end-4 {
    grid-row-end: 4 !important
  }

  #navbarWrapper .sm\:row-end-5,
  reach-portal .sm\:row-end-5 {
    grid-row-end: 5 !important
  }

  #navbarWrapper .sm\:row-end-6,
  reach-portal .sm\:row-end-6 {
    grid-row-end: 6 !important
  }

  #navbarWrapper .sm\:row-end-7,
  reach-portal .sm\:row-end-7 {
    grid-row-end: 7 !important
  }

  #navbarWrapper .sm\:row-end-auto,
  reach-portal .sm\:row-end-auto {
    grid-row-end: auto !important
  }

  #navbarWrapper .sm\:transform,
  reach-portal .sm\:transform {
    --transform-translate-x: 0 !important;
    --transform-translate-y: 0 !important;
    --transform-rotate: 0 !important;
    --transform-skew-x: 0 !important;
    --transform-skew-y: 0 !important;
    --transform-scale-x: 1 !important;
    --transform-scale-y: 1 !important;
    transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y)) !important
  }

  #navbarWrapper .sm\:transform-none,
  reach-portal .sm\:transform-none {
    transform: none !important
  }

  #navbarWrapper .sm\:origin-center,
  reach-portal .sm\:origin-center {
    transform-origin: center !important
  }

  #navbarWrapper .sm\:origin-top,
  reach-portal .sm\:origin-top {
    transform-origin: top !important
  }

  #navbarWrapper .sm\:origin-top-right,
  reach-portal .sm\:origin-top-right {
    transform-origin: top right !important
  }

  #navbarWrapper .sm\:origin-right,
  reach-portal .sm\:origin-right {
    transform-origin: right !important
  }

  #navbarWrapper .sm\:origin-bottom-right,
  reach-portal .sm\:origin-bottom-right {
    transform-origin: bottom right !important
  }

  #navbarWrapper .sm\:origin-bottom,
  reach-portal .sm\:origin-bottom {
    transform-origin: bottom !important
  }

  #navbarWrapper .sm\:origin-bottom-left,
  reach-portal .sm\:origin-bottom-left {
    transform-origin: bottom left !important
  }

  #navbarWrapper .sm\:origin-left,
  reach-portal .sm\:origin-left {
    transform-origin: left !important
  }

  #navbarWrapper .sm\:origin-top-left,
  reach-portal .sm\:origin-top-left {
    transform-origin: top left !important
  }

  #navbarWrapper .sm\:scale-0,
  reach-portal .sm\:scale-0 {
    --transform-scale-x: 0 !important;
    --transform-scale-y: 0 !important
  }

  #navbarWrapper .sm\:scale-50,
  reach-portal .sm\:scale-50 {
    --transform-scale-x: .5 !important;
    --transform-scale-y: .5 !important
  }

  #navbarWrapper .sm\:scale-75,
  reach-portal .sm\:scale-75 {
    --transform-scale-x: .75 !important;
    --transform-scale-y: .75 !important
  }

  #navbarWrapper .sm\:scale-90,
  reach-portal .sm\:scale-90 {
    --transform-scale-x: .9 !important;
    --transform-scale-y: .9 !important
  }

  #navbarWrapper .sm\:scale-95,
  reach-portal .sm\:scale-95 {
    --transform-scale-x: .95 !important;
    --transform-scale-y: .95 !important
  }

  #navbarWrapper .sm\:scale-100,
  reach-portal .sm\:scale-100 {
    --transform-scale-x: 1 !important;
    --transform-scale-y: 1 !important
  }

  #navbarWrapper .sm\:scale-105,
  reach-portal .sm\:scale-105 {
    --transform-scale-x: 1.05 !important;
    --transform-scale-y: 1.05 !important
  }

  #navbarWrapper .sm\:scale-110,
  reach-portal .sm\:scale-110 {
    --transform-scale-x: 1.1 !important;
    --transform-scale-y: 1.1 !important
  }

  #navbarWrapper .sm\:scale-125,
  reach-portal .sm\:scale-125 {
    --transform-scale-x: 1.25 !important;
    --transform-scale-y: 1.25 !important
  }

  #navbarWrapper .sm\:scale-150,
  reach-portal .sm\:scale-150 {
    --transform-scale-x: 1.5 !important;
    --transform-scale-y: 1.5 !important
  }

  #navbarWrapper .sm\:scale-x-0,
  reach-portal .sm\:scale-x-0 {
    --transform-scale-x: 0 !important
  }

  #navbarWrapper .sm\:scale-x-50,
  reach-portal .sm\:scale-x-50 {
    --transform-scale-x: .5 !important
  }

  #navbarWrapper .sm\:scale-x-75,
  reach-portal .sm\:scale-x-75 {
    --transform-scale-x: .75 !important
  }

  #navbarWrapper .sm\:scale-x-90,
  reach-portal .sm\:scale-x-90 {
    --transform-scale-x: .9 !important
  }

  #navbarWrapper .sm\:scale-x-95,
  reach-portal .sm\:scale-x-95 {
    --transform-scale-x: .95 !important
  }

  #navbarWrapper .sm\:scale-x-100,
  reach-portal .sm\:scale-x-100 {
    --transform-scale-x: 1 !important
  }

  #navbarWrapper .sm\:scale-x-105,
  reach-portal .sm\:scale-x-105 {
    --transform-scale-x: 1.05 !important
  }

  #navbarWrapper .sm\:scale-x-110,
  reach-portal .sm\:scale-x-110 {
    --transform-scale-x: 1.1 !important
  }

  #navbarWrapper .sm\:scale-x-125,
  reach-portal .sm\:scale-x-125 {
    --transform-scale-x: 1.25 !important
  }

  #navbarWrapper .sm\:scale-x-150,
  reach-portal .sm\:scale-x-150 {
    --transform-scale-x: 1.5 !important
  }

  #navbarWrapper .sm\:scale-y-0,
  reach-portal .sm\:scale-y-0 {
    --transform-scale-y: 0 !important
  }

  #navbarWrapper .sm\:scale-y-50,
  reach-portal .sm\:scale-y-50 {
    --transform-scale-y: .5 !important
  }

  #navbarWrapper .sm\:scale-y-75,
  reach-portal .sm\:scale-y-75 {
    --transform-scale-y: .75 !important
  }

  #navbarWrapper .sm\:scale-y-90,
  reach-portal .sm\:scale-y-90 {
    --transform-scale-y: .9 !important
  }

  #navbarWrapper .sm\:scale-y-95,
  reach-portal .sm\:scale-y-95 {
    --transform-scale-y: .95 !important
  }

  #navbarWrapper .sm\:scale-y-100,
  reach-portal .sm\:scale-y-100 {
    --transform-scale-y: 1 !important
  }

  #navbarWrapper .sm\:scale-y-105,
  reach-portal .sm\:scale-y-105 {
    --transform-scale-y: 1.05 !important
  }

  #navbarWrapper .sm\:scale-y-110,
  reach-portal .sm\:scale-y-110 {
    --transform-scale-y: 1.1 !important
  }

  #navbarWrapper .sm\:scale-y-125,
  reach-portal .sm\:scale-y-125 {
    --transform-scale-y: 1.25 !important
  }

  #navbarWrapper .sm\:scale-y-150,
  reach-portal .sm\:scale-y-150 {
    --transform-scale-y: 1.5 !important
  }

  #navbarWrapper .sm\:hover\:scale-0:hover,
  reach-portal .sm\:hover\:scale-0:hover {
    --transform-scale-x: 0 !important;
    --transform-scale-y: 0 !important
  }

  #navbarWrapper .sm\:hover\:scale-50:hover,
  reach-portal .sm\:hover\:scale-50:hover {
    --transform-scale-x: .5 !important;
    --transform-scale-y: .5 !important
  }

  #navbarWrapper .sm\:hover\:scale-75:hover,
  reach-portal .sm\:hover\:scale-75:hover {
    --transform-scale-x: .75 !important;
    --transform-scale-y: .75 !important
  }

  #navbarWrapper .sm\:hover\:scale-90:hover,
  reach-portal .sm\:hover\:scale-90:hover {
    --transform-scale-x: .9 !important;
    --transform-scale-y: .9 !important
  }

  #navbarWrapper .sm\:hover\:scale-95:hover,
  reach-portal .sm\:hover\:scale-95:hover {
    --transform-scale-x: .95 !important;
    --transform-scale-y: .95 !important
  }

  #navbarWrapper .sm\:hover\:scale-100:hover,
  reach-portal .sm\:hover\:scale-100:hover {
    --transform-scale-x: 1 !important;
    --transform-scale-y: 1 !important
  }

  #navbarWrapper .sm\:hover\:scale-105:hover,
  reach-portal .sm\:hover\:scale-105:hover {
    --transform-scale-x: 1.05 !important;
    --transform-scale-y: 1.05 !important
  }

  #navbarWrapper .sm\:hover\:scale-110:hover,
  reach-portal .sm\:hover\:scale-110:hover {
    --transform-scale-x: 1.1 !important;
    --transform-scale-y: 1.1 !important
  }

  #navbarWrapper .sm\:hover\:scale-125:hover,
  reach-portal .sm\:hover\:scale-125:hover {
    --transform-scale-x: 1.25 !important;
    --transform-scale-y: 1.25 !important
  }

  #navbarWrapper .sm\:hover\:scale-150:hover,
  reach-portal .sm\:hover\:scale-150:hover {
    --transform-scale-x: 1.5 !important;
    --transform-scale-y: 1.5 !important
  }

  #navbarWrapper .sm\:hover\:scale-x-0:hover,
  reach-portal .sm\:hover\:scale-x-0:hover {
    --transform-scale-x: 0 !important
  }

  #navbarWrapper .sm\:hover\:scale-x-50:hover,
  reach-portal .sm\:hover\:scale-x-50:hover {
    --transform-scale-x: .5 !important
  }

  #navbarWrapper .sm\:hover\:scale-x-75:hover,
  reach-portal .sm\:hover\:scale-x-75:hover {
    --transform-scale-x: .75 !important
  }

  #navbarWrapper .sm\:hover\:scale-x-90:hover,
  reach-portal .sm\:hover\:scale-x-90:hover {
    --transform-scale-x: .9 !important
  }

  #navbarWrapper .sm\:hover\:scale-x-95:hover,
  reach-portal .sm\:hover\:scale-x-95:hover {
    --transform-scale-x: .95 !important
  }

  #navbarWrapper .sm\:hover\:scale-x-100:hover,
  reach-portal .sm\:hover\:scale-x-100:hover {
    --transform-scale-x: 1 !important
  }

  #navbarWrapper .sm\:hover\:scale-x-105:hover,
  reach-portal .sm\:hover\:scale-x-105:hover {
    --transform-scale-x: 1.05 !important
  }

  #navbarWrapper .sm\:hover\:scale-x-110:hover,
  reach-portal .sm\:hover\:scale-x-110:hover {
    --transform-scale-x: 1.1 !important
  }

  #navbarWrapper .sm\:hover\:scale-x-125:hover,
  reach-portal .sm\:hover\:scale-x-125:hover {
    --transform-scale-x: 1.25 !important
  }

  #navbarWrapper .sm\:hover\:scale-x-150:hover,
  reach-portal .sm\:hover\:scale-x-150:hover {
    --transform-scale-x: 1.5 !important
  }

  #navbarWrapper .sm\:hover\:scale-y-0:hover,
  reach-portal .sm\:hover\:scale-y-0:hover {
    --transform-scale-y: 0 !important
  }

  #navbarWrapper .sm\:hover\:scale-y-50:hover,
  reach-portal .sm\:hover\:scale-y-50:hover {
    --transform-scale-y: .5 !important
  }

  #navbarWrapper .sm\:hover\:scale-y-75:hover,
  reach-portal .sm\:hover\:scale-y-75:hover {
    --transform-scale-y: .75 !important
  }

  #navbarWrapper .sm\:hover\:scale-y-90:hover,
  reach-portal .sm\:hover\:scale-y-90:hover {
    --transform-scale-y: .9 !important
  }

  #navbarWrapper .sm\:hover\:scale-y-95:hover,
  reach-portal .sm\:hover\:scale-y-95:hover {
    --transform-scale-y: .95 !important
  }

  #navbarWrapper .sm\:hover\:scale-y-100:hover,
  reach-portal .sm\:hover\:scale-y-100:hover {
    --transform-scale-y: 1 !important
  }

  #navbarWrapper .sm\:hover\:scale-y-105:hover,
  reach-portal .sm\:hover\:scale-y-105:hover {
    --transform-scale-y: 1.05 !important
  }

  #navbarWrapper .sm\:hover\:scale-y-110:hover,
  reach-portal .sm\:hover\:scale-y-110:hover {
    --transform-scale-y: 1.1 !important
  }

  #navbarWrapper .sm\:hover\:scale-y-125:hover,
  reach-portal .sm\:hover\:scale-y-125:hover {
    --transform-scale-y: 1.25 !important
  }

  #navbarWrapper .sm\:hover\:scale-y-150:hover,
  reach-portal .sm\:hover\:scale-y-150:hover {
    --transform-scale-y: 1.5 !important
  }

  #navbarWrapper .sm\:focus\:scale-0:focus,
  reach-portal .sm\:focus\:scale-0:focus {
    --transform-scale-x: 0 !important;
    --transform-scale-y: 0 !important
  }

  #navbarWrapper .sm\:focus\:scale-50:focus,
  reach-portal .sm\:focus\:scale-50:focus {
    --transform-scale-x: .5 !important;
    --transform-scale-y: .5 !important
  }

  #navbarWrapper .sm\:focus\:scale-75:focus,
  reach-portal .sm\:focus\:scale-75:focus {
    --transform-scale-x: .75 !important;
    --transform-scale-y: .75 !important
  }

  #navbarWrapper .sm\:focus\:scale-90:focus,
  reach-portal .sm\:focus\:scale-90:focus {
    --transform-scale-x: .9 !important;
    --transform-scale-y: .9 !important
  }

  #navbarWrapper .sm\:focus\:scale-95:focus,
  reach-portal .sm\:focus\:scale-95:focus {
    --transform-scale-x: .95 !important;
    --transform-scale-y: .95 !important
  }

  #navbarWrapper .sm\:focus\:scale-100:focus,
  reach-portal .sm\:focus\:scale-100:focus {
    --transform-scale-x: 1 !important;
    --transform-scale-y: 1 !important
  }

  #navbarWrapper .sm\:focus\:scale-105:focus,
  reach-portal .sm\:focus\:scale-105:focus {
    --transform-scale-x: 1.05 !important;
    --transform-scale-y: 1.05 !important
  }

  #navbarWrapper .sm\:focus\:scale-110:focus,
  reach-portal .sm\:focus\:scale-110:focus {
    --transform-scale-x: 1.1 !important;
    --transform-scale-y: 1.1 !important
  }

  #navbarWrapper .sm\:focus\:scale-125:focus,
  reach-portal .sm\:focus\:scale-125:focus {
    --transform-scale-x: 1.25 !important;
    --transform-scale-y: 1.25 !important
  }

  #navbarWrapper .sm\:focus\:scale-150:focus,
  reach-portal .sm\:focus\:scale-150:focus {
    --transform-scale-x: 1.5 !important;
    --transform-scale-y: 1.5 !important
  }

  #navbarWrapper .sm\:focus\:scale-x-0:focus,
  reach-portal .sm\:focus\:scale-x-0:focus {
    --transform-scale-x: 0 !important
  }

  #navbarWrapper .sm\:focus\:scale-x-50:focus,
  reach-portal .sm\:focus\:scale-x-50:focus {
    --transform-scale-x: .5 !important
  }

  #navbarWrapper .sm\:focus\:scale-x-75:focus,
  reach-portal .sm\:focus\:scale-x-75:focus {
    --transform-scale-x: .75 !important
  }

  #navbarWrapper .sm\:focus\:scale-x-90:focus,
  reach-portal .sm\:focus\:scale-x-90:focus {
    --transform-scale-x: .9 !important
  }

  #navbarWrapper .sm\:focus\:scale-x-95:focus,
  reach-portal .sm\:focus\:scale-x-95:focus {
    --transform-scale-x: .95 !important
  }

  #navbarWrapper .sm\:focus\:scale-x-100:focus,
  reach-portal .sm\:focus\:scale-x-100:focus {
    --transform-scale-x: 1 !important
  }

  #navbarWrapper .sm\:focus\:scale-x-105:focus,
  reach-portal .sm\:focus\:scale-x-105:focus {
    --transform-scale-x: 1.05 !important
  }

  #navbarWrapper .sm\:focus\:scale-x-110:focus,
  reach-portal .sm\:focus\:scale-x-110:focus {
    --transform-scale-x: 1.1 !important
  }

  #navbarWrapper .sm\:focus\:scale-x-125:focus,
  reach-portal .sm\:focus\:scale-x-125:focus {
    --transform-scale-x: 1.25 !important
  }

  #navbarWrapper .sm\:focus\:scale-x-150:focus,
  reach-portal .sm\:focus\:scale-x-150:focus {
    --transform-scale-x: 1.5 !important
  }

  #navbarWrapper .sm\:focus\:scale-y-0:focus,
  reach-portal .sm\:focus\:scale-y-0:focus {
    --transform-scale-y: 0 !important
  }

  #navbarWrapper .sm\:focus\:scale-y-50:focus,
  reach-portal .sm\:focus\:scale-y-50:focus {
    --transform-scale-y: .5 !important
  }

  #navbarWrapper .sm\:focus\:scale-y-75:focus,
  reach-portal .sm\:focus\:scale-y-75:focus {
    --transform-scale-y: .75 !important
  }

  #navbarWrapper .sm\:focus\:scale-y-90:focus,
  reach-portal .sm\:focus\:scale-y-90:focus {
    --transform-scale-y: .9 !important
  }

  #navbarWrapper .sm\:focus\:scale-y-95:focus,
  reach-portal .sm\:focus\:scale-y-95:focus {
    --transform-scale-y: .95 !important
  }

  #navbarWrapper .sm\:focus\:scale-y-100:focus,
  reach-portal .sm\:focus\:scale-y-100:focus {
    --transform-scale-y: 1 !important
  }

  #navbarWrapper .sm\:focus\:scale-y-105:focus,
  reach-portal .sm\:focus\:scale-y-105:focus {
    --transform-scale-y: 1.05 !important
  }

  #navbarWrapper .sm\:focus\:scale-y-110:focus,
  reach-portal .sm\:focus\:scale-y-110:focus {
    --transform-scale-y: 1.1 !important
  }

  #navbarWrapper .sm\:focus\:scale-y-125:focus,
  reach-portal .sm\:focus\:scale-y-125:focus {
    --transform-scale-y: 1.25 !important
  }

  #navbarWrapper .sm\:focus\:scale-y-150:focus,
  reach-portal .sm\:focus\:scale-y-150:focus {
    --transform-scale-y: 1.5 !important
  }

  #navbarWrapper .sm\:rotate-0,
  reach-portal .sm\:rotate-0 {
    --transform-rotate: 0 !important
  }

  #navbarWrapper .sm\:rotate-45,
  reach-portal .sm\:rotate-45 {
    --transform-rotate: 45deg !important
  }

  #navbarWrapper .sm\:rotate-90,
  reach-portal .sm\:rotate-90 {
    --transform-rotate: 90deg !important
  }

  #navbarWrapper .sm\:rotate-180,
  reach-portal .sm\:rotate-180 {
    --transform-rotate: 180deg !important
  }

  #navbarWrapper .sm\:-rotate-180,
  reach-portal .sm\:-rotate-180 {
    --transform-rotate: -180deg !important
  }

  #navbarWrapper .sm\:-rotate-90,
  reach-portal .sm\:-rotate-90 {
    --transform-rotate: -90deg !important
  }

  #navbarWrapper .sm\:-rotate-45,
  reach-portal .sm\:-rotate-45 {
    --transform-rotate: -45deg !important
  }

  #navbarWrapper .sm\:hover\:rotate-0:hover,
  reach-portal .sm\:hover\:rotate-0:hover {
    --transform-rotate: 0 !important
  }

  #navbarWrapper .sm\:hover\:rotate-45:hover,
  reach-portal .sm\:hover\:rotate-45:hover {
    --transform-rotate: 45deg !important
  }

  #navbarWrapper .sm\:hover\:rotate-90:hover,
  reach-portal .sm\:hover\:rotate-90:hover {
    --transform-rotate: 90deg !important
  }

  #navbarWrapper .sm\:hover\:rotate-180:hover,
  reach-portal .sm\:hover\:rotate-180:hover {
    --transform-rotate: 180deg !important
  }

  #navbarWrapper .sm\:hover\:-rotate-180:hover,
  reach-portal .sm\:hover\:-rotate-180:hover {
    --transform-rotate: -180deg !important
  }

  #navbarWrapper .sm\:hover\:-rotate-90:hover,
  reach-portal .sm\:hover\:-rotate-90:hover {
    --transform-rotate: -90deg !important
  }

  #navbarWrapper .sm\:hover\:-rotate-45:hover,
  reach-portal .sm\:hover\:-rotate-45:hover {
    --transform-rotate: -45deg !important
  }

  #navbarWrapper .sm\:focus\:rotate-0:focus,
  reach-portal .sm\:focus\:rotate-0:focus {
    --transform-rotate: 0 !important
  }

  #navbarWrapper .sm\:focus\:rotate-45:focus,
  reach-portal .sm\:focus\:rotate-45:focus {
    --transform-rotate: 45deg !important
  }

  #navbarWrapper .sm\:focus\:rotate-90:focus,
  reach-portal .sm\:focus\:rotate-90:focus {
    --transform-rotate: 90deg !important
  }

  #navbarWrapper .sm\:focus\:rotate-180:focus,
  reach-portal .sm\:focus\:rotate-180:focus {
    --transform-rotate: 180deg !important
  }

  #navbarWrapper .sm\:focus\:-rotate-180:focus,
  reach-portal .sm\:focus\:-rotate-180:focus {
    --transform-rotate: -180deg !important
  }

  #navbarWrapper .sm\:focus\:-rotate-90:focus,
  reach-portal .sm\:focus\:-rotate-90:focus {
    --transform-rotate: -90deg !important
  }

  #navbarWrapper .sm\:focus\:-rotate-45:focus,
  reach-portal .sm\:focus\:-rotate-45:focus {
    --transform-rotate: -45deg !important
  }

  #navbarWrapper .sm\:translate-x-0,
  reach-portal .sm\:translate-x-0 {
    --transform-translate-x: 0 !important
  }

  #navbarWrapper .sm\:translate-x-1,
  reach-portal .sm\:translate-x-1 {
    --transform-translate-x: 0.25rem !important
  }

  #navbarWrapper .sm\:translate-x-2,
  reach-portal .sm\:translate-x-2 {
    --transform-translate-x: 0.5rem !important
  }

  #navbarWrapper .sm\:translate-x-3,
  reach-portal .sm\:translate-x-3 {
    --transform-translate-x: 0.75rem !important
  }

  #navbarWrapper .sm\:translate-x-4,
  reach-portal .sm\:translate-x-4 {
    --transform-translate-x: 1rem !important
  }

  #navbarWrapper .sm\:translate-x-5,
  reach-portal .sm\:translate-x-5 {
    --transform-translate-x: 1.25rem !important
  }

  #navbarWrapper .sm\:translate-x-6,
  reach-portal .sm\:translate-x-6 {
    --transform-translate-x: 1.5rem !important
  }

  #navbarWrapper .sm\:translate-x-8,
  reach-portal .sm\:translate-x-8 {
    --transform-translate-x: 2rem !important
  }

  #navbarWrapper .sm\:translate-x-10,
  reach-portal .sm\:translate-x-10 {
    --transform-translate-x: 2.5rem !important
  }

  #navbarWrapper .sm\:translate-x-12,
  reach-portal .sm\:translate-x-12 {
    --transform-translate-x: 3rem !important
  }

  #navbarWrapper .sm\:translate-x-16,
  reach-portal .sm\:translate-x-16 {
    --transform-translate-x: 4rem !important
  }

  #navbarWrapper .sm\:translate-x-20,
  reach-portal .sm\:translate-x-20 {
    --transform-translate-x: 5rem !important
  }

  #navbarWrapper .sm\:translate-x-24,
  reach-portal .sm\:translate-x-24 {
    --transform-translate-x: 6rem !important
  }

  #navbarWrapper .sm\:translate-x-32,
  reach-portal .sm\:translate-x-32 {
    --transform-translate-x: 8rem !important
  }

  #navbarWrapper .sm\:translate-x-40,
  reach-portal .sm\:translate-x-40 {
    --transform-translate-x: 10rem !important
  }

  #navbarWrapper .sm\:translate-x-48,
  reach-portal .sm\:translate-x-48 {
    --transform-translate-x: 12rem !important
  }

  #navbarWrapper .sm\:translate-x-56,
  reach-portal .sm\:translate-x-56 {
    --transform-translate-x: 14rem !important
  }

  #navbarWrapper .sm\:translate-x-64,
  reach-portal .sm\:translate-x-64 {
    --transform-translate-x: 16rem !important
  }

  #navbarWrapper .sm\:translate-x-px,
  reach-portal .sm\:translate-x-px {
    --transform-translate-x: 1px !important
  }

  #navbarWrapper .sm\:-translate-x-1,
  reach-portal .sm\:-translate-x-1 {
    --transform-translate-x: -0.25rem !important
  }

  #navbarWrapper .sm\:-translate-x-2,
  reach-portal .sm\:-translate-x-2 {
    --transform-translate-x: -0.5rem !important
  }

  #navbarWrapper .sm\:-translate-x-3,
  reach-portal .sm\:-translate-x-3 {
    --transform-translate-x: -0.75rem !important
  }

  #navbarWrapper .sm\:-translate-x-4,
  reach-portal .sm\:-translate-x-4 {
    --transform-translate-x: -1rem !important
  }

  #navbarWrapper .sm\:-translate-x-5,
  reach-portal .sm\:-translate-x-5 {
    --transform-translate-x: -1.25rem !important
  }

  #navbarWrapper .sm\:-translate-x-6,
  reach-portal .sm\:-translate-x-6 {
    --transform-translate-x: -1.5rem !important
  }

  #navbarWrapper .sm\:-translate-x-8,
  reach-portal .sm\:-translate-x-8 {
    --transform-translate-x: -2rem !important
  }

  #navbarWrapper .sm\:-translate-x-10,
  reach-portal .sm\:-translate-x-10 {
    --transform-translate-x: -2.5rem !important
  }

  #navbarWrapper .sm\:-translate-x-12,
  reach-portal .sm\:-translate-x-12 {
    --transform-translate-x: -3rem !important
  }

  #navbarWrapper .sm\:-translate-x-16,
  reach-portal .sm\:-translate-x-16 {
    --transform-translate-x: -4rem !important
  }

  #navbarWrapper .sm\:-translate-x-20,
  reach-portal .sm\:-translate-x-20 {
    --transform-translate-x: -5rem !important
  }

  #navbarWrapper .sm\:-translate-x-24,
  reach-portal .sm\:-translate-x-24 {
    --transform-translate-x: -6rem !important
  }

  #navbarWrapper .sm\:-translate-x-32,
  reach-portal .sm\:-translate-x-32 {
    --transform-translate-x: -8rem !important
  }

  #navbarWrapper .sm\:-translate-x-40,
  reach-portal .sm\:-translate-x-40 {
    --transform-translate-x: -10rem !important
  }

  #navbarWrapper .sm\:-translate-x-48,
  reach-portal .sm\:-translate-x-48 {
    --transform-translate-x: -12rem !important
  }

  #navbarWrapper .sm\:-translate-x-56,
  reach-portal .sm\:-translate-x-56 {
    --transform-translate-x: -14rem !important
  }

  #navbarWrapper .sm\:-translate-x-64,
  reach-portal .sm\:-translate-x-64 {
    --transform-translate-x: -16rem !important
  }

  #navbarWrapper .sm\:-translate-x-px,
  reach-portal .sm\:-translate-x-px {
    --transform-translate-x: -1px !important
  }

  #navbarWrapper .sm\:-translate-x-full,
  reach-portal .sm\:-translate-x-full {
    --transform-translate-x: -100% !important
  }

  #navbarWrapper .sm\:-translate-x-1\/2,
  reach-portal .sm\:-translate-x-1\/2 {
    --transform-translate-x: -50% !important
  }

  #navbarWrapper .sm\:translate-x-1\/2,
  reach-portal .sm\:translate-x-1\/2 {
    --transform-translate-x: 50% !important
  }

  #navbarWrapper .sm\:translate-x-full,
  reach-portal .sm\:translate-x-full {
    --transform-translate-x: 100% !important
  }

  #navbarWrapper .sm\:translate-y-0,
  reach-portal .sm\:translate-y-0 {
    --transform-translate-y: 0 !important
  }

  #navbarWrapper .sm\:translate-y-1,
  reach-portal .sm\:translate-y-1 {
    --transform-translate-y: 0.25rem !important
  }

  #navbarWrapper .sm\:translate-y-2,
  reach-portal .sm\:translate-y-2 {
    --transform-translate-y: 0.5rem !important
  }

  #navbarWrapper .sm\:translate-y-3,
  reach-portal .sm\:translate-y-3 {
    --transform-translate-y: 0.75rem !important
  }

  #navbarWrapper .sm\:translate-y-4,
  reach-portal .sm\:translate-y-4 {
    --transform-translate-y: 1rem !important
  }

  #navbarWrapper .sm\:translate-y-5,
  reach-portal .sm\:translate-y-5 {
    --transform-translate-y: 1.25rem !important
  }

  #navbarWrapper .sm\:translate-y-6,
  reach-portal .sm\:translate-y-6 {
    --transform-translate-y: 1.5rem !important
  }

  #navbarWrapper .sm\:translate-y-8,
  reach-portal .sm\:translate-y-8 {
    --transform-translate-y: 2rem !important
  }

  #navbarWrapper .sm\:translate-y-10,
  reach-portal .sm\:translate-y-10 {
    --transform-translate-y: 2.5rem !important
  }

  #navbarWrapper .sm\:translate-y-12,
  reach-portal .sm\:translate-y-12 {
    --transform-translate-y: 3rem !important
  }

  #navbarWrapper .sm\:translate-y-16,
  reach-portal .sm\:translate-y-16 {
    --transform-translate-y: 4rem !important
  }

  #navbarWrapper .sm\:translate-y-20,
  reach-portal .sm\:translate-y-20 {
    --transform-translate-y: 5rem !important
  }

  #navbarWrapper .sm\:translate-y-24,
  reach-portal .sm\:translate-y-24 {
    --transform-translate-y: 6rem !important
  }

  #navbarWrapper .sm\:translate-y-32,
  reach-portal .sm\:translate-y-32 {
    --transform-translate-y: 8rem !important
  }

  #navbarWrapper .sm\:translate-y-40,
  reach-portal .sm\:translate-y-40 {
    --transform-translate-y: 10rem !important
  }

  #navbarWrapper .sm\:translate-y-48,
  reach-portal .sm\:translate-y-48 {
    --transform-translate-y: 12rem !important
  }

  #navbarWrapper .sm\:translate-y-56,
  reach-portal .sm\:translate-y-56 {
    --transform-translate-y: 14rem !important
  }

  #navbarWrapper .sm\:translate-y-64,
  reach-portal .sm\:translate-y-64 {
    --transform-translate-y: 16rem !important
  }

  #navbarWrapper .sm\:translate-y-px,
  reach-portal .sm\:translate-y-px {
    --transform-translate-y: 1px !important
  }

  #navbarWrapper .sm\:-translate-y-1,
  reach-portal .sm\:-translate-y-1 {
    --transform-translate-y: -0.25rem !important
  }

  #navbarWrapper .sm\:-translate-y-2,
  reach-portal .sm\:-translate-y-2 {
    --transform-translate-y: -0.5rem !important
  }

  #navbarWrapper .sm\:-translate-y-3,
  reach-portal .sm\:-translate-y-3 {
    --transform-translate-y: -0.75rem !important
  }

  #navbarWrapper .sm\:-translate-y-4,
  reach-portal .sm\:-translate-y-4 {
    --transform-translate-y: -1rem !important
  }

  #navbarWrapper .sm\:-translate-y-5,
  reach-portal .sm\:-translate-y-5 {
    --transform-translate-y: -1.25rem !important
  }

  #navbarWrapper .sm\:-translate-y-6,
  reach-portal .sm\:-translate-y-6 {
    --transform-translate-y: -1.5rem !important
  }

  #navbarWrapper .sm\:-translate-y-8,
  reach-portal .sm\:-translate-y-8 {
    --transform-translate-y: -2rem !important
  }

  #navbarWrapper .sm\:-translate-y-10,
  reach-portal .sm\:-translate-y-10 {
    --transform-translate-y: -2.5rem !important
  }

  #navbarWrapper .sm\:-translate-y-12,
  reach-portal .sm\:-translate-y-12 {
    --transform-translate-y: -3rem !important
  }

  #navbarWrapper .sm\:-translate-y-16,
  reach-portal .sm\:-translate-y-16 {
    --transform-translate-y: -4rem !important
  }

  #navbarWrapper .sm\:-translate-y-20,
  reach-portal .sm\:-translate-y-20 {
    --transform-translate-y: -5rem !important
  }

  #navbarWrapper .sm\:-translate-y-24,
  reach-portal .sm\:-translate-y-24 {
    --transform-translate-y: -6rem !important
  }

  #navbarWrapper .sm\:-translate-y-32,
  reach-portal .sm\:-translate-y-32 {
    --transform-translate-y: -8rem !important
  }

  #navbarWrapper .sm\:-translate-y-40,
  reach-portal .sm\:-translate-y-40 {
    --transform-translate-y: -10rem !important
  }

  #navbarWrapper .sm\:-translate-y-48,
  reach-portal .sm\:-translate-y-48 {
    --transform-translate-y: -12rem !important
  }

  #navbarWrapper .sm\:-translate-y-56,
  reach-portal .sm\:-translate-y-56 {
    --transform-translate-y: -14rem !important
  }

  #navbarWrapper .sm\:-translate-y-64,
  reach-portal .sm\:-translate-y-64 {
    --transform-translate-y: -16rem !important
  }

  #navbarWrapper .sm\:-translate-y-px,
  reach-portal .sm\:-translate-y-px {
    --transform-translate-y: -1px !important
  }

  #navbarWrapper .sm\:-translate-y-full,
  reach-portal .sm\:-translate-y-full {
    --transform-translate-y: -100% !important
  }

  #navbarWrapper .sm\:-translate-y-1\/2,
  reach-portal .sm\:-translate-y-1\/2 {
    --transform-translate-y: -50% !important
  }

  #navbarWrapper .sm\:translate-y-1\/2,
  reach-portal .sm\:translate-y-1\/2 {
    --transform-translate-y: 50% !important
  }

  #navbarWrapper .sm\:translate-y-full,
  reach-portal .sm\:translate-y-full {
    --transform-translate-y: 100% !important
  }

  #navbarWrapper .sm\:hover\:translate-x-0:hover,
  reach-portal .sm\:hover\:translate-x-0:hover {
    --transform-translate-x: 0 !important
  }

  #navbarWrapper .sm\:hover\:translate-x-1:hover,
  reach-portal .sm\:hover\:translate-x-1:hover {
    --transform-translate-x: 0.25rem !important
  }

  #navbarWrapper .sm\:hover\:translate-x-2:hover,
  reach-portal .sm\:hover\:translate-x-2:hover {
    --transform-translate-x: 0.5rem !important
  }

  #navbarWrapper .sm\:hover\:translate-x-3:hover,
  reach-portal .sm\:hover\:translate-x-3:hover {
    --transform-translate-x: 0.75rem !important
  }

  #navbarWrapper .sm\:hover\:translate-x-4:hover,
  reach-portal .sm\:hover\:translate-x-4:hover {
    --transform-translate-x: 1rem !important
  }

  #navbarWrapper .sm\:hover\:translate-x-5:hover,
  reach-portal .sm\:hover\:translate-x-5:hover {
    --transform-translate-x: 1.25rem !important
  }

  #navbarWrapper .sm\:hover\:translate-x-6:hover,
  reach-portal .sm\:hover\:translate-x-6:hover {
    --transform-translate-x: 1.5rem !important
  }

  #navbarWrapper .sm\:hover\:translate-x-8:hover,
  reach-portal .sm\:hover\:translate-x-8:hover {
    --transform-translate-x: 2rem !important
  }

  #navbarWrapper .sm\:hover\:translate-x-10:hover,
  reach-portal .sm\:hover\:translate-x-10:hover {
    --transform-translate-x: 2.5rem !important
  }

  #navbarWrapper .sm\:hover\:translate-x-12:hover,
  reach-portal .sm\:hover\:translate-x-12:hover {
    --transform-translate-x: 3rem !important
  }

  #navbarWrapper .sm\:hover\:translate-x-16:hover,
  reach-portal .sm\:hover\:translate-x-16:hover {
    --transform-translate-x: 4rem !important
  }

  #navbarWrapper .sm\:hover\:translate-x-20:hover,
  reach-portal .sm\:hover\:translate-x-20:hover {
    --transform-translate-x: 5rem !important
  }

  #navbarWrapper .sm\:hover\:translate-x-24:hover,
  reach-portal .sm\:hover\:translate-x-24:hover {
    --transform-translate-x: 6rem !important
  }

  #navbarWrapper .sm\:hover\:translate-x-32:hover,
  reach-portal .sm\:hover\:translate-x-32:hover {
    --transform-translate-x: 8rem !important
  }

  #navbarWrapper .sm\:hover\:translate-x-40:hover,
  reach-portal .sm\:hover\:translate-x-40:hover {
    --transform-translate-x: 10rem !important
  }

  #navbarWrapper .sm\:hover\:translate-x-48:hover,
  reach-portal .sm\:hover\:translate-x-48:hover {
    --transform-translate-x: 12rem !important
  }

  #navbarWrapper .sm\:hover\:translate-x-56:hover,
  reach-portal .sm\:hover\:translate-x-56:hover {
    --transform-translate-x: 14rem !important
  }

  #navbarWrapper .sm\:hover\:translate-x-64:hover,
  reach-portal .sm\:hover\:translate-x-64:hover {
    --transform-translate-x: 16rem !important
  }

  #navbarWrapper .sm\:hover\:translate-x-px:hover,
  reach-portal .sm\:hover\:translate-x-px:hover {
    --transform-translate-x: 1px !important
  }

  #navbarWrapper .sm\:hover\:-translate-x-1:hover,
  reach-portal .sm\:hover\:-translate-x-1:hover {
    --transform-translate-x: -0.25rem !important
  }

  #navbarWrapper .sm\:hover\:-translate-x-2:hover,
  reach-portal .sm\:hover\:-translate-x-2:hover {
    --transform-translate-x: -0.5rem !important
  }

  #navbarWrapper .sm\:hover\:-translate-x-3:hover,
  reach-portal .sm\:hover\:-translate-x-3:hover {
    --transform-translate-x: -0.75rem !important
  }

  #navbarWrapper .sm\:hover\:-translate-x-4:hover,
  reach-portal .sm\:hover\:-translate-x-4:hover {
    --transform-translate-x: -1rem !important
  }

  #navbarWrapper .sm\:hover\:-translate-x-5:hover,
  reach-portal .sm\:hover\:-translate-x-5:hover {
    --transform-translate-x: -1.25rem !important
  }

  #navbarWrapper .sm\:hover\:-translate-x-6:hover,
  reach-portal .sm\:hover\:-translate-x-6:hover {
    --transform-translate-x: -1.5rem !important
  }

  #navbarWrapper .sm\:hover\:-translate-x-8:hover,
  reach-portal .sm\:hover\:-translate-x-8:hover {
    --transform-translate-x: -2rem !important
  }

  #navbarWrapper .sm\:hover\:-translate-x-10:hover,
  reach-portal .sm\:hover\:-translate-x-10:hover {
    --transform-translate-x: -2.5rem !important
  }

  #navbarWrapper .sm\:hover\:-translate-x-12:hover,
  reach-portal .sm\:hover\:-translate-x-12:hover {
    --transform-translate-x: -3rem !important
  }

  #navbarWrapper .sm\:hover\:-translate-x-16:hover,
  reach-portal .sm\:hover\:-translate-x-16:hover {
    --transform-translate-x: -4rem !important
  }

  #navbarWrapper .sm\:hover\:-translate-x-20:hover,
  reach-portal .sm\:hover\:-translate-x-20:hover {
    --transform-translate-x: -5rem !important
  }

  #navbarWrapper .sm\:hover\:-translate-x-24:hover,
  reach-portal .sm\:hover\:-translate-x-24:hover {
    --transform-translate-x: -6rem !important
  }

  #navbarWrapper .sm\:hover\:-translate-x-32:hover,
  reach-portal .sm\:hover\:-translate-x-32:hover {
    --transform-translate-x: -8rem !important
  }

  #navbarWrapper .sm\:hover\:-translate-x-40:hover,
  reach-portal .sm\:hover\:-translate-x-40:hover {
    --transform-translate-x: -10rem !important
  }

  #navbarWrapper .sm\:hover\:-translate-x-48:hover,
  reach-portal .sm\:hover\:-translate-x-48:hover {
    --transform-translate-x: -12rem !important
  }

  #navbarWrapper .sm\:hover\:-translate-x-56:hover,
  reach-portal .sm\:hover\:-translate-x-56:hover {
    --transform-translate-x: -14rem !important
  }

  #navbarWrapper .sm\:hover\:-translate-x-64:hover,
  reach-portal .sm\:hover\:-translate-x-64:hover {
    --transform-translate-x: -16rem !important
  }

  #navbarWrapper .sm\:hover\:-translate-x-px:hover,
  reach-portal .sm\:hover\:-translate-x-px:hover {
    --transform-translate-x: -1px !important
  }

  #navbarWrapper .sm\:hover\:-translate-x-full:hover,
  reach-portal .sm\:hover\:-translate-x-full:hover {
    --transform-translate-x: -100% !important
  }

  #navbarWrapper .sm\:hover\:-translate-x-1\/2:hover,
  reach-portal .sm\:hover\:-translate-x-1\/2:hover {
    --transform-translate-x: -50% !important
  }

  #navbarWrapper .sm\:hover\:translate-x-1\/2:hover,
  reach-portal .sm\:hover\:translate-x-1\/2:hover {
    --transform-translate-x: 50% !important
  }

  #navbarWrapper .sm\:hover\:translate-x-full:hover,
  reach-portal .sm\:hover\:translate-x-full:hover {
    --transform-translate-x: 100% !important
  }

  #navbarWrapper .sm\:hover\:translate-y-0:hover,
  reach-portal .sm\:hover\:translate-y-0:hover {
    --transform-translate-y: 0 !important
  }

  #navbarWrapper .sm\:hover\:translate-y-1:hover,
  reach-portal .sm\:hover\:translate-y-1:hover {
    --transform-translate-y: 0.25rem !important
  }

  #navbarWrapper .sm\:hover\:translate-y-2:hover,
  reach-portal .sm\:hover\:translate-y-2:hover {
    --transform-translate-y: 0.5rem !important
  }

  #navbarWrapper .sm\:hover\:translate-y-3:hover,
  reach-portal .sm\:hover\:translate-y-3:hover {
    --transform-translate-y: 0.75rem !important
  }

  #navbarWrapper .sm\:hover\:translate-y-4:hover,
  reach-portal .sm\:hover\:translate-y-4:hover {
    --transform-translate-y: 1rem !important
  }

  #navbarWrapper .sm\:hover\:translate-y-5:hover,
  reach-portal .sm\:hover\:translate-y-5:hover {
    --transform-translate-y: 1.25rem !important
  }

  #navbarWrapper .sm\:hover\:translate-y-6:hover,
  reach-portal .sm\:hover\:translate-y-6:hover {
    --transform-translate-y: 1.5rem !important
  }

  #navbarWrapper .sm\:hover\:translate-y-8:hover,
  reach-portal .sm\:hover\:translate-y-8:hover {
    --transform-translate-y: 2rem !important
  }

  #navbarWrapper .sm\:hover\:translate-y-10:hover,
  reach-portal .sm\:hover\:translate-y-10:hover {
    --transform-translate-y: 2.5rem !important
  }

  #navbarWrapper .sm\:hover\:translate-y-12:hover,
  reach-portal .sm\:hover\:translate-y-12:hover {
    --transform-translate-y: 3rem !important
  }

  #navbarWrapper .sm\:hover\:translate-y-16:hover,
  reach-portal .sm\:hover\:translate-y-16:hover {
    --transform-translate-y: 4rem !important
  }

  #navbarWrapper .sm\:hover\:translate-y-20:hover,
  reach-portal .sm\:hover\:translate-y-20:hover {
    --transform-translate-y: 5rem !important
  }

  #navbarWrapper .sm\:hover\:translate-y-24:hover,
  reach-portal .sm\:hover\:translate-y-24:hover {
    --transform-translate-y: 6rem !important
  }

  #navbarWrapper .sm\:hover\:translate-y-32:hover,
  reach-portal .sm\:hover\:translate-y-32:hover {
    --transform-translate-y: 8rem !important
  }

  #navbarWrapper .sm\:hover\:translate-y-40:hover,
  reach-portal .sm\:hover\:translate-y-40:hover {
    --transform-translate-y: 10rem !important
  }

  #navbarWrapper .sm\:hover\:translate-y-48:hover,
  reach-portal .sm\:hover\:translate-y-48:hover {
    --transform-translate-y: 12rem !important
  }

  #navbarWrapper .sm\:hover\:translate-y-56:hover,
  reach-portal .sm\:hover\:translate-y-56:hover {
    --transform-translate-y: 14rem !important
  }

  #navbarWrapper .sm\:hover\:translate-y-64:hover,
  reach-portal .sm\:hover\:translate-y-64:hover {
    --transform-translate-y: 16rem !important
  }

  #navbarWrapper .sm\:hover\:translate-y-px:hover,
  reach-portal .sm\:hover\:translate-y-px:hover {
    --transform-translate-y: 1px !important
  }

  #navbarWrapper .sm\:hover\:-translate-y-1:hover,
  reach-portal .sm\:hover\:-translate-y-1:hover {
    --transform-translate-y: -0.25rem !important
  }

  #navbarWrapper .sm\:hover\:-translate-y-2:hover,
  reach-portal .sm\:hover\:-translate-y-2:hover {
    --transform-translate-y: -0.5rem !important
  }

  #navbarWrapper .sm\:hover\:-translate-y-3:hover,
  reach-portal .sm\:hover\:-translate-y-3:hover {
    --transform-translate-y: -0.75rem !important
  }

  #navbarWrapper .sm\:hover\:-translate-y-4:hover,
  reach-portal .sm\:hover\:-translate-y-4:hover {
    --transform-translate-y: -1rem !important
  }

  #navbarWrapper .sm\:hover\:-translate-y-5:hover,
  reach-portal .sm\:hover\:-translate-y-5:hover {
    --transform-translate-y: -1.25rem !important
  }

  #navbarWrapper .sm\:hover\:-translate-y-6:hover,
  reach-portal .sm\:hover\:-translate-y-6:hover {
    --transform-translate-y: -1.5rem !important
  }

  #navbarWrapper .sm\:hover\:-translate-y-8:hover,
  reach-portal .sm\:hover\:-translate-y-8:hover {
    --transform-translate-y: -2rem !important
  }

  #navbarWrapper .sm\:hover\:-translate-y-10:hover,
  reach-portal .sm\:hover\:-translate-y-10:hover {
    --transform-translate-y: -2.5rem !important
  }

  #navbarWrapper .sm\:hover\:-translate-y-12:hover,
  reach-portal .sm\:hover\:-translate-y-12:hover {
    --transform-translate-y: -3rem !important
  }

  #navbarWrapper .sm\:hover\:-translate-y-16:hover,
  reach-portal .sm\:hover\:-translate-y-16:hover {
    --transform-translate-y: -4rem !important
  }

  #navbarWrapper .sm\:hover\:-translate-y-20:hover,
  reach-portal .sm\:hover\:-translate-y-20:hover {
    --transform-translate-y: -5rem !important
  }

  #navbarWrapper .sm\:hover\:-translate-y-24:hover,
  reach-portal .sm\:hover\:-translate-y-24:hover {
    --transform-translate-y: -6rem !important
  }

  #navbarWrapper .sm\:hover\:-translate-y-32:hover,
  reach-portal .sm\:hover\:-translate-y-32:hover {
    --transform-translate-y: -8rem !important
  }

  #navbarWrapper .sm\:hover\:-translate-y-40:hover,
  reach-portal .sm\:hover\:-translate-y-40:hover {
    --transform-translate-y: -10rem !important
  }

  #navbarWrapper .sm\:hover\:-translate-y-48:hover,
  reach-portal .sm\:hover\:-translate-y-48:hover {
    --transform-translate-y: -12rem !important
  }

  #navbarWrapper .sm\:hover\:-translate-y-56:hover,
  reach-portal .sm\:hover\:-translate-y-56:hover {
    --transform-translate-y: -14rem !important
  }

  #navbarWrapper .sm\:hover\:-translate-y-64:hover,
  reach-portal .sm\:hover\:-translate-y-64:hover {
    --transform-translate-y: -16rem !important
  }

  #navbarWrapper .sm\:hover\:-translate-y-px:hover,
  reach-portal .sm\:hover\:-translate-y-px:hover {
    --transform-translate-y: -1px !important
  }

  #navbarWrapper .sm\:hover\:-translate-y-full:hover,
  reach-portal .sm\:hover\:-translate-y-full:hover {
    --transform-translate-y: -100% !important
  }

  #navbarWrapper .sm\:hover\:-translate-y-1\/2:hover,
  reach-portal .sm\:hover\:-translate-y-1\/2:hover {
    --transform-translate-y: -50% !important
  }

  #navbarWrapper .sm\:hover\:translate-y-1\/2:hover,
  reach-portal .sm\:hover\:translate-y-1\/2:hover {
    --transform-translate-y: 50% !important
  }

  #navbarWrapper .sm\:hover\:translate-y-full:hover,
  reach-portal .sm\:hover\:translate-y-full:hover {
    --transform-translate-y: 100% !important
  }

  #navbarWrapper .sm\:focus\:translate-x-0:focus,
  reach-portal .sm\:focus\:translate-x-0:focus {
    --transform-translate-x: 0 !important
  }

  #navbarWrapper .sm\:focus\:translate-x-1:focus,
  reach-portal .sm\:focus\:translate-x-1:focus {
    --transform-translate-x: 0.25rem !important
  }

  #navbarWrapper .sm\:focus\:translate-x-2:focus,
  reach-portal .sm\:focus\:translate-x-2:focus {
    --transform-translate-x: 0.5rem !important
  }

  #navbarWrapper .sm\:focus\:translate-x-3:focus,
  reach-portal .sm\:focus\:translate-x-3:focus {
    --transform-translate-x: 0.75rem !important
  }

  #navbarWrapper .sm\:focus\:translate-x-4:focus,
  reach-portal .sm\:focus\:translate-x-4:focus {
    --transform-translate-x: 1rem !important
  }

  #navbarWrapper .sm\:focus\:translate-x-5:focus,
  reach-portal .sm\:focus\:translate-x-5:focus {
    --transform-translate-x: 1.25rem !important
  }

  #navbarWrapper .sm\:focus\:translate-x-6:focus,
  reach-portal .sm\:focus\:translate-x-6:focus {
    --transform-translate-x: 1.5rem !important
  }

  #navbarWrapper .sm\:focus\:translate-x-8:focus,
  reach-portal .sm\:focus\:translate-x-8:focus {
    --transform-translate-x: 2rem !important
  }

  #navbarWrapper .sm\:focus\:translate-x-10:focus,
  reach-portal .sm\:focus\:translate-x-10:focus {
    --transform-translate-x: 2.5rem !important
  }

  #navbarWrapper .sm\:focus\:translate-x-12:focus,
  reach-portal .sm\:focus\:translate-x-12:focus {
    --transform-translate-x: 3rem !important
  }

  #navbarWrapper .sm\:focus\:translate-x-16:focus,
  reach-portal .sm\:focus\:translate-x-16:focus {
    --transform-translate-x: 4rem !important
  }

  #navbarWrapper .sm\:focus\:translate-x-20:focus,
  reach-portal .sm\:focus\:translate-x-20:focus {
    --transform-translate-x: 5rem !important
  }

  #navbarWrapper .sm\:focus\:translate-x-24:focus,
  reach-portal .sm\:focus\:translate-x-24:focus {
    --transform-translate-x: 6rem !important
  }

  #navbarWrapper .sm\:focus\:translate-x-32:focus,
  reach-portal .sm\:focus\:translate-x-32:focus {
    --transform-translate-x: 8rem !important
  }

  #navbarWrapper .sm\:focus\:translate-x-40:focus,
  reach-portal .sm\:focus\:translate-x-40:focus {
    --transform-translate-x: 10rem !important
  }

  #navbarWrapper .sm\:focus\:translate-x-48:focus,
  reach-portal .sm\:focus\:translate-x-48:focus {
    --transform-translate-x: 12rem !important
  }

  #navbarWrapper .sm\:focus\:translate-x-56:focus,
  reach-portal .sm\:focus\:translate-x-56:focus {
    --transform-translate-x: 14rem !important
  }

  #navbarWrapper .sm\:focus\:translate-x-64:focus,
  reach-portal .sm\:focus\:translate-x-64:focus {
    --transform-translate-x: 16rem !important
  }

  #navbarWrapper .sm\:focus\:translate-x-px:focus,
  reach-portal .sm\:focus\:translate-x-px:focus {
    --transform-translate-x: 1px !important
  }

  #navbarWrapper .sm\:focus\:-translate-x-1:focus,
  reach-portal .sm\:focus\:-translate-x-1:focus {
    --transform-translate-x: -0.25rem !important
  }

  #navbarWrapper .sm\:focus\:-translate-x-2:focus,
  reach-portal .sm\:focus\:-translate-x-2:focus {
    --transform-translate-x: -0.5rem !important
  }

  #navbarWrapper .sm\:focus\:-translate-x-3:focus,
  reach-portal .sm\:focus\:-translate-x-3:focus {
    --transform-translate-x: -0.75rem !important
  }

  #navbarWrapper .sm\:focus\:-translate-x-4:focus,
  reach-portal .sm\:focus\:-translate-x-4:focus {
    --transform-translate-x: -1rem !important
  }

  #navbarWrapper .sm\:focus\:-translate-x-5:focus,
  reach-portal .sm\:focus\:-translate-x-5:focus {
    --transform-translate-x: -1.25rem !important
  }

  #navbarWrapper .sm\:focus\:-translate-x-6:focus,
  reach-portal .sm\:focus\:-translate-x-6:focus {
    --transform-translate-x: -1.5rem !important
  }

  #navbarWrapper .sm\:focus\:-translate-x-8:focus,
  reach-portal .sm\:focus\:-translate-x-8:focus {
    --transform-translate-x: -2rem !important
  }

  #navbarWrapper .sm\:focus\:-translate-x-10:focus,
  reach-portal .sm\:focus\:-translate-x-10:focus {
    --transform-translate-x: -2.5rem !important
  }

  #navbarWrapper .sm\:focus\:-translate-x-12:focus,
  reach-portal .sm\:focus\:-translate-x-12:focus {
    --transform-translate-x: -3rem !important
  }

  #navbarWrapper .sm\:focus\:-translate-x-16:focus,
  reach-portal .sm\:focus\:-translate-x-16:focus {
    --transform-translate-x: -4rem !important
  }

  #navbarWrapper .sm\:focus\:-translate-x-20:focus,
  reach-portal .sm\:focus\:-translate-x-20:focus {
    --transform-translate-x: -5rem !important
  }

  #navbarWrapper .sm\:focus\:-translate-x-24:focus,
  reach-portal .sm\:focus\:-translate-x-24:focus {
    --transform-translate-x: -6rem !important
  }

  #navbarWrapper .sm\:focus\:-translate-x-32:focus,
  reach-portal .sm\:focus\:-translate-x-32:focus {
    --transform-translate-x: -8rem !important
  }

  #navbarWrapper .sm\:focus\:-translate-x-40:focus,
  reach-portal .sm\:focus\:-translate-x-40:focus {
    --transform-translate-x: -10rem !important
  }

  #navbarWrapper .sm\:focus\:-translate-x-48:focus,
  reach-portal .sm\:focus\:-translate-x-48:focus {
    --transform-translate-x: -12rem !important
  }

  #navbarWrapper .sm\:focus\:-translate-x-56:focus,
  reach-portal .sm\:focus\:-translate-x-56:focus {
    --transform-translate-x: -14rem !important
  }

  #navbarWrapper .sm\:focus\:-translate-x-64:focus,
  reach-portal .sm\:focus\:-translate-x-64:focus {
    --transform-translate-x: -16rem !important
  }

  #navbarWrapper .sm\:focus\:-translate-x-px:focus,
  reach-portal .sm\:focus\:-translate-x-px:focus {
    --transform-translate-x: -1px !important
  }

  #navbarWrapper .sm\:focus\:-translate-x-full:focus,
  reach-portal .sm\:focus\:-translate-x-full:focus {
    --transform-translate-x: -100% !important
  }

  #navbarWrapper .sm\:focus\:-translate-x-1\/2:focus,
  reach-portal .sm\:focus\:-translate-x-1\/2:focus {
    --transform-translate-x: -50% !important
  }

  #navbarWrapper .sm\:focus\:translate-x-1\/2:focus,
  reach-portal .sm\:focus\:translate-x-1\/2:focus {
    --transform-translate-x: 50% !important
  }

  #navbarWrapper .sm\:focus\:translate-x-full:focus,
  reach-portal .sm\:focus\:translate-x-full:focus {
    --transform-translate-x: 100% !important
  }

  #navbarWrapper .sm\:focus\:translate-y-0:focus,
  reach-portal .sm\:focus\:translate-y-0:focus {
    --transform-translate-y: 0 !important
  }

  #navbarWrapper .sm\:focus\:translate-y-1:focus,
  reach-portal .sm\:focus\:translate-y-1:focus {
    --transform-translate-y: 0.25rem !important
  }

  #navbarWrapper .sm\:focus\:translate-y-2:focus,
  reach-portal .sm\:focus\:translate-y-2:focus {
    --transform-translate-y: 0.5rem !important
  }

  #navbarWrapper .sm\:focus\:translate-y-3:focus,
  reach-portal .sm\:focus\:translate-y-3:focus {
    --transform-translate-y: 0.75rem !important
  }

  #navbarWrapper .sm\:focus\:translate-y-4:focus,
  reach-portal .sm\:focus\:translate-y-4:focus {
    --transform-translate-y: 1rem !important
  }

  #navbarWrapper .sm\:focus\:translate-y-5:focus,
  reach-portal .sm\:focus\:translate-y-5:focus {
    --transform-translate-y: 1.25rem !important
  }

  #navbarWrapper .sm\:focus\:translate-y-6:focus,
  reach-portal .sm\:focus\:translate-y-6:focus {
    --transform-translate-y: 1.5rem !important
  }

  #navbarWrapper .sm\:focus\:translate-y-8:focus,
  reach-portal .sm\:focus\:translate-y-8:focus {
    --transform-translate-y: 2rem !important
  }

  #navbarWrapper .sm\:focus\:translate-y-10:focus,
  reach-portal .sm\:focus\:translate-y-10:focus {
    --transform-translate-y: 2.5rem !important
  }

  #navbarWrapper .sm\:focus\:translate-y-12:focus,
  reach-portal .sm\:focus\:translate-y-12:focus {
    --transform-translate-y: 3rem !important
  }

  #navbarWrapper .sm\:focus\:translate-y-16:focus,
  reach-portal .sm\:focus\:translate-y-16:focus {
    --transform-translate-y: 4rem !important
  }

  #navbarWrapper .sm\:focus\:translate-y-20:focus,
  reach-portal .sm\:focus\:translate-y-20:focus {
    --transform-translate-y: 5rem !important
  }

  #navbarWrapper .sm\:focus\:translate-y-24:focus,
  reach-portal .sm\:focus\:translate-y-24:focus {
    --transform-translate-y: 6rem !important
  }

  #navbarWrapper .sm\:focus\:translate-y-32:focus,
  reach-portal .sm\:focus\:translate-y-32:focus {
    --transform-translate-y: 8rem !important
  }

  #navbarWrapper .sm\:focus\:translate-y-40:focus,
  reach-portal .sm\:focus\:translate-y-40:focus {
    --transform-translate-y: 10rem !important
  }

  #navbarWrapper .sm\:focus\:translate-y-48:focus,
  reach-portal .sm\:focus\:translate-y-48:focus {
    --transform-translate-y: 12rem !important
  }

  #navbarWrapper .sm\:focus\:translate-y-56:focus,
  reach-portal .sm\:focus\:translate-y-56:focus {
    --transform-translate-y: 14rem !important
  }

  #navbarWrapper .sm\:focus\:translate-y-64:focus,
  reach-portal .sm\:focus\:translate-y-64:focus {
    --transform-translate-y: 16rem !important
  }

  #navbarWrapper .sm\:focus\:translate-y-px:focus,
  reach-portal .sm\:focus\:translate-y-px:focus {
    --transform-translate-y: 1px !important
  }

  #navbarWrapper .sm\:focus\:-translate-y-1:focus,
  reach-portal .sm\:focus\:-translate-y-1:focus {
    --transform-translate-y: -0.25rem !important
  }

  #navbarWrapper .sm\:focus\:-translate-y-2:focus,
  reach-portal .sm\:focus\:-translate-y-2:focus {
    --transform-translate-y: -0.5rem !important
  }

  #navbarWrapper .sm\:focus\:-translate-y-3:focus,
  reach-portal .sm\:focus\:-translate-y-3:focus {
    --transform-translate-y: -0.75rem !important
  }

  #navbarWrapper .sm\:focus\:-translate-y-4:focus,
  reach-portal .sm\:focus\:-translate-y-4:focus {
    --transform-translate-y: -1rem !important
  }

  #navbarWrapper .sm\:focus\:-translate-y-5:focus,
  reach-portal .sm\:focus\:-translate-y-5:focus {
    --transform-translate-y: -1.25rem !important
  }

  #navbarWrapper .sm\:focus\:-translate-y-6:focus,
  reach-portal .sm\:focus\:-translate-y-6:focus {
    --transform-translate-y: -1.5rem !important
  }

  #navbarWrapper .sm\:focus\:-translate-y-8:focus,
  reach-portal .sm\:focus\:-translate-y-8:focus {
    --transform-translate-y: -2rem !important
  }

  #navbarWrapper .sm\:focus\:-translate-y-10:focus,
  reach-portal .sm\:focus\:-translate-y-10:focus {
    --transform-translate-y: -2.5rem !important
  }

  #navbarWrapper .sm\:focus\:-translate-y-12:focus,
  reach-portal .sm\:focus\:-translate-y-12:focus {
    --transform-translate-y: -3rem !important
  }

  #navbarWrapper .sm\:focus\:-translate-y-16:focus,
  reach-portal .sm\:focus\:-translate-y-16:focus {
    --transform-translate-y: -4rem !important
  }

  #navbarWrapper .sm\:focus\:-translate-y-20:focus,
  reach-portal .sm\:focus\:-translate-y-20:focus {
    --transform-translate-y: -5rem !important
  }

  #navbarWrapper .sm\:focus\:-translate-y-24:focus,
  reach-portal .sm\:focus\:-translate-y-24:focus {
    --transform-translate-y: -6rem !important
  }

  #navbarWrapper .sm\:focus\:-translate-y-32:focus,
  reach-portal .sm\:focus\:-translate-y-32:focus {
    --transform-translate-y: -8rem !important
  }

  #navbarWrapper .sm\:focus\:-translate-y-40:focus,
  reach-portal .sm\:focus\:-translate-y-40:focus {
    --transform-translate-y: -10rem !important
  }

  #navbarWrapper .sm\:focus\:-translate-y-48:focus,
  reach-portal .sm\:focus\:-translate-y-48:focus {
    --transform-translate-y: -12rem !important
  }

  #navbarWrapper .sm\:focus\:-translate-y-56:focus,
  reach-portal .sm\:focus\:-translate-y-56:focus {
    --transform-translate-y: -14rem !important
  }

  #navbarWrapper .sm\:focus\:-translate-y-64:focus,
  reach-portal .sm\:focus\:-translate-y-64:focus {
    --transform-translate-y: -16rem !important
  }

  #navbarWrapper .sm\:focus\:-translate-y-px:focus,
  reach-portal .sm\:focus\:-translate-y-px:focus {
    --transform-translate-y: -1px !important
  }

  #navbarWrapper .sm\:focus\:-translate-y-full:focus,
  reach-portal .sm\:focus\:-translate-y-full:focus {
    --transform-translate-y: -100% !important
  }

  #navbarWrapper .sm\:focus\:-translate-y-1\/2:focus,
  reach-portal .sm\:focus\:-translate-y-1\/2:focus {
    --transform-translate-y: -50% !important
  }

  #navbarWrapper .sm\:focus\:translate-y-1\/2:focus,
  reach-portal .sm\:focus\:translate-y-1\/2:focus {
    --transform-translate-y: 50% !important
  }

  #navbarWrapper .sm\:focus\:translate-y-full:focus,
  reach-portal .sm\:focus\:translate-y-full:focus {
    --transform-translate-y: 100% !important
  }

  #navbarWrapper .sm\:skew-x-0,
  reach-portal .sm\:skew-x-0 {
    --transform-skew-x: 0 !important
  }

  #navbarWrapper .sm\:skew-x-3,
  reach-portal .sm\:skew-x-3 {
    --transform-skew-x: 3deg !important
  }

  #navbarWrapper .sm\:skew-x-6,
  reach-portal .sm\:skew-x-6 {
    --transform-skew-x: 6deg !important
  }

  #navbarWrapper .sm\:skew-x-12,
  reach-portal .sm\:skew-x-12 {
    --transform-skew-x: 12deg !important
  }

  #navbarWrapper .sm\:-skew-x-12,
  reach-portal .sm\:-skew-x-12 {
    --transform-skew-x: -12deg !important
  }

  #navbarWrapper .sm\:-skew-x-6,
  reach-portal .sm\:-skew-x-6 {
    --transform-skew-x: -6deg !important
  }

  #navbarWrapper .sm\:-skew-x-3,
  reach-portal .sm\:-skew-x-3 {
    --transform-skew-x: -3deg !important
  }

  #navbarWrapper .sm\:skew-y-0,
  reach-portal .sm\:skew-y-0 {
    --transform-skew-y: 0 !important
  }

  #navbarWrapper .sm\:skew-y-3,
  reach-portal .sm\:skew-y-3 {
    --transform-skew-y: 3deg !important
  }

  #navbarWrapper .sm\:skew-y-6,
  reach-portal .sm\:skew-y-6 {
    --transform-skew-y: 6deg !important
  }

  #navbarWrapper .sm\:skew-y-12,
  reach-portal .sm\:skew-y-12 {
    --transform-skew-y: 12deg !important
  }

  #navbarWrapper .sm\:-skew-y-12,
  reach-portal .sm\:-skew-y-12 {
    --transform-skew-y: -12deg !important
  }

  #navbarWrapper .sm\:-skew-y-6,
  reach-portal .sm\:-skew-y-6 {
    --transform-skew-y: -6deg !important
  }

  #navbarWrapper .sm\:-skew-y-3,
  reach-portal .sm\:-skew-y-3 {
    --transform-skew-y: -3deg !important
  }

  #navbarWrapper .sm\:hover\:skew-x-0:hover,
  reach-portal .sm\:hover\:skew-x-0:hover {
    --transform-skew-x: 0 !important
  }

  #navbarWrapper .sm\:hover\:skew-x-3:hover,
  reach-portal .sm\:hover\:skew-x-3:hover {
    --transform-skew-x: 3deg !important
  }

  #navbarWrapper .sm\:hover\:skew-x-6:hover,
  reach-portal .sm\:hover\:skew-x-6:hover {
    --transform-skew-x: 6deg !important
  }

  #navbarWrapper .sm\:hover\:skew-x-12:hover,
  reach-portal .sm\:hover\:skew-x-12:hover {
    --transform-skew-x: 12deg !important
  }

  #navbarWrapper .sm\:hover\:-skew-x-12:hover,
  reach-portal .sm\:hover\:-skew-x-12:hover {
    --transform-skew-x: -12deg !important
  }

  #navbarWrapper .sm\:hover\:-skew-x-6:hover,
  reach-portal .sm\:hover\:-skew-x-6:hover {
    --transform-skew-x: -6deg !important
  }

  #navbarWrapper .sm\:hover\:-skew-x-3:hover,
  reach-portal .sm\:hover\:-skew-x-3:hover {
    --transform-skew-x: -3deg !important
  }

  #navbarWrapper .sm\:hover\:skew-y-0:hover,
  reach-portal .sm\:hover\:skew-y-0:hover {
    --transform-skew-y: 0 !important
  }

  #navbarWrapper .sm\:hover\:skew-y-3:hover,
  reach-portal .sm\:hover\:skew-y-3:hover {
    --transform-skew-y: 3deg !important
  }

  #navbarWrapper .sm\:hover\:skew-y-6:hover,
  reach-portal .sm\:hover\:skew-y-6:hover {
    --transform-skew-y: 6deg !important
  }

  #navbarWrapper .sm\:hover\:skew-y-12:hover,
  reach-portal .sm\:hover\:skew-y-12:hover {
    --transform-skew-y: 12deg !important
  }

  #navbarWrapper .sm\:hover\:-skew-y-12:hover,
  reach-portal .sm\:hover\:-skew-y-12:hover {
    --transform-skew-y: -12deg !important
  }

  #navbarWrapper .sm\:hover\:-skew-y-6:hover,
  reach-portal .sm\:hover\:-skew-y-6:hover {
    --transform-skew-y: -6deg !important
  }

  #navbarWrapper .sm\:hover\:-skew-y-3:hover,
  reach-portal .sm\:hover\:-skew-y-3:hover {
    --transform-skew-y: -3deg !important
  }

  #navbarWrapper .sm\:focus\:skew-x-0:focus,
  reach-portal .sm\:focus\:skew-x-0:focus {
    --transform-skew-x: 0 !important
  }

  #navbarWrapper .sm\:focus\:skew-x-3:focus,
  reach-portal .sm\:focus\:skew-x-3:focus {
    --transform-skew-x: 3deg !important
  }

  #navbarWrapper .sm\:focus\:skew-x-6:focus,
  reach-portal .sm\:focus\:skew-x-6:focus {
    --transform-skew-x: 6deg !important
  }

  #navbarWrapper .sm\:focus\:skew-x-12:focus,
  reach-portal .sm\:focus\:skew-x-12:focus {
    --transform-skew-x: 12deg !important
  }

  #navbarWrapper .sm\:focus\:-skew-x-12:focus,
  reach-portal .sm\:focus\:-skew-x-12:focus {
    --transform-skew-x: -12deg !important
  }

  #navbarWrapper .sm\:focus\:-skew-x-6:focus,
  reach-portal .sm\:focus\:-skew-x-6:focus {
    --transform-skew-x: -6deg !important
  }

  #navbarWrapper .sm\:focus\:-skew-x-3:focus,
  reach-portal .sm\:focus\:-skew-x-3:focus {
    --transform-skew-x: -3deg !important
  }

  #navbarWrapper .sm\:focus\:skew-y-0:focus,
  reach-portal .sm\:focus\:skew-y-0:focus {
    --transform-skew-y: 0 !important
  }

  #navbarWrapper .sm\:focus\:skew-y-3:focus,
  reach-portal .sm\:focus\:skew-y-3:focus {
    --transform-skew-y: 3deg !important
  }

  #navbarWrapper .sm\:focus\:skew-y-6:focus,
  reach-portal .sm\:focus\:skew-y-6:focus {
    --transform-skew-y: 6deg !important
  }

  #navbarWrapper .sm\:focus\:skew-y-12:focus,
  reach-portal .sm\:focus\:skew-y-12:focus {
    --transform-skew-y: 12deg !important
  }

  #navbarWrapper .sm\:focus\:-skew-y-12:focus,
  reach-portal .sm\:focus\:-skew-y-12:focus {
    --transform-skew-y: -12deg !important
  }

  #navbarWrapper .sm\:focus\:-skew-y-6:focus,
  reach-portal .sm\:focus\:-skew-y-6:focus {
    --transform-skew-y: -6deg !important
  }

  #navbarWrapper .sm\:focus\:-skew-y-3:focus,
  reach-portal .sm\:focus\:-skew-y-3:focus {
    --transform-skew-y: -3deg !important
  }

  #navbarWrapper .sm\:transition-none,
  reach-portal .sm\:transition-none {
    transition-property: none !important
  }

  #navbarWrapper .sm\:transition-all,
  reach-portal .sm\:transition-all {
    transition-property: all !important
  }

  #navbarWrapper .sm\:transition,
  reach-portal .sm\:transition {
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform !important
  }

  #navbarWrapper .sm\:transition-colors,
  reach-portal .sm\:transition-colors {
    transition-property: background-color, border-color, color, fill, stroke !important
  }

  #navbarWrapper .sm\:transition-opacity,
  reach-portal .sm\:transition-opacity {
    transition-property: opacity !important
  }

  #navbarWrapper .sm\:transition-shadow,
  reach-portal .sm\:transition-shadow {
    transition-property: box-shadow !important
  }

  #navbarWrapper .sm\:transition-transform,
  reach-portal .sm\:transition-transform {
    transition-property: transform !important
  }

  #navbarWrapper .sm\:ease-linear,
  reach-portal .sm\:ease-linear {
    transition-timing-function: linear !important
  }

  #navbarWrapper .sm\:ease-in,
  reach-portal .sm\:ease-in {
    transition-timing-function: cubic-bezier(.4, 0, 1, 1) !important
  }

  #navbarWrapper .sm\:ease-out,
  reach-portal .sm\:ease-out {
    transition-timing-function: cubic-bezier(0, 0, .2, 1) !important
  }

  #navbarWrapper .sm\:ease-in-out,
  reach-portal .sm\:ease-in-out {
    transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important
  }

  #navbarWrapper .sm\:duration-75,
  reach-portal .sm\:duration-75 {
    transition-duration: 75ms !important
  }

  #navbarWrapper .sm\:duration-100,
  reach-portal .sm\:duration-100 {
    transition-duration: .1s !important
  }

  #navbarWrapper .sm\:duration-150,
  reach-portal .sm\:duration-150 {
    transition-duration: .15s !important
  }

  #navbarWrapper .sm\:duration-200,
  reach-portal .sm\:duration-200 {
    transition-duration: .2s !important
  }

  #navbarWrapper .sm\:duration-300,
  reach-portal .sm\:duration-300 {
    transition-duration: .3s !important
  }

  #navbarWrapper .sm\:duration-500,
  reach-portal .sm\:duration-500 {
    transition-duration: .5s !important
  }

  #navbarWrapper .sm\:duration-700,
  reach-portal .sm\:duration-700 {
    transition-duration: .7s !important
  }

  #navbarWrapper .sm\:duration-1000,
  reach-portal .sm\:duration-1000 {
    transition-duration: 1s !important
  }

  #navbarWrapper .sm\:delay-75,
  reach-portal .sm\:delay-75 {
    transition-delay: 75ms !important
  }

  #navbarWrapper .sm\:delay-100,
  reach-portal .sm\:delay-100 {
    transition-delay: .1s !important
  }

  #navbarWrapper .sm\:delay-150,
  reach-portal .sm\:delay-150 {
    transition-delay: .15s !important
  }

  #navbarWrapper .sm\:delay-200,
  reach-portal .sm\:delay-200 {
    transition-delay: .2s !important
  }

  #navbarWrapper .sm\:delay-300,
  reach-portal .sm\:delay-300 {
    transition-delay: .3s !important
  }

  #navbarWrapper .sm\:delay-500,
  reach-portal .sm\:delay-500 {
    transition-delay: .5s !important
  }

  #navbarWrapper .sm\:delay-700,
  reach-portal .sm\:delay-700 {
    transition-delay: .7s !important
  }

  #navbarWrapper .sm\:delay-1000,
  reach-portal .sm\:delay-1000 {
    transition-delay: 1s !important
  }
}

@media(min-width:768px) {

  #navbarWrapper .md\:space-y-0>:not(template)~:not(template),
  reach-portal .md\:space-y-0>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(0px*var(--space-y-reverse)) !important;
    margin-top: calc(0px*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .md\:space-x-0>:not(template)~:not(template),
  reach-portal .md\:space-x-0>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(0px*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(0px*var(--space-x-reverse)) !important
  }

  #navbarWrapper .md\:space-y-1>:not(template)~:not(template),
  reach-portal .md\:space-y-1>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(.25rem*var(--space-y-reverse)) !important;
    margin-top: calc(.25rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .md\:space-x-1>:not(template)~:not(template),
  reach-portal .md\:space-x-1>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(.25rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(.25rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .md\:space-y-2>:not(template)~:not(template),
  reach-portal .md\:space-y-2>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(.5rem*var(--space-y-reverse)) !important;
    margin-top: calc(.5rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .md\:space-x-2>:not(template)~:not(template),
  reach-portal .md\:space-x-2>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(.5rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(.5rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .md\:space-y-3>:not(template)~:not(template),
  reach-portal .md\:space-y-3>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(.75rem*var(--space-y-reverse)) !important;
    margin-top: calc(.75rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .md\:space-x-3>:not(template)~:not(template),
  reach-portal .md\:space-x-3>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(.75rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(.75rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .md\:space-y-4>:not(template)~:not(template),
  reach-portal .md\:space-y-4>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(1rem*var(--space-y-reverse)) !important;
    margin-top: calc(1rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .md\:space-x-4>:not(template)~:not(template),
  reach-portal .md\:space-x-4>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(1rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(1rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .md\:space-y-5>:not(template)~:not(template),
  reach-portal .md\:space-y-5>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(1.25rem*var(--space-y-reverse)) !important;
    margin-top: calc(1.25rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .md\:space-x-5>:not(template)~:not(template),
  reach-portal .md\:space-x-5>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(1.25rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(1.25rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .md\:space-y-6>:not(template)~:not(template),
  reach-portal .md\:space-y-6>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(1.5rem*var(--space-y-reverse)) !important;
    margin-top: calc(1.5rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .md\:space-x-6>:not(template)~:not(template),
  reach-portal .md\:space-x-6>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(1.5rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(1.5rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .md\:space-y-8>:not(template)~:not(template),
  reach-portal .md\:space-y-8>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(2rem*var(--space-y-reverse)) !important;
    margin-top: calc(2rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .md\:space-x-8>:not(template)~:not(template),
  reach-portal .md\:space-x-8>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(2rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(2rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .md\:space-y-10>:not(template)~:not(template),
  reach-portal .md\:space-y-10>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(2.5rem*var(--space-y-reverse)) !important;
    margin-top: calc(2.5rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .md\:space-x-10>:not(template)~:not(template),
  reach-portal .md\:space-x-10>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(2.5rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(2.5rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .md\:space-y-12>:not(template)~:not(template),
  reach-portal .md\:space-y-12>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(3rem*var(--space-y-reverse)) !important;
    margin-top: calc(3rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .md\:space-x-12>:not(template)~:not(template),
  reach-portal .md\:space-x-12>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(3rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(3rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .md\:space-y-16>:not(template)~:not(template),
  reach-portal .md\:space-y-16>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(4rem*var(--space-y-reverse)) !important;
    margin-top: calc(4rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .md\:space-x-16>:not(template)~:not(template),
  reach-portal .md\:space-x-16>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(4rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(4rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .md\:space-y-20>:not(template)~:not(template),
  reach-portal .md\:space-y-20>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(5rem*var(--space-y-reverse)) !important;
    margin-top: calc(5rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .md\:space-x-20>:not(template)~:not(template),
  reach-portal .md\:space-x-20>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(5rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(5rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .md\:space-y-24>:not(template)~:not(template),
  reach-portal .md\:space-y-24>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(6rem*var(--space-y-reverse)) !important;
    margin-top: calc(6rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .md\:space-x-24>:not(template)~:not(template),
  reach-portal .md\:space-x-24>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(6rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(6rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .md\:space-y-32>:not(template)~:not(template),
  reach-portal .md\:space-y-32>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(8rem*var(--space-y-reverse)) !important;
    margin-top: calc(8rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .md\:space-x-32>:not(template)~:not(template),
  reach-portal .md\:space-x-32>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(8rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(8rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .md\:space-y-40>:not(template)~:not(template),
  reach-portal .md\:space-y-40>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(10rem*var(--space-y-reverse)) !important;
    margin-top: calc(10rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .md\:space-x-40>:not(template)~:not(template),
  reach-portal .md\:space-x-40>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(10rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(10rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .md\:space-y-48>:not(template)~:not(template),
  reach-portal .md\:space-y-48>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(12rem*var(--space-y-reverse)) !important;
    margin-top: calc(12rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .md\:space-x-48>:not(template)~:not(template),
  reach-portal .md\:space-x-48>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(12rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(12rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .md\:space-y-56>:not(template)~:not(template),
  reach-portal .md\:space-y-56>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(14rem*var(--space-y-reverse)) !important;
    margin-top: calc(14rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .md\:space-x-56>:not(template)~:not(template),
  reach-portal .md\:space-x-56>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(14rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(14rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .md\:space-y-64>:not(template)~:not(template),
  reach-portal .md\:space-y-64>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(16rem*var(--space-y-reverse)) !important;
    margin-top: calc(16rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .md\:space-x-64>:not(template)~:not(template),
  reach-portal .md\:space-x-64>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(16rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(16rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .md\:space-y-px>:not(template)~:not(template),
  reach-portal .md\:space-y-px>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(1px*var(--space-y-reverse)) !important;
    margin-top: calc(1px*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .md\:space-x-px>:not(template)~:not(template),
  reach-portal .md\:space-x-px>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(1px*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(1px*var(--space-x-reverse)) !important
  }

  #navbarWrapper .md\:-space-y-1>:not(template)~:not(template),
  reach-portal .md\:-space-y-1>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(-.25rem*var(--space-y-reverse)) !important;
    margin-top: calc(-.25rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .md\:-space-x-1>:not(template)~:not(template),
  reach-portal .md\:-space-x-1>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(-.25rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(-.25rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .md\:-space-y-2>:not(template)~:not(template),
  reach-portal .md\:-space-y-2>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(-.5rem*var(--space-y-reverse)) !important;
    margin-top: calc(-.5rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .md\:-space-x-2>:not(template)~:not(template),
  reach-portal .md\:-space-x-2>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(-.5rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(-.5rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .md\:-space-y-3>:not(template)~:not(template),
  reach-portal .md\:-space-y-3>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(-.75rem*var(--space-y-reverse)) !important;
    margin-top: calc(-.75rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .md\:-space-x-3>:not(template)~:not(template),
  reach-portal .md\:-space-x-3>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(-.75rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(-.75rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .md\:-space-y-4>:not(template)~:not(template),
  reach-portal .md\:-space-y-4>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(-1rem*var(--space-y-reverse)) !important;
    margin-top: calc(-1rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .md\:-space-x-4>:not(template)~:not(template),
  reach-portal .md\:-space-x-4>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(-1rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(-1rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .md\:-space-y-5>:not(template)~:not(template),
  reach-portal .md\:-space-y-5>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(-1.25rem*var(--space-y-reverse)) !important;
    margin-top: calc(-1.25rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .md\:-space-x-5>:not(template)~:not(template),
  reach-portal .md\:-space-x-5>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(-1.25rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(-1.25rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .md\:-space-y-6>:not(template)~:not(template),
  reach-portal .md\:-space-y-6>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(-1.5rem*var(--space-y-reverse)) !important;
    margin-top: calc(-1.5rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .md\:-space-x-6>:not(template)~:not(template),
  reach-portal .md\:-space-x-6>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(-1.5rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(-1.5rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .md\:-space-y-8>:not(template)~:not(template),
  reach-portal .md\:-space-y-8>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(-2rem*var(--space-y-reverse)) !important;
    margin-top: calc(-2rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .md\:-space-x-8>:not(template)~:not(template),
  reach-portal .md\:-space-x-8>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(-2rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(-2rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .md\:-space-y-10>:not(template)~:not(template),
  reach-portal .md\:-space-y-10>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(-2.5rem*var(--space-y-reverse)) !important;
    margin-top: calc(-2.5rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .md\:-space-x-10>:not(template)~:not(template),
  reach-portal .md\:-space-x-10>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(-2.5rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(-2.5rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .md\:-space-y-12>:not(template)~:not(template),
  reach-portal .md\:-space-y-12>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(-3rem*var(--space-y-reverse)) !important;
    margin-top: calc(-3rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .md\:-space-x-12>:not(template)~:not(template),
  reach-portal .md\:-space-x-12>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(-3rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(-3rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .md\:-space-y-16>:not(template)~:not(template),
  reach-portal .md\:-space-y-16>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(-4rem*var(--space-y-reverse)) !important;
    margin-top: calc(-4rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .md\:-space-x-16>:not(template)~:not(template),
  reach-portal .md\:-space-x-16>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(-4rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(-4rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .md\:-space-y-20>:not(template)~:not(template),
  reach-portal .md\:-space-y-20>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(-5rem*var(--space-y-reverse)) !important;
    margin-top: calc(-5rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .md\:-space-x-20>:not(template)~:not(template),
  reach-portal .md\:-space-x-20>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(-5rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(-5rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .md\:-space-y-24>:not(template)~:not(template),
  reach-portal .md\:-space-y-24>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(-6rem*var(--space-y-reverse)) !important;
    margin-top: calc(-6rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .md\:-space-x-24>:not(template)~:not(template),
  reach-portal .md\:-space-x-24>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(-6rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(-6rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .md\:-space-y-32>:not(template)~:not(template),
  reach-portal .md\:-space-y-32>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(-8rem*var(--space-y-reverse)) !important;
    margin-top: calc(-8rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .md\:-space-x-32>:not(template)~:not(template),
  reach-portal .md\:-space-x-32>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(-8rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(-8rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .md\:-space-y-40>:not(template)~:not(template),
  reach-portal .md\:-space-y-40>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(-10rem*var(--space-y-reverse)) !important;
    margin-top: calc(-10rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .md\:-space-x-40>:not(template)~:not(template),
  reach-portal .md\:-space-x-40>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(-10rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(-10rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .md\:-space-y-48>:not(template)~:not(template),
  reach-portal .md\:-space-y-48>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(-12rem*var(--space-y-reverse)) !important;
    margin-top: calc(-12rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .md\:-space-x-48>:not(template)~:not(template),
  reach-portal .md\:-space-x-48>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(-12rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(-12rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .md\:-space-y-56>:not(template)~:not(template),
  reach-portal .md\:-space-y-56>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(-14rem*var(--space-y-reverse)) !important;
    margin-top: calc(-14rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .md\:-space-x-56>:not(template)~:not(template),
  reach-portal .md\:-space-x-56>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(-14rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(-14rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .md\:-space-y-64>:not(template)~:not(template),
  reach-portal .md\:-space-y-64>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(-16rem*var(--space-y-reverse)) !important;
    margin-top: calc(-16rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .md\:-space-x-64>:not(template)~:not(template),
  reach-portal .md\:-space-x-64>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(-16rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(-16rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .md\:-space-y-px>:not(template)~:not(template),
  reach-portal .md\:-space-y-px>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(-1px*var(--space-y-reverse)) !important;
    margin-top: calc(-1px*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .md\:-space-x-px>:not(template)~:not(template),
  reach-portal .md\:-space-x-px>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(-1px*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(-1px*var(--space-x-reverse)) !important
  }

  #navbarWrapper .md\:space-y-reverse>:not(template)~:not(template),
  reach-portal .md\:space-y-reverse>:not(template)~:not(template) {
    --space-y-reverse: 1 !important
  }

  #navbarWrapper .md\:space-x-reverse>:not(template)~:not(template),
  reach-portal .md\:space-x-reverse>:not(template)~:not(template) {
    --space-x-reverse: 1 !important
  }

  #navbarWrapper .md\:divide-y-0>:not(template)~:not(template),
  reach-portal .md\:divide-y-0>:not(template)~:not(template) {
    --divide-y-reverse: 0 !important;
    border-bottom-width: calc(0px*var(--divide-y-reverse)) !important;
    border-top-width: calc(0px*(1 - var(--divide-y-reverse))) !important
  }

  #navbarWrapper .md\:divide-x-0>:not(template)~:not(template),
  reach-portal .md\:divide-x-0>:not(template)~:not(template) {
    --divide-x-reverse: 0 !important;
    border-left-width: calc(0px*(1 - var(--divide-x-reverse))) !important;
    border-right-width: calc(0px*var(--divide-x-reverse)) !important
  }

  #navbarWrapper .md\:divide-y-2>:not(template)~:not(template),
  reach-portal .md\:divide-y-2>:not(template)~:not(template) {
    --divide-y-reverse: 0 !important;
    border-bottom-width: calc(2px*var(--divide-y-reverse)) !important;
    border-top-width: calc(2px*(1 - var(--divide-y-reverse))) !important
  }

  #navbarWrapper .md\:divide-x-2>:not(template)~:not(template),
  reach-portal .md\:divide-x-2>:not(template)~:not(template) {
    --divide-x-reverse: 0 !important;
    border-left-width: calc(2px*(1 - var(--divide-x-reverse))) !important;
    border-right-width: calc(2px*var(--divide-x-reverse)) !important
  }

  #navbarWrapper .md\:divide-y-4>:not(template)~:not(template),
  reach-portal .md\:divide-y-4>:not(template)~:not(template) {
    --divide-y-reverse: 0 !important;
    border-bottom-width: calc(4px*var(--divide-y-reverse)) !important;
    border-top-width: calc(4px*(1 - var(--divide-y-reverse))) !important
  }

  #navbarWrapper .md\:divide-x-4>:not(template)~:not(template),
  reach-portal .md\:divide-x-4>:not(template)~:not(template) {
    --divide-x-reverse: 0 !important;
    border-left-width: calc(4px*(1 - var(--divide-x-reverse))) !important;
    border-right-width: calc(4px*var(--divide-x-reverse)) !important
  }

  #navbarWrapper .md\:divide-y-8>:not(template)~:not(template),
  reach-portal .md\:divide-y-8>:not(template)~:not(template) {
    --divide-y-reverse: 0 !important;
    border-bottom-width: calc(8px*var(--divide-y-reverse)) !important;
    border-top-width: calc(8px*(1 - var(--divide-y-reverse))) !important
  }

  #navbarWrapper .md\:divide-x-8>:not(template)~:not(template),
  reach-portal .md\:divide-x-8>:not(template)~:not(template) {
    --divide-x-reverse: 0 !important;
    border-left-width: calc(8px*(1 - var(--divide-x-reverse))) !important;
    border-right-width: calc(8px*var(--divide-x-reverse)) !important
  }

  #navbarWrapper .md\:divide-y>:not(template)~:not(template),
  reach-portal .md\:divide-y>:not(template)~:not(template) {
    --divide-y-reverse: 0 !important;
    border-bottom-width: calc(1px*var(--divide-y-reverse)) !important;
    border-top-width: calc(1px*(1 - var(--divide-y-reverse))) !important
  }

  #navbarWrapper .md\:divide-x>:not(template)~:not(template),
  reach-portal .md\:divide-x>:not(template)~:not(template) {
    --divide-x-reverse: 0 !important;
    border-left-width: calc(1px*(1 - var(--divide-x-reverse))) !important;
    border-right-width: calc(1px*var(--divide-x-reverse)) !important
  }

  #navbarWrapper .md\:divide-y-reverse>:not(template)~:not(template),
  reach-portal .md\:divide-y-reverse>:not(template)~:not(template) {
    --divide-y-reverse: 1 !important
  }

  #navbarWrapper .md\:divide-x-reverse>:not(template)~:not(template),
  reach-portal .md\:divide-x-reverse>:not(template)~:not(template) {
    --divide-x-reverse: 1 !important
  }

  #navbarWrapper .md\:divide-transparent>:not(template)~:not(template),
  reach-portal .md\:divide-transparent>:not(template)~:not(template) {
    border-color: #0000 !important
  }

  #navbarWrapper .md\:divide-current>:not(template)~:not(template),
  reach-portal .md\:divide-current>:not(template)~:not(template) {
    border-color: currentColor !important
  }

  #navbarWrapper .md\:divide-black>:not(template)~:not(template),
  reach-portal .md\:divide-black>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #000 !important;
    border-color: rgba(0, 0, 0, var(--divide-opacity)) !important
  }

  #navbarWrapper .md\:divide-white>:not(template)~:not(template),
  reach-portal .md\:divide-white>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #fff !important;
    border-color: rgba(255, 255, 255, var(--divide-opacity)) !important
  }

  #navbarWrapper .md\:divide-gray-100>:not(template)~:not(template),
  reach-portal .md\:divide-gray-100>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #f7fafc !important;
    border-color: rgba(247, 250, 252, var(--divide-opacity)) !important
  }

  #navbarWrapper .md\:divide-gray-200>:not(template)~:not(template),
  reach-portal .md\:divide-gray-200>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #edf2f7 !important;
    border-color: rgba(237, 242, 247, var(--divide-opacity)) !important
  }

  #navbarWrapper .md\:divide-gray-300>:not(template)~:not(template),
  reach-portal .md\:divide-gray-300>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #e2e8f0 !important;
    border-color: rgba(226, 232, 240, var(--divide-opacity)) !important
  }

  #navbarWrapper .md\:divide-gray-400>:not(template)~:not(template),
  reach-portal .md\:divide-gray-400>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #cbd5e0 !important;
    border-color: rgba(203, 213, 224, var(--divide-opacity)) !important
  }

  #navbarWrapper .md\:divide-gray-500>:not(template)~:not(template),
  reach-portal .md\:divide-gray-500>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #a0aec0 !important;
    border-color: rgba(160, 174, 192, var(--divide-opacity)) !important
  }

  #navbarWrapper .md\:divide-gray-600>:not(template)~:not(template),
  reach-portal .md\:divide-gray-600>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #718096 !important;
    border-color: rgba(113, 128, 150, var(--divide-opacity)) !important
  }

  #navbarWrapper .md\:divide-gray-700>:not(template)~:not(template),
  reach-portal .md\:divide-gray-700>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #4a5568 !important;
    border-color: rgba(74, 85, 104, var(--divide-opacity)) !important
  }

  #navbarWrapper .md\:divide-gray-800>:not(template)~:not(template),
  reach-portal .md\:divide-gray-800>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #2d3748 !important;
    border-color: rgba(45, 55, 72, var(--divide-opacity)) !important
  }

  #navbarWrapper .md\:divide-gray-900>:not(template)~:not(template),
  reach-portal .md\:divide-gray-900>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #1a202c !important;
    border-color: rgba(26, 32, 44, var(--divide-opacity)) !important
  }

  #navbarWrapper .md\:divide-red-100>:not(template)~:not(template),
  reach-portal .md\:divide-red-100>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #fff5f5 !important;
    border-color: rgba(255, 245, 245, var(--divide-opacity)) !important
  }

  #navbarWrapper .md\:divide-red-200>:not(template)~:not(template),
  reach-portal .md\:divide-red-200>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #fed7d7 !important;
    border-color: rgba(254, 215, 215, var(--divide-opacity)) !important
  }

  #navbarWrapper .md\:divide-red-300>:not(template)~:not(template),
  reach-portal .md\:divide-red-300>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #feb2b2 !important;
    border-color: rgba(254, 178, 178, var(--divide-opacity)) !important
  }

  #navbarWrapper .md\:divide-red-400>:not(template)~:not(template),
  reach-portal .md\:divide-red-400>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #fc8181 !important;
    border-color: rgba(252, 129, 129, var(--divide-opacity)) !important
  }

  #navbarWrapper .md\:divide-red-500>:not(template)~:not(template),
  reach-portal .md\:divide-red-500>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #f56565 !important;
    border-color: rgba(245, 101, 101, var(--divide-opacity)) !important
  }

  #navbarWrapper .md\:divide-red-600>:not(template)~:not(template),
  reach-portal .md\:divide-red-600>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #e53e3e !important;
    border-color: rgba(229, 62, 62, var(--divide-opacity)) !important
  }

  #navbarWrapper .md\:divide-red-700>:not(template)~:not(template),
  reach-portal .md\:divide-red-700>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #c53030 !important;
    border-color: rgba(197, 48, 48, var(--divide-opacity)) !important
  }

  #navbarWrapper .md\:divide-red-800>:not(template)~:not(template),
  reach-portal .md\:divide-red-800>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #9b2c2c !important;
    border-color: rgba(155, 44, 44, var(--divide-opacity)) !important
  }

  #navbarWrapper .md\:divide-red-900>:not(template)~:not(template),
  reach-portal .md\:divide-red-900>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #742a2a !important;
    border-color: rgba(116, 42, 42, var(--divide-opacity)) !important
  }

  #navbarWrapper .md\:divide-orange-100>:not(template)~:not(template),
  reach-portal .md\:divide-orange-100>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #fffaf0 !important;
    border-color: rgba(255, 250, 240, var(--divide-opacity)) !important
  }

  #navbarWrapper .md\:divide-orange-200>:not(template)~:not(template),
  reach-portal .md\:divide-orange-200>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #feebc8 !important;
    border-color: rgba(254, 235, 200, var(--divide-opacity)) !important
  }

  #navbarWrapper .md\:divide-orange-300>:not(template)~:not(template),
  reach-portal .md\:divide-orange-300>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #fbd38d !important;
    border-color: rgba(251, 211, 141, var(--divide-opacity)) !important
  }

  #navbarWrapper .md\:divide-orange-400>:not(template)~:not(template),
  reach-portal .md\:divide-orange-400>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #f6ad55 !important;
    border-color: rgba(246, 173, 85, var(--divide-opacity)) !important
  }

  #navbarWrapper .md\:divide-orange-500>:not(template)~:not(template),
  reach-portal .md\:divide-orange-500>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #ed8936 !important;
    border-color: rgba(237, 137, 54, var(--divide-opacity)) !important
  }

  #navbarWrapper .md\:divide-orange-600>:not(template)~:not(template),
  reach-portal .md\:divide-orange-600>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #dd6b20 !important;
    border-color: rgba(221, 107, 32, var(--divide-opacity)) !important
  }

  #navbarWrapper .md\:divide-orange-700>:not(template)~:not(template),
  reach-portal .md\:divide-orange-700>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #c05621 !important;
    border-color: rgba(192, 86, 33, var(--divide-opacity)) !important
  }

  #navbarWrapper .md\:divide-orange-800>:not(template)~:not(template),
  reach-portal .md\:divide-orange-800>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #9c4221 !important;
    border-color: rgba(156, 66, 33, var(--divide-opacity)) !important
  }

  #navbarWrapper .md\:divide-orange-900>:not(template)~:not(template),
  reach-portal .md\:divide-orange-900>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #7b341e !important;
    border-color: rgba(123, 52, 30, var(--divide-opacity)) !important
  }

  #navbarWrapper .md\:divide-yellow-100>:not(template)~:not(template),
  reach-portal .md\:divide-yellow-100>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: ivory !important;
    border-color: rgba(255, 255, 240, var(--divide-opacity)) !important
  }

  #navbarWrapper .md\:divide-yellow-200>:not(template)~:not(template),
  reach-portal .md\:divide-yellow-200>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #fefcbf !important;
    border-color: rgba(254, 252, 191, var(--divide-opacity)) !important
  }

  #navbarWrapper .md\:divide-yellow-300>:not(template)~:not(template),
  reach-portal .md\:divide-yellow-300>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #faf089 !important;
    border-color: rgba(250, 240, 137, var(--divide-opacity)) !important
  }

  #navbarWrapper .md\:divide-yellow-400>:not(template)~:not(template),
  reach-portal .md\:divide-yellow-400>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #f6e05e !important;
    border-color: rgba(246, 224, 94, var(--divide-opacity)) !important
  }

  #navbarWrapper .md\:divide-yellow-500>:not(template)~:not(template),
  reach-portal .md\:divide-yellow-500>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #ecc94b !important;
    border-color: rgba(236, 201, 75, var(--divide-opacity)) !important
  }

  #navbarWrapper .md\:divide-yellow-600>:not(template)~:not(template),
  reach-portal .md\:divide-yellow-600>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #d69e2e !important;
    border-color: rgba(214, 158, 46, var(--divide-opacity)) !important
  }

  #navbarWrapper .md\:divide-yellow-700>:not(template)~:not(template),
  reach-portal .md\:divide-yellow-700>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #b7791f !important;
    border-color: rgba(183, 121, 31, var(--divide-opacity)) !important
  }

  #navbarWrapper .md\:divide-yellow-800>:not(template)~:not(template),
  reach-portal .md\:divide-yellow-800>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #975a16 !important;
    border-color: rgba(151, 90, 22, var(--divide-opacity)) !important
  }

  #navbarWrapper .md\:divide-yellow-900>:not(template)~:not(template),
  reach-portal .md\:divide-yellow-900>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #744210 !important;
    border-color: rgba(116, 66, 16, var(--divide-opacity)) !important
  }

  #navbarWrapper .md\:divide-green-100>:not(template)~:not(template),
  reach-portal .md\:divide-green-100>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #f0fff4 !important;
    border-color: rgba(240, 255, 244, var(--divide-opacity)) !important
  }

  #navbarWrapper .md\:divide-green-200>:not(template)~:not(template),
  reach-portal .md\:divide-green-200>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #c6f6d5 !important;
    border-color: rgba(198, 246, 213, var(--divide-opacity)) !important
  }

  #navbarWrapper .md\:divide-green-300>:not(template)~:not(template),
  reach-portal .md\:divide-green-300>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #9ae6b4 !important;
    border-color: rgba(154, 230, 180, var(--divide-opacity)) !important
  }

  #navbarWrapper .md\:divide-green-400>:not(template)~:not(template),
  reach-portal .md\:divide-green-400>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #68d391 !important;
    border-color: rgba(104, 211, 145, var(--divide-opacity)) !important
  }

  #navbarWrapper .md\:divide-green-500>:not(template)~:not(template),
  reach-portal .md\:divide-green-500>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #48bb78 !important;
    border-color: rgba(72, 187, 120, var(--divide-opacity)) !important
  }

  #navbarWrapper .md\:divide-green-600>:not(template)~:not(template),
  reach-portal .md\:divide-green-600>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #38a169 !important;
    border-color: rgba(56, 161, 105, var(--divide-opacity)) !important
  }

  #navbarWrapper .md\:divide-green-700>:not(template)~:not(template),
  reach-portal .md\:divide-green-700>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #2f855a !important;
    border-color: rgba(47, 133, 90, var(--divide-opacity)) !important
  }

  #navbarWrapper .md\:divide-green-800>:not(template)~:not(template),
  reach-portal .md\:divide-green-800>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #276749 !important;
    border-color: rgba(39, 103, 73, var(--divide-opacity)) !important
  }

  #navbarWrapper .md\:divide-green-900>:not(template)~:not(template),
  reach-portal .md\:divide-green-900>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #22543d !important;
    border-color: rgba(34, 84, 61, var(--divide-opacity)) !important
  }

  #navbarWrapper .md\:divide-teal-100>:not(template)~:not(template),
  reach-portal .md\:divide-teal-100>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #e6fffa !important;
    border-color: rgba(230, 255, 250, var(--divide-opacity)) !important
  }

  #navbarWrapper .md\:divide-teal-200>:not(template)~:not(template),
  reach-portal .md\:divide-teal-200>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #b2f5ea !important;
    border-color: rgba(178, 245, 234, var(--divide-opacity)) !important
  }

  #navbarWrapper .md\:divide-teal-300>:not(template)~:not(template),
  reach-portal .md\:divide-teal-300>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #81e6d9 !important;
    border-color: rgba(129, 230, 217, var(--divide-opacity)) !important
  }

  #navbarWrapper .md\:divide-teal-400>:not(template)~:not(template),
  reach-portal .md\:divide-teal-400>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #4fd1c5 !important;
    border-color: rgba(79, 209, 197, var(--divide-opacity)) !important
  }

  #navbarWrapper .md\:divide-teal-500>:not(template)~:not(template),
  reach-portal .md\:divide-teal-500>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #38b2ac !important;
    border-color: rgba(56, 178, 172, var(--divide-opacity)) !important
  }

  #navbarWrapper .md\:divide-teal-600>:not(template)~:not(template),
  reach-portal .md\:divide-teal-600>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #319795 !important;
    border-color: rgba(49, 151, 149, var(--divide-opacity)) !important
  }

  #navbarWrapper .md\:divide-teal-700>:not(template)~:not(template),
  reach-portal .md\:divide-teal-700>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #2c7a7b !important;
    border-color: rgba(44, 122, 123, var(--divide-opacity)) !important
  }

  #navbarWrapper .md\:divide-teal-800>:not(template)~:not(template),
  reach-portal .md\:divide-teal-800>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #285e61 !important;
    border-color: rgba(40, 94, 97, var(--divide-opacity)) !important
  }

  #navbarWrapper .md\:divide-teal-900>:not(template)~:not(template),
  reach-portal .md\:divide-teal-900>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #234e52 !important;
    border-color: rgba(35, 78, 82, var(--divide-opacity)) !important
  }

  #navbarWrapper .md\:divide-blue-100>:not(template)~:not(template),
  reach-portal .md\:divide-blue-100>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #ebf8ff !important;
    border-color: rgba(235, 248, 255, var(--divide-opacity)) !important
  }

  #navbarWrapper .md\:divide-blue-200>:not(template)~:not(template),
  reach-portal .md\:divide-blue-200>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #bee3f8 !important;
    border-color: rgba(190, 227, 248, var(--divide-opacity)) !important
  }

  #navbarWrapper .md\:divide-blue-300>:not(template)~:not(template),
  reach-portal .md\:divide-blue-300>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #90cdf4 !important;
    border-color: rgba(144, 205, 244, var(--divide-opacity)) !important
  }

  #navbarWrapper .md\:divide-blue-400>:not(template)~:not(template),
  reach-portal .md\:divide-blue-400>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #63b3ed !important;
    border-color: rgba(99, 179, 237, var(--divide-opacity)) !important
  }

  #navbarWrapper .md\:divide-blue-500>:not(template)~:not(template),
  reach-portal .md\:divide-blue-500>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #4299e1 !important;
    border-color: rgba(66, 153, 225, var(--divide-opacity)) !important
  }

  #navbarWrapper .md\:divide-blue-600>:not(template)~:not(template),
  reach-portal .md\:divide-blue-600>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #3182ce !important;
    border-color: rgba(49, 130, 206, var(--divide-opacity)) !important
  }

  #navbarWrapper .md\:divide-blue-700>:not(template)~:not(template),
  reach-portal .md\:divide-blue-700>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #2b6cb0 !important;
    border-color: rgba(43, 108, 176, var(--divide-opacity)) !important
  }

  #navbarWrapper .md\:divide-blue-800>:not(template)~:not(template),
  reach-portal .md\:divide-blue-800>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #2c5282 !important;
    border-color: rgba(44, 82, 130, var(--divide-opacity)) !important
  }

  #navbarWrapper .md\:divide-blue-900>:not(template)~:not(template),
  reach-portal .md\:divide-blue-900>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #2a4365 !important;
    border-color: rgba(42, 67, 101, var(--divide-opacity)) !important
  }

  #navbarWrapper .md\:divide-indigo-100>:not(template)~:not(template),
  reach-portal .md\:divide-indigo-100>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #ebf4ff !important;
    border-color: rgba(235, 244, 255, var(--divide-opacity)) !important
  }

  #navbarWrapper .md\:divide-indigo-200>:not(template)~:not(template),
  reach-portal .md\:divide-indigo-200>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #c3dafe !important;
    border-color: rgba(195, 218, 254, var(--divide-opacity)) !important
  }

  #navbarWrapper .md\:divide-indigo-300>:not(template)~:not(template),
  reach-portal .md\:divide-indigo-300>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #a3bffa !important;
    border-color: rgba(163, 191, 250, var(--divide-opacity)) !important
  }

  #navbarWrapper .md\:divide-indigo-400>:not(template)~:not(template),
  reach-portal .md\:divide-indigo-400>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #7f9cf5 !important;
    border-color: rgba(127, 156, 245, var(--divide-opacity)) !important
  }

  #navbarWrapper .md\:divide-indigo-500>:not(template)~:not(template),
  reach-portal .md\:divide-indigo-500>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #667eea !important;
    border-color: rgba(102, 126, 234, var(--divide-opacity)) !important
  }

  #navbarWrapper .md\:divide-indigo-600>:not(template)~:not(template),
  reach-portal .md\:divide-indigo-600>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #5a67d8 !important;
    border-color: rgba(90, 103, 216, var(--divide-opacity)) !important
  }

  #navbarWrapper .md\:divide-indigo-700>:not(template)~:not(template),
  reach-portal .md\:divide-indigo-700>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #4c51bf !important;
    border-color: rgba(76, 81, 191, var(--divide-opacity)) !important
  }

  #navbarWrapper .md\:divide-indigo-800>:not(template)~:not(template),
  reach-portal .md\:divide-indigo-800>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #434190 !important;
    border-color: rgba(67, 65, 144, var(--divide-opacity)) !important
  }

  #navbarWrapper .md\:divide-indigo-900>:not(template)~:not(template),
  reach-portal .md\:divide-indigo-900>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #3c366b !important;
    border-color: rgba(60, 54, 107, var(--divide-opacity)) !important
  }

  #navbarWrapper .md\:divide-purple-100>:not(template)~:not(template),
  reach-portal .md\:divide-purple-100>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #faf5ff !important;
    border-color: rgba(250, 245, 255, var(--divide-opacity)) !important
  }

  #navbarWrapper .md\:divide-purple-200>:not(template)~:not(template),
  reach-portal .md\:divide-purple-200>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #e9d8fd !important;
    border-color: rgba(233, 216, 253, var(--divide-opacity)) !important
  }

  #navbarWrapper .md\:divide-purple-300>:not(template)~:not(template),
  reach-portal .md\:divide-purple-300>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #d6bcfa !important;
    border-color: rgba(214, 188, 250, var(--divide-opacity)) !important
  }

  #navbarWrapper .md\:divide-purple-400>:not(template)~:not(template),
  reach-portal .md\:divide-purple-400>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #b794f4 !important;
    border-color: rgba(183, 148, 244, var(--divide-opacity)) !important
  }

  #navbarWrapper .md\:divide-purple-500>:not(template)~:not(template),
  reach-portal .md\:divide-purple-500>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #9f7aea !important;
    border-color: rgba(159, 122, 234, var(--divide-opacity)) !important
  }

  #navbarWrapper .md\:divide-purple-600>:not(template)~:not(template),
  reach-portal .md\:divide-purple-600>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #805ad5 !important;
    border-color: rgba(128, 90, 213, var(--divide-opacity)) !important
  }

  #navbarWrapper .md\:divide-purple-700>:not(template)~:not(template),
  reach-portal .md\:divide-purple-700>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #6b46c1 !important;
    border-color: rgba(107, 70, 193, var(--divide-opacity)) !important
  }

  #navbarWrapper .md\:divide-purple-800>:not(template)~:not(template),
  reach-portal .md\:divide-purple-800>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #553c9a !important;
    border-color: rgba(85, 60, 154, var(--divide-opacity)) !important
  }

  #navbarWrapper .md\:divide-purple-900>:not(template)~:not(template),
  reach-portal .md\:divide-purple-900>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #44337a !important;
    border-color: rgba(68, 51, 122, var(--divide-opacity)) !important
  }

  #navbarWrapper .md\:divide-pink-100>:not(template)~:not(template),
  reach-portal .md\:divide-pink-100>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #fff5f7 !important;
    border-color: rgba(255, 245, 247, var(--divide-opacity)) !important
  }

  #navbarWrapper .md\:divide-pink-200>:not(template)~:not(template),
  reach-portal .md\:divide-pink-200>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #fed7e2 !important;
    border-color: rgba(254, 215, 226, var(--divide-opacity)) !important
  }

  #navbarWrapper .md\:divide-pink-300>:not(template)~:not(template),
  reach-portal .md\:divide-pink-300>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #fbb6ce !important;
    border-color: rgba(251, 182, 206, var(--divide-opacity)) !important
  }

  #navbarWrapper .md\:divide-pink-400>:not(template)~:not(template),
  reach-portal .md\:divide-pink-400>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #f687b3 !important;
    border-color: rgba(246, 135, 179, var(--divide-opacity)) !important
  }

  #navbarWrapper .md\:divide-pink-500>:not(template)~:not(template),
  reach-portal .md\:divide-pink-500>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #ed64a6 !important;
    border-color: rgba(237, 100, 166, var(--divide-opacity)) !important
  }

  #navbarWrapper .md\:divide-pink-600>:not(template)~:not(template),
  reach-portal .md\:divide-pink-600>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #d53f8c !important;
    border-color: rgba(213, 63, 140, var(--divide-opacity)) !important
  }

  #navbarWrapper .md\:divide-pink-700>:not(template)~:not(template),
  reach-portal .md\:divide-pink-700>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #b83280 !important;
    border-color: rgba(184, 50, 128, var(--divide-opacity)) !important
  }

  #navbarWrapper .md\:divide-pink-800>:not(template)~:not(template),
  reach-portal .md\:divide-pink-800>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #97266d !important;
    border-color: rgba(151, 38, 109, var(--divide-opacity)) !important
  }

  #navbarWrapper .md\:divide-pink-900>:not(template)~:not(template),
  reach-portal .md\:divide-pink-900>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #702459 !important;
    border-color: rgba(112, 36, 89, var(--divide-opacity)) !important
  }

  #navbarWrapper .md\:divide-opacity-0>:not(template)~:not(template),
  reach-portal .md\:divide-opacity-0>:not(template)~:not(template) {
    --divide-opacity: 0 !important
  }

  #navbarWrapper .md\:divide-opacity-25>:not(template)~:not(template),
  reach-portal .md\:divide-opacity-25>:not(template)~:not(template) {
    --divide-opacity: 0.25 !important
  }

  #navbarWrapper .md\:divide-opacity-50>:not(template)~:not(template),
  reach-portal .md\:divide-opacity-50>:not(template)~:not(template) {
    --divide-opacity: 0.5 !important
  }

  #navbarWrapper .md\:divide-opacity-75>:not(template)~:not(template),
  reach-portal .md\:divide-opacity-75>:not(template)~:not(template) {
    --divide-opacity: 0.75 !important
  }

  #navbarWrapper .md\:divide-opacity-100>:not(template)~:not(template),
  reach-portal .md\:divide-opacity-100>:not(template)~:not(template) {
    --divide-opacity: 1 !important
  }

  #navbarWrapper .md\:sr-only,
  reach-portal .md\:sr-only {
    clip: rect(0, 0, 0, 0) !important;
    border-width: 0 !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    white-space: nowrap !important;
    width: 1px !important
  }

  #navbarWrapper .md\:not-sr-only,
  reach-portal .md\:not-sr-only {
    clip: auto !important;
    height: auto !important;
    margin: 0 !important;
    overflow: visible !important;
    padding: 0 !important;
    position: static !important;
    white-space: normal !important;
    width: auto !important
  }

  #navbarWrapper .md\:focus\:sr-only:focus,
  reach-portal .md\:focus\:sr-only:focus {
    clip: rect(0, 0, 0, 0) !important;
    border-width: 0 !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    white-space: nowrap !important;
    width: 1px !important
  }

  #navbarWrapper .md\:focus\:not-sr-only:focus,
  reach-portal .md\:focus\:not-sr-only:focus {
    clip: auto !important;
    height: auto !important;
    margin: 0 !important;
    overflow: visible !important;
    padding: 0 !important;
    position: static !important;
    white-space: normal !important;
    width: auto !important
  }

  #navbarWrapper .md\:appearance-none,
  reach-portal .md\:appearance-none {
    -webkit-appearance: none !important;
    appearance: none !important
  }

  #navbarWrapper .md\:bg-fixed,
  reach-portal .md\:bg-fixed {
    background-attachment: fixed !important
  }

  #navbarWrapper .md\:bg-local,
  reach-portal .md\:bg-local {
    background-attachment: local !important
  }

  #navbarWrapper .md\:bg-scroll,
  reach-portal .md\:bg-scroll {
    background-attachment: scroll !important
  }

  #navbarWrapper .md\:bg-transparent,
  reach-portal .md\:bg-transparent {
    background-color: initial !important
  }

  #navbarWrapper .md\:bg-current,
  reach-portal .md\:bg-current {
    background-color: currentColor !important
  }

  #navbarWrapper .md\:bg-black,
  reach-portal .md\:bg-black {
    --bg-opacity: 1 !important;
    background-color: #000 !important;
    background-color: rgba(0, 0, 0, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:bg-white,
  reach-portal .md\:bg-white {
    --bg-opacity: 1 !important;
    background-color: #fff !important;
    background-color: rgba(255, 255, 255, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:bg-gray-100,
  reach-portal .md\:bg-gray-100 {
    --bg-opacity: 1 !important;
    background-color: #f7fafc !important;
    background-color: rgba(247, 250, 252, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:bg-gray-200,
  reach-portal .md\:bg-gray-200 {
    --bg-opacity: 1 !important;
    background-color: #edf2f7 !important;
    background-color: rgba(237, 242, 247, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:bg-gray-300,
  reach-portal .md\:bg-gray-300 {
    --bg-opacity: 1 !important;
    background-color: #e2e8f0 !important;
    background-color: rgba(226, 232, 240, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:bg-gray-400,
  reach-portal .md\:bg-gray-400 {
    --bg-opacity: 1 !important;
    background-color: #cbd5e0 !important;
    background-color: rgba(203, 213, 224, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:bg-gray-500,
  reach-portal .md\:bg-gray-500 {
    --bg-opacity: 1 !important;
    background-color: #a0aec0 !important;
    background-color: rgba(160, 174, 192, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:bg-gray-600,
  reach-portal .md\:bg-gray-600 {
    --bg-opacity: 1 !important;
    background-color: #718096 !important;
    background-color: rgba(113, 128, 150, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:bg-gray-700,
  reach-portal .md\:bg-gray-700 {
    --bg-opacity: 1 !important;
    background-color: #4a5568 !important;
    background-color: rgba(74, 85, 104, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:bg-gray-800,
  reach-portal .md\:bg-gray-800 {
    --bg-opacity: 1 !important;
    background-color: #2d3748 !important;
    background-color: rgba(45, 55, 72, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:bg-gray-900,
  reach-portal .md\:bg-gray-900 {
    --bg-opacity: 1 !important;
    background-color: #1a202c !important;
    background-color: rgba(26, 32, 44, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:bg-red-100,
  reach-portal .md\:bg-red-100 {
    --bg-opacity: 1 !important;
    background-color: #fff5f5 !important;
    background-color: rgba(255, 245, 245, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:bg-red-200,
  reach-portal .md\:bg-red-200 {
    --bg-opacity: 1 !important;
    background-color: #fed7d7 !important;
    background-color: rgba(254, 215, 215, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:bg-red-300,
  reach-portal .md\:bg-red-300 {
    --bg-opacity: 1 !important;
    background-color: #feb2b2 !important;
    background-color: rgba(254, 178, 178, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:bg-red-400,
  reach-portal .md\:bg-red-400 {
    --bg-opacity: 1 !important;
    background-color: #fc8181 !important;
    background-color: rgba(252, 129, 129, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:bg-red-500,
  reach-portal .md\:bg-red-500 {
    --bg-opacity: 1 !important;
    background-color: #f56565 !important;
    background-color: rgba(245, 101, 101, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:bg-red-600,
  reach-portal .md\:bg-red-600 {
    --bg-opacity: 1 !important;
    background-color: #e53e3e !important;
    background-color: rgba(229, 62, 62, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:bg-red-700,
  reach-portal .md\:bg-red-700 {
    --bg-opacity: 1 !important;
    background-color: #c53030 !important;
    background-color: rgba(197, 48, 48, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:bg-red-800,
  reach-portal .md\:bg-red-800 {
    --bg-opacity: 1 !important;
    background-color: #9b2c2c !important;
    background-color: rgba(155, 44, 44, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:bg-red-900,
  reach-portal .md\:bg-red-900 {
    --bg-opacity: 1 !important;
    background-color: #742a2a !important;
    background-color: rgba(116, 42, 42, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:bg-orange-100,
  reach-portal .md\:bg-orange-100 {
    --bg-opacity: 1 !important;
    background-color: #fffaf0 !important;
    background-color: rgba(255, 250, 240, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:bg-orange-200,
  reach-portal .md\:bg-orange-200 {
    --bg-opacity: 1 !important;
    background-color: #feebc8 !important;
    background-color: rgba(254, 235, 200, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:bg-orange-300,
  reach-portal .md\:bg-orange-300 {
    --bg-opacity: 1 !important;
    background-color: #fbd38d !important;
    background-color: rgba(251, 211, 141, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:bg-orange-400,
  reach-portal .md\:bg-orange-400 {
    --bg-opacity: 1 !important;
    background-color: #f6ad55 !important;
    background-color: rgba(246, 173, 85, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:bg-orange-500,
  reach-portal .md\:bg-orange-500 {
    --bg-opacity: 1 !important;
    background-color: #ed8936 !important;
    background-color: rgba(237, 137, 54, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:bg-orange-600,
  reach-portal .md\:bg-orange-600 {
    --bg-opacity: 1 !important;
    background-color: #dd6b20 !important;
    background-color: rgba(221, 107, 32, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:bg-orange-700,
  reach-portal .md\:bg-orange-700 {
    --bg-opacity: 1 !important;
    background-color: #c05621 !important;
    background-color: rgba(192, 86, 33, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:bg-orange-800,
  reach-portal .md\:bg-orange-800 {
    --bg-opacity: 1 !important;
    background-color: #9c4221 !important;
    background-color: rgba(156, 66, 33, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:bg-orange-900,
  reach-portal .md\:bg-orange-900 {
    --bg-opacity: 1 !important;
    background-color: #7b341e !important;
    background-color: rgba(123, 52, 30, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:bg-yellow-100,
  reach-portal .md\:bg-yellow-100 {
    --bg-opacity: 1 !important;
    background-color: ivory !important;
    background-color: rgba(255, 255, 240, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:bg-yellow-200,
  reach-portal .md\:bg-yellow-200 {
    --bg-opacity: 1 !important;
    background-color: #fefcbf !important;
    background-color: rgba(254, 252, 191, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:bg-yellow-300,
  reach-portal .md\:bg-yellow-300 {
    --bg-opacity: 1 !important;
    background-color: #faf089 !important;
    background-color: rgba(250, 240, 137, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:bg-yellow-400,
  reach-portal .md\:bg-yellow-400 {
    --bg-opacity: 1 !important;
    background-color: #f6e05e !important;
    background-color: rgba(246, 224, 94, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:bg-yellow-500,
  reach-portal .md\:bg-yellow-500 {
    --bg-opacity: 1 !important;
    background-color: #ecc94b !important;
    background-color: rgba(236, 201, 75, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:bg-yellow-600,
  reach-portal .md\:bg-yellow-600 {
    --bg-opacity: 1 !important;
    background-color: #d69e2e !important;
    background-color: rgba(214, 158, 46, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:bg-yellow-700,
  reach-portal .md\:bg-yellow-700 {
    --bg-opacity: 1 !important;
    background-color: #b7791f !important;
    background-color: rgba(183, 121, 31, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:bg-yellow-800,
  reach-portal .md\:bg-yellow-800 {
    --bg-opacity: 1 !important;
    background-color: #975a16 !important;
    background-color: rgba(151, 90, 22, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:bg-yellow-900,
  reach-portal .md\:bg-yellow-900 {
    --bg-opacity: 1 !important;
    background-color: #744210 !important;
    background-color: rgba(116, 66, 16, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:bg-green-100,
  reach-portal .md\:bg-green-100 {
    --bg-opacity: 1 !important;
    background-color: #f0fff4 !important;
    background-color: rgba(240, 255, 244, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:bg-green-200,
  reach-portal .md\:bg-green-200 {
    --bg-opacity: 1 !important;
    background-color: #c6f6d5 !important;
    background-color: rgba(198, 246, 213, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:bg-green-300,
  reach-portal .md\:bg-green-300 {
    --bg-opacity: 1 !important;
    background-color: #9ae6b4 !important;
    background-color: rgba(154, 230, 180, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:bg-green-400,
  reach-portal .md\:bg-green-400 {
    --bg-opacity: 1 !important;
    background-color: #68d391 !important;
    background-color: rgba(104, 211, 145, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:bg-green-500,
  reach-portal .md\:bg-green-500 {
    --bg-opacity: 1 !important;
    background-color: #48bb78 !important;
    background-color: rgba(72, 187, 120, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:bg-green-600,
  reach-portal .md\:bg-green-600 {
    --bg-opacity: 1 !important;
    background-color: #38a169 !important;
    background-color: rgba(56, 161, 105, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:bg-green-700,
  reach-portal .md\:bg-green-700 {
    --bg-opacity: 1 !important;
    background-color: #2f855a !important;
    background-color: rgba(47, 133, 90, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:bg-green-800,
  reach-portal .md\:bg-green-800 {
    --bg-opacity: 1 !important;
    background-color: #276749 !important;
    background-color: rgba(39, 103, 73, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:bg-green-900,
  reach-portal .md\:bg-green-900 {
    --bg-opacity: 1 !important;
    background-color: #22543d !important;
    background-color: rgba(34, 84, 61, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:bg-teal-100,
  reach-portal .md\:bg-teal-100 {
    --bg-opacity: 1 !important;
    background-color: #e6fffa !important;
    background-color: rgba(230, 255, 250, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:bg-teal-200,
  reach-portal .md\:bg-teal-200 {
    --bg-opacity: 1 !important;
    background-color: #b2f5ea !important;
    background-color: rgba(178, 245, 234, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:bg-teal-300,
  reach-portal .md\:bg-teal-300 {
    --bg-opacity: 1 !important;
    background-color: #81e6d9 !important;
    background-color: rgba(129, 230, 217, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:bg-teal-400,
  reach-portal .md\:bg-teal-400 {
    --bg-opacity: 1 !important;
    background-color: #4fd1c5 !important;
    background-color: rgba(79, 209, 197, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:bg-teal-500,
  reach-portal .md\:bg-teal-500 {
    --bg-opacity: 1 !important;
    background-color: #38b2ac !important;
    background-color: rgba(56, 178, 172, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:bg-teal-600,
  reach-portal .md\:bg-teal-600 {
    --bg-opacity: 1 !important;
    background-color: #319795 !important;
    background-color: rgba(49, 151, 149, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:bg-teal-700,
  reach-portal .md\:bg-teal-700 {
    --bg-opacity: 1 !important;
    background-color: #2c7a7b !important;
    background-color: rgba(44, 122, 123, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:bg-teal-800,
  reach-portal .md\:bg-teal-800 {
    --bg-opacity: 1 !important;
    background-color: #285e61 !important;
    background-color: rgba(40, 94, 97, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:bg-teal-900,
  reach-portal .md\:bg-teal-900 {
    --bg-opacity: 1 !important;
    background-color: #234e52 !important;
    background-color: rgba(35, 78, 82, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:bg-blue-100,
  reach-portal .md\:bg-blue-100 {
    --bg-opacity: 1 !important;
    background-color: #ebf8ff !important;
    background-color: rgba(235, 248, 255, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:bg-blue-200,
  reach-portal .md\:bg-blue-200 {
    --bg-opacity: 1 !important;
    background-color: #bee3f8 !important;
    background-color: rgba(190, 227, 248, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:bg-blue-300,
  reach-portal .md\:bg-blue-300 {
    --bg-opacity: 1 !important;
    background-color: #90cdf4 !important;
    background-color: rgba(144, 205, 244, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:bg-blue-400,
  reach-portal .md\:bg-blue-400 {
    --bg-opacity: 1 !important;
    background-color: #63b3ed !important;
    background-color: rgba(99, 179, 237, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:bg-blue-500,
  reach-portal .md\:bg-blue-500 {
    --bg-opacity: 1 !important;
    background-color: #4299e1 !important;
    background-color: rgba(66, 153, 225, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:bg-blue-600,
  reach-portal .md\:bg-blue-600 {
    --bg-opacity: 1 !important;
    background-color: #3182ce !important;
    background-color: rgba(49, 130, 206, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:bg-blue-700,
  reach-portal .md\:bg-blue-700 {
    --bg-opacity: 1 !important;
    background-color: #2b6cb0 !important;
    background-color: rgba(43, 108, 176, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:bg-blue-800,
  reach-portal .md\:bg-blue-800 {
    --bg-opacity: 1 !important;
    background-color: #2c5282 !important;
    background-color: rgba(44, 82, 130, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:bg-blue-900,
  reach-portal .md\:bg-blue-900 {
    --bg-opacity: 1 !important;
    background-color: #2a4365 !important;
    background-color: rgba(42, 67, 101, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:bg-indigo-100,
  reach-portal .md\:bg-indigo-100 {
    --bg-opacity: 1 !important;
    background-color: #ebf4ff !important;
    background-color: rgba(235, 244, 255, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:bg-indigo-200,
  reach-portal .md\:bg-indigo-200 {
    --bg-opacity: 1 !important;
    background-color: #c3dafe !important;
    background-color: rgba(195, 218, 254, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:bg-indigo-300,
  reach-portal .md\:bg-indigo-300 {
    --bg-opacity: 1 !important;
    background-color: #a3bffa !important;
    background-color: rgba(163, 191, 250, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:bg-indigo-400,
  reach-portal .md\:bg-indigo-400 {
    --bg-opacity: 1 !important;
    background-color: #7f9cf5 !important;
    background-color: rgba(127, 156, 245, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:bg-indigo-500,
  reach-portal .md\:bg-indigo-500 {
    --bg-opacity: 1 !important;
    background-color: #667eea !important;
    background-color: rgba(102, 126, 234, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:bg-indigo-600,
  reach-portal .md\:bg-indigo-600 {
    --bg-opacity: 1 !important;
    background-color: #5a67d8 !important;
    background-color: rgba(90, 103, 216, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:bg-indigo-700,
  reach-portal .md\:bg-indigo-700 {
    --bg-opacity: 1 !important;
    background-color: #4c51bf !important;
    background-color: rgba(76, 81, 191, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:bg-indigo-800,
  reach-portal .md\:bg-indigo-800 {
    --bg-opacity: 1 !important;
    background-color: #434190 !important;
    background-color: rgba(67, 65, 144, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:bg-indigo-900,
  reach-portal .md\:bg-indigo-900 {
    --bg-opacity: 1 !important;
    background-color: #3c366b !important;
    background-color: rgba(60, 54, 107, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:bg-purple-100,
  reach-portal .md\:bg-purple-100 {
    --bg-opacity: 1 !important;
    background-color: #faf5ff !important;
    background-color: rgba(250, 245, 255, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:bg-purple-200,
  reach-portal .md\:bg-purple-200 {
    --bg-opacity: 1 !important;
    background-color: #e9d8fd !important;
    background-color: rgba(233, 216, 253, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:bg-purple-300,
  reach-portal .md\:bg-purple-300 {
    --bg-opacity: 1 !important;
    background-color: #d6bcfa !important;
    background-color: rgba(214, 188, 250, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:bg-purple-400,
  reach-portal .md\:bg-purple-400 {
    --bg-opacity: 1 !important;
    background-color: #b794f4 !important;
    background-color: rgba(183, 148, 244, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:bg-purple-500,
  reach-portal .md\:bg-purple-500 {
    --bg-opacity: 1 !important;
    background-color: #9f7aea !important;
    background-color: rgba(159, 122, 234, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:bg-purple-600,
  reach-portal .md\:bg-purple-600 {
    --bg-opacity: 1 !important;
    background-color: #805ad5 !important;
    background-color: rgba(128, 90, 213, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:bg-purple-700,
  reach-portal .md\:bg-purple-700 {
    --bg-opacity: 1 !important;
    background-color: #6b46c1 !important;
    background-color: rgba(107, 70, 193, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:bg-purple-800,
  reach-portal .md\:bg-purple-800 {
    --bg-opacity: 1 !important;
    background-color: #553c9a !important;
    background-color: rgba(85, 60, 154, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:bg-purple-900,
  reach-portal .md\:bg-purple-900 {
    --bg-opacity: 1 !important;
    background-color: #44337a !important;
    background-color: rgba(68, 51, 122, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:bg-pink-100,
  reach-portal .md\:bg-pink-100 {
    --bg-opacity: 1 !important;
    background-color: #fff5f7 !important;
    background-color: rgba(255, 245, 247, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:bg-pink-200,
  reach-portal .md\:bg-pink-200 {
    --bg-opacity: 1 !important;
    background-color: #fed7e2 !important;
    background-color: rgba(254, 215, 226, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:bg-pink-300,
  reach-portal .md\:bg-pink-300 {
    --bg-opacity: 1 !important;
    background-color: #fbb6ce !important;
    background-color: rgba(251, 182, 206, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:bg-pink-400,
  reach-portal .md\:bg-pink-400 {
    --bg-opacity: 1 !important;
    background-color: #f687b3 !important;
    background-color: rgba(246, 135, 179, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:bg-pink-500,
  reach-portal .md\:bg-pink-500 {
    --bg-opacity: 1 !important;
    background-color: #ed64a6 !important;
    background-color: rgba(237, 100, 166, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:bg-pink-600,
  reach-portal .md\:bg-pink-600 {
    --bg-opacity: 1 !important;
    background-color: #d53f8c !important;
    background-color: rgba(213, 63, 140, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:bg-pink-700,
  reach-portal .md\:bg-pink-700 {
    --bg-opacity: 1 !important;
    background-color: #b83280 !important;
    background-color: rgba(184, 50, 128, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:bg-pink-800,
  reach-portal .md\:bg-pink-800 {
    --bg-opacity: 1 !important;
    background-color: #97266d !important;
    background-color: rgba(151, 38, 109, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:bg-pink-900,
  reach-portal .md\:bg-pink-900 {
    --bg-opacity: 1 !important;
    background-color: #702459 !important;
    background-color: rgba(112, 36, 89, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:bg-listgray,
  reach-portal .md\:bg-listgray {
    --bg-opacity: 1 !important;
    background-color: #f4f4f4 !important;
    background-color: rgba(244, 244, 244, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:hover\:bg-transparent:hover,
  reach-portal .md\:hover\:bg-transparent:hover {
    background-color: initial !important
  }

  #navbarWrapper .md\:hover\:bg-current:hover,
  reach-portal .md\:hover\:bg-current:hover {
    background-color: currentColor !important
  }

  #navbarWrapper .md\:hover\:bg-black:hover,
  reach-portal .md\:hover\:bg-black:hover {
    --bg-opacity: 1 !important;
    background-color: #000 !important;
    background-color: rgba(0, 0, 0, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:hover\:bg-white:hover,
  reach-portal .md\:hover\:bg-white:hover {
    --bg-opacity: 1 !important;
    background-color: #fff !important;
    background-color: rgba(255, 255, 255, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:hover\:bg-gray-100:hover,
  reach-portal .md\:hover\:bg-gray-100:hover {
    --bg-opacity: 1 !important;
    background-color: #f7fafc !important;
    background-color: rgba(247, 250, 252, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:hover\:bg-gray-200:hover,
  reach-portal .md\:hover\:bg-gray-200:hover {
    --bg-opacity: 1 !important;
    background-color: #edf2f7 !important;
    background-color: rgba(237, 242, 247, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:hover\:bg-gray-300:hover,
  reach-portal .md\:hover\:bg-gray-300:hover {
    --bg-opacity: 1 !important;
    background-color: #e2e8f0 !important;
    background-color: rgba(226, 232, 240, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:hover\:bg-gray-400:hover,
  reach-portal .md\:hover\:bg-gray-400:hover {
    --bg-opacity: 1 !important;
    background-color: #cbd5e0 !important;
    background-color: rgba(203, 213, 224, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:hover\:bg-gray-500:hover,
  reach-portal .md\:hover\:bg-gray-500:hover {
    --bg-opacity: 1 !important;
    background-color: #a0aec0 !important;
    background-color: rgba(160, 174, 192, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:hover\:bg-gray-600:hover,
  reach-portal .md\:hover\:bg-gray-600:hover {
    --bg-opacity: 1 !important;
    background-color: #718096 !important;
    background-color: rgba(113, 128, 150, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:hover\:bg-gray-700:hover,
  reach-portal .md\:hover\:bg-gray-700:hover {
    --bg-opacity: 1 !important;
    background-color: #4a5568 !important;
    background-color: rgba(74, 85, 104, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:hover\:bg-gray-800:hover,
  reach-portal .md\:hover\:bg-gray-800:hover {
    --bg-opacity: 1 !important;
    background-color: #2d3748 !important;
    background-color: rgba(45, 55, 72, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:hover\:bg-gray-900:hover,
  reach-portal .md\:hover\:bg-gray-900:hover {
    --bg-opacity: 1 !important;
    background-color: #1a202c !important;
    background-color: rgba(26, 32, 44, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:hover\:bg-red-100:hover,
  reach-portal .md\:hover\:bg-red-100:hover {
    --bg-opacity: 1 !important;
    background-color: #fff5f5 !important;
    background-color: rgba(255, 245, 245, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:hover\:bg-red-200:hover,
  reach-portal .md\:hover\:bg-red-200:hover {
    --bg-opacity: 1 !important;
    background-color: #fed7d7 !important;
    background-color: rgba(254, 215, 215, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:hover\:bg-red-300:hover,
  reach-portal .md\:hover\:bg-red-300:hover {
    --bg-opacity: 1 !important;
    background-color: #feb2b2 !important;
    background-color: rgba(254, 178, 178, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:hover\:bg-red-400:hover,
  reach-portal .md\:hover\:bg-red-400:hover {
    --bg-opacity: 1 !important;
    background-color: #fc8181 !important;
    background-color: rgba(252, 129, 129, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:hover\:bg-red-500:hover,
  reach-portal .md\:hover\:bg-red-500:hover {
    --bg-opacity: 1 !important;
    background-color: #f56565 !important;
    background-color: rgba(245, 101, 101, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:hover\:bg-red-600:hover,
  reach-portal .md\:hover\:bg-red-600:hover {
    --bg-opacity: 1 !important;
    background-color: #e53e3e !important;
    background-color: rgba(229, 62, 62, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:hover\:bg-red-700:hover,
  reach-portal .md\:hover\:bg-red-700:hover {
    --bg-opacity: 1 !important;
    background-color: #c53030 !important;
    background-color: rgba(197, 48, 48, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:hover\:bg-red-800:hover,
  reach-portal .md\:hover\:bg-red-800:hover {
    --bg-opacity: 1 !important;
    background-color: #9b2c2c !important;
    background-color: rgba(155, 44, 44, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:hover\:bg-red-900:hover,
  reach-portal .md\:hover\:bg-red-900:hover {
    --bg-opacity: 1 !important;
    background-color: #742a2a !important;
    background-color: rgba(116, 42, 42, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:hover\:bg-orange-100:hover,
  reach-portal .md\:hover\:bg-orange-100:hover {
    --bg-opacity: 1 !important;
    background-color: #fffaf0 !important;
    background-color: rgba(255, 250, 240, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:hover\:bg-orange-200:hover,
  reach-portal .md\:hover\:bg-orange-200:hover {
    --bg-opacity: 1 !important;
    background-color: #feebc8 !important;
    background-color: rgba(254, 235, 200, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:hover\:bg-orange-300:hover,
  reach-portal .md\:hover\:bg-orange-300:hover {
    --bg-opacity: 1 !important;
    background-color: #fbd38d !important;
    background-color: rgba(251, 211, 141, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:hover\:bg-orange-400:hover,
  reach-portal .md\:hover\:bg-orange-400:hover {
    --bg-opacity: 1 !important;
    background-color: #f6ad55 !important;
    background-color: rgba(246, 173, 85, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:hover\:bg-orange-500:hover,
  reach-portal .md\:hover\:bg-orange-500:hover {
    --bg-opacity: 1 !important;
    background-color: #ed8936 !important;
    background-color: rgba(237, 137, 54, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:hover\:bg-orange-600:hover,
  reach-portal .md\:hover\:bg-orange-600:hover {
    --bg-opacity: 1 !important;
    background-color: #dd6b20 !important;
    background-color: rgba(221, 107, 32, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:hover\:bg-orange-700:hover,
  reach-portal .md\:hover\:bg-orange-700:hover {
    --bg-opacity: 1 !important;
    background-color: #c05621 !important;
    background-color: rgba(192, 86, 33, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:hover\:bg-orange-800:hover,
  reach-portal .md\:hover\:bg-orange-800:hover {
    --bg-opacity: 1 !important;
    background-color: #9c4221 !important;
    background-color: rgba(156, 66, 33, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:hover\:bg-orange-900:hover,
  reach-portal .md\:hover\:bg-orange-900:hover {
    --bg-opacity: 1 !important;
    background-color: #7b341e !important;
    background-color: rgba(123, 52, 30, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:hover\:bg-yellow-100:hover,
  reach-portal .md\:hover\:bg-yellow-100:hover {
    --bg-opacity: 1 !important;
    background-color: ivory !important;
    background-color: rgba(255, 255, 240, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:hover\:bg-yellow-200:hover,
  reach-portal .md\:hover\:bg-yellow-200:hover {
    --bg-opacity: 1 !important;
    background-color: #fefcbf !important;
    background-color: rgba(254, 252, 191, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:hover\:bg-yellow-300:hover,
  reach-portal .md\:hover\:bg-yellow-300:hover {
    --bg-opacity: 1 !important;
    background-color: #faf089 !important;
    background-color: rgba(250, 240, 137, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:hover\:bg-yellow-400:hover,
  reach-portal .md\:hover\:bg-yellow-400:hover {
    --bg-opacity: 1 !important;
    background-color: #f6e05e !important;
    background-color: rgba(246, 224, 94, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:hover\:bg-yellow-500:hover,
  reach-portal .md\:hover\:bg-yellow-500:hover {
    --bg-opacity: 1 !important;
    background-color: #ecc94b !important;
    background-color: rgba(236, 201, 75, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:hover\:bg-yellow-600:hover,
  reach-portal .md\:hover\:bg-yellow-600:hover {
    --bg-opacity: 1 !important;
    background-color: #d69e2e !important;
    background-color: rgba(214, 158, 46, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:hover\:bg-yellow-700:hover,
  reach-portal .md\:hover\:bg-yellow-700:hover {
    --bg-opacity: 1 !important;
    background-color: #b7791f !important;
    background-color: rgba(183, 121, 31, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:hover\:bg-yellow-800:hover,
  reach-portal .md\:hover\:bg-yellow-800:hover {
    --bg-opacity: 1 !important;
    background-color: #975a16 !important;
    background-color: rgba(151, 90, 22, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:hover\:bg-yellow-900:hover,
  reach-portal .md\:hover\:bg-yellow-900:hover {
    --bg-opacity: 1 !important;
    background-color: #744210 !important;
    background-color: rgba(116, 66, 16, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:hover\:bg-green-100:hover,
  reach-portal .md\:hover\:bg-green-100:hover {
    --bg-opacity: 1 !important;
    background-color: #f0fff4 !important;
    background-color: rgba(240, 255, 244, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:hover\:bg-green-200:hover,
  reach-portal .md\:hover\:bg-green-200:hover {
    --bg-opacity: 1 !important;
    background-color: #c6f6d5 !important;
    background-color: rgba(198, 246, 213, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:hover\:bg-green-300:hover,
  reach-portal .md\:hover\:bg-green-300:hover {
    --bg-opacity: 1 !important;
    background-color: #9ae6b4 !important;
    background-color: rgba(154, 230, 180, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:hover\:bg-green-400:hover,
  reach-portal .md\:hover\:bg-green-400:hover {
    --bg-opacity: 1 !important;
    background-color: #68d391 !important;
    background-color: rgba(104, 211, 145, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:hover\:bg-green-500:hover,
  reach-portal .md\:hover\:bg-green-500:hover {
    --bg-opacity: 1 !important;
    background-color: #48bb78 !important;
    background-color: rgba(72, 187, 120, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:hover\:bg-green-600:hover,
  reach-portal .md\:hover\:bg-green-600:hover {
    --bg-opacity: 1 !important;
    background-color: #38a169 !important;
    background-color: rgba(56, 161, 105, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:hover\:bg-green-700:hover,
  reach-portal .md\:hover\:bg-green-700:hover {
    --bg-opacity: 1 !important;
    background-color: #2f855a !important;
    background-color: rgba(47, 133, 90, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:hover\:bg-green-800:hover,
  reach-portal .md\:hover\:bg-green-800:hover {
    --bg-opacity: 1 !important;
    background-color: #276749 !important;
    background-color: rgba(39, 103, 73, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:hover\:bg-green-900:hover,
  reach-portal .md\:hover\:bg-green-900:hover {
    --bg-opacity: 1 !important;
    background-color: #22543d !important;
    background-color: rgba(34, 84, 61, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:hover\:bg-teal-100:hover,
  reach-portal .md\:hover\:bg-teal-100:hover {
    --bg-opacity: 1 !important;
    background-color: #e6fffa !important;
    background-color: rgba(230, 255, 250, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:hover\:bg-teal-200:hover,
  reach-portal .md\:hover\:bg-teal-200:hover {
    --bg-opacity: 1 !important;
    background-color: #b2f5ea !important;
    background-color: rgba(178, 245, 234, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:hover\:bg-teal-300:hover,
  reach-portal .md\:hover\:bg-teal-300:hover {
    --bg-opacity: 1 !important;
    background-color: #81e6d9 !important;
    background-color: rgba(129, 230, 217, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:hover\:bg-teal-400:hover,
  reach-portal .md\:hover\:bg-teal-400:hover {
    --bg-opacity: 1 !important;
    background-color: #4fd1c5 !important;
    background-color: rgba(79, 209, 197, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:hover\:bg-teal-500:hover,
  reach-portal .md\:hover\:bg-teal-500:hover {
    --bg-opacity: 1 !important;
    background-color: #38b2ac !important;
    background-color: rgba(56, 178, 172, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:hover\:bg-teal-600:hover,
  reach-portal .md\:hover\:bg-teal-600:hover {
    --bg-opacity: 1 !important;
    background-color: #319795 !important;
    background-color: rgba(49, 151, 149, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:hover\:bg-teal-700:hover,
  reach-portal .md\:hover\:bg-teal-700:hover {
    --bg-opacity: 1 !important;
    background-color: #2c7a7b !important;
    background-color: rgba(44, 122, 123, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:hover\:bg-teal-800:hover,
  reach-portal .md\:hover\:bg-teal-800:hover {
    --bg-opacity: 1 !important;
    background-color: #285e61 !important;
    background-color: rgba(40, 94, 97, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:hover\:bg-teal-900:hover,
  reach-portal .md\:hover\:bg-teal-900:hover {
    --bg-opacity: 1 !important;
    background-color: #234e52 !important;
    background-color: rgba(35, 78, 82, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:hover\:bg-blue-100:hover,
  reach-portal .md\:hover\:bg-blue-100:hover {
    --bg-opacity: 1 !important;
    background-color: #ebf8ff !important;
    background-color: rgba(235, 248, 255, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:hover\:bg-blue-200:hover,
  reach-portal .md\:hover\:bg-blue-200:hover {
    --bg-opacity: 1 !important;
    background-color: #bee3f8 !important;
    background-color: rgba(190, 227, 248, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:hover\:bg-blue-300:hover,
  reach-portal .md\:hover\:bg-blue-300:hover {
    --bg-opacity: 1 !important;
    background-color: #90cdf4 !important;
    background-color: rgba(144, 205, 244, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:hover\:bg-blue-400:hover,
  reach-portal .md\:hover\:bg-blue-400:hover {
    --bg-opacity: 1 !important;
    background-color: #63b3ed !important;
    background-color: rgba(99, 179, 237, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:hover\:bg-blue-500:hover,
  reach-portal .md\:hover\:bg-blue-500:hover {
    --bg-opacity: 1 !important;
    background-color: #4299e1 !important;
    background-color: rgba(66, 153, 225, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:hover\:bg-blue-600:hover,
  reach-portal .md\:hover\:bg-blue-600:hover {
    --bg-opacity: 1 !important;
    background-color: #3182ce !important;
    background-color: rgba(49, 130, 206, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:hover\:bg-blue-700:hover,
  reach-portal .md\:hover\:bg-blue-700:hover {
    --bg-opacity: 1 !important;
    background-color: #2b6cb0 !important;
    background-color: rgba(43, 108, 176, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:hover\:bg-blue-800:hover,
  reach-portal .md\:hover\:bg-blue-800:hover {
    --bg-opacity: 1 !important;
    background-color: #2c5282 !important;
    background-color: rgba(44, 82, 130, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:hover\:bg-blue-900:hover,
  reach-portal .md\:hover\:bg-blue-900:hover {
    --bg-opacity: 1 !important;
    background-color: #2a4365 !important;
    background-color: rgba(42, 67, 101, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:hover\:bg-indigo-100:hover,
  reach-portal .md\:hover\:bg-indigo-100:hover {
    --bg-opacity: 1 !important;
    background-color: #ebf4ff !important;
    background-color: rgba(235, 244, 255, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:hover\:bg-indigo-200:hover,
  reach-portal .md\:hover\:bg-indigo-200:hover {
    --bg-opacity: 1 !important;
    background-color: #c3dafe !important;
    background-color: rgba(195, 218, 254, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:hover\:bg-indigo-300:hover,
  reach-portal .md\:hover\:bg-indigo-300:hover {
    --bg-opacity: 1 !important;
    background-color: #a3bffa !important;
    background-color: rgba(163, 191, 250, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:hover\:bg-indigo-400:hover,
  reach-portal .md\:hover\:bg-indigo-400:hover {
    --bg-opacity: 1 !important;
    background-color: #7f9cf5 !important;
    background-color: rgba(127, 156, 245, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:hover\:bg-indigo-500:hover,
  reach-portal .md\:hover\:bg-indigo-500:hover {
    --bg-opacity: 1 !important;
    background-color: #667eea !important;
    background-color: rgba(102, 126, 234, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:hover\:bg-indigo-600:hover,
  reach-portal .md\:hover\:bg-indigo-600:hover {
    --bg-opacity: 1 !important;
    background-color: #5a67d8 !important;
    background-color: rgba(90, 103, 216, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:hover\:bg-indigo-700:hover,
  reach-portal .md\:hover\:bg-indigo-700:hover {
    --bg-opacity: 1 !important;
    background-color: #4c51bf !important;
    background-color: rgba(76, 81, 191, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:hover\:bg-indigo-800:hover,
  reach-portal .md\:hover\:bg-indigo-800:hover {
    --bg-opacity: 1 !important;
    background-color: #434190 !important;
    background-color: rgba(67, 65, 144, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:hover\:bg-indigo-900:hover,
  reach-portal .md\:hover\:bg-indigo-900:hover {
    --bg-opacity: 1 !important;
    background-color: #3c366b !important;
    background-color: rgba(60, 54, 107, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:hover\:bg-purple-100:hover,
  reach-portal .md\:hover\:bg-purple-100:hover {
    --bg-opacity: 1 !important;
    background-color: #faf5ff !important;
    background-color: rgba(250, 245, 255, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:hover\:bg-purple-200:hover,
  reach-portal .md\:hover\:bg-purple-200:hover {
    --bg-opacity: 1 !important;
    background-color: #e9d8fd !important;
    background-color: rgba(233, 216, 253, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:hover\:bg-purple-300:hover,
  reach-portal .md\:hover\:bg-purple-300:hover {
    --bg-opacity: 1 !important;
    background-color: #d6bcfa !important;
    background-color: rgba(214, 188, 250, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:hover\:bg-purple-400:hover,
  reach-portal .md\:hover\:bg-purple-400:hover {
    --bg-opacity: 1 !important;
    background-color: #b794f4 !important;
    background-color: rgba(183, 148, 244, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:hover\:bg-purple-500:hover,
  reach-portal .md\:hover\:bg-purple-500:hover {
    --bg-opacity: 1 !important;
    background-color: #9f7aea !important;
    background-color: rgba(159, 122, 234, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:hover\:bg-purple-600:hover,
  reach-portal .md\:hover\:bg-purple-600:hover {
    --bg-opacity: 1 !important;
    background-color: #805ad5 !important;
    background-color: rgba(128, 90, 213, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:hover\:bg-purple-700:hover,
  reach-portal .md\:hover\:bg-purple-700:hover {
    --bg-opacity: 1 !important;
    background-color: #6b46c1 !important;
    background-color: rgba(107, 70, 193, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:hover\:bg-purple-800:hover,
  reach-portal .md\:hover\:bg-purple-800:hover {
    --bg-opacity: 1 !important;
    background-color: #553c9a !important;
    background-color: rgba(85, 60, 154, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:hover\:bg-purple-900:hover,
  reach-portal .md\:hover\:bg-purple-900:hover {
    --bg-opacity: 1 !important;
    background-color: #44337a !important;
    background-color: rgba(68, 51, 122, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:hover\:bg-pink-100:hover,
  reach-portal .md\:hover\:bg-pink-100:hover {
    --bg-opacity: 1 !important;
    background-color: #fff5f7 !important;
    background-color: rgba(255, 245, 247, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:hover\:bg-pink-200:hover,
  reach-portal .md\:hover\:bg-pink-200:hover {
    --bg-opacity: 1 !important;
    background-color: #fed7e2 !important;
    background-color: rgba(254, 215, 226, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:hover\:bg-pink-300:hover,
  reach-portal .md\:hover\:bg-pink-300:hover {
    --bg-opacity: 1 !important;
    background-color: #fbb6ce !important;
    background-color: rgba(251, 182, 206, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:hover\:bg-pink-400:hover,
  reach-portal .md\:hover\:bg-pink-400:hover {
    --bg-opacity: 1 !important;
    background-color: #f687b3 !important;
    background-color: rgba(246, 135, 179, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:hover\:bg-pink-500:hover,
  reach-portal .md\:hover\:bg-pink-500:hover {
    --bg-opacity: 1 !important;
    background-color: #ed64a6 !important;
    background-color: rgba(237, 100, 166, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:hover\:bg-pink-600:hover,
  reach-portal .md\:hover\:bg-pink-600:hover {
    --bg-opacity: 1 !important;
    background-color: #d53f8c !important;
    background-color: rgba(213, 63, 140, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:hover\:bg-pink-700:hover,
  reach-portal .md\:hover\:bg-pink-700:hover {
    --bg-opacity: 1 !important;
    background-color: #b83280 !important;
    background-color: rgba(184, 50, 128, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:hover\:bg-pink-800:hover,
  reach-portal .md\:hover\:bg-pink-800:hover {
    --bg-opacity: 1 !important;
    background-color: #97266d !important;
    background-color: rgba(151, 38, 109, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:hover\:bg-pink-900:hover,
  reach-portal .md\:hover\:bg-pink-900:hover {
    --bg-opacity: 1 !important;
    background-color: #702459 !important;
    background-color: rgba(112, 36, 89, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:hover\:bg-listgray:hover,
  reach-portal .md\:hover\:bg-listgray:hover {
    --bg-opacity: 1 !important;
    background-color: #f4f4f4 !important;
    background-color: rgba(244, 244, 244, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:focus\:bg-transparent:focus,
  reach-portal .md\:focus\:bg-transparent:focus {
    background-color: initial !important
  }

  #navbarWrapper .md\:focus\:bg-current:focus,
  reach-portal .md\:focus\:bg-current:focus {
    background-color: currentColor !important
  }

  #navbarWrapper .md\:focus\:bg-black:focus,
  reach-portal .md\:focus\:bg-black:focus {
    --bg-opacity: 1 !important;
    background-color: #000 !important;
    background-color: rgba(0, 0, 0, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:focus\:bg-white:focus,
  reach-portal .md\:focus\:bg-white:focus {
    --bg-opacity: 1 !important;
    background-color: #fff !important;
    background-color: rgba(255, 255, 255, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:focus\:bg-gray-100:focus,
  reach-portal .md\:focus\:bg-gray-100:focus {
    --bg-opacity: 1 !important;
    background-color: #f7fafc !important;
    background-color: rgba(247, 250, 252, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:focus\:bg-gray-200:focus,
  reach-portal .md\:focus\:bg-gray-200:focus {
    --bg-opacity: 1 !important;
    background-color: #edf2f7 !important;
    background-color: rgba(237, 242, 247, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:focus\:bg-gray-300:focus,
  reach-portal .md\:focus\:bg-gray-300:focus {
    --bg-opacity: 1 !important;
    background-color: #e2e8f0 !important;
    background-color: rgba(226, 232, 240, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:focus\:bg-gray-400:focus,
  reach-portal .md\:focus\:bg-gray-400:focus {
    --bg-opacity: 1 !important;
    background-color: #cbd5e0 !important;
    background-color: rgba(203, 213, 224, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:focus\:bg-gray-500:focus,
  reach-portal .md\:focus\:bg-gray-500:focus {
    --bg-opacity: 1 !important;
    background-color: #a0aec0 !important;
    background-color: rgba(160, 174, 192, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:focus\:bg-gray-600:focus,
  reach-portal .md\:focus\:bg-gray-600:focus {
    --bg-opacity: 1 !important;
    background-color: #718096 !important;
    background-color: rgba(113, 128, 150, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:focus\:bg-gray-700:focus,
  reach-portal .md\:focus\:bg-gray-700:focus {
    --bg-opacity: 1 !important;
    background-color: #4a5568 !important;
    background-color: rgba(74, 85, 104, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:focus\:bg-gray-800:focus,
  reach-portal .md\:focus\:bg-gray-800:focus {
    --bg-opacity: 1 !important;
    background-color: #2d3748 !important;
    background-color: rgba(45, 55, 72, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:focus\:bg-gray-900:focus,
  reach-portal .md\:focus\:bg-gray-900:focus {
    --bg-opacity: 1 !important;
    background-color: #1a202c !important;
    background-color: rgba(26, 32, 44, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:focus\:bg-red-100:focus,
  reach-portal .md\:focus\:bg-red-100:focus {
    --bg-opacity: 1 !important;
    background-color: #fff5f5 !important;
    background-color: rgba(255, 245, 245, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:focus\:bg-red-200:focus,
  reach-portal .md\:focus\:bg-red-200:focus {
    --bg-opacity: 1 !important;
    background-color: #fed7d7 !important;
    background-color: rgba(254, 215, 215, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:focus\:bg-red-300:focus,
  reach-portal .md\:focus\:bg-red-300:focus {
    --bg-opacity: 1 !important;
    background-color: #feb2b2 !important;
    background-color: rgba(254, 178, 178, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:focus\:bg-red-400:focus,
  reach-portal .md\:focus\:bg-red-400:focus {
    --bg-opacity: 1 !important;
    background-color: #fc8181 !important;
    background-color: rgba(252, 129, 129, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:focus\:bg-red-500:focus,
  reach-portal .md\:focus\:bg-red-500:focus {
    --bg-opacity: 1 !important;
    background-color: #f56565 !important;
    background-color: rgba(245, 101, 101, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:focus\:bg-red-600:focus,
  reach-portal .md\:focus\:bg-red-600:focus {
    --bg-opacity: 1 !important;
    background-color: #e53e3e !important;
    background-color: rgba(229, 62, 62, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:focus\:bg-red-700:focus,
  reach-portal .md\:focus\:bg-red-700:focus {
    --bg-opacity: 1 !important;
    background-color: #c53030 !important;
    background-color: rgba(197, 48, 48, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:focus\:bg-red-800:focus,
  reach-portal .md\:focus\:bg-red-800:focus {
    --bg-opacity: 1 !important;
    background-color: #9b2c2c !important;
    background-color: rgba(155, 44, 44, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:focus\:bg-red-900:focus,
  reach-portal .md\:focus\:bg-red-900:focus {
    --bg-opacity: 1 !important;
    background-color: #742a2a !important;
    background-color: rgba(116, 42, 42, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:focus\:bg-orange-100:focus,
  reach-portal .md\:focus\:bg-orange-100:focus {
    --bg-opacity: 1 !important;
    background-color: #fffaf0 !important;
    background-color: rgba(255, 250, 240, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:focus\:bg-orange-200:focus,
  reach-portal .md\:focus\:bg-orange-200:focus {
    --bg-opacity: 1 !important;
    background-color: #feebc8 !important;
    background-color: rgba(254, 235, 200, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:focus\:bg-orange-300:focus,
  reach-portal .md\:focus\:bg-orange-300:focus {
    --bg-opacity: 1 !important;
    background-color: #fbd38d !important;
    background-color: rgba(251, 211, 141, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:focus\:bg-orange-400:focus,
  reach-portal .md\:focus\:bg-orange-400:focus {
    --bg-opacity: 1 !important;
    background-color: #f6ad55 !important;
    background-color: rgba(246, 173, 85, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:focus\:bg-orange-500:focus,
  reach-portal .md\:focus\:bg-orange-500:focus {
    --bg-opacity: 1 !important;
    background-color: #ed8936 !important;
    background-color: rgba(237, 137, 54, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:focus\:bg-orange-600:focus,
  reach-portal .md\:focus\:bg-orange-600:focus {
    --bg-opacity: 1 !important;
    background-color: #dd6b20 !important;
    background-color: rgba(221, 107, 32, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:focus\:bg-orange-700:focus,
  reach-portal .md\:focus\:bg-orange-700:focus {
    --bg-opacity: 1 !important;
    background-color: #c05621 !important;
    background-color: rgba(192, 86, 33, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:focus\:bg-orange-800:focus,
  reach-portal .md\:focus\:bg-orange-800:focus {
    --bg-opacity: 1 !important;
    background-color: #9c4221 !important;
    background-color: rgba(156, 66, 33, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:focus\:bg-orange-900:focus,
  reach-portal .md\:focus\:bg-orange-900:focus {
    --bg-opacity: 1 !important;
    background-color: #7b341e !important;
    background-color: rgba(123, 52, 30, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:focus\:bg-yellow-100:focus,
  reach-portal .md\:focus\:bg-yellow-100:focus {
    --bg-opacity: 1 !important;
    background-color: ivory !important;
    background-color: rgba(255, 255, 240, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:focus\:bg-yellow-200:focus,
  reach-portal .md\:focus\:bg-yellow-200:focus {
    --bg-opacity: 1 !important;
    background-color: #fefcbf !important;
    background-color: rgba(254, 252, 191, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:focus\:bg-yellow-300:focus,
  reach-portal .md\:focus\:bg-yellow-300:focus {
    --bg-opacity: 1 !important;
    background-color: #faf089 !important;
    background-color: rgba(250, 240, 137, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:focus\:bg-yellow-400:focus,
  reach-portal .md\:focus\:bg-yellow-400:focus {
    --bg-opacity: 1 !important;
    background-color: #f6e05e !important;
    background-color: rgba(246, 224, 94, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:focus\:bg-yellow-500:focus,
  reach-portal .md\:focus\:bg-yellow-500:focus {
    --bg-opacity: 1 !important;
    background-color: #ecc94b !important;
    background-color: rgba(236, 201, 75, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:focus\:bg-yellow-600:focus,
  reach-portal .md\:focus\:bg-yellow-600:focus {
    --bg-opacity: 1 !important;
    background-color: #d69e2e !important;
    background-color: rgba(214, 158, 46, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:focus\:bg-yellow-700:focus,
  reach-portal .md\:focus\:bg-yellow-700:focus {
    --bg-opacity: 1 !important;
    background-color: #b7791f !important;
    background-color: rgba(183, 121, 31, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:focus\:bg-yellow-800:focus,
  reach-portal .md\:focus\:bg-yellow-800:focus {
    --bg-opacity: 1 !important;
    background-color: #975a16 !important;
    background-color: rgba(151, 90, 22, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:focus\:bg-yellow-900:focus,
  reach-portal .md\:focus\:bg-yellow-900:focus {
    --bg-opacity: 1 !important;
    background-color: #744210 !important;
    background-color: rgba(116, 66, 16, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:focus\:bg-green-100:focus,
  reach-portal .md\:focus\:bg-green-100:focus {
    --bg-opacity: 1 !important;
    background-color: #f0fff4 !important;
    background-color: rgba(240, 255, 244, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:focus\:bg-green-200:focus,
  reach-portal .md\:focus\:bg-green-200:focus {
    --bg-opacity: 1 !important;
    background-color: #c6f6d5 !important;
    background-color: rgba(198, 246, 213, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:focus\:bg-green-300:focus,
  reach-portal .md\:focus\:bg-green-300:focus {
    --bg-opacity: 1 !important;
    background-color: #9ae6b4 !important;
    background-color: rgba(154, 230, 180, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:focus\:bg-green-400:focus,
  reach-portal .md\:focus\:bg-green-400:focus {
    --bg-opacity: 1 !important;
    background-color: #68d391 !important;
    background-color: rgba(104, 211, 145, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:focus\:bg-green-500:focus,
  reach-portal .md\:focus\:bg-green-500:focus {
    --bg-opacity: 1 !important;
    background-color: #48bb78 !important;
    background-color: rgba(72, 187, 120, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:focus\:bg-green-600:focus,
  reach-portal .md\:focus\:bg-green-600:focus {
    --bg-opacity: 1 !important;
    background-color: #38a169 !important;
    background-color: rgba(56, 161, 105, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:focus\:bg-green-700:focus,
  reach-portal .md\:focus\:bg-green-700:focus {
    --bg-opacity: 1 !important;
    background-color: #2f855a !important;
    background-color: rgba(47, 133, 90, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:focus\:bg-green-800:focus,
  reach-portal .md\:focus\:bg-green-800:focus {
    --bg-opacity: 1 !important;
    background-color: #276749 !important;
    background-color: rgba(39, 103, 73, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:focus\:bg-green-900:focus,
  reach-portal .md\:focus\:bg-green-900:focus {
    --bg-opacity: 1 !important;
    background-color: #22543d !important;
    background-color: rgba(34, 84, 61, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:focus\:bg-teal-100:focus,
  reach-portal .md\:focus\:bg-teal-100:focus {
    --bg-opacity: 1 !important;
    background-color: #e6fffa !important;
    background-color: rgba(230, 255, 250, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:focus\:bg-teal-200:focus,
  reach-portal .md\:focus\:bg-teal-200:focus {
    --bg-opacity: 1 !important;
    background-color: #b2f5ea !important;
    background-color: rgba(178, 245, 234, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:focus\:bg-teal-300:focus,
  reach-portal .md\:focus\:bg-teal-300:focus {
    --bg-opacity: 1 !important;
    background-color: #81e6d9 !important;
    background-color: rgba(129, 230, 217, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:focus\:bg-teal-400:focus,
  reach-portal .md\:focus\:bg-teal-400:focus {
    --bg-opacity: 1 !important;
    background-color: #4fd1c5 !important;
    background-color: rgba(79, 209, 197, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:focus\:bg-teal-500:focus,
  reach-portal .md\:focus\:bg-teal-500:focus {
    --bg-opacity: 1 !important;
    background-color: #38b2ac !important;
    background-color: rgba(56, 178, 172, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:focus\:bg-teal-600:focus,
  reach-portal .md\:focus\:bg-teal-600:focus {
    --bg-opacity: 1 !important;
    background-color: #319795 !important;
    background-color: rgba(49, 151, 149, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:focus\:bg-teal-700:focus,
  reach-portal .md\:focus\:bg-teal-700:focus {
    --bg-opacity: 1 !important;
    background-color: #2c7a7b !important;
    background-color: rgba(44, 122, 123, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:focus\:bg-teal-800:focus,
  reach-portal .md\:focus\:bg-teal-800:focus {
    --bg-opacity: 1 !important;
    background-color: #285e61 !important;
    background-color: rgba(40, 94, 97, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:focus\:bg-teal-900:focus,
  reach-portal .md\:focus\:bg-teal-900:focus {
    --bg-opacity: 1 !important;
    background-color: #234e52 !important;
    background-color: rgba(35, 78, 82, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:focus\:bg-blue-100:focus,
  reach-portal .md\:focus\:bg-blue-100:focus {
    --bg-opacity: 1 !important;
    background-color: #ebf8ff !important;
    background-color: rgba(235, 248, 255, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:focus\:bg-blue-200:focus,
  reach-portal .md\:focus\:bg-blue-200:focus {
    --bg-opacity: 1 !important;
    background-color: #bee3f8 !important;
    background-color: rgba(190, 227, 248, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:focus\:bg-blue-300:focus,
  reach-portal .md\:focus\:bg-blue-300:focus {
    --bg-opacity: 1 !important;
    background-color: #90cdf4 !important;
    background-color: rgba(144, 205, 244, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:focus\:bg-blue-400:focus,
  reach-portal .md\:focus\:bg-blue-400:focus {
    --bg-opacity: 1 !important;
    background-color: #63b3ed !important;
    background-color: rgba(99, 179, 237, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:focus\:bg-blue-500:focus,
  reach-portal .md\:focus\:bg-blue-500:focus {
    --bg-opacity: 1 !important;
    background-color: #4299e1 !important;
    background-color: rgba(66, 153, 225, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:focus\:bg-blue-600:focus,
  reach-portal .md\:focus\:bg-blue-600:focus {
    --bg-opacity: 1 !important;
    background-color: #3182ce !important;
    background-color: rgba(49, 130, 206, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:focus\:bg-blue-700:focus,
  reach-portal .md\:focus\:bg-blue-700:focus {
    --bg-opacity: 1 !important;
    background-color: #2b6cb0 !important;
    background-color: rgba(43, 108, 176, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:focus\:bg-blue-800:focus,
  reach-portal .md\:focus\:bg-blue-800:focus {
    --bg-opacity: 1 !important;
    background-color: #2c5282 !important;
    background-color: rgba(44, 82, 130, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:focus\:bg-blue-900:focus,
  reach-portal .md\:focus\:bg-blue-900:focus {
    --bg-opacity: 1 !important;
    background-color: #2a4365 !important;
    background-color: rgba(42, 67, 101, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:focus\:bg-indigo-100:focus,
  reach-portal .md\:focus\:bg-indigo-100:focus {
    --bg-opacity: 1 !important;
    background-color: #ebf4ff !important;
    background-color: rgba(235, 244, 255, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:focus\:bg-indigo-200:focus,
  reach-portal .md\:focus\:bg-indigo-200:focus {
    --bg-opacity: 1 !important;
    background-color: #c3dafe !important;
    background-color: rgba(195, 218, 254, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:focus\:bg-indigo-300:focus,
  reach-portal .md\:focus\:bg-indigo-300:focus {
    --bg-opacity: 1 !important;
    background-color: #a3bffa !important;
    background-color: rgba(163, 191, 250, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:focus\:bg-indigo-400:focus,
  reach-portal .md\:focus\:bg-indigo-400:focus {
    --bg-opacity: 1 !important;
    background-color: #7f9cf5 !important;
    background-color: rgba(127, 156, 245, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:focus\:bg-indigo-500:focus,
  reach-portal .md\:focus\:bg-indigo-500:focus {
    --bg-opacity: 1 !important;
    background-color: #667eea !important;
    background-color: rgba(102, 126, 234, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:focus\:bg-indigo-600:focus,
  reach-portal .md\:focus\:bg-indigo-600:focus {
    --bg-opacity: 1 !important;
    background-color: #5a67d8 !important;
    background-color: rgba(90, 103, 216, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:focus\:bg-indigo-700:focus,
  reach-portal .md\:focus\:bg-indigo-700:focus {
    --bg-opacity: 1 !important;
    background-color: #4c51bf !important;
    background-color: rgba(76, 81, 191, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:focus\:bg-indigo-800:focus,
  reach-portal .md\:focus\:bg-indigo-800:focus {
    --bg-opacity: 1 !important;
    background-color: #434190 !important;
    background-color: rgba(67, 65, 144, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:focus\:bg-indigo-900:focus,
  reach-portal .md\:focus\:bg-indigo-900:focus {
    --bg-opacity: 1 !important;
    background-color: #3c366b !important;
    background-color: rgba(60, 54, 107, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:focus\:bg-purple-100:focus,
  reach-portal .md\:focus\:bg-purple-100:focus {
    --bg-opacity: 1 !important;
    background-color: #faf5ff !important;
    background-color: rgba(250, 245, 255, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:focus\:bg-purple-200:focus,
  reach-portal .md\:focus\:bg-purple-200:focus {
    --bg-opacity: 1 !important;
    background-color: #e9d8fd !important;
    background-color: rgba(233, 216, 253, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:focus\:bg-purple-300:focus,
  reach-portal .md\:focus\:bg-purple-300:focus {
    --bg-opacity: 1 !important;
    background-color: #d6bcfa !important;
    background-color: rgba(214, 188, 250, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:focus\:bg-purple-400:focus,
  reach-portal .md\:focus\:bg-purple-400:focus {
    --bg-opacity: 1 !important;
    background-color: #b794f4 !important;
    background-color: rgba(183, 148, 244, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:focus\:bg-purple-500:focus,
  reach-portal .md\:focus\:bg-purple-500:focus {
    --bg-opacity: 1 !important;
    background-color: #9f7aea !important;
    background-color: rgba(159, 122, 234, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:focus\:bg-purple-600:focus,
  reach-portal .md\:focus\:bg-purple-600:focus {
    --bg-opacity: 1 !important;
    background-color: #805ad5 !important;
    background-color: rgba(128, 90, 213, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:focus\:bg-purple-700:focus,
  reach-portal .md\:focus\:bg-purple-700:focus {
    --bg-opacity: 1 !important;
    background-color: #6b46c1 !important;
    background-color: rgba(107, 70, 193, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:focus\:bg-purple-800:focus,
  reach-portal .md\:focus\:bg-purple-800:focus {
    --bg-opacity: 1 !important;
    background-color: #553c9a !important;
    background-color: rgba(85, 60, 154, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:focus\:bg-purple-900:focus,
  reach-portal .md\:focus\:bg-purple-900:focus {
    --bg-opacity: 1 !important;
    background-color: #44337a !important;
    background-color: rgba(68, 51, 122, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:focus\:bg-pink-100:focus,
  reach-portal .md\:focus\:bg-pink-100:focus {
    --bg-opacity: 1 !important;
    background-color: #fff5f7 !important;
    background-color: rgba(255, 245, 247, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:focus\:bg-pink-200:focus,
  reach-portal .md\:focus\:bg-pink-200:focus {
    --bg-opacity: 1 !important;
    background-color: #fed7e2 !important;
    background-color: rgba(254, 215, 226, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:focus\:bg-pink-300:focus,
  reach-portal .md\:focus\:bg-pink-300:focus {
    --bg-opacity: 1 !important;
    background-color: #fbb6ce !important;
    background-color: rgba(251, 182, 206, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:focus\:bg-pink-400:focus,
  reach-portal .md\:focus\:bg-pink-400:focus {
    --bg-opacity: 1 !important;
    background-color: #f687b3 !important;
    background-color: rgba(246, 135, 179, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:focus\:bg-pink-500:focus,
  reach-portal .md\:focus\:bg-pink-500:focus {
    --bg-opacity: 1 !important;
    background-color: #ed64a6 !important;
    background-color: rgba(237, 100, 166, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:focus\:bg-pink-600:focus,
  reach-portal .md\:focus\:bg-pink-600:focus {
    --bg-opacity: 1 !important;
    background-color: #d53f8c !important;
    background-color: rgba(213, 63, 140, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:focus\:bg-pink-700:focus,
  reach-portal .md\:focus\:bg-pink-700:focus {
    --bg-opacity: 1 !important;
    background-color: #b83280 !important;
    background-color: rgba(184, 50, 128, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:focus\:bg-pink-800:focus,
  reach-portal .md\:focus\:bg-pink-800:focus {
    --bg-opacity: 1 !important;
    background-color: #97266d !important;
    background-color: rgba(151, 38, 109, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:focus\:bg-pink-900:focus,
  reach-portal .md\:focus\:bg-pink-900:focus {
    --bg-opacity: 1 !important;
    background-color: #702459 !important;
    background-color: rgba(112, 36, 89, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:focus\:bg-listgray:focus,
  reach-portal .md\:focus\:bg-listgray:focus {
    --bg-opacity: 1 !important;
    background-color: #f4f4f4 !important;
    background-color: rgba(244, 244, 244, var(--bg-opacity)) !important
  }

  #navbarWrapper .md\:bg-opacity-0,
  reach-portal .md\:bg-opacity-0 {
    --bg-opacity: 0 !important
  }

  #navbarWrapper .md\:bg-opacity-25,
  reach-portal .md\:bg-opacity-25 {
    --bg-opacity: 0.25 !important
  }

  #navbarWrapper .md\:bg-opacity-50,
  reach-portal .md\:bg-opacity-50 {
    --bg-opacity: 0.5 !important
  }

  #navbarWrapper .md\:bg-opacity-75,
  reach-portal .md\:bg-opacity-75 {
    --bg-opacity: 0.75 !important
  }

  #navbarWrapper .md\:bg-opacity-100,
  reach-portal .md\:bg-opacity-100 {
    --bg-opacity: 1 !important
  }

  #navbarWrapper .md\:hover\:bg-opacity-0:hover,
  reach-portal .md\:hover\:bg-opacity-0:hover {
    --bg-opacity: 0 !important
  }

  #navbarWrapper .md\:hover\:bg-opacity-25:hover,
  reach-portal .md\:hover\:bg-opacity-25:hover {
    --bg-opacity: 0.25 !important
  }

  #navbarWrapper .md\:hover\:bg-opacity-50:hover,
  reach-portal .md\:hover\:bg-opacity-50:hover {
    --bg-opacity: 0.5 !important
  }

  #navbarWrapper .md\:hover\:bg-opacity-75:hover,
  reach-portal .md\:hover\:bg-opacity-75:hover {
    --bg-opacity: 0.75 !important
  }

  #navbarWrapper .md\:hover\:bg-opacity-100:hover,
  reach-portal .md\:hover\:bg-opacity-100:hover {
    --bg-opacity: 1 !important
  }

  #navbarWrapper .md\:focus\:bg-opacity-0:focus,
  reach-portal .md\:focus\:bg-opacity-0:focus {
    --bg-opacity: 0 !important
  }

  #navbarWrapper .md\:focus\:bg-opacity-25:focus,
  reach-portal .md\:focus\:bg-opacity-25:focus {
    --bg-opacity: 0.25 !important
  }

  #navbarWrapper .md\:focus\:bg-opacity-50:focus,
  reach-portal .md\:focus\:bg-opacity-50:focus {
    --bg-opacity: 0.5 !important
  }

  #navbarWrapper .md\:focus\:bg-opacity-75:focus,
  reach-portal .md\:focus\:bg-opacity-75:focus {
    --bg-opacity: 0.75 !important
  }

  #navbarWrapper .md\:focus\:bg-opacity-100:focus,
  reach-portal .md\:focus\:bg-opacity-100:focus {
    --bg-opacity: 1 !important
  }

  #navbarWrapper .md\:bg-bottom,
  reach-portal .md\:bg-bottom {
    background-position: bottom !important
  }

  #navbarWrapper .md\:bg-center,
  reach-portal .md\:bg-center {
    background-position: 50% !important
  }

  #navbarWrapper .md\:bg-left,
  reach-portal .md\:bg-left {
    background-position: 0 !important
  }

  #navbarWrapper .md\:bg-left-bottom,
  reach-portal .md\:bg-left-bottom {
    background-position: 0 100% !important
  }

  #navbarWrapper .md\:bg-left-top,
  reach-portal .md\:bg-left-top {
    background-position: 0 0 !important
  }

  #navbarWrapper .md\:bg-right,
  reach-portal .md\:bg-right {
    background-position: 100% !important
  }

  #navbarWrapper .md\:bg-right-bottom,
  reach-portal .md\:bg-right-bottom {
    background-position: 100% 100% !important
  }

  #navbarWrapper .md\:bg-right-top,
  reach-portal .md\:bg-right-top {
    background-position: 100% 0 !important
  }

  #navbarWrapper .md\:bg-top,
  reach-portal .md\:bg-top {
    background-position: top !important
  }

  #navbarWrapper .md\:bg-repeat,
  reach-portal .md\:bg-repeat {
    background-repeat: repeat !important
  }

  #navbarWrapper .md\:bg-no-repeat,
  reach-portal .md\:bg-no-repeat {
    background-repeat: no-repeat !important
  }

  #navbarWrapper .md\:bg-repeat-x,
  reach-portal .md\:bg-repeat-x {
    background-repeat: repeat-x !important
  }

  #navbarWrapper .md\:bg-repeat-y,
  reach-portal .md\:bg-repeat-y {
    background-repeat: repeat-y !important
  }

  #navbarWrapper .md\:bg-repeat-round,
  reach-portal .md\:bg-repeat-round {
    background-repeat: round !important
  }

  #navbarWrapper .md\:bg-repeat-space,
  reach-portal .md\:bg-repeat-space {
    background-repeat: space !important
  }

  #navbarWrapper .md\:bg-auto,
  reach-portal .md\:bg-auto {
    background-size: auto !important
  }

  #navbarWrapper .md\:bg-cover,
  reach-portal .md\:bg-cover {
    background-size: cover !important
  }

  #navbarWrapper .md\:bg-contain,
  reach-portal .md\:bg-contain {
    background-size: contain !important
  }

  #navbarWrapper .md\:border-collapse,
  reach-portal .md\:border-collapse {
    border-collapse: collapse !important
  }

  #navbarWrapper .md\:border-separate,
  reach-portal .md\:border-separate {
    border-collapse: initial !important
  }

  #navbarWrapper .md\:border-transparent,
  reach-portal .md\:border-transparent {
    border-color: #0000 !important
  }

  #navbarWrapper .md\:border-current,
  reach-portal .md\:border-current {
    border-color: currentColor !important
  }

  #navbarWrapper .md\:border-black,
  reach-portal .md\:border-black {
    --border-opacity: 1 !important;
    border-color: #000 !important;
    border-color: rgba(0, 0, 0, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:border-white,
  reach-portal .md\:border-white {
    --border-opacity: 1 !important;
    border-color: #fff !important;
    border-color: rgba(255, 255, 255, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:border-gray-100,
  reach-portal .md\:border-gray-100 {
    --border-opacity: 1 !important;
    border-color: #f7fafc !important;
    border-color: rgba(247, 250, 252, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:border-gray-200,
  reach-portal .md\:border-gray-200 {
    --border-opacity: 1 !important;
    border-color: #edf2f7 !important;
    border-color: rgba(237, 242, 247, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:border-gray-300,
  reach-portal .md\:border-gray-300 {
    --border-opacity: 1 !important;
    border-color: #e2e8f0 !important;
    border-color: rgba(226, 232, 240, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:border-gray-400,
  reach-portal .md\:border-gray-400 {
    --border-opacity: 1 !important;
    border-color: #cbd5e0 !important;
    border-color: rgba(203, 213, 224, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:border-gray-500,
  reach-portal .md\:border-gray-500 {
    --border-opacity: 1 !important;
    border-color: #a0aec0 !important;
    border-color: rgba(160, 174, 192, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:border-gray-600,
  reach-portal .md\:border-gray-600 {
    --border-opacity: 1 !important;
    border-color: #718096 !important;
    border-color: rgba(113, 128, 150, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:border-gray-700,
  reach-portal .md\:border-gray-700 {
    --border-opacity: 1 !important;
    border-color: #4a5568 !important;
    border-color: rgba(74, 85, 104, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:border-gray-800,
  reach-portal .md\:border-gray-800 {
    --border-opacity: 1 !important;
    border-color: #2d3748 !important;
    border-color: rgba(45, 55, 72, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:border-gray-900,
  reach-portal .md\:border-gray-900 {
    --border-opacity: 1 !important;
    border-color: #1a202c !important;
    border-color: rgba(26, 32, 44, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:border-red-100,
  reach-portal .md\:border-red-100 {
    --border-opacity: 1 !important;
    border-color: #fff5f5 !important;
    border-color: rgba(255, 245, 245, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:border-red-200,
  reach-portal .md\:border-red-200 {
    --border-opacity: 1 !important;
    border-color: #fed7d7 !important;
    border-color: rgba(254, 215, 215, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:border-red-300,
  reach-portal .md\:border-red-300 {
    --border-opacity: 1 !important;
    border-color: #feb2b2 !important;
    border-color: rgba(254, 178, 178, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:border-red-400,
  reach-portal .md\:border-red-400 {
    --border-opacity: 1 !important;
    border-color: #fc8181 !important;
    border-color: rgba(252, 129, 129, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:border-red-500,
  reach-portal .md\:border-red-500 {
    --border-opacity: 1 !important;
    border-color: #f56565 !important;
    border-color: rgba(245, 101, 101, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:border-red-600,
  reach-portal .md\:border-red-600 {
    --border-opacity: 1 !important;
    border-color: #e53e3e !important;
    border-color: rgba(229, 62, 62, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:border-red-700,
  reach-portal .md\:border-red-700 {
    --border-opacity: 1 !important;
    border-color: #c53030 !important;
    border-color: rgba(197, 48, 48, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:border-red-800,
  reach-portal .md\:border-red-800 {
    --border-opacity: 1 !important;
    border-color: #9b2c2c !important;
    border-color: rgba(155, 44, 44, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:border-red-900,
  reach-portal .md\:border-red-900 {
    --border-opacity: 1 !important;
    border-color: #742a2a !important;
    border-color: rgba(116, 42, 42, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:border-orange-100,
  reach-portal .md\:border-orange-100 {
    --border-opacity: 1 !important;
    border-color: #fffaf0 !important;
    border-color: rgba(255, 250, 240, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:border-orange-200,
  reach-portal .md\:border-orange-200 {
    --border-opacity: 1 !important;
    border-color: #feebc8 !important;
    border-color: rgba(254, 235, 200, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:border-orange-300,
  reach-portal .md\:border-orange-300 {
    --border-opacity: 1 !important;
    border-color: #fbd38d !important;
    border-color: rgba(251, 211, 141, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:border-orange-400,
  reach-portal .md\:border-orange-400 {
    --border-opacity: 1 !important;
    border-color: #f6ad55 !important;
    border-color: rgba(246, 173, 85, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:border-orange-500,
  reach-portal .md\:border-orange-500 {
    --border-opacity: 1 !important;
    border-color: #ed8936 !important;
    border-color: rgba(237, 137, 54, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:border-orange-600,
  reach-portal .md\:border-orange-600 {
    --border-opacity: 1 !important;
    border-color: #dd6b20 !important;
    border-color: rgba(221, 107, 32, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:border-orange-700,
  reach-portal .md\:border-orange-700 {
    --border-opacity: 1 !important;
    border-color: #c05621 !important;
    border-color: rgba(192, 86, 33, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:border-orange-800,
  reach-portal .md\:border-orange-800 {
    --border-opacity: 1 !important;
    border-color: #9c4221 !important;
    border-color: rgba(156, 66, 33, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:border-orange-900,
  reach-portal .md\:border-orange-900 {
    --border-opacity: 1 !important;
    border-color: #7b341e !important;
    border-color: rgba(123, 52, 30, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:border-yellow-100,
  reach-portal .md\:border-yellow-100 {
    --border-opacity: 1 !important;
    border-color: ivory !important;
    border-color: rgba(255, 255, 240, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:border-yellow-200,
  reach-portal .md\:border-yellow-200 {
    --border-opacity: 1 !important;
    border-color: #fefcbf !important;
    border-color: rgba(254, 252, 191, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:border-yellow-300,
  reach-portal .md\:border-yellow-300 {
    --border-opacity: 1 !important;
    border-color: #faf089 !important;
    border-color: rgba(250, 240, 137, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:border-yellow-400,
  reach-portal .md\:border-yellow-400 {
    --border-opacity: 1 !important;
    border-color: #f6e05e !important;
    border-color: rgba(246, 224, 94, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:border-yellow-500,
  reach-portal .md\:border-yellow-500 {
    --border-opacity: 1 !important;
    border-color: #ecc94b !important;
    border-color: rgba(236, 201, 75, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:border-yellow-600,
  reach-portal .md\:border-yellow-600 {
    --border-opacity: 1 !important;
    border-color: #d69e2e !important;
    border-color: rgba(214, 158, 46, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:border-yellow-700,
  reach-portal .md\:border-yellow-700 {
    --border-opacity: 1 !important;
    border-color: #b7791f !important;
    border-color: rgba(183, 121, 31, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:border-yellow-800,
  reach-portal .md\:border-yellow-800 {
    --border-opacity: 1 !important;
    border-color: #975a16 !important;
    border-color: rgba(151, 90, 22, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:border-yellow-900,
  reach-portal .md\:border-yellow-900 {
    --border-opacity: 1 !important;
    border-color: #744210 !important;
    border-color: rgba(116, 66, 16, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:border-green-100,
  reach-portal .md\:border-green-100 {
    --border-opacity: 1 !important;
    border-color: #f0fff4 !important;
    border-color: rgba(240, 255, 244, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:border-green-200,
  reach-portal .md\:border-green-200 {
    --border-opacity: 1 !important;
    border-color: #c6f6d5 !important;
    border-color: rgba(198, 246, 213, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:border-green-300,
  reach-portal .md\:border-green-300 {
    --border-opacity: 1 !important;
    border-color: #9ae6b4 !important;
    border-color: rgba(154, 230, 180, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:border-green-400,
  reach-portal .md\:border-green-400 {
    --border-opacity: 1 !important;
    border-color: #68d391 !important;
    border-color: rgba(104, 211, 145, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:border-green-500,
  reach-portal .md\:border-green-500 {
    --border-opacity: 1 !important;
    border-color: #48bb78 !important;
    border-color: rgba(72, 187, 120, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:border-green-600,
  reach-portal .md\:border-green-600 {
    --border-opacity: 1 !important;
    border-color: #38a169 !important;
    border-color: rgba(56, 161, 105, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:border-green-700,
  reach-portal .md\:border-green-700 {
    --border-opacity: 1 !important;
    border-color: #2f855a !important;
    border-color: rgba(47, 133, 90, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:border-green-800,
  reach-portal .md\:border-green-800 {
    --border-opacity: 1 !important;
    border-color: #276749 !important;
    border-color: rgba(39, 103, 73, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:border-green-900,
  reach-portal .md\:border-green-900 {
    --border-opacity: 1 !important;
    border-color: #22543d !important;
    border-color: rgba(34, 84, 61, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:border-teal-100,
  reach-portal .md\:border-teal-100 {
    --border-opacity: 1 !important;
    border-color: #e6fffa !important;
    border-color: rgba(230, 255, 250, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:border-teal-200,
  reach-portal .md\:border-teal-200 {
    --border-opacity: 1 !important;
    border-color: #b2f5ea !important;
    border-color: rgba(178, 245, 234, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:border-teal-300,
  reach-portal .md\:border-teal-300 {
    --border-opacity: 1 !important;
    border-color: #81e6d9 !important;
    border-color: rgba(129, 230, 217, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:border-teal-400,
  reach-portal .md\:border-teal-400 {
    --border-opacity: 1 !important;
    border-color: #4fd1c5 !important;
    border-color: rgba(79, 209, 197, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:border-teal-500,
  reach-portal .md\:border-teal-500 {
    --border-opacity: 1 !important;
    border-color: #38b2ac !important;
    border-color: rgba(56, 178, 172, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:border-teal-600,
  reach-portal .md\:border-teal-600 {
    --border-opacity: 1 !important;
    border-color: #319795 !important;
    border-color: rgba(49, 151, 149, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:border-teal-700,
  reach-portal .md\:border-teal-700 {
    --border-opacity: 1 !important;
    border-color: #2c7a7b !important;
    border-color: rgba(44, 122, 123, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:border-teal-800,
  reach-portal .md\:border-teal-800 {
    --border-opacity: 1 !important;
    border-color: #285e61 !important;
    border-color: rgba(40, 94, 97, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:border-teal-900,
  reach-portal .md\:border-teal-900 {
    --border-opacity: 1 !important;
    border-color: #234e52 !important;
    border-color: rgba(35, 78, 82, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:border-blue-100,
  reach-portal .md\:border-blue-100 {
    --border-opacity: 1 !important;
    border-color: #ebf8ff !important;
    border-color: rgba(235, 248, 255, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:border-blue-200,
  reach-portal .md\:border-blue-200 {
    --border-opacity: 1 !important;
    border-color: #bee3f8 !important;
    border-color: rgba(190, 227, 248, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:border-blue-300,
  reach-portal .md\:border-blue-300 {
    --border-opacity: 1 !important;
    border-color: #90cdf4 !important;
    border-color: rgba(144, 205, 244, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:border-blue-400,
  reach-portal .md\:border-blue-400 {
    --border-opacity: 1 !important;
    border-color: #63b3ed !important;
    border-color: rgba(99, 179, 237, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:border-blue-500,
  reach-portal .md\:border-blue-500 {
    --border-opacity: 1 !important;
    border-color: #4299e1 !important;
    border-color: rgba(66, 153, 225, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:border-blue-600,
  reach-portal .md\:border-blue-600 {
    --border-opacity: 1 !important;
    border-color: #3182ce !important;
    border-color: rgba(49, 130, 206, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:border-blue-700,
  reach-portal .md\:border-blue-700 {
    --border-opacity: 1 !important;
    border-color: #2b6cb0 !important;
    border-color: rgba(43, 108, 176, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:border-blue-800,
  reach-portal .md\:border-blue-800 {
    --border-opacity: 1 !important;
    border-color: #2c5282 !important;
    border-color: rgba(44, 82, 130, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:border-blue-900,
  reach-portal .md\:border-blue-900 {
    --border-opacity: 1 !important;
    border-color: #2a4365 !important;
    border-color: rgba(42, 67, 101, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:border-indigo-100,
  reach-portal .md\:border-indigo-100 {
    --border-opacity: 1 !important;
    border-color: #ebf4ff !important;
    border-color: rgba(235, 244, 255, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:border-indigo-200,
  reach-portal .md\:border-indigo-200 {
    --border-opacity: 1 !important;
    border-color: #c3dafe !important;
    border-color: rgba(195, 218, 254, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:border-indigo-300,
  reach-portal .md\:border-indigo-300 {
    --border-opacity: 1 !important;
    border-color: #a3bffa !important;
    border-color: rgba(163, 191, 250, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:border-indigo-400,
  reach-portal .md\:border-indigo-400 {
    --border-opacity: 1 !important;
    border-color: #7f9cf5 !important;
    border-color: rgba(127, 156, 245, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:border-indigo-500,
  reach-portal .md\:border-indigo-500 {
    --border-opacity: 1 !important;
    border-color: #667eea !important;
    border-color: rgba(102, 126, 234, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:border-indigo-600,
  reach-portal .md\:border-indigo-600 {
    --border-opacity: 1 !important;
    border-color: #5a67d8 !important;
    border-color: rgba(90, 103, 216, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:border-indigo-700,
  reach-portal .md\:border-indigo-700 {
    --border-opacity: 1 !important;
    border-color: #4c51bf !important;
    border-color: rgba(76, 81, 191, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:border-indigo-800,
  reach-portal .md\:border-indigo-800 {
    --border-opacity: 1 !important;
    border-color: #434190 !important;
    border-color: rgba(67, 65, 144, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:border-indigo-900,
  reach-portal .md\:border-indigo-900 {
    --border-opacity: 1 !important;
    border-color: #3c366b !important;
    border-color: rgba(60, 54, 107, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:border-purple-100,
  reach-portal .md\:border-purple-100 {
    --border-opacity: 1 !important;
    border-color: #faf5ff !important;
    border-color: rgba(250, 245, 255, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:border-purple-200,
  reach-portal .md\:border-purple-200 {
    --border-opacity: 1 !important;
    border-color: #e9d8fd !important;
    border-color: rgba(233, 216, 253, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:border-purple-300,
  reach-portal .md\:border-purple-300 {
    --border-opacity: 1 !important;
    border-color: #d6bcfa !important;
    border-color: rgba(214, 188, 250, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:border-purple-400,
  reach-portal .md\:border-purple-400 {
    --border-opacity: 1 !important;
    border-color: #b794f4 !important;
    border-color: rgba(183, 148, 244, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:border-purple-500,
  reach-portal .md\:border-purple-500 {
    --border-opacity: 1 !important;
    border-color: #9f7aea !important;
    border-color: rgba(159, 122, 234, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:border-purple-600,
  reach-portal .md\:border-purple-600 {
    --border-opacity: 1 !important;
    border-color: #805ad5 !important;
    border-color: rgba(128, 90, 213, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:border-purple-700,
  reach-portal .md\:border-purple-700 {
    --border-opacity: 1 !important;
    border-color: #6b46c1 !important;
    border-color: rgba(107, 70, 193, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:border-purple-800,
  reach-portal .md\:border-purple-800 {
    --border-opacity: 1 !important;
    border-color: #553c9a !important;
    border-color: rgba(85, 60, 154, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:border-purple-900,
  reach-portal .md\:border-purple-900 {
    --border-opacity: 1 !important;
    border-color: #44337a !important;
    border-color: rgba(68, 51, 122, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:border-pink-100,
  reach-portal .md\:border-pink-100 {
    --border-opacity: 1 !important;
    border-color: #fff5f7 !important;
    border-color: rgba(255, 245, 247, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:border-pink-200,
  reach-portal .md\:border-pink-200 {
    --border-opacity: 1 !important;
    border-color: #fed7e2 !important;
    border-color: rgba(254, 215, 226, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:border-pink-300,
  reach-portal .md\:border-pink-300 {
    --border-opacity: 1 !important;
    border-color: #fbb6ce !important;
    border-color: rgba(251, 182, 206, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:border-pink-400,
  reach-portal .md\:border-pink-400 {
    --border-opacity: 1 !important;
    border-color: #f687b3 !important;
    border-color: rgba(246, 135, 179, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:border-pink-500,
  reach-portal .md\:border-pink-500 {
    --border-opacity: 1 !important;
    border-color: #ed64a6 !important;
    border-color: rgba(237, 100, 166, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:border-pink-600,
  reach-portal .md\:border-pink-600 {
    --border-opacity: 1 !important;
    border-color: #d53f8c !important;
    border-color: rgba(213, 63, 140, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:border-pink-700,
  reach-portal .md\:border-pink-700 {
    --border-opacity: 1 !important;
    border-color: #b83280 !important;
    border-color: rgba(184, 50, 128, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:border-pink-800,
  reach-portal .md\:border-pink-800 {
    --border-opacity: 1 !important;
    border-color: #97266d !important;
    border-color: rgba(151, 38, 109, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:border-pink-900,
  reach-portal .md\:border-pink-900 {
    --border-opacity: 1 !important;
    border-color: #702459 !important;
    border-color: rgba(112, 36, 89, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:hover\:border-transparent:hover,
  reach-portal .md\:hover\:border-transparent:hover {
    border-color: #0000 !important
  }

  #navbarWrapper .md\:hover\:border-current:hover,
  reach-portal .md\:hover\:border-current:hover {
    border-color: currentColor !important
  }

  #navbarWrapper .md\:hover\:border-black:hover,
  reach-portal .md\:hover\:border-black:hover {
    --border-opacity: 1 !important;
    border-color: #000 !important;
    border-color: rgba(0, 0, 0, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:hover\:border-white:hover,
  reach-portal .md\:hover\:border-white:hover {
    --border-opacity: 1 !important;
    border-color: #fff !important;
    border-color: rgba(255, 255, 255, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:hover\:border-gray-100:hover,
  reach-portal .md\:hover\:border-gray-100:hover {
    --border-opacity: 1 !important;
    border-color: #f7fafc !important;
    border-color: rgba(247, 250, 252, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:hover\:border-gray-200:hover,
  reach-portal .md\:hover\:border-gray-200:hover {
    --border-opacity: 1 !important;
    border-color: #edf2f7 !important;
    border-color: rgba(237, 242, 247, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:hover\:border-gray-300:hover,
  reach-portal .md\:hover\:border-gray-300:hover {
    --border-opacity: 1 !important;
    border-color: #e2e8f0 !important;
    border-color: rgba(226, 232, 240, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:hover\:border-gray-400:hover,
  reach-portal .md\:hover\:border-gray-400:hover {
    --border-opacity: 1 !important;
    border-color: #cbd5e0 !important;
    border-color: rgba(203, 213, 224, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:hover\:border-gray-500:hover,
  reach-portal .md\:hover\:border-gray-500:hover {
    --border-opacity: 1 !important;
    border-color: #a0aec0 !important;
    border-color: rgba(160, 174, 192, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:hover\:border-gray-600:hover,
  reach-portal .md\:hover\:border-gray-600:hover {
    --border-opacity: 1 !important;
    border-color: #718096 !important;
    border-color: rgba(113, 128, 150, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:hover\:border-gray-700:hover,
  reach-portal .md\:hover\:border-gray-700:hover {
    --border-opacity: 1 !important;
    border-color: #4a5568 !important;
    border-color: rgba(74, 85, 104, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:hover\:border-gray-800:hover,
  reach-portal .md\:hover\:border-gray-800:hover {
    --border-opacity: 1 !important;
    border-color: #2d3748 !important;
    border-color: rgba(45, 55, 72, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:hover\:border-gray-900:hover,
  reach-portal .md\:hover\:border-gray-900:hover {
    --border-opacity: 1 !important;
    border-color: #1a202c !important;
    border-color: rgba(26, 32, 44, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:hover\:border-red-100:hover,
  reach-portal .md\:hover\:border-red-100:hover {
    --border-opacity: 1 !important;
    border-color: #fff5f5 !important;
    border-color: rgba(255, 245, 245, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:hover\:border-red-200:hover,
  reach-portal .md\:hover\:border-red-200:hover {
    --border-opacity: 1 !important;
    border-color: #fed7d7 !important;
    border-color: rgba(254, 215, 215, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:hover\:border-red-300:hover,
  reach-portal .md\:hover\:border-red-300:hover {
    --border-opacity: 1 !important;
    border-color: #feb2b2 !important;
    border-color: rgba(254, 178, 178, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:hover\:border-red-400:hover,
  reach-portal .md\:hover\:border-red-400:hover {
    --border-opacity: 1 !important;
    border-color: #fc8181 !important;
    border-color: rgba(252, 129, 129, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:hover\:border-red-500:hover,
  reach-portal .md\:hover\:border-red-500:hover {
    --border-opacity: 1 !important;
    border-color: #f56565 !important;
    border-color: rgba(245, 101, 101, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:hover\:border-red-600:hover,
  reach-portal .md\:hover\:border-red-600:hover {
    --border-opacity: 1 !important;
    border-color: #e53e3e !important;
    border-color: rgba(229, 62, 62, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:hover\:border-red-700:hover,
  reach-portal .md\:hover\:border-red-700:hover {
    --border-opacity: 1 !important;
    border-color: #c53030 !important;
    border-color: rgba(197, 48, 48, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:hover\:border-red-800:hover,
  reach-portal .md\:hover\:border-red-800:hover {
    --border-opacity: 1 !important;
    border-color: #9b2c2c !important;
    border-color: rgba(155, 44, 44, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:hover\:border-red-900:hover,
  reach-portal .md\:hover\:border-red-900:hover {
    --border-opacity: 1 !important;
    border-color: #742a2a !important;
    border-color: rgba(116, 42, 42, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:hover\:border-orange-100:hover,
  reach-portal .md\:hover\:border-orange-100:hover {
    --border-opacity: 1 !important;
    border-color: #fffaf0 !important;
    border-color: rgba(255, 250, 240, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:hover\:border-orange-200:hover,
  reach-portal .md\:hover\:border-orange-200:hover {
    --border-opacity: 1 !important;
    border-color: #feebc8 !important;
    border-color: rgba(254, 235, 200, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:hover\:border-orange-300:hover,
  reach-portal .md\:hover\:border-orange-300:hover {
    --border-opacity: 1 !important;
    border-color: #fbd38d !important;
    border-color: rgba(251, 211, 141, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:hover\:border-orange-400:hover,
  reach-portal .md\:hover\:border-orange-400:hover {
    --border-opacity: 1 !important;
    border-color: #f6ad55 !important;
    border-color: rgba(246, 173, 85, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:hover\:border-orange-500:hover,
  reach-portal .md\:hover\:border-orange-500:hover {
    --border-opacity: 1 !important;
    border-color: #ed8936 !important;
    border-color: rgba(237, 137, 54, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:hover\:border-orange-600:hover,
  reach-portal .md\:hover\:border-orange-600:hover {
    --border-opacity: 1 !important;
    border-color: #dd6b20 !important;
    border-color: rgba(221, 107, 32, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:hover\:border-orange-700:hover,
  reach-portal .md\:hover\:border-orange-700:hover {
    --border-opacity: 1 !important;
    border-color: #c05621 !important;
    border-color: rgba(192, 86, 33, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:hover\:border-orange-800:hover,
  reach-portal .md\:hover\:border-orange-800:hover {
    --border-opacity: 1 !important;
    border-color: #9c4221 !important;
    border-color: rgba(156, 66, 33, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:hover\:border-orange-900:hover,
  reach-portal .md\:hover\:border-orange-900:hover {
    --border-opacity: 1 !important;
    border-color: #7b341e !important;
    border-color: rgba(123, 52, 30, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:hover\:border-yellow-100:hover,
  reach-portal .md\:hover\:border-yellow-100:hover {
    --border-opacity: 1 !important;
    border-color: ivory !important;
    border-color: rgba(255, 255, 240, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:hover\:border-yellow-200:hover,
  reach-portal .md\:hover\:border-yellow-200:hover {
    --border-opacity: 1 !important;
    border-color: #fefcbf !important;
    border-color: rgba(254, 252, 191, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:hover\:border-yellow-300:hover,
  reach-portal .md\:hover\:border-yellow-300:hover {
    --border-opacity: 1 !important;
    border-color: #faf089 !important;
    border-color: rgba(250, 240, 137, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:hover\:border-yellow-400:hover,
  reach-portal .md\:hover\:border-yellow-400:hover {
    --border-opacity: 1 !important;
    border-color: #f6e05e !important;
    border-color: rgba(246, 224, 94, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:hover\:border-yellow-500:hover,
  reach-portal .md\:hover\:border-yellow-500:hover {
    --border-opacity: 1 !important;
    border-color: #ecc94b !important;
    border-color: rgba(236, 201, 75, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:hover\:border-yellow-600:hover,
  reach-portal .md\:hover\:border-yellow-600:hover {
    --border-opacity: 1 !important;
    border-color: #d69e2e !important;
    border-color: rgba(214, 158, 46, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:hover\:border-yellow-700:hover,
  reach-portal .md\:hover\:border-yellow-700:hover {
    --border-opacity: 1 !important;
    border-color: #b7791f !important;
    border-color: rgba(183, 121, 31, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:hover\:border-yellow-800:hover,
  reach-portal .md\:hover\:border-yellow-800:hover {
    --border-opacity: 1 !important;
    border-color: #975a16 !important;
    border-color: rgba(151, 90, 22, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:hover\:border-yellow-900:hover,
  reach-portal .md\:hover\:border-yellow-900:hover {
    --border-opacity: 1 !important;
    border-color: #744210 !important;
    border-color: rgba(116, 66, 16, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:hover\:border-green-100:hover,
  reach-portal .md\:hover\:border-green-100:hover {
    --border-opacity: 1 !important;
    border-color: #f0fff4 !important;
    border-color: rgba(240, 255, 244, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:hover\:border-green-200:hover,
  reach-portal .md\:hover\:border-green-200:hover {
    --border-opacity: 1 !important;
    border-color: #c6f6d5 !important;
    border-color: rgba(198, 246, 213, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:hover\:border-green-300:hover,
  reach-portal .md\:hover\:border-green-300:hover {
    --border-opacity: 1 !important;
    border-color: #9ae6b4 !important;
    border-color: rgba(154, 230, 180, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:hover\:border-green-400:hover,
  reach-portal .md\:hover\:border-green-400:hover {
    --border-opacity: 1 !important;
    border-color: #68d391 !important;
    border-color: rgba(104, 211, 145, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:hover\:border-green-500:hover,
  reach-portal .md\:hover\:border-green-500:hover {
    --border-opacity: 1 !important;
    border-color: #48bb78 !important;
    border-color: rgba(72, 187, 120, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:hover\:border-green-600:hover,
  reach-portal .md\:hover\:border-green-600:hover {
    --border-opacity: 1 !important;
    border-color: #38a169 !important;
    border-color: rgba(56, 161, 105, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:hover\:border-green-700:hover,
  reach-portal .md\:hover\:border-green-700:hover {
    --border-opacity: 1 !important;
    border-color: #2f855a !important;
    border-color: rgba(47, 133, 90, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:hover\:border-green-800:hover,
  reach-portal .md\:hover\:border-green-800:hover {
    --border-opacity: 1 !important;
    border-color: #276749 !important;
    border-color: rgba(39, 103, 73, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:hover\:border-green-900:hover,
  reach-portal .md\:hover\:border-green-900:hover {
    --border-opacity: 1 !important;
    border-color: #22543d !important;
    border-color: rgba(34, 84, 61, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:hover\:border-teal-100:hover,
  reach-portal .md\:hover\:border-teal-100:hover {
    --border-opacity: 1 !important;
    border-color: #e6fffa !important;
    border-color: rgba(230, 255, 250, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:hover\:border-teal-200:hover,
  reach-portal .md\:hover\:border-teal-200:hover {
    --border-opacity: 1 !important;
    border-color: #b2f5ea !important;
    border-color: rgba(178, 245, 234, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:hover\:border-teal-300:hover,
  reach-portal .md\:hover\:border-teal-300:hover {
    --border-opacity: 1 !important;
    border-color: #81e6d9 !important;
    border-color: rgba(129, 230, 217, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:hover\:border-teal-400:hover,
  reach-portal .md\:hover\:border-teal-400:hover {
    --border-opacity: 1 !important;
    border-color: #4fd1c5 !important;
    border-color: rgba(79, 209, 197, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:hover\:border-teal-500:hover,
  reach-portal .md\:hover\:border-teal-500:hover {
    --border-opacity: 1 !important;
    border-color: #38b2ac !important;
    border-color: rgba(56, 178, 172, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:hover\:border-teal-600:hover,
  reach-portal .md\:hover\:border-teal-600:hover {
    --border-opacity: 1 !important;
    border-color: #319795 !important;
    border-color: rgba(49, 151, 149, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:hover\:border-teal-700:hover,
  reach-portal .md\:hover\:border-teal-700:hover {
    --border-opacity: 1 !important;
    border-color: #2c7a7b !important;
    border-color: rgba(44, 122, 123, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:hover\:border-teal-800:hover,
  reach-portal .md\:hover\:border-teal-800:hover {
    --border-opacity: 1 !important;
    border-color: #285e61 !important;
    border-color: rgba(40, 94, 97, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:hover\:border-teal-900:hover,
  reach-portal .md\:hover\:border-teal-900:hover {
    --border-opacity: 1 !important;
    border-color: #234e52 !important;
    border-color: rgba(35, 78, 82, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:hover\:border-blue-100:hover,
  reach-portal .md\:hover\:border-blue-100:hover {
    --border-opacity: 1 !important;
    border-color: #ebf8ff !important;
    border-color: rgba(235, 248, 255, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:hover\:border-blue-200:hover,
  reach-portal .md\:hover\:border-blue-200:hover {
    --border-opacity: 1 !important;
    border-color: #bee3f8 !important;
    border-color: rgba(190, 227, 248, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:hover\:border-blue-300:hover,
  reach-portal .md\:hover\:border-blue-300:hover {
    --border-opacity: 1 !important;
    border-color: #90cdf4 !important;
    border-color: rgba(144, 205, 244, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:hover\:border-blue-400:hover,
  reach-portal .md\:hover\:border-blue-400:hover {
    --border-opacity: 1 !important;
    border-color: #63b3ed !important;
    border-color: rgba(99, 179, 237, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:hover\:border-blue-500:hover,
  reach-portal .md\:hover\:border-blue-500:hover {
    --border-opacity: 1 !important;
    border-color: #4299e1 !important;
    border-color: rgba(66, 153, 225, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:hover\:border-blue-600:hover,
  reach-portal .md\:hover\:border-blue-600:hover {
    --border-opacity: 1 !important;
    border-color: #3182ce !important;
    border-color: rgba(49, 130, 206, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:hover\:border-blue-700:hover,
  reach-portal .md\:hover\:border-blue-700:hover {
    --border-opacity: 1 !important;
    border-color: #2b6cb0 !important;
    border-color: rgba(43, 108, 176, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:hover\:border-blue-800:hover,
  reach-portal .md\:hover\:border-blue-800:hover {
    --border-opacity: 1 !important;
    border-color: #2c5282 !important;
    border-color: rgba(44, 82, 130, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:hover\:border-blue-900:hover,
  reach-portal .md\:hover\:border-blue-900:hover {
    --border-opacity: 1 !important;
    border-color: #2a4365 !important;
    border-color: rgba(42, 67, 101, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:hover\:border-indigo-100:hover,
  reach-portal .md\:hover\:border-indigo-100:hover {
    --border-opacity: 1 !important;
    border-color: #ebf4ff !important;
    border-color: rgba(235, 244, 255, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:hover\:border-indigo-200:hover,
  reach-portal .md\:hover\:border-indigo-200:hover {
    --border-opacity: 1 !important;
    border-color: #c3dafe !important;
    border-color: rgba(195, 218, 254, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:hover\:border-indigo-300:hover,
  reach-portal .md\:hover\:border-indigo-300:hover {
    --border-opacity: 1 !important;
    border-color: #a3bffa !important;
    border-color: rgba(163, 191, 250, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:hover\:border-indigo-400:hover,
  reach-portal .md\:hover\:border-indigo-400:hover {
    --border-opacity: 1 !important;
    border-color: #7f9cf5 !important;
    border-color: rgba(127, 156, 245, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:hover\:border-indigo-500:hover,
  reach-portal .md\:hover\:border-indigo-500:hover {
    --border-opacity: 1 !important;
    border-color: #667eea !important;
    border-color: rgba(102, 126, 234, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:hover\:border-indigo-600:hover,
  reach-portal .md\:hover\:border-indigo-600:hover {
    --border-opacity: 1 !important;
    border-color: #5a67d8 !important;
    border-color: rgba(90, 103, 216, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:hover\:border-indigo-700:hover,
  reach-portal .md\:hover\:border-indigo-700:hover {
    --border-opacity: 1 !important;
    border-color: #4c51bf !important;
    border-color: rgba(76, 81, 191, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:hover\:border-indigo-800:hover,
  reach-portal .md\:hover\:border-indigo-800:hover {
    --border-opacity: 1 !important;
    border-color: #434190 !important;
    border-color: rgba(67, 65, 144, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:hover\:border-indigo-900:hover,
  reach-portal .md\:hover\:border-indigo-900:hover {
    --border-opacity: 1 !important;
    border-color: #3c366b !important;
    border-color: rgba(60, 54, 107, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:hover\:border-purple-100:hover,
  reach-portal .md\:hover\:border-purple-100:hover {
    --border-opacity: 1 !important;
    border-color: #faf5ff !important;
    border-color: rgba(250, 245, 255, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:hover\:border-purple-200:hover,
  reach-portal .md\:hover\:border-purple-200:hover {
    --border-opacity: 1 !important;
    border-color: #e9d8fd !important;
    border-color: rgba(233, 216, 253, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:hover\:border-purple-300:hover,
  reach-portal .md\:hover\:border-purple-300:hover {
    --border-opacity: 1 !important;
    border-color: #d6bcfa !important;
    border-color: rgba(214, 188, 250, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:hover\:border-purple-400:hover,
  reach-portal .md\:hover\:border-purple-400:hover {
    --border-opacity: 1 !important;
    border-color: #b794f4 !important;
    border-color: rgba(183, 148, 244, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:hover\:border-purple-500:hover,
  reach-portal .md\:hover\:border-purple-500:hover {
    --border-opacity: 1 !important;
    border-color: #9f7aea !important;
    border-color: rgba(159, 122, 234, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:hover\:border-purple-600:hover,
  reach-portal .md\:hover\:border-purple-600:hover {
    --border-opacity: 1 !important;
    border-color: #805ad5 !important;
    border-color: rgba(128, 90, 213, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:hover\:border-purple-700:hover,
  reach-portal .md\:hover\:border-purple-700:hover {
    --border-opacity: 1 !important;
    border-color: #6b46c1 !important;
    border-color: rgba(107, 70, 193, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:hover\:border-purple-800:hover,
  reach-portal .md\:hover\:border-purple-800:hover {
    --border-opacity: 1 !important;
    border-color: #553c9a !important;
    border-color: rgba(85, 60, 154, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:hover\:border-purple-900:hover,
  reach-portal .md\:hover\:border-purple-900:hover {
    --border-opacity: 1 !important;
    border-color: #44337a !important;
    border-color: rgba(68, 51, 122, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:hover\:border-pink-100:hover,
  reach-portal .md\:hover\:border-pink-100:hover {
    --border-opacity: 1 !important;
    border-color: #fff5f7 !important;
    border-color: rgba(255, 245, 247, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:hover\:border-pink-200:hover,
  reach-portal .md\:hover\:border-pink-200:hover {
    --border-opacity: 1 !important;
    border-color: #fed7e2 !important;
    border-color: rgba(254, 215, 226, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:hover\:border-pink-300:hover,
  reach-portal .md\:hover\:border-pink-300:hover {
    --border-opacity: 1 !important;
    border-color: #fbb6ce !important;
    border-color: rgba(251, 182, 206, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:hover\:border-pink-400:hover,
  reach-portal .md\:hover\:border-pink-400:hover {
    --border-opacity: 1 !important;
    border-color: #f687b3 !important;
    border-color: rgba(246, 135, 179, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:hover\:border-pink-500:hover,
  reach-portal .md\:hover\:border-pink-500:hover {
    --border-opacity: 1 !important;
    border-color: #ed64a6 !important;
    border-color: rgba(237, 100, 166, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:hover\:border-pink-600:hover,
  reach-portal .md\:hover\:border-pink-600:hover {
    --border-opacity: 1 !important;
    border-color: #d53f8c !important;
    border-color: rgba(213, 63, 140, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:hover\:border-pink-700:hover,
  reach-portal .md\:hover\:border-pink-700:hover {
    --border-opacity: 1 !important;
    border-color: #b83280 !important;
    border-color: rgba(184, 50, 128, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:hover\:border-pink-800:hover,
  reach-portal .md\:hover\:border-pink-800:hover {
    --border-opacity: 1 !important;
    border-color: #97266d !important;
    border-color: rgba(151, 38, 109, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:hover\:border-pink-900:hover,
  reach-portal .md\:hover\:border-pink-900:hover {
    --border-opacity: 1 !important;
    border-color: #702459 !important;
    border-color: rgba(112, 36, 89, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:focus\:border-transparent:focus,
  reach-portal .md\:focus\:border-transparent:focus {
    border-color: #0000 !important
  }

  #navbarWrapper .md\:focus\:border-current:focus,
  reach-portal .md\:focus\:border-current:focus {
    border-color: currentColor !important
  }

  #navbarWrapper .md\:focus\:border-black:focus,
  reach-portal .md\:focus\:border-black:focus {
    --border-opacity: 1 !important;
    border-color: #000 !important;
    border-color: rgba(0, 0, 0, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:focus\:border-white:focus,
  reach-portal .md\:focus\:border-white:focus {
    --border-opacity: 1 !important;
    border-color: #fff !important;
    border-color: rgba(255, 255, 255, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:focus\:border-gray-100:focus,
  reach-portal .md\:focus\:border-gray-100:focus {
    --border-opacity: 1 !important;
    border-color: #f7fafc !important;
    border-color: rgba(247, 250, 252, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:focus\:border-gray-200:focus,
  reach-portal .md\:focus\:border-gray-200:focus {
    --border-opacity: 1 !important;
    border-color: #edf2f7 !important;
    border-color: rgba(237, 242, 247, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:focus\:border-gray-300:focus,
  reach-portal .md\:focus\:border-gray-300:focus {
    --border-opacity: 1 !important;
    border-color: #e2e8f0 !important;
    border-color: rgba(226, 232, 240, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:focus\:border-gray-400:focus,
  reach-portal .md\:focus\:border-gray-400:focus {
    --border-opacity: 1 !important;
    border-color: #cbd5e0 !important;
    border-color: rgba(203, 213, 224, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:focus\:border-gray-500:focus,
  reach-portal .md\:focus\:border-gray-500:focus {
    --border-opacity: 1 !important;
    border-color: #a0aec0 !important;
    border-color: rgba(160, 174, 192, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:focus\:border-gray-600:focus,
  reach-portal .md\:focus\:border-gray-600:focus {
    --border-opacity: 1 !important;
    border-color: #718096 !important;
    border-color: rgba(113, 128, 150, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:focus\:border-gray-700:focus,
  reach-portal .md\:focus\:border-gray-700:focus {
    --border-opacity: 1 !important;
    border-color: #4a5568 !important;
    border-color: rgba(74, 85, 104, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:focus\:border-gray-800:focus,
  reach-portal .md\:focus\:border-gray-800:focus {
    --border-opacity: 1 !important;
    border-color: #2d3748 !important;
    border-color: rgba(45, 55, 72, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:focus\:border-gray-900:focus,
  reach-portal .md\:focus\:border-gray-900:focus {
    --border-opacity: 1 !important;
    border-color: #1a202c !important;
    border-color: rgba(26, 32, 44, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:focus\:border-red-100:focus,
  reach-portal .md\:focus\:border-red-100:focus {
    --border-opacity: 1 !important;
    border-color: #fff5f5 !important;
    border-color: rgba(255, 245, 245, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:focus\:border-red-200:focus,
  reach-portal .md\:focus\:border-red-200:focus {
    --border-opacity: 1 !important;
    border-color: #fed7d7 !important;
    border-color: rgba(254, 215, 215, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:focus\:border-red-300:focus,
  reach-portal .md\:focus\:border-red-300:focus {
    --border-opacity: 1 !important;
    border-color: #feb2b2 !important;
    border-color: rgba(254, 178, 178, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:focus\:border-red-400:focus,
  reach-portal .md\:focus\:border-red-400:focus {
    --border-opacity: 1 !important;
    border-color: #fc8181 !important;
    border-color: rgba(252, 129, 129, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:focus\:border-red-500:focus,
  reach-portal .md\:focus\:border-red-500:focus {
    --border-opacity: 1 !important;
    border-color: #f56565 !important;
    border-color: rgba(245, 101, 101, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:focus\:border-red-600:focus,
  reach-portal .md\:focus\:border-red-600:focus {
    --border-opacity: 1 !important;
    border-color: #e53e3e !important;
    border-color: rgba(229, 62, 62, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:focus\:border-red-700:focus,
  reach-portal .md\:focus\:border-red-700:focus {
    --border-opacity: 1 !important;
    border-color: #c53030 !important;
    border-color: rgba(197, 48, 48, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:focus\:border-red-800:focus,
  reach-portal .md\:focus\:border-red-800:focus {
    --border-opacity: 1 !important;
    border-color: #9b2c2c !important;
    border-color: rgba(155, 44, 44, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:focus\:border-red-900:focus,
  reach-portal .md\:focus\:border-red-900:focus {
    --border-opacity: 1 !important;
    border-color: #742a2a !important;
    border-color: rgba(116, 42, 42, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:focus\:border-orange-100:focus,
  reach-portal .md\:focus\:border-orange-100:focus {
    --border-opacity: 1 !important;
    border-color: #fffaf0 !important;
    border-color: rgba(255, 250, 240, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:focus\:border-orange-200:focus,
  reach-portal .md\:focus\:border-orange-200:focus {
    --border-opacity: 1 !important;
    border-color: #feebc8 !important;
    border-color: rgba(254, 235, 200, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:focus\:border-orange-300:focus,
  reach-portal .md\:focus\:border-orange-300:focus {
    --border-opacity: 1 !important;
    border-color: #fbd38d !important;
    border-color: rgba(251, 211, 141, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:focus\:border-orange-400:focus,
  reach-portal .md\:focus\:border-orange-400:focus {
    --border-opacity: 1 !important;
    border-color: #f6ad55 !important;
    border-color: rgba(246, 173, 85, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:focus\:border-orange-500:focus,
  reach-portal .md\:focus\:border-orange-500:focus {
    --border-opacity: 1 !important;
    border-color: #ed8936 !important;
    border-color: rgba(237, 137, 54, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:focus\:border-orange-600:focus,
  reach-portal .md\:focus\:border-orange-600:focus {
    --border-opacity: 1 !important;
    border-color: #dd6b20 !important;
    border-color: rgba(221, 107, 32, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:focus\:border-orange-700:focus,
  reach-portal .md\:focus\:border-orange-700:focus {
    --border-opacity: 1 !important;
    border-color: #c05621 !important;
    border-color: rgba(192, 86, 33, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:focus\:border-orange-800:focus,
  reach-portal .md\:focus\:border-orange-800:focus {
    --border-opacity: 1 !important;
    border-color: #9c4221 !important;
    border-color: rgba(156, 66, 33, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:focus\:border-orange-900:focus,
  reach-portal .md\:focus\:border-orange-900:focus {
    --border-opacity: 1 !important;
    border-color: #7b341e !important;
    border-color: rgba(123, 52, 30, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:focus\:border-yellow-100:focus,
  reach-portal .md\:focus\:border-yellow-100:focus {
    --border-opacity: 1 !important;
    border-color: ivory !important;
    border-color: rgba(255, 255, 240, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:focus\:border-yellow-200:focus,
  reach-portal .md\:focus\:border-yellow-200:focus {
    --border-opacity: 1 !important;
    border-color: #fefcbf !important;
    border-color: rgba(254, 252, 191, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:focus\:border-yellow-300:focus,
  reach-portal .md\:focus\:border-yellow-300:focus {
    --border-opacity: 1 !important;
    border-color: #faf089 !important;
    border-color: rgba(250, 240, 137, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:focus\:border-yellow-400:focus,
  reach-portal .md\:focus\:border-yellow-400:focus {
    --border-opacity: 1 !important;
    border-color: #f6e05e !important;
    border-color: rgba(246, 224, 94, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:focus\:border-yellow-500:focus,
  reach-portal .md\:focus\:border-yellow-500:focus {
    --border-opacity: 1 !important;
    border-color: #ecc94b !important;
    border-color: rgba(236, 201, 75, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:focus\:border-yellow-600:focus,
  reach-portal .md\:focus\:border-yellow-600:focus {
    --border-opacity: 1 !important;
    border-color: #d69e2e !important;
    border-color: rgba(214, 158, 46, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:focus\:border-yellow-700:focus,
  reach-portal .md\:focus\:border-yellow-700:focus {
    --border-opacity: 1 !important;
    border-color: #b7791f !important;
    border-color: rgba(183, 121, 31, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:focus\:border-yellow-800:focus,
  reach-portal .md\:focus\:border-yellow-800:focus {
    --border-opacity: 1 !important;
    border-color: #975a16 !important;
    border-color: rgba(151, 90, 22, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:focus\:border-yellow-900:focus,
  reach-portal .md\:focus\:border-yellow-900:focus {
    --border-opacity: 1 !important;
    border-color: #744210 !important;
    border-color: rgba(116, 66, 16, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:focus\:border-green-100:focus,
  reach-portal .md\:focus\:border-green-100:focus {
    --border-opacity: 1 !important;
    border-color: #f0fff4 !important;
    border-color: rgba(240, 255, 244, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:focus\:border-green-200:focus,
  reach-portal .md\:focus\:border-green-200:focus {
    --border-opacity: 1 !important;
    border-color: #c6f6d5 !important;
    border-color: rgba(198, 246, 213, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:focus\:border-green-300:focus,
  reach-portal .md\:focus\:border-green-300:focus {
    --border-opacity: 1 !important;
    border-color: #9ae6b4 !important;
    border-color: rgba(154, 230, 180, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:focus\:border-green-400:focus,
  reach-portal .md\:focus\:border-green-400:focus {
    --border-opacity: 1 !important;
    border-color: #68d391 !important;
    border-color: rgba(104, 211, 145, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:focus\:border-green-500:focus,
  reach-portal .md\:focus\:border-green-500:focus {
    --border-opacity: 1 !important;
    border-color: #48bb78 !important;
    border-color: rgba(72, 187, 120, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:focus\:border-green-600:focus,
  reach-portal .md\:focus\:border-green-600:focus {
    --border-opacity: 1 !important;
    border-color: #38a169 !important;
    border-color: rgba(56, 161, 105, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:focus\:border-green-700:focus,
  reach-portal .md\:focus\:border-green-700:focus {
    --border-opacity: 1 !important;
    border-color: #2f855a !important;
    border-color: rgba(47, 133, 90, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:focus\:border-green-800:focus,
  reach-portal .md\:focus\:border-green-800:focus {
    --border-opacity: 1 !important;
    border-color: #276749 !important;
    border-color: rgba(39, 103, 73, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:focus\:border-green-900:focus,
  reach-portal .md\:focus\:border-green-900:focus {
    --border-opacity: 1 !important;
    border-color: #22543d !important;
    border-color: rgba(34, 84, 61, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:focus\:border-teal-100:focus,
  reach-portal .md\:focus\:border-teal-100:focus {
    --border-opacity: 1 !important;
    border-color: #e6fffa !important;
    border-color: rgba(230, 255, 250, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:focus\:border-teal-200:focus,
  reach-portal .md\:focus\:border-teal-200:focus {
    --border-opacity: 1 !important;
    border-color: #b2f5ea !important;
    border-color: rgba(178, 245, 234, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:focus\:border-teal-300:focus,
  reach-portal .md\:focus\:border-teal-300:focus {
    --border-opacity: 1 !important;
    border-color: #81e6d9 !important;
    border-color: rgba(129, 230, 217, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:focus\:border-teal-400:focus,
  reach-portal .md\:focus\:border-teal-400:focus {
    --border-opacity: 1 !important;
    border-color: #4fd1c5 !important;
    border-color: rgba(79, 209, 197, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:focus\:border-teal-500:focus,
  reach-portal .md\:focus\:border-teal-500:focus {
    --border-opacity: 1 !important;
    border-color: #38b2ac !important;
    border-color: rgba(56, 178, 172, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:focus\:border-teal-600:focus,
  reach-portal .md\:focus\:border-teal-600:focus {
    --border-opacity: 1 !important;
    border-color: #319795 !important;
    border-color: rgba(49, 151, 149, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:focus\:border-teal-700:focus,
  reach-portal .md\:focus\:border-teal-700:focus {
    --border-opacity: 1 !important;
    border-color: #2c7a7b !important;
    border-color: rgba(44, 122, 123, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:focus\:border-teal-800:focus,
  reach-portal .md\:focus\:border-teal-800:focus {
    --border-opacity: 1 !important;
    border-color: #285e61 !important;
    border-color: rgba(40, 94, 97, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:focus\:border-teal-900:focus,
  reach-portal .md\:focus\:border-teal-900:focus {
    --border-opacity: 1 !important;
    border-color: #234e52 !important;
    border-color: rgba(35, 78, 82, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:focus\:border-blue-100:focus,
  reach-portal .md\:focus\:border-blue-100:focus {
    --border-opacity: 1 !important;
    border-color: #ebf8ff !important;
    border-color: rgba(235, 248, 255, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:focus\:border-blue-200:focus,
  reach-portal .md\:focus\:border-blue-200:focus {
    --border-opacity: 1 !important;
    border-color: #bee3f8 !important;
    border-color: rgba(190, 227, 248, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:focus\:border-blue-300:focus,
  reach-portal .md\:focus\:border-blue-300:focus {
    --border-opacity: 1 !important;
    border-color: #90cdf4 !important;
    border-color: rgba(144, 205, 244, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:focus\:border-blue-400:focus,
  reach-portal .md\:focus\:border-blue-400:focus {
    --border-opacity: 1 !important;
    border-color: #63b3ed !important;
    border-color: rgba(99, 179, 237, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:focus\:border-blue-500:focus,
  reach-portal .md\:focus\:border-blue-500:focus {
    --border-opacity: 1 !important;
    border-color: #4299e1 !important;
    border-color: rgba(66, 153, 225, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:focus\:border-blue-600:focus,
  reach-portal .md\:focus\:border-blue-600:focus {
    --border-opacity: 1 !important;
    border-color: #3182ce !important;
    border-color: rgba(49, 130, 206, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:focus\:border-blue-700:focus,
  reach-portal .md\:focus\:border-blue-700:focus {
    --border-opacity: 1 !important;
    border-color: #2b6cb0 !important;
    border-color: rgba(43, 108, 176, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:focus\:border-blue-800:focus,
  reach-portal .md\:focus\:border-blue-800:focus {
    --border-opacity: 1 !important;
    border-color: #2c5282 !important;
    border-color: rgba(44, 82, 130, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:focus\:border-blue-900:focus,
  reach-portal .md\:focus\:border-blue-900:focus {
    --border-opacity: 1 !important;
    border-color: #2a4365 !important;
    border-color: rgba(42, 67, 101, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:focus\:border-indigo-100:focus,
  reach-portal .md\:focus\:border-indigo-100:focus {
    --border-opacity: 1 !important;
    border-color: #ebf4ff !important;
    border-color: rgba(235, 244, 255, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:focus\:border-indigo-200:focus,
  reach-portal .md\:focus\:border-indigo-200:focus {
    --border-opacity: 1 !important;
    border-color: #c3dafe !important;
    border-color: rgba(195, 218, 254, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:focus\:border-indigo-300:focus,
  reach-portal .md\:focus\:border-indigo-300:focus {
    --border-opacity: 1 !important;
    border-color: #a3bffa !important;
    border-color: rgba(163, 191, 250, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:focus\:border-indigo-400:focus,
  reach-portal .md\:focus\:border-indigo-400:focus {
    --border-opacity: 1 !important;
    border-color: #7f9cf5 !important;
    border-color: rgba(127, 156, 245, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:focus\:border-indigo-500:focus,
  reach-portal .md\:focus\:border-indigo-500:focus {
    --border-opacity: 1 !important;
    border-color: #667eea !important;
    border-color: rgba(102, 126, 234, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:focus\:border-indigo-600:focus,
  reach-portal .md\:focus\:border-indigo-600:focus {
    --border-opacity: 1 !important;
    border-color: #5a67d8 !important;
    border-color: rgba(90, 103, 216, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:focus\:border-indigo-700:focus,
  reach-portal .md\:focus\:border-indigo-700:focus {
    --border-opacity: 1 !important;
    border-color: #4c51bf !important;
    border-color: rgba(76, 81, 191, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:focus\:border-indigo-800:focus,
  reach-portal .md\:focus\:border-indigo-800:focus {
    --border-opacity: 1 !important;
    border-color: #434190 !important;
    border-color: rgba(67, 65, 144, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:focus\:border-indigo-900:focus,
  reach-portal .md\:focus\:border-indigo-900:focus {
    --border-opacity: 1 !important;
    border-color: #3c366b !important;
    border-color: rgba(60, 54, 107, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:focus\:border-purple-100:focus,
  reach-portal .md\:focus\:border-purple-100:focus {
    --border-opacity: 1 !important;
    border-color: #faf5ff !important;
    border-color: rgba(250, 245, 255, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:focus\:border-purple-200:focus,
  reach-portal .md\:focus\:border-purple-200:focus {
    --border-opacity: 1 !important;
    border-color: #e9d8fd !important;
    border-color: rgba(233, 216, 253, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:focus\:border-purple-300:focus,
  reach-portal .md\:focus\:border-purple-300:focus {
    --border-opacity: 1 !important;
    border-color: #d6bcfa !important;
    border-color: rgba(214, 188, 250, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:focus\:border-purple-400:focus,
  reach-portal .md\:focus\:border-purple-400:focus {
    --border-opacity: 1 !important;
    border-color: #b794f4 !important;
    border-color: rgba(183, 148, 244, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:focus\:border-purple-500:focus,
  reach-portal .md\:focus\:border-purple-500:focus {
    --border-opacity: 1 !important;
    border-color: #9f7aea !important;
    border-color: rgba(159, 122, 234, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:focus\:border-purple-600:focus,
  reach-portal .md\:focus\:border-purple-600:focus {
    --border-opacity: 1 !important;
    border-color: #805ad5 !important;
    border-color: rgba(128, 90, 213, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:focus\:border-purple-700:focus,
  reach-portal .md\:focus\:border-purple-700:focus {
    --border-opacity: 1 !important;
    border-color: #6b46c1 !important;
    border-color: rgba(107, 70, 193, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:focus\:border-purple-800:focus,
  reach-portal .md\:focus\:border-purple-800:focus {
    --border-opacity: 1 !important;
    border-color: #553c9a !important;
    border-color: rgba(85, 60, 154, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:focus\:border-purple-900:focus,
  reach-portal .md\:focus\:border-purple-900:focus {
    --border-opacity: 1 !important;
    border-color: #44337a !important;
    border-color: rgba(68, 51, 122, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:focus\:border-pink-100:focus,
  reach-portal .md\:focus\:border-pink-100:focus {
    --border-opacity: 1 !important;
    border-color: #fff5f7 !important;
    border-color: rgba(255, 245, 247, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:focus\:border-pink-200:focus,
  reach-portal .md\:focus\:border-pink-200:focus {
    --border-opacity: 1 !important;
    border-color: #fed7e2 !important;
    border-color: rgba(254, 215, 226, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:focus\:border-pink-300:focus,
  reach-portal .md\:focus\:border-pink-300:focus {
    --border-opacity: 1 !important;
    border-color: #fbb6ce !important;
    border-color: rgba(251, 182, 206, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:focus\:border-pink-400:focus,
  reach-portal .md\:focus\:border-pink-400:focus {
    --border-opacity: 1 !important;
    border-color: #f687b3 !important;
    border-color: rgba(246, 135, 179, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:focus\:border-pink-500:focus,
  reach-portal .md\:focus\:border-pink-500:focus {
    --border-opacity: 1 !important;
    border-color: #ed64a6 !important;
    border-color: rgba(237, 100, 166, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:focus\:border-pink-600:focus,
  reach-portal .md\:focus\:border-pink-600:focus {
    --border-opacity: 1 !important;
    border-color: #d53f8c !important;
    border-color: rgba(213, 63, 140, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:focus\:border-pink-700:focus,
  reach-portal .md\:focus\:border-pink-700:focus {
    --border-opacity: 1 !important;
    border-color: #b83280 !important;
    border-color: rgba(184, 50, 128, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:focus\:border-pink-800:focus,
  reach-portal .md\:focus\:border-pink-800:focus {
    --border-opacity: 1 !important;
    border-color: #97266d !important;
    border-color: rgba(151, 38, 109, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:focus\:border-pink-900:focus,
  reach-portal .md\:focus\:border-pink-900:focus {
    --border-opacity: 1 !important;
    border-color: #702459 !important;
    border-color: rgba(112, 36, 89, var(--border-opacity)) !important
  }

  #navbarWrapper .md\:border-opacity-0,
  reach-portal .md\:border-opacity-0 {
    --border-opacity: 0 !important
  }

  #navbarWrapper .md\:border-opacity-25,
  reach-portal .md\:border-opacity-25 {
    --border-opacity: 0.25 !important
  }

  #navbarWrapper .md\:border-opacity-50,
  reach-portal .md\:border-opacity-50 {
    --border-opacity: 0.5 !important
  }

  #navbarWrapper .md\:border-opacity-75,
  reach-portal .md\:border-opacity-75 {
    --border-opacity: 0.75 !important
  }

  #navbarWrapper .md\:border-opacity-100,
  reach-portal .md\:border-opacity-100 {
    --border-opacity: 1 !important
  }

  #navbarWrapper .md\:hover\:border-opacity-0:hover,
  reach-portal .md\:hover\:border-opacity-0:hover {
    --border-opacity: 0 !important
  }

  #navbarWrapper .md\:hover\:border-opacity-25:hover,
  reach-portal .md\:hover\:border-opacity-25:hover {
    --border-opacity: 0.25 !important
  }

  #navbarWrapper .md\:hover\:border-opacity-50:hover,
  reach-portal .md\:hover\:border-opacity-50:hover {
    --border-opacity: 0.5 !important
  }

  #navbarWrapper .md\:hover\:border-opacity-75:hover,
  reach-portal .md\:hover\:border-opacity-75:hover {
    --border-opacity: 0.75 !important
  }

  #navbarWrapper .md\:hover\:border-opacity-100:hover,
  reach-portal .md\:hover\:border-opacity-100:hover {
    --border-opacity: 1 !important
  }

  #navbarWrapper .md\:focus\:border-opacity-0:focus,
  reach-portal .md\:focus\:border-opacity-0:focus {
    --border-opacity: 0 !important
  }

  #navbarWrapper .md\:focus\:border-opacity-25:focus,
  reach-portal .md\:focus\:border-opacity-25:focus {
    --border-opacity: 0.25 !important
  }

  #navbarWrapper .md\:focus\:border-opacity-50:focus,
  reach-portal .md\:focus\:border-opacity-50:focus {
    --border-opacity: 0.5 !important
  }

  #navbarWrapper .md\:focus\:border-opacity-75:focus,
  reach-portal .md\:focus\:border-opacity-75:focus {
    --border-opacity: 0.75 !important
  }

  #navbarWrapper .md\:focus\:border-opacity-100:focus,
  reach-portal .md\:focus\:border-opacity-100:focus {
    --border-opacity: 1 !important
  }

  #navbarWrapper .md\:rounded-none,
  reach-portal .md\:rounded-none {
    border-radius: 0 !important
  }

  #navbarWrapper .md\:rounded-sm,
  reach-portal .md\:rounded-sm {
    border-radius: .125rem !important
  }

  #navbarWrapper .md\:rounded,
  #navbarWrapper .md\:rounded-md,
  reach-portal .md\:rounded,
  reach-portal .md\:rounded-md {
    border-radius: .375rem !important
  }

  #navbarWrapper .md\:rounded-lg,
  reach-portal .md\:rounded-lg {
    border-radius: .5rem !important
  }

  #navbarWrapper .md\:rounded-full,
  reach-portal .md\:rounded-full {
    border-radius: 9999px !important
  }

  #navbarWrapper .md\:rounded-t-none,
  reach-portal .md\:rounded-t-none {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important
  }

  #navbarWrapper .md\:rounded-r-none,
  reach-portal .md\:rounded-r-none {
    border-bottom-right-radius: 0 !important;
    border-top-right-radius: 0 !important
  }

  #navbarWrapper .md\:rounded-b-none,
  reach-portal .md\:rounded-b-none {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important
  }

  #navbarWrapper .md\:rounded-l-none,
  reach-portal .md\:rounded-l-none {
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important
  }

  #navbarWrapper .md\:rounded-t-sm,
  reach-portal .md\:rounded-t-sm {
    border-top-left-radius: .125rem !important;
    border-top-right-radius: .125rem !important
  }

  #navbarWrapper .md\:rounded-r-sm,
  reach-portal .md\:rounded-r-sm {
    border-bottom-right-radius: .125rem !important;
    border-top-right-radius: .125rem !important
  }

  #navbarWrapper .md\:rounded-b-sm,
  reach-portal .md\:rounded-b-sm {
    border-bottom-left-radius: .125rem !important;
    border-bottom-right-radius: .125rem !important
  }

  #navbarWrapper .md\:rounded-l-sm,
  reach-portal .md\:rounded-l-sm {
    border-bottom-left-radius: .125rem !important;
    border-top-left-radius: .125rem !important
  }

  #navbarWrapper .md\:rounded-t,
  reach-portal .md\:rounded-t {
    border-top-left-radius: .375rem !important;
    border-top-right-radius: .375rem !important
  }

  #navbarWrapper .md\:rounded-r,
  reach-portal .md\:rounded-r {
    border-bottom-right-radius: .375rem !important;
    border-top-right-radius: .375rem !important
  }

  #navbarWrapper .md\:rounded-b,
  reach-portal .md\:rounded-b {
    border-bottom-left-radius: .375rem !important;
    border-bottom-right-radius: .375rem !important
  }

  #navbarWrapper .md\:rounded-l,
  reach-portal .md\:rounded-l {
    border-bottom-left-radius: .375rem !important;
    border-top-left-radius: .375rem !important
  }

  #navbarWrapper .md\:rounded-t-md,
  reach-portal .md\:rounded-t-md {
    border-top-left-radius: .375rem !important;
    border-top-right-radius: .375rem !important
  }

  #navbarWrapper .md\:rounded-r-md,
  reach-portal .md\:rounded-r-md {
    border-bottom-right-radius: .375rem !important;
    border-top-right-radius: .375rem !important
  }

  #navbarWrapper .md\:rounded-b-md,
  reach-portal .md\:rounded-b-md {
    border-bottom-left-radius: .375rem !important;
    border-bottom-right-radius: .375rem !important
  }

  #navbarWrapper .md\:rounded-l-md,
  reach-portal .md\:rounded-l-md {
    border-bottom-left-radius: .375rem !important;
    border-top-left-radius: .375rem !important
  }

  #navbarWrapper .md\:rounded-t-lg,
  reach-portal .md\:rounded-t-lg {
    border-top-left-radius: .5rem !important;
    border-top-right-radius: .5rem !important
  }

  #navbarWrapper .md\:rounded-r-lg,
  reach-portal .md\:rounded-r-lg {
    border-bottom-right-radius: .5rem !important;
    border-top-right-radius: .5rem !important
  }

  #navbarWrapper .md\:rounded-b-lg,
  reach-portal .md\:rounded-b-lg {
    border-bottom-left-radius: .5rem !important;
    border-bottom-right-radius: .5rem !important
  }

  #navbarWrapper .md\:rounded-l-lg,
  reach-portal .md\:rounded-l-lg {
    border-bottom-left-radius: .5rem !important;
    border-top-left-radius: .5rem !important
  }

  #navbarWrapper .md\:rounded-t-full,
  reach-portal .md\:rounded-t-full {
    border-top-left-radius: 9999px !important;
    border-top-right-radius: 9999px !important
  }

  #navbarWrapper .md\:rounded-r-full,
  reach-portal .md\:rounded-r-full {
    border-bottom-right-radius: 9999px !important;
    border-top-right-radius: 9999px !important
  }

  #navbarWrapper .md\:rounded-b-full,
  reach-portal .md\:rounded-b-full {
    border-bottom-left-radius: 9999px !important;
    border-bottom-right-radius: 9999px !important
  }

  #navbarWrapper .md\:rounded-l-full,
  reach-portal .md\:rounded-l-full {
    border-bottom-left-radius: 9999px !important;
    border-top-left-radius: 9999px !important
  }

  #navbarWrapper .md\:rounded-tl-none,
  reach-portal .md\:rounded-tl-none {
    border-top-left-radius: 0 !important
  }

  #navbarWrapper .md\:rounded-tr-none,
  reach-portal .md\:rounded-tr-none {
    border-top-right-radius: 0 !important
  }

  #navbarWrapper .md\:rounded-br-none,
  reach-portal .md\:rounded-br-none {
    border-bottom-right-radius: 0 !important
  }

  #navbarWrapper .md\:rounded-bl-none,
  reach-portal .md\:rounded-bl-none {
    border-bottom-left-radius: 0 !important
  }

  #navbarWrapper .md\:rounded-tl-sm,
  reach-portal .md\:rounded-tl-sm {
    border-top-left-radius: .125rem !important
  }

  #navbarWrapper .md\:rounded-tr-sm,
  reach-portal .md\:rounded-tr-sm {
    border-top-right-radius: .125rem !important
  }

  #navbarWrapper .md\:rounded-br-sm,
  reach-portal .md\:rounded-br-sm {
    border-bottom-right-radius: .125rem !important
  }

  #navbarWrapper .md\:rounded-bl-sm,
  reach-portal .md\:rounded-bl-sm {
    border-bottom-left-radius: .125rem !important
  }

  #navbarWrapper .md\:rounded-tl,
  reach-portal .md\:rounded-tl {
    border-top-left-radius: .375rem !important
  }

  #navbarWrapper .md\:rounded-tr,
  reach-portal .md\:rounded-tr {
    border-top-right-radius: .375rem !important
  }

  #navbarWrapper .md\:rounded-br,
  reach-portal .md\:rounded-br {
    border-bottom-right-radius: .375rem !important
  }

  #navbarWrapper .md\:rounded-bl,
  reach-portal .md\:rounded-bl {
    border-bottom-left-radius: .375rem !important
  }

  #navbarWrapper .md\:rounded-tl-md,
  reach-portal .md\:rounded-tl-md {
    border-top-left-radius: .375rem !important
  }

  #navbarWrapper .md\:rounded-tr-md,
  reach-portal .md\:rounded-tr-md {
    border-top-right-radius: .375rem !important
  }

  #navbarWrapper .md\:rounded-br-md,
  reach-portal .md\:rounded-br-md {
    border-bottom-right-radius: .375rem !important
  }

  #navbarWrapper .md\:rounded-bl-md,
  reach-portal .md\:rounded-bl-md {
    border-bottom-left-radius: .375rem !important
  }

  #navbarWrapper .md\:rounded-tl-lg,
  reach-portal .md\:rounded-tl-lg {
    border-top-left-radius: .5rem !important
  }

  #navbarWrapper .md\:rounded-tr-lg,
  reach-portal .md\:rounded-tr-lg {
    border-top-right-radius: .5rem !important
  }

  #navbarWrapper .md\:rounded-br-lg,
  reach-portal .md\:rounded-br-lg {
    border-bottom-right-radius: .5rem !important
  }

  #navbarWrapper .md\:rounded-bl-lg,
  reach-portal .md\:rounded-bl-lg {
    border-bottom-left-radius: .5rem !important
  }

  #navbarWrapper .md\:rounded-tl-full,
  reach-portal .md\:rounded-tl-full {
    border-top-left-radius: 9999px !important
  }

  #navbarWrapper .md\:rounded-tr-full,
  reach-portal .md\:rounded-tr-full {
    border-top-right-radius: 9999px !important
  }

  #navbarWrapper .md\:rounded-br-full,
  reach-portal .md\:rounded-br-full {
    border-bottom-right-radius: 9999px !important
  }

  #navbarWrapper .md\:rounded-bl-full,
  reach-portal .md\:rounded-bl-full {
    border-bottom-left-radius: 9999px !important
  }

  #navbarWrapper .md\:border-solid,
  reach-portal .md\:border-solid {
    border-style: solid !important
  }

  #navbarWrapper .md\:border-dashed,
  reach-portal .md\:border-dashed {
    border-style: dashed !important
  }

  #navbarWrapper .md\:border-dotted,
  reach-portal .md\:border-dotted {
    border-style: dotted !important
  }

  #navbarWrapper .md\:border-double,
  reach-portal .md\:border-double {
    border-style: double !important
  }

  #navbarWrapper .md\:border-none,
  reach-portal .md\:border-none {
    border-style: none !important
  }

  #navbarWrapper .md\:border-0,
  reach-portal .md\:border-0 {
    border-width: 0 !important
  }

  #navbarWrapper .md\:border-2,
  reach-portal .md\:border-2 {
    border-width: 2px !important
  }

  #navbarWrapper .md\:border-4,
  reach-portal .md\:border-4 {
    border-width: 4px !important
  }

  #navbarWrapper .md\:border-8,
  reach-portal .md\:border-8 {
    border-width: 8px !important
  }

  #navbarWrapper .md\:border,
  reach-portal .md\:border {
    border-width: 1px !important
  }

  #navbarWrapper .md\:border-t-0,
  reach-portal .md\:border-t-0 {
    border-top-width: 0 !important
  }

  #navbarWrapper .md\:border-r-0,
  reach-portal .md\:border-r-0 {
    border-right-width: 0 !important
  }

  #navbarWrapper .md\:border-b-0,
  reach-portal .md\:border-b-0 {
    border-bottom-width: 0 !important
  }

  #navbarWrapper .md\:border-l-0,
  reach-portal .md\:border-l-0 {
    border-left-width: 0 !important
  }

  #navbarWrapper .md\:border-t-2,
  reach-portal .md\:border-t-2 {
    border-top-width: 2px !important
  }

  #navbarWrapper .md\:border-r-2,
  reach-portal .md\:border-r-2 {
    border-right-width: 2px !important
  }

  #navbarWrapper .md\:border-b-2,
  reach-portal .md\:border-b-2 {
    border-bottom-width: 2px !important
  }

  #navbarWrapper .md\:border-l-2,
  reach-portal .md\:border-l-2 {
    border-left-width: 2px !important
  }

  #navbarWrapper .md\:border-t-4,
  reach-portal .md\:border-t-4 {
    border-top-width: 4px !important
  }

  #navbarWrapper .md\:border-r-4,
  reach-portal .md\:border-r-4 {
    border-right-width: 4px !important
  }

  #navbarWrapper .md\:border-b-4,
  reach-portal .md\:border-b-4 {
    border-bottom-width: 4px !important
  }

  #navbarWrapper .md\:border-l-4,
  reach-portal .md\:border-l-4 {
    border-left-width: 4px !important
  }

  #navbarWrapper .md\:border-t-8,
  reach-portal .md\:border-t-8 {
    border-top-width: 8px !important
  }

  #navbarWrapper .md\:border-r-8,
  reach-portal .md\:border-r-8 {
    border-right-width: 8px !important
  }

  #navbarWrapper .md\:border-b-8,
  reach-portal .md\:border-b-8 {
    border-bottom-width: 8px !important
  }

  #navbarWrapper .md\:border-l-8,
  reach-portal .md\:border-l-8 {
    border-left-width: 8px !important
  }

  #navbarWrapper .md\:border-t,
  reach-portal .md\:border-t {
    border-top-width: 1px !important
  }

  #navbarWrapper .md\:border-r,
  reach-portal .md\:border-r {
    border-right-width: 1px !important
  }

  #navbarWrapper .md\:border-b,
  reach-portal .md\:border-b {
    border-bottom-width: 1px !important
  }

  #navbarWrapper .md\:border-l,
  reach-portal .md\:border-l {
    border-left-width: 1px !important
  }

  #navbarWrapper .md\:box-border,
  reach-portal .md\:box-border {
    box-sizing: border-box !important
  }

  #navbarWrapper .md\:box-content,
  reach-portal .md\:box-content {
    box-sizing: initial !important
  }

  #navbarWrapper .md\:cursor-auto,
  reach-portal .md\:cursor-auto {
    cursor: auto !important
  }

  #navbarWrapper .md\:cursor-default,
  reach-portal .md\:cursor-default {
    cursor: default !important
  }

  #navbarWrapper .md\:cursor-pointer,
  reach-portal .md\:cursor-pointer {
    cursor: pointer !important
  }

  #navbarWrapper .md\:cursor-wait,
  reach-portal .md\:cursor-wait {
    cursor: wait !important
  }

  #navbarWrapper .md\:cursor-text,
  reach-portal .md\:cursor-text {
    cursor: text !important
  }

  #navbarWrapper .md\:cursor-move,
  reach-portal .md\:cursor-move {
    cursor: move !important
  }

  #navbarWrapper .md\:cursor-not-allowed,
  reach-portal .md\:cursor-not-allowed {
    cursor: not-allowed !important
  }

  #navbarWrapper .md\:block,
  reach-portal .md\:block {
    display: block !important
  }

  #navbarWrapper .md\:inline-block,
  reach-portal .md\:inline-block {
    display: inline-block !important
  }

  #navbarWrapper .md\:inline,
  reach-portal .md\:inline {
    display: inline !important
  }

  #navbarWrapper .md\:flex,
  reach-portal .md\:flex {
    display: flex !important
  }

  #navbarWrapper .md\:inline-flex,
  reach-portal .md\:inline-flex {
    display: inline-flex !important
  }

  #navbarWrapper .md\:table,
  reach-portal .md\:table {
    display: table !important
  }

  #navbarWrapper .md\:table-caption,
  reach-portal .md\:table-caption {
    display: table-caption !important
  }

  #navbarWrapper .md\:table-cell,
  reach-portal .md\:table-cell {
    display: table-cell !important
  }

  #navbarWrapper .md\:table-column,
  reach-portal .md\:table-column {
    display: table-column !important
  }

  #navbarWrapper .md\:table-column-group,
  reach-portal .md\:table-column-group {
    display: table-column-group !important
  }

  #navbarWrapper .md\:table-footer-group,
  reach-portal .md\:table-footer-group {
    display: table-footer-group !important
  }

  #navbarWrapper .md\:table-header-group,
  reach-portal .md\:table-header-group {
    display: table-header-group !important
  }

  #navbarWrapper .md\:table-row-group,
  reach-portal .md\:table-row-group {
    display: table-row-group !important
  }

  #navbarWrapper .md\:table-row,
  reach-portal .md\:table-row {
    display: table-row !important
  }

  #navbarWrapper .md\:flow-root,
  reach-portal .md\:flow-root {
    display: flow-root !important
  }

  #navbarWrapper .md\:grid,
  reach-portal .md\:grid {
    display: grid !important
  }

  #navbarWrapper .md\:inline-grid,
  reach-portal .md\:inline-grid {
    display: inline-grid !important
  }

  #navbarWrapper .md\:hidden,
  reach-portal .md\:hidden {
    display: none !important
  }

  #navbarWrapper .md\:flex-row,
  reach-portal .md\:flex-row {
    flex-direction: row !important
  }

  #navbarWrapper .md\:flex-row-reverse,
  reach-portal .md\:flex-row-reverse {
    flex-direction: row-reverse !important
  }

  #navbarWrapper .md\:flex-col,
  reach-portal .md\:flex-col {
    flex-direction: column !important
  }

  #navbarWrapper .md\:flex-col-reverse,
  reach-portal .md\:flex-col-reverse {
    flex-direction: column-reverse !important
  }

  #navbarWrapper .md\:flex-wrap,
  reach-portal .md\:flex-wrap {
    flex-wrap: wrap !important
  }

  #navbarWrapper .md\:flex-wrap-reverse,
  reach-portal .md\:flex-wrap-reverse {
    flex-wrap: wrap-reverse !important
  }

  #navbarWrapper .md\:flex-no-wrap,
  reach-portal .md\:flex-no-wrap {
    flex-wrap: nowrap !important
  }

  #navbarWrapper .md\:items-start,
  reach-portal .md\:items-start {
    align-items: flex-start !important
  }

  #navbarWrapper .md\:items-end,
  reach-portal .md\:items-end {
    align-items: flex-end !important
  }

  #navbarWrapper .md\:items-center,
  reach-portal .md\:items-center {
    align-items: center !important
  }

  #navbarWrapper .md\:items-baseline,
  reach-portal .md\:items-baseline {
    align-items: baseline !important
  }

  #navbarWrapper .md\:items-stretch,
  reach-portal .md\:items-stretch {
    align-items: stretch !important
  }

  #navbarWrapper .md\:self-auto,
  reach-portal .md\:self-auto {
    align-self: auto !important
  }

  #navbarWrapper .md\:self-start,
  reach-portal .md\:self-start {
    align-self: flex-start !important
  }

  #navbarWrapper .md\:self-end,
  reach-portal .md\:self-end {
    align-self: flex-end !important
  }

  #navbarWrapper .md\:self-center,
  reach-portal .md\:self-center {
    align-self: center !important
  }

  #navbarWrapper .md\:self-stretch,
  reach-portal .md\:self-stretch {
    align-self: stretch !important
  }

  #navbarWrapper .md\:justify-start,
  reach-portal .md\:justify-start {
    justify-content: flex-start !important
  }

  #navbarWrapper .md\:justify-end,
  reach-portal .md\:justify-end {
    justify-content: flex-end !important
  }

  #navbarWrapper .md\:justify-center,
  reach-portal .md\:justify-center {
    justify-content: center !important
  }

  #navbarWrapper .md\:justify-between,
  reach-portal .md\:justify-between {
    justify-content: space-between !important
  }

  #navbarWrapper .md\:justify-around,
  reach-portal .md\:justify-around {
    justify-content: space-around !important
  }

  #navbarWrapper .md\:justify-evenly,
  reach-portal .md\:justify-evenly {
    justify-content: space-evenly !important
  }

  #navbarWrapper .md\:content-center,
  reach-portal .md\:content-center {
    align-content: center !important
  }

  #navbarWrapper .md\:content-start,
  reach-portal .md\:content-start {
    align-content: flex-start !important
  }

  #navbarWrapper .md\:content-end,
  reach-portal .md\:content-end {
    align-content: flex-end !important
  }

  #navbarWrapper .md\:content-between,
  reach-portal .md\:content-between {
    align-content: space-between !important
  }

  #navbarWrapper .md\:content-around,
  reach-portal .md\:content-around {
    align-content: space-around !important
  }

  #navbarWrapper .md\:flex-1,
  reach-portal .md\:flex-1 {
    flex: 1 1 !important
  }

  #navbarWrapper .md\:flex-auto,
  reach-portal .md\:flex-auto {
    flex: 1 1 auto !important
  }

  #navbarWrapper .md\:flex-initial,
  reach-portal .md\:flex-initial {
    flex: 0 1 auto !important
  }

  #navbarWrapper .md\:flex-none,
  reach-portal .md\:flex-none {
    flex: none !important
  }

  #navbarWrapper .md\:flex-grow-0,
  reach-portal .md\:flex-grow-0 {
    flex-grow: 0 !important
  }

  #navbarWrapper .md\:flex-grow,
  reach-portal .md\:flex-grow {
    flex-grow: 1 !important
  }

  #navbarWrapper .md\:flex-shrink-0,
  reach-portal .md\:flex-shrink-0 {
    flex-shrink: 0 !important
  }

  #navbarWrapper .md\:flex-shrink,
  reach-portal .md\:flex-shrink {
    flex-shrink: 1 !important
  }

  #navbarWrapper .md\:order-1,
  reach-portal .md\:order-1 {
    order: 1 !important
  }

  #navbarWrapper .md\:order-2,
  reach-portal .md\:order-2 {
    order: 2 !important
  }

  #navbarWrapper .md\:order-3,
  reach-portal .md\:order-3 {
    order: 3 !important
  }

  #navbarWrapper .md\:order-4,
  reach-portal .md\:order-4 {
    order: 4 !important
  }

  #navbarWrapper .md\:order-5,
  reach-portal .md\:order-5 {
    order: 5 !important
  }

  #navbarWrapper .md\:order-6,
  reach-portal .md\:order-6 {
    order: 6 !important
  }

  #navbarWrapper .md\:order-7,
  reach-portal .md\:order-7 {
    order: 7 !important
  }

  #navbarWrapper .md\:order-8,
  reach-portal .md\:order-8 {
    order: 8 !important
  }

  #navbarWrapper .md\:order-9,
  reach-portal .md\:order-9 {
    order: 9 !important
  }

  #navbarWrapper .md\:order-10,
  reach-portal .md\:order-10 {
    order: 10 !important
  }

  #navbarWrapper .md\:order-11,
  reach-portal .md\:order-11 {
    order: 11 !important
  }

  #navbarWrapper .md\:order-12,
  reach-portal .md\:order-12 {
    order: 12 !important
  }

  #navbarWrapper .md\:order-first,
  reach-portal .md\:order-first {
    order: -9999 !important
  }

  #navbarWrapper .md\:order-last,
  reach-portal .md\:order-last {
    order: 9999 !important
  }

  #navbarWrapper .md\:order-none,
  reach-portal .md\:order-none {
    order: 0 !important
  }

  #navbarWrapper .md\:float-right,
  reach-portal .md\:float-right {
    float: right !important
  }

  #navbarWrapper .md\:float-left,
  reach-portal .md\:float-left {
    float: left !important
  }

  #navbarWrapper .md\:float-none,
  reach-portal .md\:float-none {
    float: none !important
  }

  #navbarWrapper .md\:clearfix:after,
  reach-portal .md\:clearfix:after {
    clear: both !important;
    content: "" !important;
    display: table !important
  }

  #navbarWrapper .md\:clear-left,
  reach-portal .md\:clear-left {
    clear: left !important
  }

  #navbarWrapper .md\:clear-right,
  reach-portal .md\:clear-right {
    clear: right !important
  }

  #navbarWrapper .md\:clear-both,
  reach-portal .md\:clear-both {
    clear: both !important
  }

  #navbarWrapper .md\:clear-none,
  reach-portal .md\:clear-none {
    clear: none !important
  }

  #navbarWrapper .md\:font-display,
  reach-portal .md\:font-display {
    font-family: Gilroy, sans-serif !important
  }

  #navbarWrapper .md\:font-body,
  reach-portal .md\:font-body {
    font-family: Graphik, sans-serif !important
  }

  #navbarWrapper .md\:font-hairline,
  reach-portal .md\:font-hairline {
    font-weight: 100 !important
  }

  #navbarWrapper .md\:font-thin,
  reach-portal .md\:font-thin {
    font-weight: 200 !important
  }

  #navbarWrapper .md\:font-light,
  reach-portal .md\:font-light {
    font-weight: 300 !important
  }

  #navbarWrapper .md\:font-normal,
  reach-portal .md\:font-normal {
    font-weight: 400 !important
  }

  #navbarWrapper .md\:font-medium,
  reach-portal .md\:font-medium {
    font-weight: 500 !important
  }

  #navbarWrapper .md\:font-semibold,
  reach-portal .md\:font-semibold {
    font-weight: 600 !important
  }

  #navbarWrapper .md\:font-bold,
  reach-portal .md\:font-bold {
    font-weight: 700 !important
  }

  #navbarWrapper .md\:font-extrabold,
  reach-portal .md\:font-extrabold {
    font-weight: 800 !important
  }

  #navbarWrapper .md\:font-black,
  reach-portal .md\:font-black {
    font-weight: 900 !important
  }

  #navbarWrapper .md\:hover\:font-hairline:hover,
  reach-portal .md\:hover\:font-hairline:hover {
    font-weight: 100 !important
  }

  #navbarWrapper .md\:hover\:font-thin:hover,
  reach-portal .md\:hover\:font-thin:hover {
    font-weight: 200 !important
  }

  #navbarWrapper .md\:hover\:font-light:hover,
  reach-portal .md\:hover\:font-light:hover {
    font-weight: 300 !important
  }

  #navbarWrapper .md\:hover\:font-normal:hover,
  reach-portal .md\:hover\:font-normal:hover {
    font-weight: 400 !important
  }

  #navbarWrapper .md\:hover\:font-medium:hover,
  reach-portal .md\:hover\:font-medium:hover {
    font-weight: 500 !important
  }

  #navbarWrapper .md\:hover\:font-semibold:hover,
  reach-portal .md\:hover\:font-semibold:hover {
    font-weight: 600 !important
  }

  #navbarWrapper .md\:hover\:font-bold:hover,
  reach-portal .md\:hover\:font-bold:hover {
    font-weight: 700 !important
  }

  #navbarWrapper .md\:hover\:font-extrabold:hover,
  reach-portal .md\:hover\:font-extrabold:hover {
    font-weight: 800 !important
  }

  #navbarWrapper .md\:hover\:font-black:hover,
  reach-portal .md\:hover\:font-black:hover {
    font-weight: 900 !important
  }

  #navbarWrapper .md\:focus\:font-hairline:focus,
  reach-portal .md\:focus\:font-hairline:focus {
    font-weight: 100 !important
  }

  #navbarWrapper .md\:focus\:font-thin:focus,
  reach-portal .md\:focus\:font-thin:focus {
    font-weight: 200 !important
  }

  #navbarWrapper .md\:focus\:font-light:focus,
  reach-portal .md\:focus\:font-light:focus {
    font-weight: 300 !important
  }

  #navbarWrapper .md\:focus\:font-normal:focus,
  reach-portal .md\:focus\:font-normal:focus {
    font-weight: 400 !important
  }

  #navbarWrapper .md\:focus\:font-medium:focus,
  reach-portal .md\:focus\:font-medium:focus {
    font-weight: 500 !important
  }

  #navbarWrapper .md\:focus\:font-semibold:focus,
  reach-portal .md\:focus\:font-semibold:focus {
    font-weight: 600 !important
  }

  #navbarWrapper .md\:focus\:font-bold:focus,
  reach-portal .md\:focus\:font-bold:focus {
    font-weight: 700 !important
  }

  #navbarWrapper .md\:focus\:font-extrabold:focus,
  reach-portal .md\:focus\:font-extrabold:focus {
    font-weight: 800 !important
  }

  #navbarWrapper .md\:focus\:font-black:focus,
  reach-portal .md\:focus\:font-black:focus {
    font-weight: 900 !important
  }

  #navbarWrapper .md\:h-0,
  reach-portal .md\:h-0 {
    height: 0 !important
  }

  #navbarWrapper .md\:h-1,
  reach-portal .md\:h-1 {
    height: .25rem !important
  }

  #navbarWrapper .md\:h-2,
  reach-portal .md\:h-2 {
    height: .5rem !important
  }

  #navbarWrapper .md\:h-3,
  reach-portal .md\:h-3 {
    height: .75rem !important
  }

  #navbarWrapper .md\:h-4,
  reach-portal .md\:h-4 {
    height: 1rem !important
  }

  #navbarWrapper .md\:h-5,
  reach-portal .md\:h-5 {
    height: 1.25rem !important
  }

  #navbarWrapper .md\:h-6,
  reach-portal .md\:h-6 {
    height: 1.5rem !important
  }

  #navbarWrapper .md\:h-8,
  reach-portal .md\:h-8 {
    height: 2rem !important
  }

  #navbarWrapper .md\:h-10,
  reach-portal .md\:h-10 {
    height: 2.5rem !important
  }

  #navbarWrapper .md\:h-12,
  reach-portal .md\:h-12 {
    height: 3rem !important
  }

  #navbarWrapper .md\:h-16,
  reach-portal .md\:h-16 {
    height: 4rem !important
  }

  #navbarWrapper .md\:h-20,
  reach-portal .md\:h-20 {
    height: 5rem !important
  }

  #navbarWrapper .md\:h-24,
  reach-portal .md\:h-24 {
    height: 6rem !important
  }

  #navbarWrapper .md\:h-32,
  reach-portal .md\:h-32 {
    height: 8rem !important
  }

  #navbarWrapper .md\:h-40,
  reach-portal .md\:h-40 {
    height: 10rem !important
  }

  #navbarWrapper .md\:h-48,
  reach-portal .md\:h-48 {
    height: 12rem !important
  }

  #navbarWrapper .md\:h-56,
  reach-portal .md\:h-56 {
    height: 14rem !important
  }

  #navbarWrapper .md\:h-64,
  reach-portal .md\:h-64 {
    height: 16rem !important
  }

  #navbarWrapper .md\:h-auto,
  reach-portal .md\:h-auto {
    height: auto !important
  }

  #navbarWrapper .md\:h-px,
  reach-portal .md\:h-px {
    height: 1px !important
  }

  #navbarWrapper .md\:h-full,
  reach-portal .md\:h-full {
    height: 100% !important
  }

  #navbarWrapper .md\:h-screen,
  reach-portal .md\:h-screen {
    height: 100vh !important
  }

  #navbarWrapper .md\:text-xs,
  reach-portal .md\:text-xs {
    font-size: .75rem !important
  }

  #navbarWrapper .md\:text-sm,
  reach-portal .md\:text-sm {
    font-size: .875rem !important
  }

  #navbarWrapper .md\:text-base,
  reach-portal .md\:text-base {
    font-size: 1rem !important
  }

  #navbarWrapper .md\:text-lg,
  reach-portal .md\:text-lg {
    font-size: 1.125rem !important
  }

  #navbarWrapper .md\:text-xl,
  reach-portal .md\:text-xl {
    font-size: 1.25rem !important
  }

  #navbarWrapper .md\:text-2xl,
  reach-portal .md\:text-2xl {
    font-size: 1.5rem !important
  }

  #navbarWrapper .md\:text-3xl,
  reach-portal .md\:text-3xl {
    font-size: 1.875rem !important
  }

  #navbarWrapper .md\:text-4xl,
  reach-portal .md\:text-4xl {
    font-size: 2.25rem !important
  }

  #navbarWrapper .md\:text-5xl,
  reach-portal .md\:text-5xl {
    font-size: 3rem !important
  }

  #navbarWrapper .md\:text-6xl,
  reach-portal .md\:text-6xl {
    font-size: 4rem !important
  }

  #navbarWrapper .md\:leading-3,
  reach-portal .md\:leading-3 {
    line-height: .75rem !important
  }

  #navbarWrapper .md\:leading-4,
  reach-portal .md\:leading-4 {
    line-height: 1rem !important
  }

  #navbarWrapper .md\:leading-5,
  reach-portal .md\:leading-5 {
    line-height: 1.25rem !important
  }

  #navbarWrapper .md\:leading-6,
  reach-portal .md\:leading-6 {
    line-height: 1.5rem !important
  }

  #navbarWrapper .md\:leading-7,
  reach-portal .md\:leading-7 {
    line-height: 1.75rem !important
  }

  #navbarWrapper .md\:leading-8,
  reach-portal .md\:leading-8 {
    line-height: 2rem !important
  }

  #navbarWrapper .md\:leading-9,
  reach-portal .md\:leading-9 {
    line-height: 2.25rem !important
  }

  #navbarWrapper .md\:leading-10,
  reach-portal .md\:leading-10 {
    line-height: 2.5rem !important
  }

  #navbarWrapper .md\:leading-none,
  reach-portal .md\:leading-none {
    line-height: 1 !important
  }

  #navbarWrapper .md\:leading-tight,
  reach-portal .md\:leading-tight {
    line-height: 1.25 !important
  }

  #navbarWrapper .md\:leading-snug,
  reach-portal .md\:leading-snug {
    line-height: 1.375 !important
  }

  #navbarWrapper .md\:leading-normal,
  reach-portal .md\:leading-normal {
    line-height: 1.5 !important
  }

  #navbarWrapper .md\:leading-relaxed,
  reach-portal .md\:leading-relaxed {
    line-height: 1.625 !important
  }

  #navbarWrapper .md\:leading-loose,
  reach-portal .md\:leading-loose {
    line-height: 2 !important
  }

  #navbarWrapper .md\:list-inside,
  reach-portal .md\:list-inside {
    list-style-position: inside !important
  }

  #navbarWrapper .md\:list-outside,
  reach-portal .md\:list-outside {
    list-style-position: outside !important
  }

  #navbarWrapper .md\:list-none,
  reach-portal .md\:list-none {
    list-style-type: none !important
  }

  #navbarWrapper .md\:list-disc,
  reach-portal .md\:list-disc {
    list-style-type: disc !important
  }

  #navbarWrapper .md\:list-decimal,
  reach-portal .md\:list-decimal {
    list-style-type: decimal !important
  }

  #navbarWrapper .md\:m-0,
  reach-portal .md\:m-0 {
    margin: 0 !important
  }

  #navbarWrapper .md\:m-1,
  reach-portal .md\:m-1 {
    margin: .25rem !important
  }

  #navbarWrapper .md\:m-2,
  reach-portal .md\:m-2 {
    margin: .5rem !important
  }

  #navbarWrapper .md\:m-3,
  reach-portal .md\:m-3 {
    margin: .75rem !important
  }

  #navbarWrapper .md\:m-4,
  reach-portal .md\:m-4 {
    margin: 1rem !important
  }

  #navbarWrapper .md\:m-5,
  reach-portal .md\:m-5 {
    margin: 1.25rem !important
  }

  #navbarWrapper .md\:m-6,
  reach-portal .md\:m-6 {
    margin: 1.5rem !important
  }

  #navbarWrapper .md\:m-8,
  reach-portal .md\:m-8 {
    margin: 2rem !important
  }

  #navbarWrapper .md\:m-10,
  reach-portal .md\:m-10 {
    margin: 2.5rem !important
  }

  #navbarWrapper .md\:m-12,
  reach-portal .md\:m-12 {
    margin: 3rem !important
  }

  #navbarWrapper .md\:m-16,
  reach-portal .md\:m-16 {
    margin: 4rem !important
  }

  #navbarWrapper .md\:m-20,
  reach-portal .md\:m-20 {
    margin: 5rem !important
  }

  #navbarWrapper .md\:m-24,
  reach-portal .md\:m-24 {
    margin: 6rem !important
  }

  #navbarWrapper .md\:m-32,
  reach-portal .md\:m-32 {
    margin: 8rem !important
  }

  #navbarWrapper .md\:m-40,
  reach-portal .md\:m-40 {
    margin: 10rem !important
  }

  #navbarWrapper .md\:m-48,
  reach-portal .md\:m-48 {
    margin: 12rem !important
  }

  #navbarWrapper .md\:m-56,
  reach-portal .md\:m-56 {
    margin: 14rem !important
  }

  #navbarWrapper .md\:m-64,
  reach-portal .md\:m-64 {
    margin: 16rem !important
  }

  #navbarWrapper .md\:m-auto,
  reach-portal .md\:m-auto {
    margin: auto !important
  }

  #navbarWrapper .md\:m-px,
  reach-portal .md\:m-px {
    margin: 1px !important
  }

  #navbarWrapper .md\:-m-1,
  reach-portal .md\:-m-1 {
    margin: -.25rem !important
  }

  #navbarWrapper .md\:-m-2,
  reach-portal .md\:-m-2 {
    margin: -.5rem !important
  }

  #navbarWrapper .md\:-m-3,
  reach-portal .md\:-m-3 {
    margin: -.75rem !important
  }

  #navbarWrapper .md\:-m-4,
  reach-portal .md\:-m-4 {
    margin: -1rem !important
  }

  #navbarWrapper .md\:-m-5,
  reach-portal .md\:-m-5 {
    margin: -1.25rem !important
  }

  #navbarWrapper .md\:-m-6,
  reach-portal .md\:-m-6 {
    margin: -1.5rem !important
  }

  #navbarWrapper .md\:-m-8,
  reach-portal .md\:-m-8 {
    margin: -2rem !important
  }

  #navbarWrapper .md\:-m-10,
  reach-portal .md\:-m-10 {
    margin: -2.5rem !important
  }

  #navbarWrapper .md\:-m-12,
  reach-portal .md\:-m-12 {
    margin: -3rem !important
  }

  #navbarWrapper .md\:-m-16,
  reach-portal .md\:-m-16 {
    margin: -4rem !important
  }

  #navbarWrapper .md\:-m-20,
  reach-portal .md\:-m-20 {
    margin: -5rem !important
  }

  #navbarWrapper .md\:-m-24,
  reach-portal .md\:-m-24 {
    margin: -6rem !important
  }

  #navbarWrapper .md\:-m-32,
  reach-portal .md\:-m-32 {
    margin: -8rem !important
  }

  #navbarWrapper .md\:-m-40,
  reach-portal .md\:-m-40 {
    margin: -10rem !important
  }

  #navbarWrapper .md\:-m-48,
  reach-portal .md\:-m-48 {
    margin: -12rem !important
  }

  #navbarWrapper .md\:-m-56,
  reach-portal .md\:-m-56 {
    margin: -14rem !important
  }

  #navbarWrapper .md\:-m-64,
  reach-portal .md\:-m-64 {
    margin: -16rem !important
  }

  #navbarWrapper .md\:-m-px,
  reach-portal .md\:-m-px {
    margin: -1px !important
  }

  #navbarWrapper .md\:my-0,
  reach-portal .md\:my-0 {
    margin-bottom: 0 !important;
    margin-top: 0 !important
  }

  #navbarWrapper .md\:mx-0,
  reach-portal .md\:mx-0 {
    margin-left: 0 !important;
    margin-right: 0 !important
  }

  #navbarWrapper .md\:my-1,
  reach-portal .md\:my-1 {
    margin-bottom: .25rem !important;
    margin-top: .25rem !important
  }

  #navbarWrapper .md\:mx-1,
  reach-portal .md\:mx-1 {
    margin-left: .25rem !important;
    margin-right: .25rem !important
  }

  #navbarWrapper .md\:my-2,
  reach-portal .md\:my-2 {
    margin-bottom: .5rem !important;
    margin-top: .5rem !important
  }

  #navbarWrapper .md\:mx-2,
  reach-portal .md\:mx-2 {
    margin-left: .5rem !important;
    margin-right: .5rem !important
  }

  #navbarWrapper .md\:my-3,
  reach-portal .md\:my-3 {
    margin-bottom: .75rem !important;
    margin-top: .75rem !important
  }

  #navbarWrapper .md\:mx-3,
  reach-portal .md\:mx-3 {
    margin-left: .75rem !important;
    margin-right: .75rem !important
  }

  #navbarWrapper .md\:my-4,
  reach-portal .md\:my-4 {
    margin-bottom: 1rem !important;
    margin-top: 1rem !important
  }

  #navbarWrapper .md\:mx-4,
  reach-portal .md\:mx-4 {
    margin-left: 1rem !important;
    margin-right: 1rem !important
  }

  #navbarWrapper .md\:my-5,
  reach-portal .md\:my-5 {
    margin-bottom: 1.25rem !important;
    margin-top: 1.25rem !important
  }

  #navbarWrapper .md\:mx-5,
  reach-portal .md\:mx-5 {
    margin-left: 1.25rem !important;
    margin-right: 1.25rem !important
  }

  #navbarWrapper .md\:my-6,
  reach-portal .md\:my-6 {
    margin-bottom: 1.5rem !important;
    margin-top: 1.5rem !important
  }

  #navbarWrapper .md\:mx-6,
  reach-portal .md\:mx-6 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important
  }

  #navbarWrapper .md\:my-8,
  reach-portal .md\:my-8 {
    margin-bottom: 2rem !important;
    margin-top: 2rem !important
  }

  #navbarWrapper .md\:mx-8,
  reach-portal .md\:mx-8 {
    margin-left: 2rem !important;
    margin-right: 2rem !important
  }

  #navbarWrapper .md\:my-10,
  reach-portal .md\:my-10 {
    margin-bottom: 2.5rem !important;
    margin-top: 2.5rem !important
  }

  #navbarWrapper .md\:mx-10,
  reach-portal .md\:mx-10 {
    margin-left: 2.5rem !important;
    margin-right: 2.5rem !important
  }

  #navbarWrapper .md\:my-12,
  reach-portal .md\:my-12 {
    margin-bottom: 3rem !important;
    margin-top: 3rem !important
  }

  #navbarWrapper .md\:mx-12,
  reach-portal .md\:mx-12 {
    margin-left: 3rem !important;
    margin-right: 3rem !important
  }

  #navbarWrapper .md\:my-16,
  reach-portal .md\:my-16 {
    margin-bottom: 4rem !important;
    margin-top: 4rem !important
  }

  #navbarWrapper .md\:mx-16,
  reach-portal .md\:mx-16 {
    margin-left: 4rem !important;
    margin-right: 4rem !important
  }

  #navbarWrapper .md\:my-20,
  reach-portal .md\:my-20 {
    margin-bottom: 5rem !important;
    margin-top: 5rem !important
  }

  #navbarWrapper .md\:mx-20,
  reach-portal .md\:mx-20 {
    margin-left: 5rem !important;
    margin-right: 5rem !important
  }

  #navbarWrapper .md\:my-24,
  reach-portal .md\:my-24 {
    margin-bottom: 6rem !important;
    margin-top: 6rem !important
  }

  #navbarWrapper .md\:mx-24,
  reach-portal .md\:mx-24 {
    margin-left: 6rem !important;
    margin-right: 6rem !important
  }

  #navbarWrapper .md\:my-32,
  reach-portal .md\:my-32 {
    margin-bottom: 8rem !important;
    margin-top: 8rem !important
  }

  #navbarWrapper .md\:mx-32,
  reach-portal .md\:mx-32 {
    margin-left: 8rem !important;
    margin-right: 8rem !important
  }

  #navbarWrapper .md\:my-40,
  reach-portal .md\:my-40 {
    margin-bottom: 10rem !important;
    margin-top: 10rem !important
  }

  #navbarWrapper .md\:mx-40,
  reach-portal .md\:mx-40 {
    margin-left: 10rem !important;
    margin-right: 10rem !important
  }

  #navbarWrapper .md\:my-48,
  reach-portal .md\:my-48 {
    margin-bottom: 12rem !important;
    margin-top: 12rem !important
  }

  #navbarWrapper .md\:mx-48,
  reach-portal .md\:mx-48 {
    margin-left: 12rem !important;
    margin-right: 12rem !important
  }

  #navbarWrapper .md\:my-56,
  reach-portal .md\:my-56 {
    margin-bottom: 14rem !important;
    margin-top: 14rem !important
  }

  #navbarWrapper .md\:mx-56,
  reach-portal .md\:mx-56 {
    margin-left: 14rem !important;
    margin-right: 14rem !important
  }

  #navbarWrapper .md\:my-64,
  reach-portal .md\:my-64 {
    margin-bottom: 16rem !important;
    margin-top: 16rem !important
  }

  #navbarWrapper .md\:mx-64,
  reach-portal .md\:mx-64 {
    margin-left: 16rem !important;
    margin-right: 16rem !important
  }

  #navbarWrapper .md\:my-auto,
  reach-portal .md\:my-auto {
    margin-bottom: auto !important;
    margin-top: auto !important
  }

  #navbarWrapper .md\:mx-auto,
  reach-portal .md\:mx-auto {
    margin-left: auto !important;
    margin-right: auto !important
  }

  #navbarWrapper .md\:my-px,
  reach-portal .md\:my-px {
    margin-bottom: 1px !important;
    margin-top: 1px !important
  }

  #navbarWrapper .md\:mx-px,
  reach-portal .md\:mx-px {
    margin-left: 1px !important;
    margin-right: 1px !important
  }

  #navbarWrapper .md\:-my-1,
  reach-portal .md\:-my-1 {
    margin-bottom: -.25rem !important;
    margin-top: -.25rem !important
  }

  #navbarWrapper .md\:-mx-1,
  reach-portal .md\:-mx-1 {
    margin-left: -.25rem !important;
    margin-right: -.25rem !important
  }

  #navbarWrapper .md\:-my-2,
  reach-portal .md\:-my-2 {
    margin-bottom: -.5rem !important;
    margin-top: -.5rem !important
  }

  #navbarWrapper .md\:-mx-2,
  reach-portal .md\:-mx-2 {
    margin-left: -.5rem !important;
    margin-right: -.5rem !important
  }

  #navbarWrapper .md\:-my-3,
  reach-portal .md\:-my-3 {
    margin-bottom: -.75rem !important;
    margin-top: -.75rem !important
  }

  #navbarWrapper .md\:-mx-3,
  reach-portal .md\:-mx-3 {
    margin-left: -.75rem !important;
    margin-right: -.75rem !important
  }

  #navbarWrapper .md\:-my-4,
  reach-portal .md\:-my-4 {
    margin-bottom: -1rem !important;
    margin-top: -1rem !important
  }

  #navbarWrapper .md\:-mx-4,
  reach-portal .md\:-mx-4 {
    margin-left: -1rem !important;
    margin-right: -1rem !important
  }

  #navbarWrapper .md\:-my-5,
  reach-portal .md\:-my-5 {
    margin-bottom: -1.25rem !important;
    margin-top: -1.25rem !important
  }

  #navbarWrapper .md\:-mx-5,
  reach-portal .md\:-mx-5 {
    margin-left: -1.25rem !important;
    margin-right: -1.25rem !important
  }

  #navbarWrapper .md\:-my-6,
  reach-portal .md\:-my-6 {
    margin-bottom: -1.5rem !important;
    margin-top: -1.5rem !important
  }

  #navbarWrapper .md\:-mx-6,
  reach-portal .md\:-mx-6 {
    margin-left: -1.5rem !important;
    margin-right: -1.5rem !important
  }

  #navbarWrapper .md\:-my-8,
  reach-portal .md\:-my-8 {
    margin-bottom: -2rem !important;
    margin-top: -2rem !important
  }

  #navbarWrapper .md\:-mx-8,
  reach-portal .md\:-mx-8 {
    margin-left: -2rem !important;
    margin-right: -2rem !important
  }

  #navbarWrapper .md\:-my-10,
  reach-portal .md\:-my-10 {
    margin-bottom: -2.5rem !important;
    margin-top: -2.5rem !important
  }

  #navbarWrapper .md\:-mx-10,
  reach-portal .md\:-mx-10 {
    margin-left: -2.5rem !important;
    margin-right: -2.5rem !important
  }

  #navbarWrapper .md\:-my-12,
  reach-portal .md\:-my-12 {
    margin-bottom: -3rem !important;
    margin-top: -3rem !important
  }

  #navbarWrapper .md\:-mx-12,
  reach-portal .md\:-mx-12 {
    margin-left: -3rem !important;
    margin-right: -3rem !important
  }

  #navbarWrapper .md\:-my-16,
  reach-portal .md\:-my-16 {
    margin-bottom: -4rem !important;
    margin-top: -4rem !important
  }

  #navbarWrapper .md\:-mx-16,
  reach-portal .md\:-mx-16 {
    margin-left: -4rem !important;
    margin-right: -4rem !important
  }

  #navbarWrapper .md\:-my-20,
  reach-portal .md\:-my-20 {
    margin-bottom: -5rem !important;
    margin-top: -5rem !important
  }

  #navbarWrapper .md\:-mx-20,
  reach-portal .md\:-mx-20 {
    margin-left: -5rem !important;
    margin-right: -5rem !important
  }

  #navbarWrapper .md\:-my-24,
  reach-portal .md\:-my-24 {
    margin-bottom: -6rem !important;
    margin-top: -6rem !important
  }

  #navbarWrapper .md\:-mx-24,
  reach-portal .md\:-mx-24 {
    margin-left: -6rem !important;
    margin-right: -6rem !important
  }

  #navbarWrapper .md\:-my-32,
  reach-portal .md\:-my-32 {
    margin-bottom: -8rem !important;
    margin-top: -8rem !important
  }

  #navbarWrapper .md\:-mx-32,
  reach-portal .md\:-mx-32 {
    margin-left: -8rem !important;
    margin-right: -8rem !important
  }

  #navbarWrapper .md\:-my-40,
  reach-portal .md\:-my-40 {
    margin-bottom: -10rem !important;
    margin-top: -10rem !important
  }

  #navbarWrapper .md\:-mx-40,
  reach-portal .md\:-mx-40 {
    margin-left: -10rem !important;
    margin-right: -10rem !important
  }

  #navbarWrapper .md\:-my-48,
  reach-portal .md\:-my-48 {
    margin-bottom: -12rem !important;
    margin-top: -12rem !important
  }

  #navbarWrapper .md\:-mx-48,
  reach-portal .md\:-mx-48 {
    margin-left: -12rem !important;
    margin-right: -12rem !important
  }

  #navbarWrapper .md\:-my-56,
  reach-portal .md\:-my-56 {
    margin-bottom: -14rem !important;
    margin-top: -14rem !important
  }

  #navbarWrapper .md\:-mx-56,
  reach-portal .md\:-mx-56 {
    margin-left: -14rem !important;
    margin-right: -14rem !important
  }

  #navbarWrapper .md\:-my-64,
  reach-portal .md\:-my-64 {
    margin-bottom: -16rem !important;
    margin-top: -16rem !important
  }

  #navbarWrapper .md\:-mx-64,
  reach-portal .md\:-mx-64 {
    margin-left: -16rem !important;
    margin-right: -16rem !important
  }

  #navbarWrapper .md\:-my-px,
  reach-portal .md\:-my-px {
    margin-bottom: -1px !important;
    margin-top: -1px !important
  }

  #navbarWrapper .md\:-mx-px,
  reach-portal .md\:-mx-px {
    margin-left: -1px !important;
    margin-right: -1px !important
  }

  #navbarWrapper .md\:mt-0,
  reach-portal .md\:mt-0 {
    margin-top: 0 !important
  }

  #navbarWrapper .md\:mr-0,
  reach-portal .md\:mr-0 {
    margin-right: 0 !important
  }

  #navbarWrapper .md\:mb-0,
  reach-portal .md\:mb-0 {
    margin-bottom: 0 !important
  }

  #navbarWrapper .md\:ml-0,
  reach-portal .md\:ml-0 {
    margin-left: 0 !important
  }

  #navbarWrapper .md\:mt-1,
  reach-portal .md\:mt-1 {
    margin-top: .25rem !important
  }

  #navbarWrapper .md\:mr-1,
  reach-portal .md\:mr-1 {
    margin-right: .25rem !important
  }

  #navbarWrapper .md\:mb-1,
  reach-portal .md\:mb-1 {
    margin-bottom: .25rem !important
  }

  #navbarWrapper .md\:ml-1,
  reach-portal .md\:ml-1 {
    margin-left: .25rem !important
  }

  #navbarWrapper .md\:mt-2,
  reach-portal .md\:mt-2 {
    margin-top: .5rem !important
  }

  #navbarWrapper .md\:mr-2,
  reach-portal .md\:mr-2 {
    margin-right: .5rem !important
  }

  #navbarWrapper .md\:mb-2,
  reach-portal .md\:mb-2 {
    margin-bottom: .5rem !important
  }

  #navbarWrapper .md\:ml-2,
  reach-portal .md\:ml-2 {
    margin-left: .5rem !important
  }

  #navbarWrapper .md\:mt-3,
  reach-portal .md\:mt-3 {
    margin-top: .75rem !important
  }

  #navbarWrapper .md\:mr-3,
  reach-portal .md\:mr-3 {
    margin-right: .75rem !important
  }

  #navbarWrapper .md\:mb-3,
  reach-portal .md\:mb-3 {
    margin-bottom: .75rem !important
  }

  #navbarWrapper .md\:ml-3,
  reach-portal .md\:ml-3 {
    margin-left: .75rem !important
  }

  #navbarWrapper .md\:mt-4,
  reach-portal .md\:mt-4 {
    margin-top: 1rem !important
  }

  #navbarWrapper .md\:mr-4,
  reach-portal .md\:mr-4 {
    margin-right: 1rem !important
  }

  #navbarWrapper .md\:mb-4,
  reach-portal .md\:mb-4 {
    margin-bottom: 1rem !important
  }

  #navbarWrapper .md\:ml-4,
  reach-portal .md\:ml-4 {
    margin-left: 1rem !important
  }

  #navbarWrapper .md\:mt-5,
  reach-portal .md\:mt-5 {
    margin-top: 1.25rem !important
  }

  #navbarWrapper .md\:mr-5,
  reach-portal .md\:mr-5 {
    margin-right: 1.25rem !important
  }

  #navbarWrapper .md\:mb-5,
  reach-portal .md\:mb-5 {
    margin-bottom: 1.25rem !important
  }

  #navbarWrapper .md\:ml-5,
  reach-portal .md\:ml-5 {
    margin-left: 1.25rem !important
  }

  #navbarWrapper .md\:mt-6,
  reach-portal .md\:mt-6 {
    margin-top: 1.5rem !important
  }

  #navbarWrapper .md\:mr-6,
  reach-portal .md\:mr-6 {
    margin-right: 1.5rem !important
  }

  #navbarWrapper .md\:mb-6,
  reach-portal .md\:mb-6 {
    margin-bottom: 1.5rem !important
  }

  #navbarWrapper .md\:ml-6,
  reach-portal .md\:ml-6 {
    margin-left: 1.5rem !important
  }

  #navbarWrapper .md\:mt-8,
  reach-portal .md\:mt-8 {
    margin-top: 2rem !important
  }

  #navbarWrapper .md\:mr-8,
  reach-portal .md\:mr-8 {
    margin-right: 2rem !important
  }

  #navbarWrapper .md\:mb-8,
  reach-portal .md\:mb-8 {
    margin-bottom: 2rem !important
  }

  #navbarWrapper .md\:ml-8,
  reach-portal .md\:ml-8 {
    margin-left: 2rem !important
  }

  #navbarWrapper .md\:mt-10,
  reach-portal .md\:mt-10 {
    margin-top: 2.5rem !important
  }

  #navbarWrapper .md\:mr-10,
  reach-portal .md\:mr-10 {
    margin-right: 2.5rem !important
  }

  #navbarWrapper .md\:mb-10,
  reach-portal .md\:mb-10 {
    margin-bottom: 2.5rem !important
  }

  #navbarWrapper .md\:ml-10,
  reach-portal .md\:ml-10 {
    margin-left: 2.5rem !important
  }

  #navbarWrapper .md\:mt-12,
  reach-portal .md\:mt-12 {
    margin-top: 3rem !important
  }

  #navbarWrapper .md\:mr-12,
  reach-portal .md\:mr-12 {
    margin-right: 3rem !important
  }

  #navbarWrapper .md\:mb-12,
  reach-portal .md\:mb-12 {
    margin-bottom: 3rem !important
  }

  #navbarWrapper .md\:ml-12,
  reach-portal .md\:ml-12 {
    margin-left: 3rem !important
  }

  #navbarWrapper .md\:mt-16,
  reach-portal .md\:mt-16 {
    margin-top: 4rem !important
  }

  #navbarWrapper .md\:mr-16,
  reach-portal .md\:mr-16 {
    margin-right: 4rem !important
  }

  #navbarWrapper .md\:mb-16,
  reach-portal .md\:mb-16 {
    margin-bottom: 4rem !important
  }

  #navbarWrapper .md\:ml-16,
  reach-portal .md\:ml-16 {
    margin-left: 4rem !important
  }

  #navbarWrapper .md\:mt-20,
  reach-portal .md\:mt-20 {
    margin-top: 5rem !important
  }

  #navbarWrapper .md\:mr-20,
  reach-portal .md\:mr-20 {
    margin-right: 5rem !important
  }

  #navbarWrapper .md\:mb-20,
  reach-portal .md\:mb-20 {
    margin-bottom: 5rem !important
  }

  #navbarWrapper .md\:ml-20,
  reach-portal .md\:ml-20 {
    margin-left: 5rem !important
  }

  #navbarWrapper .md\:mt-24,
  reach-portal .md\:mt-24 {
    margin-top: 6rem !important
  }

  #navbarWrapper .md\:mr-24,
  reach-portal .md\:mr-24 {
    margin-right: 6rem !important
  }

  #navbarWrapper .md\:mb-24,
  reach-portal .md\:mb-24 {
    margin-bottom: 6rem !important
  }

  #navbarWrapper .md\:ml-24,
  reach-portal .md\:ml-24 {
    margin-left: 6rem !important
  }

  #navbarWrapper .md\:mt-32,
  reach-portal .md\:mt-32 {
    margin-top: 8rem !important
  }

  #navbarWrapper .md\:mr-32,
  reach-portal .md\:mr-32 {
    margin-right: 8rem !important
  }

  #navbarWrapper .md\:mb-32,
  reach-portal .md\:mb-32 {
    margin-bottom: 8rem !important
  }

  #navbarWrapper .md\:ml-32,
  reach-portal .md\:ml-32 {
    margin-left: 8rem !important
  }

  #navbarWrapper .md\:mt-40,
  reach-portal .md\:mt-40 {
    margin-top: 10rem !important
  }

  #navbarWrapper .md\:mr-40,
  reach-portal .md\:mr-40 {
    margin-right: 10rem !important
  }

  #navbarWrapper .md\:mb-40,
  reach-portal .md\:mb-40 {
    margin-bottom: 10rem !important
  }

  #navbarWrapper .md\:ml-40,
  reach-portal .md\:ml-40 {
    margin-left: 10rem !important
  }

  #navbarWrapper .md\:mt-48,
  reach-portal .md\:mt-48 {
    margin-top: 12rem !important
  }

  #navbarWrapper .md\:mr-48,
  reach-portal .md\:mr-48 {
    margin-right: 12rem !important
  }

  #navbarWrapper .md\:mb-48,
  reach-portal .md\:mb-48 {
    margin-bottom: 12rem !important
  }

  #navbarWrapper .md\:ml-48,
  reach-portal .md\:ml-48 {
    margin-left: 12rem !important
  }

  #navbarWrapper .md\:mt-56,
  reach-portal .md\:mt-56 {
    margin-top: 14rem !important
  }

  #navbarWrapper .md\:mr-56,
  reach-portal .md\:mr-56 {
    margin-right: 14rem !important
  }

  #navbarWrapper .md\:mb-56,
  reach-portal .md\:mb-56 {
    margin-bottom: 14rem !important
  }

  #navbarWrapper .md\:ml-56,
  reach-portal .md\:ml-56 {
    margin-left: 14rem !important
  }

  #navbarWrapper .md\:mt-64,
  reach-portal .md\:mt-64 {
    margin-top: 16rem !important
  }

  #navbarWrapper .md\:mr-64,
  reach-portal .md\:mr-64 {
    margin-right: 16rem !important
  }

  #navbarWrapper .md\:mb-64,
  reach-portal .md\:mb-64 {
    margin-bottom: 16rem !important
  }

  #navbarWrapper .md\:ml-64,
  reach-portal .md\:ml-64 {
    margin-left: 16rem !important
  }

  #navbarWrapper .md\:mt-auto,
  reach-portal .md\:mt-auto {
    margin-top: auto !important
  }

  #navbarWrapper .md\:mr-auto,
  reach-portal .md\:mr-auto {
    margin-right: auto !important
  }

  #navbarWrapper .md\:mb-auto,
  reach-portal .md\:mb-auto {
    margin-bottom: auto !important
  }

  #navbarWrapper .md\:ml-auto,
  reach-portal .md\:ml-auto {
    margin-left: auto !important
  }

  #navbarWrapper .md\:mt-px,
  reach-portal .md\:mt-px {
    margin-top: 1px !important
  }

  #navbarWrapper .md\:mr-px,
  reach-portal .md\:mr-px {
    margin-right: 1px !important
  }

  #navbarWrapper .md\:mb-px,
  reach-portal .md\:mb-px {
    margin-bottom: 1px !important
  }

  #navbarWrapper .md\:ml-px,
  reach-portal .md\:ml-px {
    margin-left: 1px !important
  }

  #navbarWrapper .md\:-mt-1,
  reach-portal .md\:-mt-1 {
    margin-top: -.25rem !important
  }

  #navbarWrapper .md\:-mr-1,
  reach-portal .md\:-mr-1 {
    margin-right: -.25rem !important
  }

  #navbarWrapper .md\:-mb-1,
  reach-portal .md\:-mb-1 {
    margin-bottom: -.25rem !important
  }

  #navbarWrapper .md\:-ml-1,
  reach-portal .md\:-ml-1 {
    margin-left: -.25rem !important
  }

  #navbarWrapper .md\:-mt-2,
  reach-portal .md\:-mt-2 {
    margin-top: -.5rem !important
  }

  #navbarWrapper .md\:-mr-2,
  reach-portal .md\:-mr-2 {
    margin-right: -.5rem !important
  }

  #navbarWrapper .md\:-mb-2,
  reach-portal .md\:-mb-2 {
    margin-bottom: -.5rem !important
  }

  #navbarWrapper .md\:-ml-2,
  reach-portal .md\:-ml-2 {
    margin-left: -.5rem !important
  }

  #navbarWrapper .md\:-mt-3,
  reach-portal .md\:-mt-3 {
    margin-top: -.75rem !important
  }

  #navbarWrapper .md\:-mr-3,
  reach-portal .md\:-mr-3 {
    margin-right: -.75rem !important
  }

  #navbarWrapper .md\:-mb-3,
  reach-portal .md\:-mb-3 {
    margin-bottom: -.75rem !important
  }

  #navbarWrapper .md\:-ml-3,
  reach-portal .md\:-ml-3 {
    margin-left: -.75rem !important
  }

  #navbarWrapper .md\:-mt-4,
  reach-portal .md\:-mt-4 {
    margin-top: -1rem !important
  }

  #navbarWrapper .md\:-mr-4,
  reach-portal .md\:-mr-4 {
    margin-right: -1rem !important
  }

  #navbarWrapper .md\:-mb-4,
  reach-portal .md\:-mb-4 {
    margin-bottom: -1rem !important
  }

  #navbarWrapper .md\:-ml-4,
  reach-portal .md\:-ml-4 {
    margin-left: -1rem !important
  }

  #navbarWrapper .md\:-mt-5,
  reach-portal .md\:-mt-5 {
    margin-top: -1.25rem !important
  }

  #navbarWrapper .md\:-mr-5,
  reach-portal .md\:-mr-5 {
    margin-right: -1.25rem !important
  }

  #navbarWrapper .md\:-mb-5,
  reach-portal .md\:-mb-5 {
    margin-bottom: -1.25rem !important
  }

  #navbarWrapper .md\:-ml-5,
  reach-portal .md\:-ml-5 {
    margin-left: -1.25rem !important
  }

  #navbarWrapper .md\:-mt-6,
  reach-portal .md\:-mt-6 {
    margin-top: -1.5rem !important
  }

  #navbarWrapper .md\:-mr-6,
  reach-portal .md\:-mr-6 {
    margin-right: -1.5rem !important
  }

  #navbarWrapper .md\:-mb-6,
  reach-portal .md\:-mb-6 {
    margin-bottom: -1.5rem !important
  }

  #navbarWrapper .md\:-ml-6,
  reach-portal .md\:-ml-6 {
    margin-left: -1.5rem !important
  }

  #navbarWrapper .md\:-mt-8,
  reach-portal .md\:-mt-8 {
    margin-top: -2rem !important
  }

  #navbarWrapper .md\:-mr-8,
  reach-portal .md\:-mr-8 {
    margin-right: -2rem !important
  }

  #navbarWrapper .md\:-mb-8,
  reach-portal .md\:-mb-8 {
    margin-bottom: -2rem !important
  }

  #navbarWrapper .md\:-ml-8,
  reach-portal .md\:-ml-8 {
    margin-left: -2rem !important
  }

  #navbarWrapper .md\:-mt-10,
  reach-portal .md\:-mt-10 {
    margin-top: -2.5rem !important
  }

  #navbarWrapper .md\:-mr-10,
  reach-portal .md\:-mr-10 {
    margin-right: -2.5rem !important
  }

  #navbarWrapper .md\:-mb-10,
  reach-portal .md\:-mb-10 {
    margin-bottom: -2.5rem !important
  }

  #navbarWrapper .md\:-ml-10,
  reach-portal .md\:-ml-10 {
    margin-left: -2.5rem !important
  }

  #navbarWrapper .md\:-mt-12,
  reach-portal .md\:-mt-12 {
    margin-top: -3rem !important
  }

  #navbarWrapper .md\:-mr-12,
  reach-portal .md\:-mr-12 {
    margin-right: -3rem !important
  }

  #navbarWrapper .md\:-mb-12,
  reach-portal .md\:-mb-12 {
    margin-bottom: -3rem !important
  }

  #navbarWrapper .md\:-ml-12,
  reach-portal .md\:-ml-12 {
    margin-left: -3rem !important
  }

  #navbarWrapper .md\:-mt-16,
  reach-portal .md\:-mt-16 {
    margin-top: -4rem !important
  }

  #navbarWrapper .md\:-mr-16,
  reach-portal .md\:-mr-16 {
    margin-right: -4rem !important
  }

  #navbarWrapper .md\:-mb-16,
  reach-portal .md\:-mb-16 {
    margin-bottom: -4rem !important
  }

  #navbarWrapper .md\:-ml-16,
  reach-portal .md\:-ml-16 {
    margin-left: -4rem !important
  }

  #navbarWrapper .md\:-mt-20,
  reach-portal .md\:-mt-20 {
    margin-top: -5rem !important
  }

  #navbarWrapper .md\:-mr-20,
  reach-portal .md\:-mr-20 {
    margin-right: -5rem !important
  }

  #navbarWrapper .md\:-mb-20,
  reach-portal .md\:-mb-20 {
    margin-bottom: -5rem !important
  }

  #navbarWrapper .md\:-ml-20,
  reach-portal .md\:-ml-20 {
    margin-left: -5rem !important
  }

  #navbarWrapper .md\:-mt-24,
  reach-portal .md\:-mt-24 {
    margin-top: -6rem !important
  }

  #navbarWrapper .md\:-mr-24,
  reach-portal .md\:-mr-24 {
    margin-right: -6rem !important
  }

  #navbarWrapper .md\:-mb-24,
  reach-portal .md\:-mb-24 {
    margin-bottom: -6rem !important
  }

  #navbarWrapper .md\:-ml-24,
  reach-portal .md\:-ml-24 {
    margin-left: -6rem !important
  }

  #navbarWrapper .md\:-mt-32,
  reach-portal .md\:-mt-32 {
    margin-top: -8rem !important
  }

  #navbarWrapper .md\:-mr-32,
  reach-portal .md\:-mr-32 {
    margin-right: -8rem !important
  }

  #navbarWrapper .md\:-mb-32,
  reach-portal .md\:-mb-32 {
    margin-bottom: -8rem !important
  }

  #navbarWrapper .md\:-ml-32,
  reach-portal .md\:-ml-32 {
    margin-left: -8rem !important
  }

  #navbarWrapper .md\:-mt-40,
  reach-portal .md\:-mt-40 {
    margin-top: -10rem !important
  }

  #navbarWrapper .md\:-mr-40,
  reach-portal .md\:-mr-40 {
    margin-right: -10rem !important
  }

  #navbarWrapper .md\:-mb-40,
  reach-portal .md\:-mb-40 {
    margin-bottom: -10rem !important
  }

  #navbarWrapper .md\:-ml-40,
  reach-portal .md\:-ml-40 {
    margin-left: -10rem !important
  }

  #navbarWrapper .md\:-mt-48,
  reach-portal .md\:-mt-48 {
    margin-top: -12rem !important
  }

  #navbarWrapper .md\:-mr-48,
  reach-portal .md\:-mr-48 {
    margin-right: -12rem !important
  }

  #navbarWrapper .md\:-mb-48,
  reach-portal .md\:-mb-48 {
    margin-bottom: -12rem !important
  }

  #navbarWrapper .md\:-ml-48,
  reach-portal .md\:-ml-48 {
    margin-left: -12rem !important
  }

  #navbarWrapper .md\:-mt-56,
  reach-portal .md\:-mt-56 {
    margin-top: -14rem !important
  }

  #navbarWrapper .md\:-mr-56,
  reach-portal .md\:-mr-56 {
    margin-right: -14rem !important
  }

  #navbarWrapper .md\:-mb-56,
  reach-portal .md\:-mb-56 {
    margin-bottom: -14rem !important
  }

  #navbarWrapper .md\:-ml-56,
  reach-portal .md\:-ml-56 {
    margin-left: -14rem !important
  }

  #navbarWrapper .md\:-mt-64,
  reach-portal .md\:-mt-64 {
    margin-top: -16rem !important
  }

  #navbarWrapper .md\:-mr-64,
  reach-portal .md\:-mr-64 {
    margin-right: -16rem !important
  }

  #navbarWrapper .md\:-mb-64,
  reach-portal .md\:-mb-64 {
    margin-bottom: -16rem !important
  }

  #navbarWrapper .md\:-ml-64,
  reach-portal .md\:-ml-64 {
    margin-left: -16rem !important
  }

  #navbarWrapper .md\:-mt-px,
  reach-portal .md\:-mt-px {
    margin-top: -1px !important
  }

  #navbarWrapper .md\:-mr-px,
  reach-portal .md\:-mr-px {
    margin-right: -1px !important
  }

  #navbarWrapper .md\:-mb-px,
  reach-portal .md\:-mb-px {
    margin-bottom: -1px !important
  }

  #navbarWrapper .md\:-ml-px,
  reach-portal .md\:-ml-px {
    margin-left: -1px !important
  }

  #navbarWrapper .md\:max-h-full,
  reach-portal .md\:max-h-full {
    max-height: 100% !important
  }

  #navbarWrapper .md\:max-h-screen,
  reach-portal .md\:max-h-screen {
    max-height: 100vh !important
  }

  #navbarWrapper .md\:max-w-none,
  reach-portal .md\:max-w-none {
    max-width: none !important
  }

  #navbarWrapper .md\:max-w-xs,
  reach-portal .md\:max-w-xs {
    max-width: 20rem !important
  }

  #navbarWrapper .md\:max-w-sm,
  reach-portal .md\:max-w-sm {
    max-width: 24rem !important
  }

  #navbarWrapper .md\:max-w-md,
  reach-portal .md\:max-w-md {
    max-width: 28rem !important
  }

  #navbarWrapper .md\:max-w-lg,
  reach-portal .md\:max-w-lg {
    max-width: 32rem !important
  }

  #navbarWrapper .md\:max-w-xl,
  reach-portal .md\:max-w-xl {
    max-width: 36rem !important
  }

  #navbarWrapper .md\:max-w-2xl,
  reach-portal .md\:max-w-2xl {
    max-width: 42rem !important
  }

  #navbarWrapper .md\:max-w-3xl,
  reach-portal .md\:max-w-3xl {
    max-width: 48rem !important
  }

  #navbarWrapper .md\:max-w-4xl,
  reach-portal .md\:max-w-4xl {
    max-width: 56rem !important
  }

  #navbarWrapper .md\:max-w-5xl,
  reach-portal .md\:max-w-5xl {
    max-width: 64rem !important
  }

  #navbarWrapper .md\:max-w-6xl,
  reach-portal .md\:max-w-6xl {
    max-width: 72rem !important
  }

  #navbarWrapper .md\:max-w-full,
  reach-portal .md\:max-w-full {
    max-width: 100% !important
  }

  #navbarWrapper .md\:max-w-screen-sm,
  reach-portal .md\:max-w-screen-sm {
    max-width: 576px !important
  }

  #navbarWrapper .md\:max-w-screen-md,
  reach-portal .md\:max-w-screen-md {
    max-width: 768px !important
  }

  #navbarWrapper .md\:max-w-screen-lg,
  reach-portal .md\:max-w-screen-lg {
    max-width: 992px !important
  }

  #navbarWrapper .md\:max-w-screen-xl,
  reach-portal .md\:max-w-screen-xl {
    max-width: 1200px !important
  }

  #navbarWrapper .md\:min-h-0,
  reach-portal .md\:min-h-0 {
    min-height: 0 !important
  }

  #navbarWrapper .md\:min-h-full,
  reach-portal .md\:min-h-full {
    min-height: 100% !important
  }

  #navbarWrapper .md\:min-h-screen,
  reach-portal .md\:min-h-screen {
    min-height: 100vh !important
  }

  #navbarWrapper .md\:min-w-0,
  reach-portal .md\:min-w-0 {
    min-width: 0 !important
  }

  #navbarWrapper .md\:min-w-full,
  reach-portal .md\:min-w-full {
    min-width: 100% !important
  }

  #navbarWrapper .md\:object-contain,
  reach-portal .md\:object-contain {
    object-fit: contain !important
  }

  #navbarWrapper .md\:object-cover,
  reach-portal .md\:object-cover {
    object-fit: cover !important
  }

  #navbarWrapper .md\:object-fill,
  reach-portal .md\:object-fill {
    object-fit: fill !important
  }

  #navbarWrapper .md\:object-none,
  reach-portal .md\:object-none {
    object-fit: none !important
  }

  #navbarWrapper .md\:object-scale-down,
  reach-portal .md\:object-scale-down {
    object-fit: scale-down !important
  }

  #navbarWrapper .md\:object-bottom,
  reach-portal .md\:object-bottom {
    object-position: bottom !important
  }

  #navbarWrapper .md\:object-center,
  reach-portal .md\:object-center {
    object-position: center !important
  }

  #navbarWrapper .md\:object-left,
  reach-portal .md\:object-left {
    object-position: left !important
  }

  #navbarWrapper .md\:object-left-bottom,
  reach-portal .md\:object-left-bottom {
    object-position: left bottom !important
  }

  #navbarWrapper .md\:object-left-top,
  reach-portal .md\:object-left-top {
    object-position: left top !important
  }

  #navbarWrapper .md\:object-right,
  reach-portal .md\:object-right {
    object-position: right !important
  }

  #navbarWrapper .md\:object-right-bottom,
  reach-portal .md\:object-right-bottom {
    object-position: right bottom !important
  }

  #navbarWrapper .md\:object-right-top,
  reach-portal .md\:object-right-top {
    object-position: right top !important
  }

  #navbarWrapper .md\:object-top,
  reach-portal .md\:object-top {
    object-position: top !important
  }

  #navbarWrapper .md\:opacity-0,
  reach-portal .md\:opacity-0 {
    opacity: 0 !important
  }

  #navbarWrapper .md\:opacity-25,
  reach-portal .md\:opacity-25 {
    opacity: .25 !important
  }

  #navbarWrapper .md\:opacity-50,
  reach-portal .md\:opacity-50 {
    opacity: .5 !important
  }

  #navbarWrapper .md\:opacity-75,
  reach-portal .md\:opacity-75 {
    opacity: .75 !important
  }

  #navbarWrapper .md\:opacity-100,
  reach-portal .md\:opacity-100 {
    opacity: 1 !important
  }

  #navbarWrapper .md\:hover\:opacity-0:hover,
  reach-portal .md\:hover\:opacity-0:hover {
    opacity: 0 !important
  }

  #navbarWrapper .md\:hover\:opacity-25:hover,
  reach-portal .md\:hover\:opacity-25:hover {
    opacity: .25 !important
  }

  #navbarWrapper .md\:hover\:opacity-50:hover,
  reach-portal .md\:hover\:opacity-50:hover {
    opacity: .5 !important
  }

  #navbarWrapper .md\:hover\:opacity-75:hover,
  reach-portal .md\:hover\:opacity-75:hover {
    opacity: .75 !important
  }

  #navbarWrapper .md\:hover\:opacity-100:hover,
  reach-portal .md\:hover\:opacity-100:hover {
    opacity: 1 !important
  }

  #navbarWrapper .md\:focus\:outline-none:focus,
  #navbarWrapper .md\:outline-none,
  reach-portal .md\:focus\:outline-none:focus,
  reach-portal .md\:outline-none {
    outline: 0 !important
  }

  #navbarWrapper .md\:overflow-auto,
  reach-portal .md\:overflow-auto {
    overflow: auto !important
  }

  #navbarWrapper .md\:overflow-hidden,
  reach-portal .md\:overflow-hidden {
    overflow: hidden !important
  }

  #navbarWrapper .md\:overflow-visible,
  reach-portal .md\:overflow-visible {
    overflow: visible !important
  }

  #navbarWrapper .md\:overflow-scroll,
  reach-portal .md\:overflow-scroll {
    overflow: scroll !important
  }

  #navbarWrapper .md\:overflow-x-auto,
  reach-portal .md\:overflow-x-auto {
    overflow-x: auto !important
  }

  #navbarWrapper .md\:overflow-y-auto,
  reach-portal .md\:overflow-y-auto {
    overflow-y: auto !important
  }

  #navbarWrapper .md\:overflow-x-hidden,
  reach-portal .md\:overflow-x-hidden {
    overflow-x: hidden !important
  }

  #navbarWrapper .md\:overflow-y-hidden,
  reach-portal .md\:overflow-y-hidden {
    overflow-y: hidden !important
  }

  #navbarWrapper .md\:overflow-x-visible,
  reach-portal .md\:overflow-x-visible {
    overflow-x: visible !important
  }

  #navbarWrapper .md\:overflow-y-visible,
  reach-portal .md\:overflow-y-visible {
    overflow-y: visible !important
  }

  #navbarWrapper .md\:overflow-x-scroll,
  reach-portal .md\:overflow-x-scroll {
    overflow-x: scroll !important
  }

  #navbarWrapper .md\:overflow-y-scroll,
  reach-portal .md\:overflow-y-scroll {
    overflow-y: scroll !important
  }

  #navbarWrapper .md\:scrolling-touch,
  reach-portal .md\:scrolling-touch {
    -webkit-overflow-scrolling: touch !important
  }

  #navbarWrapper .md\:scrolling-auto,
  reach-portal .md\:scrolling-auto {
    -webkit-overflow-scrolling: auto !important
  }

  #navbarWrapper .md\:p-0,
  reach-portal .md\:p-0 {
    padding: 0 !important
  }

  #navbarWrapper .md\:p-1,
  reach-portal .md\:p-1 {
    padding: .25rem !important
  }

  #navbarWrapper .md\:p-2,
  reach-portal .md\:p-2 {
    padding: .5rem !important
  }

  #navbarWrapper .md\:p-3,
  reach-portal .md\:p-3 {
    padding: .75rem !important
  }

  #navbarWrapper .md\:p-4,
  reach-portal .md\:p-4 {
    padding: 1rem !important
  }

  #navbarWrapper .md\:p-5,
  reach-portal .md\:p-5 {
    padding: 1.25rem !important
  }

  #navbarWrapper .md\:p-6,
  reach-portal .md\:p-6 {
    padding: 1.5rem !important
  }

  #navbarWrapper .md\:p-8,
  reach-portal .md\:p-8 {
    padding: 2rem !important
  }

  #navbarWrapper .md\:p-10,
  reach-portal .md\:p-10 {
    padding: 2.5rem !important
  }

  #navbarWrapper .md\:p-12,
  reach-portal .md\:p-12 {
    padding: 3rem !important
  }

  #navbarWrapper .md\:p-16,
  reach-portal .md\:p-16 {
    padding: 4rem !important
  }

  #navbarWrapper .md\:p-20,
  reach-portal .md\:p-20 {
    padding: 5rem !important
  }

  #navbarWrapper .md\:p-24,
  reach-portal .md\:p-24 {
    padding: 6rem !important
  }

  #navbarWrapper .md\:p-32,
  reach-portal .md\:p-32 {
    padding: 8rem !important
  }

  #navbarWrapper .md\:p-40,
  reach-portal .md\:p-40 {
    padding: 10rem !important
  }

  #navbarWrapper .md\:p-48,
  reach-portal .md\:p-48 {
    padding: 12rem !important
  }

  #navbarWrapper .md\:p-56,
  reach-portal .md\:p-56 {
    padding: 14rem !important
  }

  #navbarWrapper .md\:p-64,
  reach-portal .md\:p-64 {
    padding: 16rem !important
  }

  #navbarWrapper .md\:p-px,
  reach-portal .md\:p-px {
    padding: 1px !important
  }

  #navbarWrapper .md\:py-0,
  reach-portal .md\:py-0 {
    padding-bottom: 0 !important;
    padding-top: 0 !important
  }

  #navbarWrapper .md\:px-0,
  reach-portal .md\:px-0 {
    padding-left: 0 !important;
    padding-right: 0 !important
  }

  #navbarWrapper .md\:py-1,
  reach-portal .md\:py-1 {
    padding-bottom: .25rem !important;
    padding-top: .25rem !important
  }

  #navbarWrapper .md\:px-1,
  reach-portal .md\:px-1 {
    padding-left: .25rem !important;
    padding-right: .25rem !important
  }

  #navbarWrapper .md\:py-2,
  reach-portal .md\:py-2 {
    padding-bottom: .5rem !important;
    padding-top: .5rem !important
  }

  #navbarWrapper .md\:px-2,
  reach-portal .md\:px-2 {
    padding-left: .5rem !important;
    padding-right: .5rem !important
  }

  #navbarWrapper .md\:py-3,
  reach-portal .md\:py-3 {
    padding-bottom: .75rem !important;
    padding-top: .75rem !important
  }

  #navbarWrapper .md\:px-3,
  reach-portal .md\:px-3 {
    padding-left: .75rem !important;
    padding-right: .75rem !important
  }

  #navbarWrapper .md\:py-4,
  reach-portal .md\:py-4 {
    padding-bottom: 1rem !important;
    padding-top: 1rem !important
  }

  #navbarWrapper .md\:px-4,
  reach-portal .md\:px-4 {
    padding-left: 1rem !important;
    padding-right: 1rem !important
  }

  #navbarWrapper .md\:py-5,
  reach-portal .md\:py-5 {
    padding-bottom: 1.25rem !important;
    padding-top: 1.25rem !important
  }

  #navbarWrapper .md\:px-5,
  reach-portal .md\:px-5 {
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important
  }

  #navbarWrapper .md\:py-6,
  reach-portal .md\:py-6 {
    padding-bottom: 1.5rem !important;
    padding-top: 1.5rem !important
  }

  #navbarWrapper .md\:px-6,
  reach-portal .md\:px-6 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important
  }

  #navbarWrapper .md\:py-8,
  reach-portal .md\:py-8 {
    padding-bottom: 2rem !important;
    padding-top: 2rem !important
  }

  #navbarWrapper .md\:px-8,
  reach-portal .md\:px-8 {
    padding-left: 2rem !important;
    padding-right: 2rem !important
  }

  #navbarWrapper .md\:py-10,
  reach-portal .md\:py-10 {
    padding-bottom: 2.5rem !important;
    padding-top: 2.5rem !important
  }

  #navbarWrapper .md\:px-10,
  reach-portal .md\:px-10 {
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important
  }

  #navbarWrapper .md\:py-12,
  reach-portal .md\:py-12 {
    padding-bottom: 3rem !important;
    padding-top: 3rem !important
  }

  #navbarWrapper .md\:px-12,
  reach-portal .md\:px-12 {
    padding-left: 3rem !important;
    padding-right: 3rem !important
  }

  #navbarWrapper .md\:py-16,
  reach-portal .md\:py-16 {
    padding-bottom: 4rem !important;
    padding-top: 4rem !important
  }

  #navbarWrapper .md\:px-16,
  reach-portal .md\:px-16 {
    padding-left: 4rem !important;
    padding-right: 4rem !important
  }

  #navbarWrapper .md\:py-20,
  reach-portal .md\:py-20 {
    padding-bottom: 5rem !important;
    padding-top: 5rem !important
  }

  #navbarWrapper .md\:px-20,
  reach-portal .md\:px-20 {
    padding-left: 5rem !important;
    padding-right: 5rem !important
  }

  #navbarWrapper .md\:py-24,
  reach-portal .md\:py-24 {
    padding-bottom: 6rem !important;
    padding-top: 6rem !important
  }

  #navbarWrapper .md\:px-24,
  reach-portal .md\:px-24 {
    padding-left: 6rem !important;
    padding-right: 6rem !important
  }

  #navbarWrapper .md\:py-32,
  reach-portal .md\:py-32 {
    padding-bottom: 8rem !important;
    padding-top: 8rem !important
  }

  #navbarWrapper .md\:px-32,
  reach-portal .md\:px-32 {
    padding-left: 8rem !important;
    padding-right: 8rem !important
  }

  #navbarWrapper .md\:py-40,
  reach-portal .md\:py-40 {
    padding-bottom: 10rem !important;
    padding-top: 10rem !important
  }

  #navbarWrapper .md\:px-40,
  reach-portal .md\:px-40 {
    padding-left: 10rem !important;
    padding-right: 10rem !important
  }

  #navbarWrapper .md\:py-48,
  reach-portal .md\:py-48 {
    padding-bottom: 12rem !important;
    padding-top: 12rem !important
  }

  #navbarWrapper .md\:px-48,
  reach-portal .md\:px-48 {
    padding-left: 12rem !important;
    padding-right: 12rem !important
  }

  #navbarWrapper .md\:py-56,
  reach-portal .md\:py-56 {
    padding-bottom: 14rem !important;
    padding-top: 14rem !important
  }

  #navbarWrapper .md\:px-56,
  reach-portal .md\:px-56 {
    padding-left: 14rem !important;
    padding-right: 14rem !important
  }

  #navbarWrapper .md\:py-64,
  reach-portal .md\:py-64 {
    padding-bottom: 16rem !important;
    padding-top: 16rem !important
  }

  #navbarWrapper .md\:px-64,
  reach-portal .md\:px-64 {
    padding-left: 16rem !important;
    padding-right: 16rem !important
  }

  #navbarWrapper .md\:py-px,
  reach-portal .md\:py-px {
    padding-bottom: 1px !important;
    padding-top: 1px !important
  }

  #navbarWrapper .md\:px-px,
  reach-portal .md\:px-px {
    padding-left: 1px !important;
    padding-right: 1px !important
  }

  #navbarWrapper .md\:pt-0,
  reach-portal .md\:pt-0 {
    padding-top: 0 !important
  }

  #navbarWrapper .md\:pr-0,
  reach-portal .md\:pr-0 {
    padding-right: 0 !important
  }

  #navbarWrapper .md\:pb-0,
  reach-portal .md\:pb-0 {
    padding-bottom: 0 !important
  }

  #navbarWrapper .md\:pl-0,
  reach-portal .md\:pl-0 {
    padding-left: 0 !important
  }

  #navbarWrapper .md\:pt-1,
  reach-portal .md\:pt-1 {
    padding-top: .25rem !important
  }

  #navbarWrapper .md\:pr-1,
  reach-portal .md\:pr-1 {
    padding-right: .25rem !important
  }

  #navbarWrapper .md\:pb-1,
  reach-portal .md\:pb-1 {
    padding-bottom: .25rem !important
  }

  #navbarWrapper .md\:pl-1,
  reach-portal .md\:pl-1 {
    padding-left: .25rem !important
  }

  #navbarWrapper .md\:pt-2,
  reach-portal .md\:pt-2 {
    padding-top: .5rem !important
  }

  #navbarWrapper .md\:pr-2,
  reach-portal .md\:pr-2 {
    padding-right: .5rem !important
  }

  #navbarWrapper .md\:pb-2,
  reach-portal .md\:pb-2 {
    padding-bottom: .5rem !important
  }

  #navbarWrapper .md\:pl-2,
  reach-portal .md\:pl-2 {
    padding-left: .5rem !important
  }

  #navbarWrapper .md\:pt-3,
  reach-portal .md\:pt-3 {
    padding-top: .75rem !important
  }

  #navbarWrapper .md\:pr-3,
  reach-portal .md\:pr-3 {
    padding-right: .75rem !important
  }

  #navbarWrapper .md\:pb-3,
  reach-portal .md\:pb-3 {
    padding-bottom: .75rem !important
  }

  #navbarWrapper .md\:pl-3,
  reach-portal .md\:pl-3 {
    padding-left: .75rem !important
  }

  #navbarWrapper .md\:pt-4,
  reach-portal .md\:pt-4 {
    padding-top: 1rem !important
  }

  #navbarWrapper .md\:pr-4,
  reach-portal .md\:pr-4 {
    padding-right: 1rem !important
  }

  #navbarWrapper .md\:pb-4,
  reach-portal .md\:pb-4 {
    padding-bottom: 1rem !important
  }

  #navbarWrapper .md\:pl-4,
  reach-portal .md\:pl-4 {
    padding-left: 1rem !important
  }

  #navbarWrapper .md\:pt-5,
  reach-portal .md\:pt-5 {
    padding-top: 1.25rem !important
  }

  #navbarWrapper .md\:pr-5,
  reach-portal .md\:pr-5 {
    padding-right: 1.25rem !important
  }

  #navbarWrapper .md\:pb-5,
  reach-portal .md\:pb-5 {
    padding-bottom: 1.25rem !important
  }

  #navbarWrapper .md\:pl-5,
  reach-portal .md\:pl-5 {
    padding-left: 1.25rem !important
  }

  #navbarWrapper .md\:pt-6,
  reach-portal .md\:pt-6 {
    padding-top: 1.5rem !important
  }

  #navbarWrapper .md\:pr-6,
  reach-portal .md\:pr-6 {
    padding-right: 1.5rem !important
  }

  #navbarWrapper .md\:pb-6,
  reach-portal .md\:pb-6 {
    padding-bottom: 1.5rem !important
  }

  #navbarWrapper .md\:pl-6,
  reach-portal .md\:pl-6 {
    padding-left: 1.5rem !important
  }

  #navbarWrapper .md\:pt-8,
  reach-portal .md\:pt-8 {
    padding-top: 2rem !important
  }

  #navbarWrapper .md\:pr-8,
  reach-portal .md\:pr-8 {
    padding-right: 2rem !important
  }

  #navbarWrapper .md\:pb-8,
  reach-portal .md\:pb-8 {
    padding-bottom: 2rem !important
  }

  #navbarWrapper .md\:pl-8,
  reach-portal .md\:pl-8 {
    padding-left: 2rem !important
  }

  #navbarWrapper .md\:pt-10,
  reach-portal .md\:pt-10 {
    padding-top: 2.5rem !important
  }

  #navbarWrapper .md\:pr-10,
  reach-portal .md\:pr-10 {
    padding-right: 2.5rem !important
  }

  #navbarWrapper .md\:pb-10,
  reach-portal .md\:pb-10 {
    padding-bottom: 2.5rem !important
  }

  #navbarWrapper .md\:pl-10,
  reach-portal .md\:pl-10 {
    padding-left: 2.5rem !important
  }

  #navbarWrapper .md\:pt-12,
  reach-portal .md\:pt-12 {
    padding-top: 3rem !important
  }

  #navbarWrapper .md\:pr-12,
  reach-portal .md\:pr-12 {
    padding-right: 3rem !important
  }

  #navbarWrapper .md\:pb-12,
  reach-portal .md\:pb-12 {
    padding-bottom: 3rem !important
  }

  #navbarWrapper .md\:pl-12,
  reach-portal .md\:pl-12 {
    padding-left: 3rem !important
  }

  #navbarWrapper .md\:pt-16,
  reach-portal .md\:pt-16 {
    padding-top: 4rem !important
  }

  #navbarWrapper .md\:pr-16,
  reach-portal .md\:pr-16 {
    padding-right: 4rem !important
  }

  #navbarWrapper .md\:pb-16,
  reach-portal .md\:pb-16 {
    padding-bottom: 4rem !important
  }

  #navbarWrapper .md\:pl-16,
  reach-portal .md\:pl-16 {
    padding-left: 4rem !important
  }

  #navbarWrapper .md\:pt-20,
  reach-portal .md\:pt-20 {
    padding-top: 5rem !important
  }

  #navbarWrapper .md\:pr-20,
  reach-portal .md\:pr-20 {
    padding-right: 5rem !important
  }

  #navbarWrapper .md\:pb-20,
  reach-portal .md\:pb-20 {
    padding-bottom: 5rem !important
  }

  #navbarWrapper .md\:pl-20,
  reach-portal .md\:pl-20 {
    padding-left: 5rem !important
  }

  #navbarWrapper .md\:pt-24,
  reach-portal .md\:pt-24 {
    padding-top: 6rem !important
  }

  #navbarWrapper .md\:pr-24,
  reach-portal .md\:pr-24 {
    padding-right: 6rem !important
  }

  #navbarWrapper .md\:pb-24,
  reach-portal .md\:pb-24 {
    padding-bottom: 6rem !important
  }

  #navbarWrapper .md\:pl-24,
  reach-portal .md\:pl-24 {
    padding-left: 6rem !important
  }

  #navbarWrapper .md\:pt-32,
  reach-portal .md\:pt-32 {
    padding-top: 8rem !important
  }

  #navbarWrapper .md\:pr-32,
  reach-portal .md\:pr-32 {
    padding-right: 8rem !important
  }

  #navbarWrapper .md\:pb-32,
  reach-portal .md\:pb-32 {
    padding-bottom: 8rem !important
  }

  #navbarWrapper .md\:pl-32,
  reach-portal .md\:pl-32 {
    padding-left: 8rem !important
  }

  #navbarWrapper .md\:pt-40,
  reach-portal .md\:pt-40 {
    padding-top: 10rem !important
  }

  #navbarWrapper .md\:pr-40,
  reach-portal .md\:pr-40 {
    padding-right: 10rem !important
  }

  #navbarWrapper .md\:pb-40,
  reach-portal .md\:pb-40 {
    padding-bottom: 10rem !important
  }

  #navbarWrapper .md\:pl-40,
  reach-portal .md\:pl-40 {
    padding-left: 10rem !important
  }

  #navbarWrapper .md\:pt-48,
  reach-portal .md\:pt-48 {
    padding-top: 12rem !important
  }

  #navbarWrapper .md\:pr-48,
  reach-portal .md\:pr-48 {
    padding-right: 12rem !important
  }

  #navbarWrapper .md\:pb-48,
  reach-portal .md\:pb-48 {
    padding-bottom: 12rem !important
  }

  #navbarWrapper .md\:pl-48,
  reach-portal .md\:pl-48 {
    padding-left: 12rem !important
  }

  #navbarWrapper .md\:pt-56,
  reach-portal .md\:pt-56 {
    padding-top: 14rem !important
  }

  #navbarWrapper .md\:pr-56,
  reach-portal .md\:pr-56 {
    padding-right: 14rem !important
  }

  #navbarWrapper .md\:pb-56,
  reach-portal .md\:pb-56 {
    padding-bottom: 14rem !important
  }

  #navbarWrapper .md\:pl-56,
  reach-portal .md\:pl-56 {
    padding-left: 14rem !important
  }

  #navbarWrapper .md\:pt-64,
  reach-portal .md\:pt-64 {
    padding-top: 16rem !important
  }

  #navbarWrapper .md\:pr-64,
  reach-portal .md\:pr-64 {
    padding-right: 16rem !important
  }

  #navbarWrapper .md\:pb-64,
  reach-portal .md\:pb-64 {
    padding-bottom: 16rem !important
  }

  #navbarWrapper .md\:pl-64,
  reach-portal .md\:pl-64 {
    padding-left: 16rem !important
  }

  #navbarWrapper .md\:pt-px,
  reach-portal .md\:pt-px {
    padding-top: 1px !important
  }

  #navbarWrapper .md\:pr-px,
  reach-portal .md\:pr-px {
    padding-right: 1px !important
  }

  #navbarWrapper .md\:pb-px,
  reach-portal .md\:pb-px {
    padding-bottom: 1px !important
  }

  #navbarWrapper .md\:pl-px,
  reach-portal .md\:pl-px {
    padding-left: 1px !important
  }

  #navbarWrapper .md\:placeholder-transparent::placeholder,
  reach-portal .md\:placeholder-transparent::placeholder {
    color: #0000 !important
  }

  #navbarWrapper .md\:placeholder-current::placeholder,
  reach-portal .md\:placeholder-current::placeholder {
    color: currentColor !important
  }

  #navbarWrapper .md\:placeholder-black::placeholder,
  reach-portal .md\:placeholder-black::placeholder {
    --placeholder-opacity: 1 !important;
    color: #000 !important;
    color: rgba(0, 0, 0, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:placeholder-white::placeholder,
  reach-portal .md\:placeholder-white::placeholder {
    --placeholder-opacity: 1 !important;
    color: #fff !important;
    color: rgba(255, 255, 255, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:placeholder-gray-100::placeholder,
  reach-portal .md\:placeholder-gray-100::placeholder {
    --placeholder-opacity: 1 !important;
    color: #f7fafc !important;
    color: rgba(247, 250, 252, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:placeholder-gray-200::placeholder,
  reach-portal .md\:placeholder-gray-200::placeholder {
    --placeholder-opacity: 1 !important;
    color: #edf2f7 !important;
    color: rgba(237, 242, 247, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:placeholder-gray-300::placeholder,
  reach-portal .md\:placeholder-gray-300::placeholder {
    --placeholder-opacity: 1 !important;
    color: #e2e8f0 !important;
    color: rgba(226, 232, 240, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:placeholder-gray-400::placeholder,
  reach-portal .md\:placeholder-gray-400::placeholder {
    --placeholder-opacity: 1 !important;
    color: #cbd5e0 !important;
    color: rgba(203, 213, 224, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:placeholder-gray-500::placeholder,
  reach-portal .md\:placeholder-gray-500::placeholder {
    --placeholder-opacity: 1 !important;
    color: #a0aec0 !important;
    color: rgba(160, 174, 192, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:placeholder-gray-600::placeholder,
  reach-portal .md\:placeholder-gray-600::placeholder {
    --placeholder-opacity: 1 !important;
    color: #718096 !important;
    color: rgba(113, 128, 150, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:placeholder-gray-700::placeholder,
  reach-portal .md\:placeholder-gray-700::placeholder {
    --placeholder-opacity: 1 !important;
    color: #4a5568 !important;
    color: rgba(74, 85, 104, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:placeholder-gray-800::placeholder,
  reach-portal .md\:placeholder-gray-800::placeholder {
    --placeholder-opacity: 1 !important;
    color: #2d3748 !important;
    color: rgba(45, 55, 72, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:placeholder-gray-900::placeholder,
  reach-portal .md\:placeholder-gray-900::placeholder {
    --placeholder-opacity: 1 !important;
    color: #1a202c !important;
    color: rgba(26, 32, 44, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:placeholder-red-100::placeholder,
  reach-portal .md\:placeholder-red-100::placeholder {
    --placeholder-opacity: 1 !important;
    color: #fff5f5 !important;
    color: rgba(255, 245, 245, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:placeholder-red-200::placeholder,
  reach-portal .md\:placeholder-red-200::placeholder {
    --placeholder-opacity: 1 !important;
    color: #fed7d7 !important;
    color: rgba(254, 215, 215, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:placeholder-red-300::placeholder,
  reach-portal .md\:placeholder-red-300::placeholder {
    --placeholder-opacity: 1 !important;
    color: #feb2b2 !important;
    color: rgba(254, 178, 178, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:placeholder-red-400::placeholder,
  reach-portal .md\:placeholder-red-400::placeholder {
    --placeholder-opacity: 1 !important;
    color: #fc8181 !important;
    color: rgba(252, 129, 129, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:placeholder-red-500::placeholder,
  reach-portal .md\:placeholder-red-500::placeholder {
    --placeholder-opacity: 1 !important;
    color: #f56565 !important;
    color: rgba(245, 101, 101, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:placeholder-red-600::placeholder,
  reach-portal .md\:placeholder-red-600::placeholder {
    --placeholder-opacity: 1 !important;
    color: #e53e3e !important;
    color: rgba(229, 62, 62, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:placeholder-red-700::placeholder,
  reach-portal .md\:placeholder-red-700::placeholder {
    --placeholder-opacity: 1 !important;
    color: #c53030 !important;
    color: rgba(197, 48, 48, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:placeholder-red-800::placeholder,
  reach-portal .md\:placeholder-red-800::placeholder {
    --placeholder-opacity: 1 !important;
    color: #9b2c2c !important;
    color: rgba(155, 44, 44, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:placeholder-red-900::placeholder,
  reach-portal .md\:placeholder-red-900::placeholder {
    --placeholder-opacity: 1 !important;
    color: #742a2a !important;
    color: rgba(116, 42, 42, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:placeholder-orange-100::placeholder,
  reach-portal .md\:placeholder-orange-100::placeholder {
    --placeholder-opacity: 1 !important;
    color: #fffaf0 !important;
    color: rgba(255, 250, 240, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:placeholder-orange-200::placeholder,
  reach-portal .md\:placeholder-orange-200::placeholder {
    --placeholder-opacity: 1 !important;
    color: #feebc8 !important;
    color: rgba(254, 235, 200, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:placeholder-orange-300::placeholder,
  reach-portal .md\:placeholder-orange-300::placeholder {
    --placeholder-opacity: 1 !important;
    color: #fbd38d !important;
    color: rgba(251, 211, 141, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:placeholder-orange-400::placeholder,
  reach-portal .md\:placeholder-orange-400::placeholder {
    --placeholder-opacity: 1 !important;
    color: #f6ad55 !important;
    color: rgba(246, 173, 85, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:placeholder-orange-500::placeholder,
  reach-portal .md\:placeholder-orange-500::placeholder {
    --placeholder-opacity: 1 !important;
    color: #ed8936 !important;
    color: rgba(237, 137, 54, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:placeholder-orange-600::placeholder,
  reach-portal .md\:placeholder-orange-600::placeholder {
    --placeholder-opacity: 1 !important;
    color: #dd6b20 !important;
    color: rgba(221, 107, 32, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:placeholder-orange-700::placeholder,
  reach-portal .md\:placeholder-orange-700::placeholder {
    --placeholder-opacity: 1 !important;
    color: #c05621 !important;
    color: rgba(192, 86, 33, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:placeholder-orange-800::placeholder,
  reach-portal .md\:placeholder-orange-800::placeholder {
    --placeholder-opacity: 1 !important;
    color: #9c4221 !important;
    color: rgba(156, 66, 33, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:placeholder-orange-900::placeholder,
  reach-portal .md\:placeholder-orange-900::placeholder {
    --placeholder-opacity: 1 !important;
    color: #7b341e !important;
    color: rgba(123, 52, 30, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:placeholder-yellow-100::placeholder,
  reach-portal .md\:placeholder-yellow-100::placeholder {
    --placeholder-opacity: 1 !important;
    color: ivory !important;
    color: rgba(255, 255, 240, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:placeholder-yellow-200::placeholder,
  reach-portal .md\:placeholder-yellow-200::placeholder {
    --placeholder-opacity: 1 !important;
    color: #fefcbf !important;
    color: rgba(254, 252, 191, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:placeholder-yellow-300::placeholder,
  reach-portal .md\:placeholder-yellow-300::placeholder {
    --placeholder-opacity: 1 !important;
    color: #faf089 !important;
    color: rgba(250, 240, 137, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:placeholder-yellow-400::placeholder,
  reach-portal .md\:placeholder-yellow-400::placeholder {
    --placeholder-opacity: 1 !important;
    color: #f6e05e !important;
    color: rgba(246, 224, 94, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:placeholder-yellow-500::placeholder,
  reach-portal .md\:placeholder-yellow-500::placeholder {
    --placeholder-opacity: 1 !important;
    color: #ecc94b !important;
    color: rgba(236, 201, 75, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:placeholder-yellow-600::placeholder,
  reach-portal .md\:placeholder-yellow-600::placeholder {
    --placeholder-opacity: 1 !important;
    color: #d69e2e !important;
    color: rgba(214, 158, 46, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:placeholder-yellow-700::placeholder,
  reach-portal .md\:placeholder-yellow-700::placeholder {
    --placeholder-opacity: 1 !important;
    color: #b7791f !important;
    color: rgba(183, 121, 31, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:placeholder-yellow-800::placeholder,
  reach-portal .md\:placeholder-yellow-800::placeholder {
    --placeholder-opacity: 1 !important;
    color: #975a16 !important;
    color: rgba(151, 90, 22, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:placeholder-yellow-900::placeholder,
  reach-portal .md\:placeholder-yellow-900::placeholder {
    --placeholder-opacity: 1 !important;
    color: #744210 !important;
    color: rgba(116, 66, 16, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:placeholder-green-100::placeholder,
  reach-portal .md\:placeholder-green-100::placeholder {
    --placeholder-opacity: 1 !important;
    color: #f0fff4 !important;
    color: rgba(240, 255, 244, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:placeholder-green-200::placeholder,
  reach-portal .md\:placeholder-green-200::placeholder {
    --placeholder-opacity: 1 !important;
    color: #c6f6d5 !important;
    color: rgba(198, 246, 213, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:placeholder-green-300::placeholder,
  reach-portal .md\:placeholder-green-300::placeholder {
    --placeholder-opacity: 1 !important;
    color: #9ae6b4 !important;
    color: rgba(154, 230, 180, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:placeholder-green-400::placeholder,
  reach-portal .md\:placeholder-green-400::placeholder {
    --placeholder-opacity: 1 !important;
    color: #68d391 !important;
    color: rgba(104, 211, 145, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:placeholder-green-500::placeholder,
  reach-portal .md\:placeholder-green-500::placeholder {
    --placeholder-opacity: 1 !important;
    color: #48bb78 !important;
    color: rgba(72, 187, 120, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:placeholder-green-600::placeholder,
  reach-portal .md\:placeholder-green-600::placeholder {
    --placeholder-opacity: 1 !important;
    color: #38a169 !important;
    color: rgba(56, 161, 105, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:placeholder-green-700::placeholder,
  reach-portal .md\:placeholder-green-700::placeholder {
    --placeholder-opacity: 1 !important;
    color: #2f855a !important;
    color: rgba(47, 133, 90, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:placeholder-green-800::placeholder,
  reach-portal .md\:placeholder-green-800::placeholder {
    --placeholder-opacity: 1 !important;
    color: #276749 !important;
    color: rgba(39, 103, 73, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:placeholder-green-900::placeholder,
  reach-portal .md\:placeholder-green-900::placeholder {
    --placeholder-opacity: 1 !important;
    color: #22543d !important;
    color: rgba(34, 84, 61, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:placeholder-teal-100::placeholder,
  reach-portal .md\:placeholder-teal-100::placeholder {
    --placeholder-opacity: 1 !important;
    color: #e6fffa !important;
    color: rgba(230, 255, 250, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:placeholder-teal-200::placeholder,
  reach-portal .md\:placeholder-teal-200::placeholder {
    --placeholder-opacity: 1 !important;
    color: #b2f5ea !important;
    color: rgba(178, 245, 234, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:placeholder-teal-300::placeholder,
  reach-portal .md\:placeholder-teal-300::placeholder {
    --placeholder-opacity: 1 !important;
    color: #81e6d9 !important;
    color: rgba(129, 230, 217, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:placeholder-teal-400::placeholder,
  reach-portal .md\:placeholder-teal-400::placeholder {
    --placeholder-opacity: 1 !important;
    color: #4fd1c5 !important;
    color: rgba(79, 209, 197, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:placeholder-teal-500::placeholder,
  reach-portal .md\:placeholder-teal-500::placeholder {
    --placeholder-opacity: 1 !important;
    color: #38b2ac !important;
    color: rgba(56, 178, 172, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:placeholder-teal-600::placeholder,
  reach-portal .md\:placeholder-teal-600::placeholder {
    --placeholder-opacity: 1 !important;
    color: #319795 !important;
    color: rgba(49, 151, 149, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:placeholder-teal-700::placeholder,
  reach-portal .md\:placeholder-teal-700::placeholder {
    --placeholder-opacity: 1 !important;
    color: #2c7a7b !important;
    color: rgba(44, 122, 123, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:placeholder-teal-800::placeholder,
  reach-portal .md\:placeholder-teal-800::placeholder {
    --placeholder-opacity: 1 !important;
    color: #285e61 !important;
    color: rgba(40, 94, 97, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:placeholder-teal-900::placeholder,
  reach-portal .md\:placeholder-teal-900::placeholder {
    --placeholder-opacity: 1 !important;
    color: #234e52 !important;
    color: rgba(35, 78, 82, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:placeholder-blue-100::placeholder,
  reach-portal .md\:placeholder-blue-100::placeholder {
    --placeholder-opacity: 1 !important;
    color: #ebf8ff !important;
    color: rgba(235, 248, 255, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:placeholder-blue-200::placeholder,
  reach-portal .md\:placeholder-blue-200::placeholder {
    --placeholder-opacity: 1 !important;
    color: #bee3f8 !important;
    color: rgba(190, 227, 248, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:placeholder-blue-300::placeholder,
  reach-portal .md\:placeholder-blue-300::placeholder {
    --placeholder-opacity: 1 !important;
    color: #90cdf4 !important;
    color: rgba(144, 205, 244, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:placeholder-blue-400::placeholder,
  reach-portal .md\:placeholder-blue-400::placeholder {
    --placeholder-opacity: 1 !important;
    color: #63b3ed !important;
    color: rgba(99, 179, 237, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:placeholder-blue-500::placeholder,
  reach-portal .md\:placeholder-blue-500::placeholder {
    --placeholder-opacity: 1 !important;
    color: #4299e1 !important;
    color: rgba(66, 153, 225, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:placeholder-blue-600::placeholder,
  reach-portal .md\:placeholder-blue-600::placeholder {
    --placeholder-opacity: 1 !important;
    color: #3182ce !important;
    color: rgba(49, 130, 206, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:placeholder-blue-700::placeholder,
  reach-portal .md\:placeholder-blue-700::placeholder {
    --placeholder-opacity: 1 !important;
    color: #2b6cb0 !important;
    color: rgba(43, 108, 176, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:placeholder-blue-800::placeholder,
  reach-portal .md\:placeholder-blue-800::placeholder {
    --placeholder-opacity: 1 !important;
    color: #2c5282 !important;
    color: rgba(44, 82, 130, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:placeholder-blue-900::placeholder,
  reach-portal .md\:placeholder-blue-900::placeholder {
    --placeholder-opacity: 1 !important;
    color: #2a4365 !important;
    color: rgba(42, 67, 101, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:placeholder-indigo-100::placeholder,
  reach-portal .md\:placeholder-indigo-100::placeholder {
    --placeholder-opacity: 1 !important;
    color: #ebf4ff !important;
    color: rgba(235, 244, 255, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:placeholder-indigo-200::placeholder,
  reach-portal .md\:placeholder-indigo-200::placeholder {
    --placeholder-opacity: 1 !important;
    color: #c3dafe !important;
    color: rgba(195, 218, 254, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:placeholder-indigo-300::placeholder,
  reach-portal .md\:placeholder-indigo-300::placeholder {
    --placeholder-opacity: 1 !important;
    color: #a3bffa !important;
    color: rgba(163, 191, 250, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:placeholder-indigo-400::placeholder,
  reach-portal .md\:placeholder-indigo-400::placeholder {
    --placeholder-opacity: 1 !important;
    color: #7f9cf5 !important;
    color: rgba(127, 156, 245, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:placeholder-indigo-500::placeholder,
  reach-portal .md\:placeholder-indigo-500::placeholder {
    --placeholder-opacity: 1 !important;
    color: #667eea !important;
    color: rgba(102, 126, 234, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:placeholder-indigo-600::placeholder,
  reach-portal .md\:placeholder-indigo-600::placeholder {
    --placeholder-opacity: 1 !important;
    color: #5a67d8 !important;
    color: rgba(90, 103, 216, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:placeholder-indigo-700::placeholder,
  reach-portal .md\:placeholder-indigo-700::placeholder {
    --placeholder-opacity: 1 !important;
    color: #4c51bf !important;
    color: rgba(76, 81, 191, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:placeholder-indigo-800::placeholder,
  reach-portal .md\:placeholder-indigo-800::placeholder {
    --placeholder-opacity: 1 !important;
    color: #434190 !important;
    color: rgba(67, 65, 144, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:placeholder-indigo-900::placeholder,
  reach-portal .md\:placeholder-indigo-900::placeholder {
    --placeholder-opacity: 1 !important;
    color: #3c366b !important;
    color: rgba(60, 54, 107, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:placeholder-purple-100::placeholder,
  reach-portal .md\:placeholder-purple-100::placeholder {
    --placeholder-opacity: 1 !important;
    color: #faf5ff !important;
    color: rgba(250, 245, 255, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:placeholder-purple-200::placeholder,
  reach-portal .md\:placeholder-purple-200::placeholder {
    --placeholder-opacity: 1 !important;
    color: #e9d8fd !important;
    color: rgba(233, 216, 253, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:placeholder-purple-300::placeholder,
  reach-portal .md\:placeholder-purple-300::placeholder {
    --placeholder-opacity: 1 !important;
    color: #d6bcfa !important;
    color: rgba(214, 188, 250, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:placeholder-purple-400::placeholder,
  reach-portal .md\:placeholder-purple-400::placeholder {
    --placeholder-opacity: 1 !important;
    color: #b794f4 !important;
    color: rgba(183, 148, 244, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:placeholder-purple-500::placeholder,
  reach-portal .md\:placeholder-purple-500::placeholder {
    --placeholder-opacity: 1 !important;
    color: #9f7aea !important;
    color: rgba(159, 122, 234, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:placeholder-purple-600::placeholder,
  reach-portal .md\:placeholder-purple-600::placeholder {
    --placeholder-opacity: 1 !important;
    color: #805ad5 !important;
    color: rgba(128, 90, 213, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:placeholder-purple-700::placeholder,
  reach-portal .md\:placeholder-purple-700::placeholder {
    --placeholder-opacity: 1 !important;
    color: #6b46c1 !important;
    color: rgba(107, 70, 193, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:placeholder-purple-800::placeholder,
  reach-portal .md\:placeholder-purple-800::placeholder {
    --placeholder-opacity: 1 !important;
    color: #553c9a !important;
    color: rgba(85, 60, 154, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:placeholder-purple-900::placeholder,
  reach-portal .md\:placeholder-purple-900::placeholder {
    --placeholder-opacity: 1 !important;
    color: #44337a !important;
    color: rgba(68, 51, 122, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:placeholder-pink-100::placeholder,
  reach-portal .md\:placeholder-pink-100::placeholder {
    --placeholder-opacity: 1 !important;
    color: #fff5f7 !important;
    color: rgba(255, 245, 247, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:placeholder-pink-200::placeholder,
  reach-portal .md\:placeholder-pink-200::placeholder {
    --placeholder-opacity: 1 !important;
    color: #fed7e2 !important;
    color: rgba(254, 215, 226, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:placeholder-pink-300::placeholder,
  reach-portal .md\:placeholder-pink-300::placeholder {
    --placeholder-opacity: 1 !important;
    color: #fbb6ce !important;
    color: rgba(251, 182, 206, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:placeholder-pink-400::placeholder,
  reach-portal .md\:placeholder-pink-400::placeholder {
    --placeholder-opacity: 1 !important;
    color: #f687b3 !important;
    color: rgba(246, 135, 179, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:placeholder-pink-500::placeholder,
  reach-portal .md\:placeholder-pink-500::placeholder {
    --placeholder-opacity: 1 !important;
    color: #ed64a6 !important;
    color: rgba(237, 100, 166, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:placeholder-pink-600::placeholder,
  reach-portal .md\:placeholder-pink-600::placeholder {
    --placeholder-opacity: 1 !important;
    color: #d53f8c !important;
    color: rgba(213, 63, 140, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:placeholder-pink-700::placeholder,
  reach-portal .md\:placeholder-pink-700::placeholder {
    --placeholder-opacity: 1 !important;
    color: #b83280 !important;
    color: rgba(184, 50, 128, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:placeholder-pink-800::placeholder,
  reach-portal .md\:placeholder-pink-800::placeholder {
    --placeholder-opacity: 1 !important;
    color: #97266d !important;
    color: rgba(151, 38, 109, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:placeholder-pink-900::placeholder,
  reach-portal .md\:placeholder-pink-900::placeholder {
    --placeholder-opacity: 1 !important;
    color: #702459 !important;
    color: rgba(112, 36, 89, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:focus\:placeholder-transparent:focus::placeholder,
  reach-portal .md\:focus\:placeholder-transparent:focus::placeholder {
    color: #0000 !important
  }

  #navbarWrapper .md\:focus\:placeholder-current:focus::placeholder,
  reach-portal .md\:focus\:placeholder-current:focus::placeholder {
    color: currentColor !important
  }

  #navbarWrapper .md\:focus\:placeholder-black:focus::placeholder,
  reach-portal .md\:focus\:placeholder-black:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #000 !important;
    color: rgba(0, 0, 0, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:focus\:placeholder-white:focus::placeholder,
  reach-portal .md\:focus\:placeholder-white:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #fff !important;
    color: rgba(255, 255, 255, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:focus\:placeholder-gray-100:focus::placeholder,
  reach-portal .md\:focus\:placeholder-gray-100:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #f7fafc !important;
    color: rgba(247, 250, 252, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:focus\:placeholder-gray-200:focus::placeholder,
  reach-portal .md\:focus\:placeholder-gray-200:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #edf2f7 !important;
    color: rgba(237, 242, 247, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:focus\:placeholder-gray-300:focus::placeholder,
  reach-portal .md\:focus\:placeholder-gray-300:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #e2e8f0 !important;
    color: rgba(226, 232, 240, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:focus\:placeholder-gray-400:focus::placeholder,
  reach-portal .md\:focus\:placeholder-gray-400:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #cbd5e0 !important;
    color: rgba(203, 213, 224, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:focus\:placeholder-gray-500:focus::placeholder,
  reach-portal .md\:focus\:placeholder-gray-500:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #a0aec0 !important;
    color: rgba(160, 174, 192, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:focus\:placeholder-gray-600:focus::placeholder,
  reach-portal .md\:focus\:placeholder-gray-600:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #718096 !important;
    color: rgba(113, 128, 150, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:focus\:placeholder-gray-700:focus::placeholder,
  reach-portal .md\:focus\:placeholder-gray-700:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #4a5568 !important;
    color: rgba(74, 85, 104, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:focus\:placeholder-gray-800:focus::placeholder,
  reach-portal .md\:focus\:placeholder-gray-800:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #2d3748 !important;
    color: rgba(45, 55, 72, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:focus\:placeholder-gray-900:focus::placeholder,
  reach-portal .md\:focus\:placeholder-gray-900:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #1a202c !important;
    color: rgba(26, 32, 44, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:focus\:placeholder-red-100:focus::placeholder,
  reach-portal .md\:focus\:placeholder-red-100:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #fff5f5 !important;
    color: rgba(255, 245, 245, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:focus\:placeholder-red-200:focus::placeholder,
  reach-portal .md\:focus\:placeholder-red-200:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #fed7d7 !important;
    color: rgba(254, 215, 215, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:focus\:placeholder-red-300:focus::placeholder,
  reach-portal .md\:focus\:placeholder-red-300:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #feb2b2 !important;
    color: rgba(254, 178, 178, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:focus\:placeholder-red-400:focus::placeholder,
  reach-portal .md\:focus\:placeholder-red-400:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #fc8181 !important;
    color: rgba(252, 129, 129, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:focus\:placeholder-red-500:focus::placeholder,
  reach-portal .md\:focus\:placeholder-red-500:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #f56565 !important;
    color: rgba(245, 101, 101, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:focus\:placeholder-red-600:focus::placeholder,
  reach-portal .md\:focus\:placeholder-red-600:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #e53e3e !important;
    color: rgba(229, 62, 62, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:focus\:placeholder-red-700:focus::placeholder,
  reach-portal .md\:focus\:placeholder-red-700:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #c53030 !important;
    color: rgba(197, 48, 48, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:focus\:placeholder-red-800:focus::placeholder,
  reach-portal .md\:focus\:placeholder-red-800:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #9b2c2c !important;
    color: rgba(155, 44, 44, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:focus\:placeholder-red-900:focus::placeholder,
  reach-portal .md\:focus\:placeholder-red-900:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #742a2a !important;
    color: rgba(116, 42, 42, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:focus\:placeholder-orange-100:focus::placeholder,
  reach-portal .md\:focus\:placeholder-orange-100:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #fffaf0 !important;
    color: rgba(255, 250, 240, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:focus\:placeholder-orange-200:focus::placeholder,
  reach-portal .md\:focus\:placeholder-orange-200:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #feebc8 !important;
    color: rgba(254, 235, 200, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:focus\:placeholder-orange-300:focus::placeholder,
  reach-portal .md\:focus\:placeholder-orange-300:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #fbd38d !important;
    color: rgba(251, 211, 141, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:focus\:placeholder-orange-400:focus::placeholder,
  reach-portal .md\:focus\:placeholder-orange-400:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #f6ad55 !important;
    color: rgba(246, 173, 85, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:focus\:placeholder-orange-500:focus::placeholder,
  reach-portal .md\:focus\:placeholder-orange-500:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #ed8936 !important;
    color: rgba(237, 137, 54, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:focus\:placeholder-orange-600:focus::placeholder,
  reach-portal .md\:focus\:placeholder-orange-600:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #dd6b20 !important;
    color: rgba(221, 107, 32, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:focus\:placeholder-orange-700:focus::placeholder,
  reach-portal .md\:focus\:placeholder-orange-700:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #c05621 !important;
    color: rgba(192, 86, 33, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:focus\:placeholder-orange-800:focus::placeholder,
  reach-portal .md\:focus\:placeholder-orange-800:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #9c4221 !important;
    color: rgba(156, 66, 33, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:focus\:placeholder-orange-900:focus::placeholder,
  reach-portal .md\:focus\:placeholder-orange-900:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #7b341e !important;
    color: rgba(123, 52, 30, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:focus\:placeholder-yellow-100:focus::placeholder,
  reach-portal .md\:focus\:placeholder-yellow-100:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: ivory !important;
    color: rgba(255, 255, 240, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:focus\:placeholder-yellow-200:focus::placeholder,
  reach-portal .md\:focus\:placeholder-yellow-200:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #fefcbf !important;
    color: rgba(254, 252, 191, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:focus\:placeholder-yellow-300:focus::placeholder,
  reach-portal .md\:focus\:placeholder-yellow-300:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #faf089 !important;
    color: rgba(250, 240, 137, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:focus\:placeholder-yellow-400:focus::placeholder,
  reach-portal .md\:focus\:placeholder-yellow-400:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #f6e05e !important;
    color: rgba(246, 224, 94, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:focus\:placeholder-yellow-500:focus::placeholder,
  reach-portal .md\:focus\:placeholder-yellow-500:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #ecc94b !important;
    color: rgba(236, 201, 75, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:focus\:placeholder-yellow-600:focus::placeholder,
  reach-portal .md\:focus\:placeholder-yellow-600:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #d69e2e !important;
    color: rgba(214, 158, 46, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:focus\:placeholder-yellow-700:focus::placeholder,
  reach-portal .md\:focus\:placeholder-yellow-700:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #b7791f !important;
    color: rgba(183, 121, 31, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:focus\:placeholder-yellow-800:focus::placeholder,
  reach-portal .md\:focus\:placeholder-yellow-800:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #975a16 !important;
    color: rgba(151, 90, 22, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:focus\:placeholder-yellow-900:focus::placeholder,
  reach-portal .md\:focus\:placeholder-yellow-900:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #744210 !important;
    color: rgba(116, 66, 16, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:focus\:placeholder-green-100:focus::placeholder,
  reach-portal .md\:focus\:placeholder-green-100:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #f0fff4 !important;
    color: rgba(240, 255, 244, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:focus\:placeholder-green-200:focus::placeholder,
  reach-portal .md\:focus\:placeholder-green-200:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #c6f6d5 !important;
    color: rgba(198, 246, 213, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:focus\:placeholder-green-300:focus::placeholder,
  reach-portal .md\:focus\:placeholder-green-300:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #9ae6b4 !important;
    color: rgba(154, 230, 180, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:focus\:placeholder-green-400:focus::placeholder,
  reach-portal .md\:focus\:placeholder-green-400:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #68d391 !important;
    color: rgba(104, 211, 145, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:focus\:placeholder-green-500:focus::placeholder,
  reach-portal .md\:focus\:placeholder-green-500:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #48bb78 !important;
    color: rgba(72, 187, 120, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:focus\:placeholder-green-600:focus::placeholder,
  reach-portal .md\:focus\:placeholder-green-600:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #38a169 !important;
    color: rgba(56, 161, 105, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:focus\:placeholder-green-700:focus::placeholder,
  reach-portal .md\:focus\:placeholder-green-700:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #2f855a !important;
    color: rgba(47, 133, 90, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:focus\:placeholder-green-800:focus::placeholder,
  reach-portal .md\:focus\:placeholder-green-800:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #276749 !important;
    color: rgba(39, 103, 73, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:focus\:placeholder-green-900:focus::placeholder,
  reach-portal .md\:focus\:placeholder-green-900:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #22543d !important;
    color: rgba(34, 84, 61, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:focus\:placeholder-teal-100:focus::placeholder,
  reach-portal .md\:focus\:placeholder-teal-100:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #e6fffa !important;
    color: rgba(230, 255, 250, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:focus\:placeholder-teal-200:focus::placeholder,
  reach-portal .md\:focus\:placeholder-teal-200:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #b2f5ea !important;
    color: rgba(178, 245, 234, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:focus\:placeholder-teal-300:focus::placeholder,
  reach-portal .md\:focus\:placeholder-teal-300:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #81e6d9 !important;
    color: rgba(129, 230, 217, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:focus\:placeholder-teal-400:focus::placeholder,
  reach-portal .md\:focus\:placeholder-teal-400:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #4fd1c5 !important;
    color: rgba(79, 209, 197, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:focus\:placeholder-teal-500:focus::placeholder,
  reach-portal .md\:focus\:placeholder-teal-500:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #38b2ac !important;
    color: rgba(56, 178, 172, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:focus\:placeholder-teal-600:focus::placeholder,
  reach-portal .md\:focus\:placeholder-teal-600:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #319795 !important;
    color: rgba(49, 151, 149, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:focus\:placeholder-teal-700:focus::placeholder,
  reach-portal .md\:focus\:placeholder-teal-700:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #2c7a7b !important;
    color: rgba(44, 122, 123, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:focus\:placeholder-teal-800:focus::placeholder,
  reach-portal .md\:focus\:placeholder-teal-800:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #285e61 !important;
    color: rgba(40, 94, 97, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:focus\:placeholder-teal-900:focus::placeholder,
  reach-portal .md\:focus\:placeholder-teal-900:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #234e52 !important;
    color: rgba(35, 78, 82, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:focus\:placeholder-blue-100:focus::placeholder,
  reach-portal .md\:focus\:placeholder-blue-100:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #ebf8ff !important;
    color: rgba(235, 248, 255, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:focus\:placeholder-blue-200:focus::placeholder,
  reach-portal .md\:focus\:placeholder-blue-200:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #bee3f8 !important;
    color: rgba(190, 227, 248, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:focus\:placeholder-blue-300:focus::placeholder,
  reach-portal .md\:focus\:placeholder-blue-300:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #90cdf4 !important;
    color: rgba(144, 205, 244, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:focus\:placeholder-blue-400:focus::placeholder,
  reach-portal .md\:focus\:placeholder-blue-400:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #63b3ed !important;
    color: rgba(99, 179, 237, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:focus\:placeholder-blue-500:focus::placeholder,
  reach-portal .md\:focus\:placeholder-blue-500:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #4299e1 !important;
    color: rgba(66, 153, 225, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:focus\:placeholder-blue-600:focus::placeholder,
  reach-portal .md\:focus\:placeholder-blue-600:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #3182ce !important;
    color: rgba(49, 130, 206, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:focus\:placeholder-blue-700:focus::placeholder,
  reach-portal .md\:focus\:placeholder-blue-700:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #2b6cb0 !important;
    color: rgba(43, 108, 176, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:focus\:placeholder-blue-800:focus::placeholder,
  reach-portal .md\:focus\:placeholder-blue-800:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #2c5282 !important;
    color: rgba(44, 82, 130, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:focus\:placeholder-blue-900:focus::placeholder,
  reach-portal .md\:focus\:placeholder-blue-900:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #2a4365 !important;
    color: rgba(42, 67, 101, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:focus\:placeholder-indigo-100:focus::placeholder,
  reach-portal .md\:focus\:placeholder-indigo-100:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #ebf4ff !important;
    color: rgba(235, 244, 255, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:focus\:placeholder-indigo-200:focus::placeholder,
  reach-portal .md\:focus\:placeholder-indigo-200:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #c3dafe !important;
    color: rgba(195, 218, 254, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:focus\:placeholder-indigo-300:focus::placeholder,
  reach-portal .md\:focus\:placeholder-indigo-300:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #a3bffa !important;
    color: rgba(163, 191, 250, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:focus\:placeholder-indigo-400:focus::placeholder,
  reach-portal .md\:focus\:placeholder-indigo-400:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #7f9cf5 !important;
    color: rgba(127, 156, 245, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:focus\:placeholder-indigo-500:focus::placeholder,
  reach-portal .md\:focus\:placeholder-indigo-500:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #667eea !important;
    color: rgba(102, 126, 234, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:focus\:placeholder-indigo-600:focus::placeholder,
  reach-portal .md\:focus\:placeholder-indigo-600:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #5a67d8 !important;
    color: rgba(90, 103, 216, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:focus\:placeholder-indigo-700:focus::placeholder,
  reach-portal .md\:focus\:placeholder-indigo-700:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #4c51bf !important;
    color: rgba(76, 81, 191, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:focus\:placeholder-indigo-800:focus::placeholder,
  reach-portal .md\:focus\:placeholder-indigo-800:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #434190 !important;
    color: rgba(67, 65, 144, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:focus\:placeholder-indigo-900:focus::placeholder,
  reach-portal .md\:focus\:placeholder-indigo-900:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #3c366b !important;
    color: rgba(60, 54, 107, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:focus\:placeholder-purple-100:focus::placeholder,
  reach-portal .md\:focus\:placeholder-purple-100:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #faf5ff !important;
    color: rgba(250, 245, 255, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:focus\:placeholder-purple-200:focus::placeholder,
  reach-portal .md\:focus\:placeholder-purple-200:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #e9d8fd !important;
    color: rgba(233, 216, 253, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:focus\:placeholder-purple-300:focus::placeholder,
  reach-portal .md\:focus\:placeholder-purple-300:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #d6bcfa !important;
    color: rgba(214, 188, 250, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:focus\:placeholder-purple-400:focus::placeholder,
  reach-portal .md\:focus\:placeholder-purple-400:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #b794f4 !important;
    color: rgba(183, 148, 244, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:focus\:placeholder-purple-500:focus::placeholder,
  reach-portal .md\:focus\:placeholder-purple-500:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #9f7aea !important;
    color: rgba(159, 122, 234, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:focus\:placeholder-purple-600:focus::placeholder,
  reach-portal .md\:focus\:placeholder-purple-600:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #805ad5 !important;
    color: rgba(128, 90, 213, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:focus\:placeholder-purple-700:focus::placeholder,
  reach-portal .md\:focus\:placeholder-purple-700:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #6b46c1 !important;
    color: rgba(107, 70, 193, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:focus\:placeholder-purple-800:focus::placeholder,
  reach-portal .md\:focus\:placeholder-purple-800:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #553c9a !important;
    color: rgba(85, 60, 154, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:focus\:placeholder-purple-900:focus::placeholder,
  reach-portal .md\:focus\:placeholder-purple-900:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #44337a !important;
    color: rgba(68, 51, 122, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:focus\:placeholder-pink-100:focus::placeholder,
  reach-portal .md\:focus\:placeholder-pink-100:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #fff5f7 !important;
    color: rgba(255, 245, 247, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:focus\:placeholder-pink-200:focus::placeholder,
  reach-portal .md\:focus\:placeholder-pink-200:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #fed7e2 !important;
    color: rgba(254, 215, 226, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:focus\:placeholder-pink-300:focus::placeholder,
  reach-portal .md\:focus\:placeholder-pink-300:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #fbb6ce !important;
    color: rgba(251, 182, 206, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:focus\:placeholder-pink-400:focus::placeholder,
  reach-portal .md\:focus\:placeholder-pink-400:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #f687b3 !important;
    color: rgba(246, 135, 179, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:focus\:placeholder-pink-500:focus::placeholder,
  reach-portal .md\:focus\:placeholder-pink-500:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #ed64a6 !important;
    color: rgba(237, 100, 166, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:focus\:placeholder-pink-600:focus::placeholder,
  reach-portal .md\:focus\:placeholder-pink-600:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #d53f8c !important;
    color: rgba(213, 63, 140, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:focus\:placeholder-pink-700:focus::placeholder,
  reach-portal .md\:focus\:placeholder-pink-700:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #b83280 !important;
    color: rgba(184, 50, 128, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:focus\:placeholder-pink-800:focus::placeholder,
  reach-portal .md\:focus\:placeholder-pink-800:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #97266d !important;
    color: rgba(151, 38, 109, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:focus\:placeholder-pink-900:focus::placeholder,
  reach-portal .md\:focus\:placeholder-pink-900:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #702459 !important;
    color: rgba(112, 36, 89, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .md\:placeholder-opacity-0::placeholder,
  reach-portal .md\:placeholder-opacity-0::placeholder {
    --placeholder-opacity: 0 !important
  }

  #navbarWrapper .md\:placeholder-opacity-25::placeholder,
  reach-portal .md\:placeholder-opacity-25::placeholder {
    --placeholder-opacity: 0.25 !important
  }

  #navbarWrapper .md\:placeholder-opacity-50::placeholder,
  reach-portal .md\:placeholder-opacity-50::placeholder {
    --placeholder-opacity: 0.5 !important
  }

  #navbarWrapper .md\:placeholder-opacity-75::placeholder,
  reach-portal .md\:placeholder-opacity-75::placeholder {
    --placeholder-opacity: 0.75 !important
  }

  #navbarWrapper .md\:placeholder-opacity-100::placeholder,
  reach-portal .md\:placeholder-opacity-100::placeholder {
    --placeholder-opacity: 1 !important
  }

  #navbarWrapper .md\:focus\:placeholder-opacity-0:focus::placeholder,
  reach-portal .md\:focus\:placeholder-opacity-0:focus::placeholder {
    --placeholder-opacity: 0 !important
  }

  #navbarWrapper .md\:focus\:placeholder-opacity-25:focus::placeholder,
  reach-portal .md\:focus\:placeholder-opacity-25:focus::placeholder {
    --placeholder-opacity: 0.25 !important
  }

  #navbarWrapper .md\:focus\:placeholder-opacity-50:focus::placeholder,
  reach-portal .md\:focus\:placeholder-opacity-50:focus::placeholder {
    --placeholder-opacity: 0.5 !important
  }

  #navbarWrapper .md\:focus\:placeholder-opacity-75:focus::placeholder,
  reach-portal .md\:focus\:placeholder-opacity-75:focus::placeholder {
    --placeholder-opacity: 0.75 !important
  }

  #navbarWrapper .md\:focus\:placeholder-opacity-100:focus::placeholder,
  reach-portal .md\:focus\:placeholder-opacity-100:focus::placeholder {
    --placeholder-opacity: 1 !important
  }

  #navbarWrapper .md\:pointer-events-none,
  reach-portal .md\:pointer-events-none {
    pointer-events: none !important
  }

  #navbarWrapper .md\:pointer-events-auto,
  reach-portal .md\:pointer-events-auto {
    pointer-events: auto !important
  }

  #navbarWrapper .md\:static,
  reach-portal .md\:static {
    position: static !important
  }

  #navbarWrapper .md\:fixed,
  reach-portal .md\:fixed {
    position: fixed !important
  }

  #navbarWrapper .md\:absolute,
  reach-portal .md\:absolute {
    position: absolute !important
  }

  #navbarWrapper .md\:relative,
  reach-portal .md\:relative {
    position: relative !important
  }

  #navbarWrapper .md\:sticky,
  reach-portal .md\:sticky {
    position: -webkit-sticky !important;
    position: sticky !important
  }

  #navbarWrapper .md\:inset-0,
  reach-portal .md\:inset-0 {
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important
  }

  #navbarWrapper .md\:inset-auto,
  reach-portal .md\:inset-auto {
    bottom: auto !important;
    left: auto !important;
    right: auto !important;
    top: auto !important
  }

  #navbarWrapper .md\:inset-y-0,
  reach-portal .md\:inset-y-0 {
    bottom: 0 !important;
    top: 0 !important
  }

  #navbarWrapper .md\:inset-x-0,
  reach-portal .md\:inset-x-0 {
    left: 0 !important;
    right: 0 !important
  }

  #navbarWrapper .md\:inset-y-auto,
  reach-portal .md\:inset-y-auto {
    bottom: auto !important;
    top: auto !important
  }

  #navbarWrapper .md\:inset-x-auto,
  reach-portal .md\:inset-x-auto {
    left: auto !important;
    right: auto !important
  }

  #navbarWrapper .md\:top-0,
  reach-portal .md\:top-0 {
    top: 0 !important
  }

  #navbarWrapper .md\:right-0,
  reach-portal .md\:right-0 {
    right: 0 !important
  }

  #navbarWrapper .md\:bottom-0,
  reach-portal .md\:bottom-0 {
    bottom: 0 !important
  }

  #navbarWrapper .md\:left-0,
  reach-portal .md\:left-0 {
    left: 0 !important
  }

  #navbarWrapper .md\:top-auto,
  reach-portal .md\:top-auto {
    top: auto !important
  }

  #navbarWrapper .md\:right-auto,
  reach-portal .md\:right-auto {
    right: auto !important
  }

  #navbarWrapper .md\:bottom-auto,
  reach-portal .md\:bottom-auto {
    bottom: auto !important
  }

  #navbarWrapper .md\:left-auto,
  reach-portal .md\:left-auto {
    left: auto !important
  }

  #navbarWrapper .md\:resize-none,
  reach-portal .md\:resize-none {
    resize: none !important
  }

  #navbarWrapper .md\:resize-y,
  reach-portal .md\:resize-y {
    resize: vertical !important
  }

  #navbarWrapper .md\:resize-x,
  reach-portal .md\:resize-x {
    resize: horizontal !important
  }

  #navbarWrapper .md\:resize,
  reach-portal .md\:resize {
    resize: both !important
  }

  #navbarWrapper .md\:shadow-xs,
  reach-portal .md\:shadow-xs {
    box-shadow: 0 0 0 1px #0000000d !important
  }

  #navbarWrapper .md\:shadow-sm,
  reach-portal .md\:shadow-sm {
    box-shadow: 0 1px 2px 0 #0000000d !important
  }

  #navbarWrapper .md\:shadow,
  reach-portal .md\:shadow {
    box-shadow: 0 .125rem .25rem #00000040 !important
  }

  #navbarWrapper .md\:shadow-md,
  reach-portal .md\:shadow-md {
    box-shadow: 0 .125rem .625rem #0003 !important
  }

  #navbarWrapper .md\:shadow-lg,
  reach-portal .md\:shadow-lg {
    box-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d !important
  }

  #navbarWrapper .md\:shadow-xl,
  reach-portal .md\:shadow-xl {
    box-shadow: 0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a !important
  }

  #navbarWrapper .md\:shadow-2xl,
  reach-portal .md\:shadow-2xl {
    box-shadow: 0 25px 50px -12px #00000040 !important
  }

  #navbarWrapper .md\:shadow-inner,
  reach-portal .md\:shadow-inner {
    box-shadow: inset 0 2px 4px 0 #0000000f !important
  }

  #navbarWrapper .md\:shadow-outline,
  reach-portal .md\:shadow-outline {
    box-shadow: 0 0 0 3px #4299e180 !important
  }

  #navbarWrapper .md\:shadow-none,
  reach-portal .md\:shadow-none {
    box-shadow: none !important
  }

  #navbarWrapper .md\:hover\:shadow-xs:hover,
  reach-portal .md\:hover\:shadow-xs:hover {
    box-shadow: 0 0 0 1px #0000000d !important
  }

  #navbarWrapper .md\:hover\:shadow-sm:hover,
  reach-portal .md\:hover\:shadow-sm:hover {
    box-shadow: 0 1px 2px 0 #0000000d !important
  }

  #navbarWrapper .md\:hover\:shadow:hover,
  reach-portal .md\:hover\:shadow:hover {
    box-shadow: 0 .125rem .25rem #00000040 !important
  }

  #navbarWrapper .md\:hover\:shadow-md:hover,
  reach-portal .md\:hover\:shadow-md:hover {
    box-shadow: 0 .125rem .625rem #0003 !important
  }

  #navbarWrapper .md\:hover\:shadow-lg:hover,
  reach-portal .md\:hover\:shadow-lg:hover {
    box-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d !important
  }

  #navbarWrapper .md\:hover\:shadow-xl:hover,
  reach-portal .md\:hover\:shadow-xl:hover {
    box-shadow: 0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a !important
  }

  #navbarWrapper .md\:hover\:shadow-2xl:hover,
  reach-portal .md\:hover\:shadow-2xl:hover {
    box-shadow: 0 25px 50px -12px #00000040 !important
  }

  #navbarWrapper .md\:hover\:shadow-inner:hover,
  reach-portal .md\:hover\:shadow-inner:hover {
    box-shadow: inset 0 2px 4px 0 #0000000f !important
  }

  #navbarWrapper .md\:hover\:shadow-outline:hover,
  reach-portal .md\:hover\:shadow-outline:hover {
    box-shadow: 0 0 0 3px #4299e180 !important
  }

  #navbarWrapper .md\:hover\:shadow-none:hover,
  reach-portal .md\:hover\:shadow-none:hover {
    box-shadow: none !important
  }

  #navbarWrapper .md\:focus\:shadow-xs:focus,
  reach-portal .md\:focus\:shadow-xs:focus {
    box-shadow: 0 0 0 1px #0000000d !important
  }

  #navbarWrapper .md\:focus\:shadow-sm:focus,
  reach-portal .md\:focus\:shadow-sm:focus {
    box-shadow: 0 1px 2px 0 #0000000d !important
  }

  #navbarWrapper .md\:focus\:shadow:focus,
  reach-portal .md\:focus\:shadow:focus {
    box-shadow: 0 .125rem .25rem #00000040 !important
  }

  #navbarWrapper .md\:focus\:shadow-md:focus,
  reach-portal .md\:focus\:shadow-md:focus {
    box-shadow: 0 .125rem .625rem #0003 !important
  }

  #navbarWrapper .md\:focus\:shadow-lg:focus,
  reach-portal .md\:focus\:shadow-lg:focus {
    box-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d !important
  }

  #navbarWrapper .md\:focus\:shadow-xl:focus,
  reach-portal .md\:focus\:shadow-xl:focus {
    box-shadow: 0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a !important
  }

  #navbarWrapper .md\:focus\:shadow-2xl:focus,
  reach-portal .md\:focus\:shadow-2xl:focus {
    box-shadow: 0 25px 50px -12px #00000040 !important
  }

  #navbarWrapper .md\:focus\:shadow-inner:focus,
  reach-portal .md\:focus\:shadow-inner:focus {
    box-shadow: inset 0 2px 4px 0 #0000000f !important
  }

  #navbarWrapper .md\:focus\:shadow-outline:focus,
  reach-portal .md\:focus\:shadow-outline:focus {
    box-shadow: 0 0 0 3px #4299e180 !important
  }

  #navbarWrapper .md\:focus\:shadow-none:focus,
  reach-portal .md\:focus\:shadow-none:focus {
    box-shadow: none !important
  }

  #navbarWrapper .md\:fill-current,
  reach-portal .md\:fill-current {
    fill: currentColor !important
  }

  #navbarWrapper .md\:stroke-current,
  reach-portal .md\:stroke-current {
    stroke: currentColor !important
  }

  #navbarWrapper .md\:stroke-0,
  reach-portal .md\:stroke-0 {
    stroke-width: 0 !important
  }

  #navbarWrapper .md\:stroke-1,
  reach-portal .md\:stroke-1 {
    stroke-width: 1 !important
  }

  #navbarWrapper .md\:stroke-2,
  reach-portal .md\:stroke-2 {
    stroke-width: 2 !important
  }

  #navbarWrapper .md\:table-auto,
  reach-portal .md\:table-auto {
    table-layout: auto !important
  }

  #navbarWrapper .md\:table-fixed,
  reach-portal .md\:table-fixed {
    table-layout: fixed !important
  }

  #navbarWrapper .md\:text-left,
  reach-portal .md\:text-left {
    text-align: left !important
  }

  #navbarWrapper .md\:text-center,
  reach-portal .md\:text-center {
    text-align: center !important
  }

  #navbarWrapper .md\:text-right,
  reach-portal .md\:text-right {
    text-align: right !important
  }

  #navbarWrapper .md\:text-justify,
  reach-portal .md\:text-justify {
    text-align: justify !important
  }

  #navbarWrapper .md\:text-opsPrimary,
  reach-portal .md\:text-opsPrimary {
    --text-opacity: 1 !important;
    color: #0077c8 !important;
    color: rgba(0, 119, 200, var(--text-opacity)) !important
  }

  #navbarWrapper .md\:text-opsSecondary,
  reach-portal .md\:text-opsSecondary {
    --text-opacity: 1 !important;
    color: #425563 !important;
    color: rgba(66, 85, 99, var(--text-opacity)) !important
  }

  #navbarWrapper .md\:text-opsGreen,
  reach-portal .md\:text-opsGreen {
    --text-opacity: 1 !important;
    color: #1ca34a !important;
    color: rgba(28, 163, 74, var(--text-opacity)) !important
  }

  #navbarWrapper .md\:text-opsOrange,
  reach-portal .md\:text-opsOrange {
    --text-opacity: 1 !important;
    color: #f47925 !important;
    color: rgba(244, 121, 37, var(--text-opacity)) !important
  }

  #navbarWrapper .md\:hover\:text-opsPrimary:hover,
  reach-portal .md\:hover\:text-opsPrimary:hover {
    --text-opacity: 1 !important;
    color: #0077c8 !important;
    color: rgba(0, 119, 200, var(--text-opacity)) !important
  }

  #navbarWrapper .md\:hover\:text-opsSecondary:hover,
  reach-portal .md\:hover\:text-opsSecondary:hover {
    --text-opacity: 1 !important;
    color: #425563 !important;
    color: rgba(66, 85, 99, var(--text-opacity)) !important
  }

  #navbarWrapper .md\:hover\:text-opsGreen:hover,
  reach-portal .md\:hover\:text-opsGreen:hover {
    --text-opacity: 1 !important;
    color: #1ca34a !important;
    color: rgba(28, 163, 74, var(--text-opacity)) !important
  }

  #navbarWrapper .md\:hover\:text-opsOrange:hover,
  reach-portal .md\:hover\:text-opsOrange:hover {
    --text-opacity: 1 !important;
    color: #f47925 !important;
    color: rgba(244, 121, 37, var(--text-opacity)) !important
  }

  #navbarWrapper .md\:focus\:text-opsPrimary:focus,
  reach-portal .md\:focus\:text-opsPrimary:focus {
    --text-opacity: 1 !important;
    color: #0077c8 !important;
    color: rgba(0, 119, 200, var(--text-opacity)) !important
  }

  #navbarWrapper .md\:focus\:text-opsSecondary:focus,
  reach-portal .md\:focus\:text-opsSecondary:focus {
    --text-opacity: 1 !important;
    color: #425563 !important;
    color: rgba(66, 85, 99, var(--text-opacity)) !important
  }

  #navbarWrapper .md\:focus\:text-opsGreen:focus,
  reach-portal .md\:focus\:text-opsGreen:focus {
    --text-opacity: 1 !important;
    color: #1ca34a !important;
    color: rgba(28, 163, 74, var(--text-opacity)) !important
  }

  #navbarWrapper .md\:focus\:text-opsOrange:focus,
  reach-portal .md\:focus\:text-opsOrange:focus {
    --text-opacity: 1 !important;
    color: #f47925 !important;
    color: rgba(244, 121, 37, var(--text-opacity)) !important
  }

  #navbarWrapper .md\:text-opacity-0,
  reach-portal .md\:text-opacity-0 {
    --text-opacity: 0 !important
  }

  #navbarWrapper .md\:text-opacity-25,
  reach-portal .md\:text-opacity-25 {
    --text-opacity: 0.25 !important
  }

  #navbarWrapper .md\:text-opacity-50,
  reach-portal .md\:text-opacity-50 {
    --text-opacity: 0.5 !important
  }

  #navbarWrapper .md\:text-opacity-75,
  reach-portal .md\:text-opacity-75 {
    --text-opacity: 0.75 !important
  }

  #navbarWrapper .md\:text-opacity-100,
  reach-portal .md\:text-opacity-100 {
    --text-opacity: 1 !important
  }

  #navbarWrapper .md\:hover\:text-opacity-0:hover,
  reach-portal .md\:hover\:text-opacity-0:hover {
    --text-opacity: 0 !important
  }

  #navbarWrapper .md\:hover\:text-opacity-25:hover,
  reach-portal .md\:hover\:text-opacity-25:hover {
    --text-opacity: 0.25 !important
  }

  #navbarWrapper .md\:hover\:text-opacity-50:hover,
  reach-portal .md\:hover\:text-opacity-50:hover {
    --text-opacity: 0.5 !important
  }

  #navbarWrapper .md\:hover\:text-opacity-75:hover,
  reach-portal .md\:hover\:text-opacity-75:hover {
    --text-opacity: 0.75 !important
  }

  #navbarWrapper .md\:hover\:text-opacity-100:hover,
  reach-portal .md\:hover\:text-opacity-100:hover {
    --text-opacity: 1 !important
  }

  #navbarWrapper .md\:focus\:text-opacity-0:focus,
  reach-portal .md\:focus\:text-opacity-0:focus {
    --text-opacity: 0 !important
  }

  #navbarWrapper .md\:focus\:text-opacity-25:focus,
  reach-portal .md\:focus\:text-opacity-25:focus {
    --text-opacity: 0.25 !important
  }

  #navbarWrapper .md\:focus\:text-opacity-50:focus,
  reach-portal .md\:focus\:text-opacity-50:focus {
    --text-opacity: 0.5 !important
  }

  #navbarWrapper .md\:focus\:text-opacity-75:focus,
  reach-portal .md\:focus\:text-opacity-75:focus {
    --text-opacity: 0.75 !important
  }

  #navbarWrapper .md\:focus\:text-opacity-100:focus,
  reach-portal .md\:focus\:text-opacity-100:focus {
    --text-opacity: 1 !important
  }

  #navbarWrapper .md\:italic,
  reach-portal .md\:italic {
    font-style: italic !important
  }

  #navbarWrapper .md\:not-italic,
  reach-portal .md\:not-italic {
    font-style: normal !important
  }

  #navbarWrapper .md\:uppercase,
  reach-portal .md\:uppercase {
    text-transform: uppercase !important
  }

  #navbarWrapper .md\:lowercase,
  reach-portal .md\:lowercase {
    text-transform: lowercase !important
  }

  #navbarWrapper .md\:capitalize,
  reach-portal .md\:capitalize {
    text-transform: capitalize !important
  }

  #navbarWrapper .md\:normal-case,
  reach-portal .md\:normal-case {
    text-transform: none !important
  }

  #navbarWrapper .md\:underline,
  reach-portal .md\:underline {
    text-decoration: underline !important
  }

  #navbarWrapper .md\:line-through,
  reach-portal .md\:line-through {
    text-decoration: line-through !important
  }

  #navbarWrapper .md\:no-underline,
  reach-portal .md\:no-underline {
    text-decoration: none !important
  }

  #navbarWrapper .md\:hover\:underline:hover,
  reach-portal .md\:hover\:underline:hover {
    text-decoration: underline !important
  }

  #navbarWrapper .md\:hover\:line-through:hover,
  reach-portal .md\:hover\:line-through:hover {
    text-decoration: line-through !important
  }

  #navbarWrapper .md\:hover\:no-underline:hover,
  reach-portal .md\:hover\:no-underline:hover {
    text-decoration: none !important
  }

  #navbarWrapper .md\:focus\:underline:focus,
  reach-portal .md\:focus\:underline:focus {
    text-decoration: underline !important
  }

  #navbarWrapper .md\:focus\:line-through:focus,
  reach-portal .md\:focus\:line-through:focus {
    text-decoration: line-through !important
  }

  #navbarWrapper .md\:focus\:no-underline:focus,
  reach-portal .md\:focus\:no-underline:focus {
    text-decoration: none !important
  }

  #navbarWrapper .md\:antialiased,
  reach-portal .md\:antialiased {
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important
  }

  #navbarWrapper .md\:subpixel-antialiased,
  reach-portal .md\:subpixel-antialiased {
    -webkit-font-smoothing: auto !important;
    -moz-osx-font-smoothing: auto !important
  }

  #navbarWrapper .md\:tracking-tighter,
  reach-portal .md\:tracking-tighter {
    letter-spacing: -.05em !important
  }

  #navbarWrapper .md\:tracking-tight,
  reach-portal .md\:tracking-tight {
    letter-spacing: -.025em !important
  }

  #navbarWrapper .md\:tracking-normal,
  reach-portal .md\:tracking-normal {
    letter-spacing: 0 !important
  }

  #navbarWrapper .md\:tracking-wide,
  reach-portal .md\:tracking-wide {
    letter-spacing: .025em !important
  }

  #navbarWrapper .md\:tracking-wider,
  reach-portal .md\:tracking-wider {
    letter-spacing: .05em !important
  }

  #navbarWrapper .md\:tracking-widest,
  reach-portal .md\:tracking-widest {
    letter-spacing: .1em !important
  }

  #navbarWrapper .md\:select-none,
  reach-portal .md\:select-none {
    -webkit-user-select: none !important;
    user-select: none !important
  }

  #navbarWrapper .md\:select-text,
  reach-portal .md\:select-text {
    -webkit-user-select: text !important;
    user-select: text !important
  }

  #navbarWrapper .md\:select-all,
  reach-portal .md\:select-all {
    -webkit-user-select: all !important;
    user-select: all !important
  }

  #navbarWrapper .md\:select-auto,
  reach-portal .md\:select-auto {
    -webkit-user-select: auto !important;
    user-select: auto !important
  }

  #navbarWrapper .md\:align-baseline,
  reach-portal .md\:align-baseline {
    vertical-align: initial !important
  }

  #navbarWrapper .md\:align-top,
  reach-portal .md\:align-top {
    vertical-align: top !important
  }

  #navbarWrapper .md\:align-middle,
  reach-portal .md\:align-middle {
    vertical-align: middle !important
  }

  #navbarWrapper .md\:align-bottom,
  reach-portal .md\:align-bottom {
    vertical-align: bottom !important
  }

  #navbarWrapper .md\:align-text-top,
  reach-portal .md\:align-text-top {
    vertical-align: text-top !important
  }

  #navbarWrapper .md\:align-text-bottom,
  reach-portal .md\:align-text-bottom {
    vertical-align: text-bottom !important
  }

  #navbarWrapper .md\:visible,
  reach-portal .md\:visible {
    visibility: visible !important
  }

  #navbarWrapper .md\:invisible,
  reach-portal .md\:invisible {
    visibility: hidden !important
  }

  #navbarWrapper .md\:whitespace-normal,
  reach-portal .md\:whitespace-normal {
    white-space: normal !important
  }

  #navbarWrapper .md\:whitespace-no-wrap,
  reach-portal .md\:whitespace-no-wrap {
    white-space: nowrap !important
  }

  #navbarWrapper .md\:whitespace-pre,
  reach-portal .md\:whitespace-pre {
    white-space: pre !important
  }

  #navbarWrapper .md\:whitespace-pre-line,
  reach-portal .md\:whitespace-pre-line {
    white-space: pre-line !important
  }

  #navbarWrapper .md\:whitespace-pre-wrap,
  reach-portal .md\:whitespace-pre-wrap {
    white-space: pre-wrap !important
  }

  #navbarWrapper .md\:break-normal,
  reach-portal .md\:break-normal {
    overflow-wrap: normal !important;
    word-break: normal !important
  }

  #navbarWrapper .md\:break-words,
  reach-portal .md\:break-words {
    overflow-wrap: break-word !important
  }

  #navbarWrapper .md\:break-all,
  reach-portal .md\:break-all {
    word-break: break-all !important
  }

  #navbarWrapper .md\:truncate,
  reach-portal .md\:truncate {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important
  }

  #navbarWrapper .md\:w-0,
  reach-portal .md\:w-0 {
    width: 0 !important
  }

  #navbarWrapper .md\:w-1,
  reach-portal .md\:w-1 {
    width: .25rem !important
  }

  #navbarWrapper .md\:w-2,
  reach-portal .md\:w-2 {
    width: .5rem !important
  }

  #navbarWrapper .md\:w-3,
  reach-portal .md\:w-3 {
    width: .75rem !important
  }

  #navbarWrapper .md\:w-4,
  reach-portal .md\:w-4 {
    width: 1rem !important
  }

  #navbarWrapper .md\:w-5,
  reach-portal .md\:w-5 {
    width: 1.25rem !important
  }

  #navbarWrapper .md\:w-6,
  reach-portal .md\:w-6 {
    width: 1.5rem !important
  }

  #navbarWrapper .md\:w-8,
  reach-portal .md\:w-8 {
    width: 2rem !important
  }

  #navbarWrapper .md\:w-10,
  reach-portal .md\:w-10 {
    width: 2.5rem !important
  }

  #navbarWrapper .md\:w-12,
  reach-portal .md\:w-12 {
    width: 3rem !important
  }

  #navbarWrapper .md\:w-16,
  reach-portal .md\:w-16 {
    width: 4rem !important
  }

  #navbarWrapper .md\:w-20,
  reach-portal .md\:w-20 {
    width: 5rem !important
  }

  #navbarWrapper .md\:w-24,
  reach-portal .md\:w-24 {
    width: 6rem !important
  }

  #navbarWrapper .md\:w-32,
  reach-portal .md\:w-32 {
    width: 8rem !important
  }

  #navbarWrapper .md\:w-40,
  reach-portal .md\:w-40 {
    width: 10rem !important
  }

  #navbarWrapper .md\:w-48,
  reach-portal .md\:w-48 {
    width: 12rem !important
  }

  #navbarWrapper .md\:w-56,
  reach-portal .md\:w-56 {
    width: 14rem !important
  }

  #navbarWrapper .md\:w-64,
  reach-portal .md\:w-64 {
    width: 16rem !important
  }

  #navbarWrapper .md\:w-auto,
  reach-portal .md\:w-auto {
    width: auto !important
  }

  #navbarWrapper .md\:w-px,
  reach-portal .md\:w-px {
    width: 1px !important
  }

  #navbarWrapper .md\:w-1\/2,
  reach-portal .md\:w-1\/2 {
    width: 50% !important
  }

  #navbarWrapper .md\:w-1\/3,
  reach-portal .md\:w-1\/3 {
    width: 33.333333% !important
  }

  #navbarWrapper .md\:w-2\/3,
  reach-portal .md\:w-2\/3 {
    width: 66.666667% !important
  }

  #navbarWrapper .md\:w-1\/4,
  reach-portal .md\:w-1\/4 {
    width: 25% !important
  }

  #navbarWrapper .md\:w-2\/4,
  reach-portal .md\:w-2\/4 {
    width: 50% !important
  }

  #navbarWrapper .md\:w-3\/4,
  reach-portal .md\:w-3\/4 {
    width: 75% !important
  }

  #navbarWrapper .md\:w-1\/5,
  reach-portal .md\:w-1\/5 {
    width: 20% !important
  }

  #navbarWrapper .md\:w-2\/5,
  reach-portal .md\:w-2\/5 {
    width: 40% !important
  }

  #navbarWrapper .md\:w-3\/5,
  reach-portal .md\:w-3\/5 {
    width: 60% !important
  }

  #navbarWrapper .md\:w-4\/5,
  reach-portal .md\:w-4\/5 {
    width: 80% !important
  }

  #navbarWrapper .md\:w-1\/6,
  reach-portal .md\:w-1\/6 {
    width: 16.666667% !important
  }

  #navbarWrapper .md\:w-2\/6,
  reach-portal .md\:w-2\/6 {
    width: 33.333333% !important
  }

  #navbarWrapper .md\:w-3\/6,
  reach-portal .md\:w-3\/6 {
    width: 50% !important
  }

  #navbarWrapper .md\:w-4\/6,
  reach-portal .md\:w-4\/6 {
    width: 66.666667% !important
  }

  #navbarWrapper .md\:w-5\/6,
  reach-portal .md\:w-5\/6 {
    width: 83.333333% !important
  }

  #navbarWrapper .md\:w-1\/12,
  reach-portal .md\:w-1\/12 {
    width: 8.333333% !important
  }

  #navbarWrapper .md\:w-2\/12,
  reach-portal .md\:w-2\/12 {
    width: 16.666667% !important
  }

  #navbarWrapper .md\:w-3\/12,
  reach-portal .md\:w-3\/12 {
    width: 25% !important
  }

  #navbarWrapper .md\:w-4\/12,
  reach-portal .md\:w-4\/12 {
    width: 33.333333% !important
  }

  #navbarWrapper .md\:w-5\/12,
  reach-portal .md\:w-5\/12 {
    width: 41.666667% !important
  }

  #navbarWrapper .md\:w-6\/12,
  reach-portal .md\:w-6\/12 {
    width: 50% !important
  }

  #navbarWrapper .md\:w-7\/12,
  reach-portal .md\:w-7\/12 {
    width: 58.333333% !important
  }

  #navbarWrapper .md\:w-8\/12,
  reach-portal .md\:w-8\/12 {
    width: 66.666667% !important
  }

  #navbarWrapper .md\:w-9\/12,
  reach-portal .md\:w-9\/12 {
    width: 75% !important
  }

  #navbarWrapper .md\:w-10\/12,
  reach-portal .md\:w-10\/12 {
    width: 83.333333% !important
  }

  #navbarWrapper .md\:w-11\/12,
  reach-portal .md\:w-11\/12 {
    width: 91.666667% !important
  }

  #navbarWrapper .md\:w-full,
  reach-portal .md\:w-full {
    width: 100% !important
  }

  #navbarWrapper .md\:w-screen,
  reach-portal .md\:w-screen {
    width: 100vw !important
  }

  #navbarWrapper .md\:z-0,
  reach-portal .md\:z-0 {
    z-index: 0 !important
  }

  #navbarWrapper .md\:z-10,
  reach-portal .md\:z-10 {
    z-index: 10 !important
  }

  #navbarWrapper .md\:z-30,
  reach-portal .md\:z-30 {
    z-index: 30 !important
  }

  #navbarWrapper .md\:z-40,
  reach-portal .md\:z-40 {
    z-index: 40 !important
  }

  #navbarWrapper .md\:z-50,
  reach-portal .md\:z-50 {
    z-index: 50 !important
  }

  #navbarWrapper .md\:z-auto,
  reach-portal .md\:z-auto {
    z-index: auto !important
  }

  #navbarWrapper .md\:gap-0,
  reach-portal .md\:gap-0 {
    grid-gap: 0 !important;
    gap: 0 !important
  }

  #navbarWrapper .md\:gap-1,
  reach-portal .md\:gap-1 {
    grid-gap: .25rem !important;
    gap: .25rem !important
  }

  #navbarWrapper .md\:gap-2,
  reach-portal .md\:gap-2 {
    grid-gap: .5rem !important;
    gap: .5rem !important
  }

  #navbarWrapper .md\:gap-3,
  reach-portal .md\:gap-3 {
    grid-gap: .75rem !important;
    gap: .75rem !important
  }

  #navbarWrapper .md\:gap-4,
  reach-portal .md\:gap-4 {
    grid-gap: 1rem !important;
    gap: 1rem !important
  }

  #navbarWrapper .md\:gap-5,
  reach-portal .md\:gap-5 {
    grid-gap: 1.25rem !important;
    gap: 1.25rem !important
  }

  #navbarWrapper .md\:gap-6,
  reach-portal .md\:gap-6 {
    grid-gap: 1.5rem !important;
    gap: 1.5rem !important
  }

  #navbarWrapper .md\:gap-8,
  reach-portal .md\:gap-8 {
    grid-gap: 2rem !important;
    gap: 2rem !important
  }

  #navbarWrapper .md\:gap-10,
  reach-portal .md\:gap-10 {
    grid-gap: 2.5rem !important;
    gap: 2.5rem !important
  }

  #navbarWrapper .md\:gap-12,
  reach-portal .md\:gap-12 {
    grid-gap: 3rem !important;
    gap: 3rem !important
  }

  #navbarWrapper .md\:gap-16,
  reach-portal .md\:gap-16 {
    grid-gap: 4rem !important;
    gap: 4rem !important
  }

  #navbarWrapper .md\:gap-20,
  reach-portal .md\:gap-20 {
    grid-gap: 5rem !important;
    gap: 5rem !important
  }

  #navbarWrapper .md\:gap-24,
  reach-portal .md\:gap-24 {
    grid-gap: 6rem !important;
    gap: 6rem !important
  }

  #navbarWrapper .md\:gap-32,
  reach-portal .md\:gap-32 {
    grid-gap: 8rem !important;
    gap: 8rem !important
  }

  #navbarWrapper .md\:gap-40,
  reach-portal .md\:gap-40 {
    grid-gap: 10rem !important;
    gap: 10rem !important
  }

  #navbarWrapper .md\:gap-48,
  reach-portal .md\:gap-48 {
    grid-gap: 12rem !important;
    gap: 12rem !important
  }

  #navbarWrapper .md\:gap-56,
  reach-portal .md\:gap-56 {
    grid-gap: 14rem !important;
    gap: 14rem !important
  }

  #navbarWrapper .md\:gap-64,
  reach-portal .md\:gap-64 {
    grid-gap: 16rem !important;
    gap: 16rem !important
  }

  #navbarWrapper .md\:gap-px,
  reach-portal .md\:gap-px {
    grid-gap: 1px !important;
    gap: 1px !important
  }

  #navbarWrapper .md\:col-gap-0,
  reach-portal .md\:col-gap-0 {
    grid-column-gap: 0 !important;
    column-gap: 0 !important
  }

  #navbarWrapper .md\:col-gap-1,
  reach-portal .md\:col-gap-1 {
    grid-column-gap: .25rem !important;
    column-gap: .25rem !important
  }

  #navbarWrapper .md\:col-gap-2,
  reach-portal .md\:col-gap-2 {
    grid-column-gap: .5rem !important;
    column-gap: .5rem !important
  }

  #navbarWrapper .md\:col-gap-3,
  reach-portal .md\:col-gap-3 {
    grid-column-gap: .75rem !important;
    column-gap: .75rem !important
  }

  #navbarWrapper .md\:col-gap-4,
  reach-portal .md\:col-gap-4 {
    grid-column-gap: 1rem !important;
    column-gap: 1rem !important
  }

  #navbarWrapper .md\:col-gap-5,
  reach-portal .md\:col-gap-5 {
    grid-column-gap: 1.25rem !important;
    column-gap: 1.25rem !important
  }

  #navbarWrapper .md\:col-gap-6,
  reach-portal .md\:col-gap-6 {
    grid-column-gap: 1.5rem !important;
    column-gap: 1.5rem !important
  }

  #navbarWrapper .md\:col-gap-8,
  reach-portal .md\:col-gap-8 {
    grid-column-gap: 2rem !important;
    column-gap: 2rem !important
  }

  #navbarWrapper .md\:col-gap-10,
  reach-portal .md\:col-gap-10 {
    grid-column-gap: 2.5rem !important;
    column-gap: 2.5rem !important
  }

  #navbarWrapper .md\:col-gap-12,
  reach-portal .md\:col-gap-12 {
    grid-column-gap: 3rem !important;
    column-gap: 3rem !important
  }

  #navbarWrapper .md\:col-gap-16,
  reach-portal .md\:col-gap-16 {
    grid-column-gap: 4rem !important;
    column-gap: 4rem !important
  }

  #navbarWrapper .md\:col-gap-20,
  reach-portal .md\:col-gap-20 {
    grid-column-gap: 5rem !important;
    column-gap: 5rem !important
  }

  #navbarWrapper .md\:col-gap-24,
  reach-portal .md\:col-gap-24 {
    grid-column-gap: 6rem !important;
    column-gap: 6rem !important
  }

  #navbarWrapper .md\:col-gap-32,
  reach-portal .md\:col-gap-32 {
    grid-column-gap: 8rem !important;
    column-gap: 8rem !important
  }

  #navbarWrapper .md\:col-gap-40,
  reach-portal .md\:col-gap-40 {
    grid-column-gap: 10rem !important;
    column-gap: 10rem !important
  }

  #navbarWrapper .md\:col-gap-48,
  reach-portal .md\:col-gap-48 {
    grid-column-gap: 12rem !important;
    column-gap: 12rem !important
  }

  #navbarWrapper .md\:col-gap-56,
  reach-portal .md\:col-gap-56 {
    grid-column-gap: 14rem !important;
    column-gap: 14rem !important
  }

  #navbarWrapper .md\:col-gap-64,
  reach-portal .md\:col-gap-64 {
    grid-column-gap: 16rem !important;
    column-gap: 16rem !important
  }

  #navbarWrapper .md\:col-gap-px,
  reach-portal .md\:col-gap-px {
    grid-column-gap: 1px !important;
    column-gap: 1px !important
  }

  #navbarWrapper .md\:row-gap-0,
  reach-portal .md\:row-gap-0 {
    grid-row-gap: 0 !important;
    row-gap: 0 !important
  }

  #navbarWrapper .md\:row-gap-1,
  reach-portal .md\:row-gap-1 {
    grid-row-gap: .25rem !important;
    row-gap: .25rem !important
  }

  #navbarWrapper .md\:row-gap-2,
  reach-portal .md\:row-gap-2 {
    grid-row-gap: .5rem !important;
    row-gap: .5rem !important
  }

  #navbarWrapper .md\:row-gap-3,
  reach-portal .md\:row-gap-3 {
    grid-row-gap: .75rem !important;
    row-gap: .75rem !important
  }

  #navbarWrapper .md\:row-gap-4,
  reach-portal .md\:row-gap-4 {
    grid-row-gap: 1rem !important;
    row-gap: 1rem !important
  }

  #navbarWrapper .md\:row-gap-5,
  reach-portal .md\:row-gap-5 {
    grid-row-gap: 1.25rem !important;
    row-gap: 1.25rem !important
  }

  #navbarWrapper .md\:row-gap-6,
  reach-portal .md\:row-gap-6 {
    grid-row-gap: 1.5rem !important;
    row-gap: 1.5rem !important
  }

  #navbarWrapper .md\:row-gap-8,
  reach-portal .md\:row-gap-8 {
    grid-row-gap: 2rem !important;
    row-gap: 2rem !important
  }

  #navbarWrapper .md\:row-gap-10,
  reach-portal .md\:row-gap-10 {
    grid-row-gap: 2.5rem !important;
    row-gap: 2.5rem !important
  }

  #navbarWrapper .md\:row-gap-12,
  reach-portal .md\:row-gap-12 {
    grid-row-gap: 3rem !important;
    row-gap: 3rem !important
  }

  #navbarWrapper .md\:row-gap-16,
  reach-portal .md\:row-gap-16 {
    grid-row-gap: 4rem !important;
    row-gap: 4rem !important
  }

  #navbarWrapper .md\:row-gap-20,
  reach-portal .md\:row-gap-20 {
    grid-row-gap: 5rem !important;
    row-gap: 5rem !important
  }

  #navbarWrapper .md\:row-gap-24,
  reach-portal .md\:row-gap-24 {
    grid-row-gap: 6rem !important;
    row-gap: 6rem !important
  }

  #navbarWrapper .md\:row-gap-32,
  reach-portal .md\:row-gap-32 {
    grid-row-gap: 8rem !important;
    row-gap: 8rem !important
  }

  #navbarWrapper .md\:row-gap-40,
  reach-portal .md\:row-gap-40 {
    grid-row-gap: 10rem !important;
    row-gap: 10rem !important
  }

  #navbarWrapper .md\:row-gap-48,
  reach-portal .md\:row-gap-48 {
    grid-row-gap: 12rem !important;
    row-gap: 12rem !important
  }

  #navbarWrapper .md\:row-gap-56,
  reach-portal .md\:row-gap-56 {
    grid-row-gap: 14rem !important;
    row-gap: 14rem !important
  }

  #navbarWrapper .md\:row-gap-64,
  reach-portal .md\:row-gap-64 {
    grid-row-gap: 16rem !important;
    row-gap: 16rem !important
  }

  #navbarWrapper .md\:row-gap-px,
  reach-portal .md\:row-gap-px {
    grid-row-gap: 1px !important;
    row-gap: 1px !important
  }

  #navbarWrapper .md\:grid-flow-row,
  reach-portal .md\:grid-flow-row {
    grid-auto-flow: row !important
  }

  #navbarWrapper .md\:grid-flow-col,
  reach-portal .md\:grid-flow-col {
    grid-auto-flow: column !important
  }

  #navbarWrapper .md\:grid-flow-row-dense,
  reach-portal .md\:grid-flow-row-dense {
    grid-auto-flow: row dense !important
  }

  #navbarWrapper .md\:grid-flow-col-dense,
  reach-portal .md\:grid-flow-col-dense {
    grid-auto-flow: column dense !important
  }

  #navbarWrapper .md\:grid-cols-1,
  reach-portal .md\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important
  }

  #navbarWrapper .md\:grid-cols-2,
  reach-portal .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important
  }

  #navbarWrapper .md\:grid-cols-3,
  reach-portal .md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important
  }

  #navbarWrapper .md\:grid-cols-4,
  reach-portal .md\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important
  }

  #navbarWrapper .md\:grid-cols-5,
  reach-portal .md\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important
  }

  #navbarWrapper .md\:grid-cols-6,
  reach-portal .md\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important
  }

  #navbarWrapper .md\:grid-cols-7,
  reach-portal .md\:grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr)) !important
  }

  #navbarWrapper .md\:grid-cols-8,
  reach-portal .md\:grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr)) !important
  }

  #navbarWrapper .md\:grid-cols-9,
  reach-portal .md\:grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr)) !important
  }

  #navbarWrapper .md\:grid-cols-10,
  reach-portal .md\:grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr)) !important
  }

  #navbarWrapper .md\:grid-cols-11,
  reach-portal .md\:grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr)) !important
  }

  #navbarWrapper .md\:grid-cols-12,
  reach-portal .md\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr)) !important
  }

  #navbarWrapper .md\:grid-cols-none,
  reach-portal .md\:grid-cols-none {
    grid-template-columns: none !important
  }

  #navbarWrapper .md\:col-auto,
  reach-portal .md\:col-auto {
    grid-column: auto !important
  }

  #navbarWrapper .md\:col-span-1,
  reach-portal .md\:col-span-1 {
    grid-column: span 1/span 1 !important
  }

  #navbarWrapper .md\:col-span-2,
  reach-portal .md\:col-span-2 {
    grid-column: span 2/span 2 !important
  }

  #navbarWrapper .md\:col-span-3,
  reach-portal .md\:col-span-3 {
    grid-column: span 3/span 3 !important
  }

  #navbarWrapper .md\:col-span-4,
  reach-portal .md\:col-span-4 {
    grid-column: span 4/span 4 !important
  }

  #navbarWrapper .md\:col-span-5,
  reach-portal .md\:col-span-5 {
    grid-column: span 5/span 5 !important
  }

  #navbarWrapper .md\:col-span-6,
  reach-portal .md\:col-span-6 {
    grid-column: span 6/span 6 !important
  }

  #navbarWrapper .md\:col-span-7,
  reach-portal .md\:col-span-7 {
    grid-column: span 7/span 7 !important
  }

  #navbarWrapper .md\:col-span-8,
  reach-portal .md\:col-span-8 {
    grid-column: span 8/span 8 !important
  }

  #navbarWrapper .md\:col-span-9,
  reach-portal .md\:col-span-9 {
    grid-column: span 9/span 9 !important
  }

  #navbarWrapper .md\:col-span-10,
  reach-portal .md\:col-span-10 {
    grid-column: span 10/span 10 !important
  }

  #navbarWrapper .md\:col-span-11,
  reach-portal .md\:col-span-11 {
    grid-column: span 11/span 11 !important
  }

  #navbarWrapper .md\:col-span-12,
  reach-portal .md\:col-span-12 {
    grid-column: span 12/span 12 !important
  }

  #navbarWrapper .md\:col-start-1,
  reach-portal .md\:col-start-1 {
    grid-column-start: 1 !important
  }

  #navbarWrapper .md\:col-start-2,
  reach-portal .md\:col-start-2 {
    grid-column-start: 2 !important
  }

  #navbarWrapper .md\:col-start-3,
  reach-portal .md\:col-start-3 {
    grid-column-start: 3 !important
  }

  #navbarWrapper .md\:col-start-4,
  reach-portal .md\:col-start-4 {
    grid-column-start: 4 !important
  }

  #navbarWrapper .md\:col-start-5,
  reach-portal .md\:col-start-5 {
    grid-column-start: 5 !important
  }

  #navbarWrapper .md\:col-start-6,
  reach-portal .md\:col-start-6 {
    grid-column-start: 6 !important
  }

  #navbarWrapper .md\:col-start-7,
  reach-portal .md\:col-start-7 {
    grid-column-start: 7 !important
  }

  #navbarWrapper .md\:col-start-8,
  reach-portal .md\:col-start-8 {
    grid-column-start: 8 !important
  }

  #navbarWrapper .md\:col-start-9,
  reach-portal .md\:col-start-9 {
    grid-column-start: 9 !important
  }

  #navbarWrapper .md\:col-start-10,
  reach-portal .md\:col-start-10 {
    grid-column-start: 10 !important
  }

  #navbarWrapper .md\:col-start-11,
  reach-portal .md\:col-start-11 {
    grid-column-start: 11 !important
  }

  #navbarWrapper .md\:col-start-12,
  reach-portal .md\:col-start-12 {
    grid-column-start: 12 !important
  }

  #navbarWrapper .md\:col-start-13,
  reach-portal .md\:col-start-13 {
    grid-column-start: 13 !important
  }

  #navbarWrapper .md\:col-start-auto,
  reach-portal .md\:col-start-auto {
    grid-column-start: auto !important
  }

  #navbarWrapper .md\:col-end-1,
  reach-portal .md\:col-end-1 {
    grid-column-end: 1 !important
  }

  #navbarWrapper .md\:col-end-2,
  reach-portal .md\:col-end-2 {
    grid-column-end: 2 !important
  }

  #navbarWrapper .md\:col-end-3,
  reach-portal .md\:col-end-3 {
    grid-column-end: 3 !important
  }

  #navbarWrapper .md\:col-end-4,
  reach-portal .md\:col-end-4 {
    grid-column-end: 4 !important
  }

  #navbarWrapper .md\:col-end-5,
  reach-portal .md\:col-end-5 {
    grid-column-end: 5 !important
  }

  #navbarWrapper .md\:col-end-6,
  reach-portal .md\:col-end-6 {
    grid-column-end: 6 !important
  }

  #navbarWrapper .md\:col-end-7,
  reach-portal .md\:col-end-7 {
    grid-column-end: 7 !important
  }

  #navbarWrapper .md\:col-end-8,
  reach-portal .md\:col-end-8 {
    grid-column-end: 8 !important
  }

  #navbarWrapper .md\:col-end-9,
  reach-portal .md\:col-end-9 {
    grid-column-end: 9 !important
  }

  #navbarWrapper .md\:col-end-10,
  reach-portal .md\:col-end-10 {
    grid-column-end: 10 !important
  }

  #navbarWrapper .md\:col-end-11,
  reach-portal .md\:col-end-11 {
    grid-column-end: 11 !important
  }

  #navbarWrapper .md\:col-end-12,
  reach-portal .md\:col-end-12 {
    grid-column-end: 12 !important
  }

  #navbarWrapper .md\:col-end-13,
  reach-portal .md\:col-end-13 {
    grid-column-end: 13 !important
  }

  #navbarWrapper .md\:col-end-auto,
  reach-portal .md\:col-end-auto {
    grid-column-end: auto !important
  }

  #navbarWrapper .md\:grid-rows-1,
  reach-portal .md\:grid-rows-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr)) !important
  }

  #navbarWrapper .md\:grid-rows-2,
  reach-portal .md\:grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr)) !important
  }

  #navbarWrapper .md\:grid-rows-3,
  reach-portal .md\:grid-rows-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr)) !important
  }

  #navbarWrapper .md\:grid-rows-4,
  reach-portal .md\:grid-rows-4 {
    grid-template-rows: repeat(4, minmax(0, 1fr)) !important
  }

  #navbarWrapper .md\:grid-rows-5,
  reach-portal .md\:grid-rows-5 {
    grid-template-rows: repeat(5, minmax(0, 1fr)) !important
  }

  #navbarWrapper .md\:grid-rows-6,
  reach-portal .md\:grid-rows-6 {
    grid-template-rows: repeat(6, minmax(0, 1fr)) !important
  }

  #navbarWrapper .md\:grid-rows-none,
  reach-portal .md\:grid-rows-none {
    grid-template-rows: none !important
  }

  #navbarWrapper .md\:row-auto,
  reach-portal .md\:row-auto {
    grid-row: auto !important
  }

  #navbarWrapper .md\:row-span-1,
  reach-portal .md\:row-span-1 {
    grid-row: span 1/span 1 !important
  }

  #navbarWrapper .md\:row-span-2,
  reach-portal .md\:row-span-2 {
    grid-row: span 2/span 2 !important
  }

  #navbarWrapper .md\:row-span-3,
  reach-portal .md\:row-span-3 {
    grid-row: span 3/span 3 !important
  }

  #navbarWrapper .md\:row-span-4,
  reach-portal .md\:row-span-4 {
    grid-row: span 4/span 4 !important
  }

  #navbarWrapper .md\:row-span-5,
  reach-portal .md\:row-span-5 {
    grid-row: span 5/span 5 !important
  }

  #navbarWrapper .md\:row-span-6,
  reach-portal .md\:row-span-6 {
    grid-row: span 6/span 6 !important
  }

  #navbarWrapper .md\:row-start-1,
  reach-portal .md\:row-start-1 {
    grid-row-start: 1 !important
  }

  #navbarWrapper .md\:row-start-2,
  reach-portal .md\:row-start-2 {
    grid-row-start: 2 !important
  }

  #navbarWrapper .md\:row-start-3,
  reach-portal .md\:row-start-3 {
    grid-row-start: 3 !important
  }

  #navbarWrapper .md\:row-start-4,
  reach-portal .md\:row-start-4 {
    grid-row-start: 4 !important
  }

  #navbarWrapper .md\:row-start-5,
  reach-portal .md\:row-start-5 {
    grid-row-start: 5 !important
  }

  #navbarWrapper .md\:row-start-6,
  reach-portal .md\:row-start-6 {
    grid-row-start: 6 !important
  }

  #navbarWrapper .md\:row-start-7,
  reach-portal .md\:row-start-7 {
    grid-row-start: 7 !important
  }

  #navbarWrapper .md\:row-start-auto,
  reach-portal .md\:row-start-auto {
    grid-row-start: auto !important
  }

  #navbarWrapper .md\:row-end-1,
  reach-portal .md\:row-end-1 {
    grid-row-end: 1 !important
  }

  #navbarWrapper .md\:row-end-2,
  reach-portal .md\:row-end-2 {
    grid-row-end: 2 !important
  }

  #navbarWrapper .md\:row-end-3,
  reach-portal .md\:row-end-3 {
    grid-row-end: 3 !important
  }

  #navbarWrapper .md\:row-end-4,
  reach-portal .md\:row-end-4 {
    grid-row-end: 4 !important
  }

  #navbarWrapper .md\:row-end-5,
  reach-portal .md\:row-end-5 {
    grid-row-end: 5 !important
  }

  #navbarWrapper .md\:row-end-6,
  reach-portal .md\:row-end-6 {
    grid-row-end: 6 !important
  }

  #navbarWrapper .md\:row-end-7,
  reach-portal .md\:row-end-7 {
    grid-row-end: 7 !important
  }

  #navbarWrapper .md\:row-end-auto,
  reach-portal .md\:row-end-auto {
    grid-row-end: auto !important
  }

  #navbarWrapper .md\:transform,
  reach-portal .md\:transform {
    --transform-translate-x: 0 !important;
    --transform-translate-y: 0 !important;
    --transform-rotate: 0 !important;
    --transform-skew-x: 0 !important;
    --transform-skew-y: 0 !important;
    --transform-scale-x: 1 !important;
    --transform-scale-y: 1 !important;
    transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y)) !important
  }

  #navbarWrapper .md\:transform-none,
  reach-portal .md\:transform-none {
    transform: none !important
  }

  #navbarWrapper .md\:origin-center,
  reach-portal .md\:origin-center {
    transform-origin: center !important
  }

  #navbarWrapper .md\:origin-top,
  reach-portal .md\:origin-top {
    transform-origin: top !important
  }

  #navbarWrapper .md\:origin-top-right,
  reach-portal .md\:origin-top-right {
    transform-origin: top right !important
  }

  #navbarWrapper .md\:origin-right,
  reach-portal .md\:origin-right {
    transform-origin: right !important
  }

  #navbarWrapper .md\:origin-bottom-right,
  reach-portal .md\:origin-bottom-right {
    transform-origin: bottom right !important
  }

  #navbarWrapper .md\:origin-bottom,
  reach-portal .md\:origin-bottom {
    transform-origin: bottom !important
  }

  #navbarWrapper .md\:origin-bottom-left,
  reach-portal .md\:origin-bottom-left {
    transform-origin: bottom left !important
  }

  #navbarWrapper .md\:origin-left,
  reach-portal .md\:origin-left {
    transform-origin: left !important
  }

  #navbarWrapper .md\:origin-top-left,
  reach-portal .md\:origin-top-left {
    transform-origin: top left !important
  }

  #navbarWrapper .md\:scale-0,
  reach-portal .md\:scale-0 {
    --transform-scale-x: 0 !important;
    --transform-scale-y: 0 !important
  }

  #navbarWrapper .md\:scale-50,
  reach-portal .md\:scale-50 {
    --transform-scale-x: .5 !important;
    --transform-scale-y: .5 !important
  }

  #navbarWrapper .md\:scale-75,
  reach-portal .md\:scale-75 {
    --transform-scale-x: .75 !important;
    --transform-scale-y: .75 !important
  }

  #navbarWrapper .md\:scale-90,
  reach-portal .md\:scale-90 {
    --transform-scale-x: .9 !important;
    --transform-scale-y: .9 !important
  }

  #navbarWrapper .md\:scale-95,
  reach-portal .md\:scale-95 {
    --transform-scale-x: .95 !important;
    --transform-scale-y: .95 !important
  }

  #navbarWrapper .md\:scale-100,
  reach-portal .md\:scale-100 {
    --transform-scale-x: 1 !important;
    --transform-scale-y: 1 !important
  }

  #navbarWrapper .md\:scale-105,
  reach-portal .md\:scale-105 {
    --transform-scale-x: 1.05 !important;
    --transform-scale-y: 1.05 !important
  }

  #navbarWrapper .md\:scale-110,
  reach-portal .md\:scale-110 {
    --transform-scale-x: 1.1 !important;
    --transform-scale-y: 1.1 !important
  }

  #navbarWrapper .md\:scale-125,
  reach-portal .md\:scale-125 {
    --transform-scale-x: 1.25 !important;
    --transform-scale-y: 1.25 !important
  }

  #navbarWrapper .md\:scale-150,
  reach-portal .md\:scale-150 {
    --transform-scale-x: 1.5 !important;
    --transform-scale-y: 1.5 !important
  }

  #navbarWrapper .md\:scale-x-0,
  reach-portal .md\:scale-x-0 {
    --transform-scale-x: 0 !important
  }

  #navbarWrapper .md\:scale-x-50,
  reach-portal .md\:scale-x-50 {
    --transform-scale-x: .5 !important
  }

  #navbarWrapper .md\:scale-x-75,
  reach-portal .md\:scale-x-75 {
    --transform-scale-x: .75 !important
  }

  #navbarWrapper .md\:scale-x-90,
  reach-portal .md\:scale-x-90 {
    --transform-scale-x: .9 !important
  }

  #navbarWrapper .md\:scale-x-95,
  reach-portal .md\:scale-x-95 {
    --transform-scale-x: .95 !important
  }

  #navbarWrapper .md\:scale-x-100,
  reach-portal .md\:scale-x-100 {
    --transform-scale-x: 1 !important
  }

  #navbarWrapper .md\:scale-x-105,
  reach-portal .md\:scale-x-105 {
    --transform-scale-x: 1.05 !important
  }

  #navbarWrapper .md\:scale-x-110,
  reach-portal .md\:scale-x-110 {
    --transform-scale-x: 1.1 !important
  }

  #navbarWrapper .md\:scale-x-125,
  reach-portal .md\:scale-x-125 {
    --transform-scale-x: 1.25 !important
  }

  #navbarWrapper .md\:scale-x-150,
  reach-portal .md\:scale-x-150 {
    --transform-scale-x: 1.5 !important
  }

  #navbarWrapper .md\:scale-y-0,
  reach-portal .md\:scale-y-0 {
    --transform-scale-y: 0 !important
  }

  #navbarWrapper .md\:scale-y-50,
  reach-portal .md\:scale-y-50 {
    --transform-scale-y: .5 !important
  }

  #navbarWrapper .md\:scale-y-75,
  reach-portal .md\:scale-y-75 {
    --transform-scale-y: .75 !important
  }

  #navbarWrapper .md\:scale-y-90,
  reach-portal .md\:scale-y-90 {
    --transform-scale-y: .9 !important
  }

  #navbarWrapper .md\:scale-y-95,
  reach-portal .md\:scale-y-95 {
    --transform-scale-y: .95 !important
  }

  #navbarWrapper .md\:scale-y-100,
  reach-portal .md\:scale-y-100 {
    --transform-scale-y: 1 !important
  }

  #navbarWrapper .md\:scale-y-105,
  reach-portal .md\:scale-y-105 {
    --transform-scale-y: 1.05 !important
  }

  #navbarWrapper .md\:scale-y-110,
  reach-portal .md\:scale-y-110 {
    --transform-scale-y: 1.1 !important
  }

  #navbarWrapper .md\:scale-y-125,
  reach-portal .md\:scale-y-125 {
    --transform-scale-y: 1.25 !important
  }

  #navbarWrapper .md\:scale-y-150,
  reach-portal .md\:scale-y-150 {
    --transform-scale-y: 1.5 !important
  }

  #navbarWrapper .md\:hover\:scale-0:hover,
  reach-portal .md\:hover\:scale-0:hover {
    --transform-scale-x: 0 !important;
    --transform-scale-y: 0 !important
  }

  #navbarWrapper .md\:hover\:scale-50:hover,
  reach-portal .md\:hover\:scale-50:hover {
    --transform-scale-x: .5 !important;
    --transform-scale-y: .5 !important
  }

  #navbarWrapper .md\:hover\:scale-75:hover,
  reach-portal .md\:hover\:scale-75:hover {
    --transform-scale-x: .75 !important;
    --transform-scale-y: .75 !important
  }

  #navbarWrapper .md\:hover\:scale-90:hover,
  reach-portal .md\:hover\:scale-90:hover {
    --transform-scale-x: .9 !important;
    --transform-scale-y: .9 !important
  }

  #navbarWrapper .md\:hover\:scale-95:hover,
  reach-portal .md\:hover\:scale-95:hover {
    --transform-scale-x: .95 !important;
    --transform-scale-y: .95 !important
  }

  #navbarWrapper .md\:hover\:scale-100:hover,
  reach-portal .md\:hover\:scale-100:hover {
    --transform-scale-x: 1 !important;
    --transform-scale-y: 1 !important
  }

  #navbarWrapper .md\:hover\:scale-105:hover,
  reach-portal .md\:hover\:scale-105:hover {
    --transform-scale-x: 1.05 !important;
    --transform-scale-y: 1.05 !important
  }

  #navbarWrapper .md\:hover\:scale-110:hover,
  reach-portal .md\:hover\:scale-110:hover {
    --transform-scale-x: 1.1 !important;
    --transform-scale-y: 1.1 !important
  }

  #navbarWrapper .md\:hover\:scale-125:hover,
  reach-portal .md\:hover\:scale-125:hover {
    --transform-scale-x: 1.25 !important;
    --transform-scale-y: 1.25 !important
  }

  #navbarWrapper .md\:hover\:scale-150:hover,
  reach-portal .md\:hover\:scale-150:hover {
    --transform-scale-x: 1.5 !important;
    --transform-scale-y: 1.5 !important
  }

  #navbarWrapper .md\:hover\:scale-x-0:hover,
  reach-portal .md\:hover\:scale-x-0:hover {
    --transform-scale-x: 0 !important
  }

  #navbarWrapper .md\:hover\:scale-x-50:hover,
  reach-portal .md\:hover\:scale-x-50:hover {
    --transform-scale-x: .5 !important
  }

  #navbarWrapper .md\:hover\:scale-x-75:hover,
  reach-portal .md\:hover\:scale-x-75:hover {
    --transform-scale-x: .75 !important
  }

  #navbarWrapper .md\:hover\:scale-x-90:hover,
  reach-portal .md\:hover\:scale-x-90:hover {
    --transform-scale-x: .9 !important
  }

  #navbarWrapper .md\:hover\:scale-x-95:hover,
  reach-portal .md\:hover\:scale-x-95:hover {
    --transform-scale-x: .95 !important
  }

  #navbarWrapper .md\:hover\:scale-x-100:hover,
  reach-portal .md\:hover\:scale-x-100:hover {
    --transform-scale-x: 1 !important
  }

  #navbarWrapper .md\:hover\:scale-x-105:hover,
  reach-portal .md\:hover\:scale-x-105:hover {
    --transform-scale-x: 1.05 !important
  }

  #navbarWrapper .md\:hover\:scale-x-110:hover,
  reach-portal .md\:hover\:scale-x-110:hover {
    --transform-scale-x: 1.1 !important
  }

  #navbarWrapper .md\:hover\:scale-x-125:hover,
  reach-portal .md\:hover\:scale-x-125:hover {
    --transform-scale-x: 1.25 !important
  }

  #navbarWrapper .md\:hover\:scale-x-150:hover,
  reach-portal .md\:hover\:scale-x-150:hover {
    --transform-scale-x: 1.5 !important
  }

  #navbarWrapper .md\:hover\:scale-y-0:hover,
  reach-portal .md\:hover\:scale-y-0:hover {
    --transform-scale-y: 0 !important
  }

  #navbarWrapper .md\:hover\:scale-y-50:hover,
  reach-portal .md\:hover\:scale-y-50:hover {
    --transform-scale-y: .5 !important
  }

  #navbarWrapper .md\:hover\:scale-y-75:hover,
  reach-portal .md\:hover\:scale-y-75:hover {
    --transform-scale-y: .75 !important
  }

  #navbarWrapper .md\:hover\:scale-y-90:hover,
  reach-portal .md\:hover\:scale-y-90:hover {
    --transform-scale-y: .9 !important
  }

  #navbarWrapper .md\:hover\:scale-y-95:hover,
  reach-portal .md\:hover\:scale-y-95:hover {
    --transform-scale-y: .95 !important
  }

  #navbarWrapper .md\:hover\:scale-y-100:hover,
  reach-portal .md\:hover\:scale-y-100:hover {
    --transform-scale-y: 1 !important
  }

  #navbarWrapper .md\:hover\:scale-y-105:hover,
  reach-portal .md\:hover\:scale-y-105:hover {
    --transform-scale-y: 1.05 !important
  }

  #navbarWrapper .md\:hover\:scale-y-110:hover,
  reach-portal .md\:hover\:scale-y-110:hover {
    --transform-scale-y: 1.1 !important
  }

  #navbarWrapper .md\:hover\:scale-y-125:hover,
  reach-portal .md\:hover\:scale-y-125:hover {
    --transform-scale-y: 1.25 !important
  }

  #navbarWrapper .md\:hover\:scale-y-150:hover,
  reach-portal .md\:hover\:scale-y-150:hover {
    --transform-scale-y: 1.5 !important
  }

  #navbarWrapper .md\:focus\:scale-0:focus,
  reach-portal .md\:focus\:scale-0:focus {
    --transform-scale-x: 0 !important;
    --transform-scale-y: 0 !important
  }

  #navbarWrapper .md\:focus\:scale-50:focus,
  reach-portal .md\:focus\:scale-50:focus {
    --transform-scale-x: .5 !important;
    --transform-scale-y: .5 !important
  }

  #navbarWrapper .md\:focus\:scale-75:focus,
  reach-portal .md\:focus\:scale-75:focus {
    --transform-scale-x: .75 !important;
    --transform-scale-y: .75 !important
  }

  #navbarWrapper .md\:focus\:scale-90:focus,
  reach-portal .md\:focus\:scale-90:focus {
    --transform-scale-x: .9 !important;
    --transform-scale-y: .9 !important
  }

  #navbarWrapper .md\:focus\:scale-95:focus,
  reach-portal .md\:focus\:scale-95:focus {
    --transform-scale-x: .95 !important;
    --transform-scale-y: .95 !important
  }

  #navbarWrapper .md\:focus\:scale-100:focus,
  reach-portal .md\:focus\:scale-100:focus {
    --transform-scale-x: 1 !important;
    --transform-scale-y: 1 !important
  }

  #navbarWrapper .md\:focus\:scale-105:focus,
  reach-portal .md\:focus\:scale-105:focus {
    --transform-scale-x: 1.05 !important;
    --transform-scale-y: 1.05 !important
  }

  #navbarWrapper .md\:focus\:scale-110:focus,
  reach-portal .md\:focus\:scale-110:focus {
    --transform-scale-x: 1.1 !important;
    --transform-scale-y: 1.1 !important
  }

  #navbarWrapper .md\:focus\:scale-125:focus,
  reach-portal .md\:focus\:scale-125:focus {
    --transform-scale-x: 1.25 !important;
    --transform-scale-y: 1.25 !important
  }

  #navbarWrapper .md\:focus\:scale-150:focus,
  reach-portal .md\:focus\:scale-150:focus {
    --transform-scale-x: 1.5 !important;
    --transform-scale-y: 1.5 !important
  }

  #navbarWrapper .md\:focus\:scale-x-0:focus,
  reach-portal .md\:focus\:scale-x-0:focus {
    --transform-scale-x: 0 !important
  }

  #navbarWrapper .md\:focus\:scale-x-50:focus,
  reach-portal .md\:focus\:scale-x-50:focus {
    --transform-scale-x: .5 !important
  }

  #navbarWrapper .md\:focus\:scale-x-75:focus,
  reach-portal .md\:focus\:scale-x-75:focus {
    --transform-scale-x: .75 !important
  }

  #navbarWrapper .md\:focus\:scale-x-90:focus,
  reach-portal .md\:focus\:scale-x-90:focus {
    --transform-scale-x: .9 !important
  }

  #navbarWrapper .md\:focus\:scale-x-95:focus,
  reach-portal .md\:focus\:scale-x-95:focus {
    --transform-scale-x: .95 !important
  }

  #navbarWrapper .md\:focus\:scale-x-100:focus,
  reach-portal .md\:focus\:scale-x-100:focus {
    --transform-scale-x: 1 !important
  }

  #navbarWrapper .md\:focus\:scale-x-105:focus,
  reach-portal .md\:focus\:scale-x-105:focus {
    --transform-scale-x: 1.05 !important
  }

  #navbarWrapper .md\:focus\:scale-x-110:focus,
  reach-portal .md\:focus\:scale-x-110:focus {
    --transform-scale-x: 1.1 !important
  }

  #navbarWrapper .md\:focus\:scale-x-125:focus,
  reach-portal .md\:focus\:scale-x-125:focus {
    --transform-scale-x: 1.25 !important
  }

  #navbarWrapper .md\:focus\:scale-x-150:focus,
  reach-portal .md\:focus\:scale-x-150:focus {
    --transform-scale-x: 1.5 !important
  }

  #navbarWrapper .md\:focus\:scale-y-0:focus,
  reach-portal .md\:focus\:scale-y-0:focus {
    --transform-scale-y: 0 !important
  }

  #navbarWrapper .md\:focus\:scale-y-50:focus,
  reach-portal .md\:focus\:scale-y-50:focus {
    --transform-scale-y: .5 !important
  }

  #navbarWrapper .md\:focus\:scale-y-75:focus,
  reach-portal .md\:focus\:scale-y-75:focus {
    --transform-scale-y: .75 !important
  }

  #navbarWrapper .md\:focus\:scale-y-90:focus,
  reach-portal .md\:focus\:scale-y-90:focus {
    --transform-scale-y: .9 !important
  }

  #navbarWrapper .md\:focus\:scale-y-95:focus,
  reach-portal .md\:focus\:scale-y-95:focus {
    --transform-scale-y: .95 !important
  }

  #navbarWrapper .md\:focus\:scale-y-100:focus,
  reach-portal .md\:focus\:scale-y-100:focus {
    --transform-scale-y: 1 !important
  }

  #navbarWrapper .md\:focus\:scale-y-105:focus,
  reach-portal .md\:focus\:scale-y-105:focus {
    --transform-scale-y: 1.05 !important
  }

  #navbarWrapper .md\:focus\:scale-y-110:focus,
  reach-portal .md\:focus\:scale-y-110:focus {
    --transform-scale-y: 1.1 !important
  }

  #navbarWrapper .md\:focus\:scale-y-125:focus,
  reach-portal .md\:focus\:scale-y-125:focus {
    --transform-scale-y: 1.25 !important
  }

  #navbarWrapper .md\:focus\:scale-y-150:focus,
  reach-portal .md\:focus\:scale-y-150:focus {
    --transform-scale-y: 1.5 !important
  }

  #navbarWrapper .md\:rotate-0,
  reach-portal .md\:rotate-0 {
    --transform-rotate: 0 !important
  }

  #navbarWrapper .md\:rotate-45,
  reach-portal .md\:rotate-45 {
    --transform-rotate: 45deg !important
  }

  #navbarWrapper .md\:rotate-90,
  reach-portal .md\:rotate-90 {
    --transform-rotate: 90deg !important
  }

  #navbarWrapper .md\:rotate-180,
  reach-portal .md\:rotate-180 {
    --transform-rotate: 180deg !important
  }

  #navbarWrapper .md\:-rotate-180,
  reach-portal .md\:-rotate-180 {
    --transform-rotate: -180deg !important
  }

  #navbarWrapper .md\:-rotate-90,
  reach-portal .md\:-rotate-90 {
    --transform-rotate: -90deg !important
  }

  #navbarWrapper .md\:-rotate-45,
  reach-portal .md\:-rotate-45 {
    --transform-rotate: -45deg !important
  }

  #navbarWrapper .md\:hover\:rotate-0:hover,
  reach-portal .md\:hover\:rotate-0:hover {
    --transform-rotate: 0 !important
  }

  #navbarWrapper .md\:hover\:rotate-45:hover,
  reach-portal .md\:hover\:rotate-45:hover {
    --transform-rotate: 45deg !important
  }

  #navbarWrapper .md\:hover\:rotate-90:hover,
  reach-portal .md\:hover\:rotate-90:hover {
    --transform-rotate: 90deg !important
  }

  #navbarWrapper .md\:hover\:rotate-180:hover,
  reach-portal .md\:hover\:rotate-180:hover {
    --transform-rotate: 180deg !important
  }

  #navbarWrapper .md\:hover\:-rotate-180:hover,
  reach-portal .md\:hover\:-rotate-180:hover {
    --transform-rotate: -180deg !important
  }

  #navbarWrapper .md\:hover\:-rotate-90:hover,
  reach-portal .md\:hover\:-rotate-90:hover {
    --transform-rotate: -90deg !important
  }

  #navbarWrapper .md\:hover\:-rotate-45:hover,
  reach-portal .md\:hover\:-rotate-45:hover {
    --transform-rotate: -45deg !important
  }

  #navbarWrapper .md\:focus\:rotate-0:focus,
  reach-portal .md\:focus\:rotate-0:focus {
    --transform-rotate: 0 !important
  }

  #navbarWrapper .md\:focus\:rotate-45:focus,
  reach-portal .md\:focus\:rotate-45:focus {
    --transform-rotate: 45deg !important
  }

  #navbarWrapper .md\:focus\:rotate-90:focus,
  reach-portal .md\:focus\:rotate-90:focus {
    --transform-rotate: 90deg !important
  }

  #navbarWrapper .md\:focus\:rotate-180:focus,
  reach-portal .md\:focus\:rotate-180:focus {
    --transform-rotate: 180deg !important
  }

  #navbarWrapper .md\:focus\:-rotate-180:focus,
  reach-portal .md\:focus\:-rotate-180:focus {
    --transform-rotate: -180deg !important
  }

  #navbarWrapper .md\:focus\:-rotate-90:focus,
  reach-portal .md\:focus\:-rotate-90:focus {
    --transform-rotate: -90deg !important
  }

  #navbarWrapper .md\:focus\:-rotate-45:focus,
  reach-portal .md\:focus\:-rotate-45:focus {
    --transform-rotate: -45deg !important
  }

  #navbarWrapper .md\:translate-x-0,
  reach-portal .md\:translate-x-0 {
    --transform-translate-x: 0 !important
  }

  #navbarWrapper .md\:translate-x-1,
  reach-portal .md\:translate-x-1 {
    --transform-translate-x: 0.25rem !important
  }

  #navbarWrapper .md\:translate-x-2,
  reach-portal .md\:translate-x-2 {
    --transform-translate-x: 0.5rem !important
  }

  #navbarWrapper .md\:translate-x-3,
  reach-portal .md\:translate-x-3 {
    --transform-translate-x: 0.75rem !important
  }

  #navbarWrapper .md\:translate-x-4,
  reach-portal .md\:translate-x-4 {
    --transform-translate-x: 1rem !important
  }

  #navbarWrapper .md\:translate-x-5,
  reach-portal .md\:translate-x-5 {
    --transform-translate-x: 1.25rem !important
  }

  #navbarWrapper .md\:translate-x-6,
  reach-portal .md\:translate-x-6 {
    --transform-translate-x: 1.5rem !important
  }

  #navbarWrapper .md\:translate-x-8,
  reach-portal .md\:translate-x-8 {
    --transform-translate-x: 2rem !important
  }

  #navbarWrapper .md\:translate-x-10,
  reach-portal .md\:translate-x-10 {
    --transform-translate-x: 2.5rem !important
  }

  #navbarWrapper .md\:translate-x-12,
  reach-portal .md\:translate-x-12 {
    --transform-translate-x: 3rem !important
  }

  #navbarWrapper .md\:translate-x-16,
  reach-portal .md\:translate-x-16 {
    --transform-translate-x: 4rem !important
  }

  #navbarWrapper .md\:translate-x-20,
  reach-portal .md\:translate-x-20 {
    --transform-translate-x: 5rem !important
  }

  #navbarWrapper .md\:translate-x-24,
  reach-portal .md\:translate-x-24 {
    --transform-translate-x: 6rem !important
  }

  #navbarWrapper .md\:translate-x-32,
  reach-portal .md\:translate-x-32 {
    --transform-translate-x: 8rem !important
  }

  #navbarWrapper .md\:translate-x-40,
  reach-portal .md\:translate-x-40 {
    --transform-translate-x: 10rem !important
  }

  #navbarWrapper .md\:translate-x-48,
  reach-portal .md\:translate-x-48 {
    --transform-translate-x: 12rem !important
  }

  #navbarWrapper .md\:translate-x-56,
  reach-portal .md\:translate-x-56 {
    --transform-translate-x: 14rem !important
  }

  #navbarWrapper .md\:translate-x-64,
  reach-portal .md\:translate-x-64 {
    --transform-translate-x: 16rem !important
  }

  #navbarWrapper .md\:translate-x-px,
  reach-portal .md\:translate-x-px {
    --transform-translate-x: 1px !important
  }

  #navbarWrapper .md\:-translate-x-1,
  reach-portal .md\:-translate-x-1 {
    --transform-translate-x: -0.25rem !important
  }

  #navbarWrapper .md\:-translate-x-2,
  reach-portal .md\:-translate-x-2 {
    --transform-translate-x: -0.5rem !important
  }

  #navbarWrapper .md\:-translate-x-3,
  reach-portal .md\:-translate-x-3 {
    --transform-translate-x: -0.75rem !important
  }

  #navbarWrapper .md\:-translate-x-4,
  reach-portal .md\:-translate-x-4 {
    --transform-translate-x: -1rem !important
  }

  #navbarWrapper .md\:-translate-x-5,
  reach-portal .md\:-translate-x-5 {
    --transform-translate-x: -1.25rem !important
  }

  #navbarWrapper .md\:-translate-x-6,
  reach-portal .md\:-translate-x-6 {
    --transform-translate-x: -1.5rem !important
  }

  #navbarWrapper .md\:-translate-x-8,
  reach-portal .md\:-translate-x-8 {
    --transform-translate-x: -2rem !important
  }

  #navbarWrapper .md\:-translate-x-10,
  reach-portal .md\:-translate-x-10 {
    --transform-translate-x: -2.5rem !important
  }

  #navbarWrapper .md\:-translate-x-12,
  reach-portal .md\:-translate-x-12 {
    --transform-translate-x: -3rem !important
  }

  #navbarWrapper .md\:-translate-x-16,
  reach-portal .md\:-translate-x-16 {
    --transform-translate-x: -4rem !important
  }

  #navbarWrapper .md\:-translate-x-20,
  reach-portal .md\:-translate-x-20 {
    --transform-translate-x: -5rem !important
  }

  #navbarWrapper .md\:-translate-x-24,
  reach-portal .md\:-translate-x-24 {
    --transform-translate-x: -6rem !important
  }

  #navbarWrapper .md\:-translate-x-32,
  reach-portal .md\:-translate-x-32 {
    --transform-translate-x: -8rem !important
  }

  #navbarWrapper .md\:-translate-x-40,
  reach-portal .md\:-translate-x-40 {
    --transform-translate-x: -10rem !important
  }

  #navbarWrapper .md\:-translate-x-48,
  reach-portal .md\:-translate-x-48 {
    --transform-translate-x: -12rem !important
  }

  #navbarWrapper .md\:-translate-x-56,
  reach-portal .md\:-translate-x-56 {
    --transform-translate-x: -14rem !important
  }

  #navbarWrapper .md\:-translate-x-64,
  reach-portal .md\:-translate-x-64 {
    --transform-translate-x: -16rem !important
  }

  #navbarWrapper .md\:-translate-x-px,
  reach-portal .md\:-translate-x-px {
    --transform-translate-x: -1px !important
  }

  #navbarWrapper .md\:-translate-x-full,
  reach-portal .md\:-translate-x-full {
    --transform-translate-x: -100% !important
  }

  #navbarWrapper .md\:-translate-x-1\/2,
  reach-portal .md\:-translate-x-1\/2 {
    --transform-translate-x: -50% !important
  }

  #navbarWrapper .md\:translate-x-1\/2,
  reach-portal .md\:translate-x-1\/2 {
    --transform-translate-x: 50% !important
  }

  #navbarWrapper .md\:translate-x-full,
  reach-portal .md\:translate-x-full {
    --transform-translate-x: 100% !important
  }

  #navbarWrapper .md\:translate-y-0,
  reach-portal .md\:translate-y-0 {
    --transform-translate-y: 0 !important
  }

  #navbarWrapper .md\:translate-y-1,
  reach-portal .md\:translate-y-1 {
    --transform-translate-y: 0.25rem !important
  }

  #navbarWrapper .md\:translate-y-2,
  reach-portal .md\:translate-y-2 {
    --transform-translate-y: 0.5rem !important
  }

  #navbarWrapper .md\:translate-y-3,
  reach-portal .md\:translate-y-3 {
    --transform-translate-y: 0.75rem !important
  }

  #navbarWrapper .md\:translate-y-4,
  reach-portal .md\:translate-y-4 {
    --transform-translate-y: 1rem !important
  }

  #navbarWrapper .md\:translate-y-5,
  reach-portal .md\:translate-y-5 {
    --transform-translate-y: 1.25rem !important
  }

  #navbarWrapper .md\:translate-y-6,
  reach-portal .md\:translate-y-6 {
    --transform-translate-y: 1.5rem !important
  }

  #navbarWrapper .md\:translate-y-8,
  reach-portal .md\:translate-y-8 {
    --transform-translate-y: 2rem !important
  }

  #navbarWrapper .md\:translate-y-10,
  reach-portal .md\:translate-y-10 {
    --transform-translate-y: 2.5rem !important
  }

  #navbarWrapper .md\:translate-y-12,
  reach-portal .md\:translate-y-12 {
    --transform-translate-y: 3rem !important
  }

  #navbarWrapper .md\:translate-y-16,
  reach-portal .md\:translate-y-16 {
    --transform-translate-y: 4rem !important
  }

  #navbarWrapper .md\:translate-y-20,
  reach-portal .md\:translate-y-20 {
    --transform-translate-y: 5rem !important
  }

  #navbarWrapper .md\:translate-y-24,
  reach-portal .md\:translate-y-24 {
    --transform-translate-y: 6rem !important
  }

  #navbarWrapper .md\:translate-y-32,
  reach-portal .md\:translate-y-32 {
    --transform-translate-y: 8rem !important
  }

  #navbarWrapper .md\:translate-y-40,
  reach-portal .md\:translate-y-40 {
    --transform-translate-y: 10rem !important
  }

  #navbarWrapper .md\:translate-y-48,
  reach-portal .md\:translate-y-48 {
    --transform-translate-y: 12rem !important
  }

  #navbarWrapper .md\:translate-y-56,
  reach-portal .md\:translate-y-56 {
    --transform-translate-y: 14rem !important
  }

  #navbarWrapper .md\:translate-y-64,
  reach-portal .md\:translate-y-64 {
    --transform-translate-y: 16rem !important
  }

  #navbarWrapper .md\:translate-y-px,
  reach-portal .md\:translate-y-px {
    --transform-translate-y: 1px !important
  }

  #navbarWrapper .md\:-translate-y-1,
  reach-portal .md\:-translate-y-1 {
    --transform-translate-y: -0.25rem !important
  }

  #navbarWrapper .md\:-translate-y-2,
  reach-portal .md\:-translate-y-2 {
    --transform-translate-y: -0.5rem !important
  }

  #navbarWrapper .md\:-translate-y-3,
  reach-portal .md\:-translate-y-3 {
    --transform-translate-y: -0.75rem !important
  }

  #navbarWrapper .md\:-translate-y-4,
  reach-portal .md\:-translate-y-4 {
    --transform-translate-y: -1rem !important
  }

  #navbarWrapper .md\:-translate-y-5,
  reach-portal .md\:-translate-y-5 {
    --transform-translate-y: -1.25rem !important
  }

  #navbarWrapper .md\:-translate-y-6,
  reach-portal .md\:-translate-y-6 {
    --transform-translate-y: -1.5rem !important
  }

  #navbarWrapper .md\:-translate-y-8,
  reach-portal .md\:-translate-y-8 {
    --transform-translate-y: -2rem !important
  }

  #navbarWrapper .md\:-translate-y-10,
  reach-portal .md\:-translate-y-10 {
    --transform-translate-y: -2.5rem !important
  }

  #navbarWrapper .md\:-translate-y-12,
  reach-portal .md\:-translate-y-12 {
    --transform-translate-y: -3rem !important
  }

  #navbarWrapper .md\:-translate-y-16,
  reach-portal .md\:-translate-y-16 {
    --transform-translate-y: -4rem !important
  }

  #navbarWrapper .md\:-translate-y-20,
  reach-portal .md\:-translate-y-20 {
    --transform-translate-y: -5rem !important
  }

  #navbarWrapper .md\:-translate-y-24,
  reach-portal .md\:-translate-y-24 {
    --transform-translate-y: -6rem !important
  }

  #navbarWrapper .md\:-translate-y-32,
  reach-portal .md\:-translate-y-32 {
    --transform-translate-y: -8rem !important
  }

  #navbarWrapper .md\:-translate-y-40,
  reach-portal .md\:-translate-y-40 {
    --transform-translate-y: -10rem !important
  }

  #navbarWrapper .md\:-translate-y-48,
  reach-portal .md\:-translate-y-48 {
    --transform-translate-y: -12rem !important
  }

  #navbarWrapper .md\:-translate-y-56,
  reach-portal .md\:-translate-y-56 {
    --transform-translate-y: -14rem !important
  }

  #navbarWrapper .md\:-translate-y-64,
  reach-portal .md\:-translate-y-64 {
    --transform-translate-y: -16rem !important
  }

  #navbarWrapper .md\:-translate-y-px,
  reach-portal .md\:-translate-y-px {
    --transform-translate-y: -1px !important
  }

  #navbarWrapper .md\:-translate-y-full,
  reach-portal .md\:-translate-y-full {
    --transform-translate-y: -100% !important
  }

  #navbarWrapper .md\:-translate-y-1\/2,
  reach-portal .md\:-translate-y-1\/2 {
    --transform-translate-y: -50% !important
  }

  #navbarWrapper .md\:translate-y-1\/2,
  reach-portal .md\:translate-y-1\/2 {
    --transform-translate-y: 50% !important
  }

  #navbarWrapper .md\:translate-y-full,
  reach-portal .md\:translate-y-full {
    --transform-translate-y: 100% !important
  }

  #navbarWrapper .md\:hover\:translate-x-0:hover,
  reach-portal .md\:hover\:translate-x-0:hover {
    --transform-translate-x: 0 !important
  }

  #navbarWrapper .md\:hover\:translate-x-1:hover,
  reach-portal .md\:hover\:translate-x-1:hover {
    --transform-translate-x: 0.25rem !important
  }

  #navbarWrapper .md\:hover\:translate-x-2:hover,
  reach-portal .md\:hover\:translate-x-2:hover {
    --transform-translate-x: 0.5rem !important
  }

  #navbarWrapper .md\:hover\:translate-x-3:hover,
  reach-portal .md\:hover\:translate-x-3:hover {
    --transform-translate-x: 0.75rem !important
  }

  #navbarWrapper .md\:hover\:translate-x-4:hover,
  reach-portal .md\:hover\:translate-x-4:hover {
    --transform-translate-x: 1rem !important
  }

  #navbarWrapper .md\:hover\:translate-x-5:hover,
  reach-portal .md\:hover\:translate-x-5:hover {
    --transform-translate-x: 1.25rem !important
  }

  #navbarWrapper .md\:hover\:translate-x-6:hover,
  reach-portal .md\:hover\:translate-x-6:hover {
    --transform-translate-x: 1.5rem !important
  }

  #navbarWrapper .md\:hover\:translate-x-8:hover,
  reach-portal .md\:hover\:translate-x-8:hover {
    --transform-translate-x: 2rem !important
  }

  #navbarWrapper .md\:hover\:translate-x-10:hover,
  reach-portal .md\:hover\:translate-x-10:hover {
    --transform-translate-x: 2.5rem !important
  }

  #navbarWrapper .md\:hover\:translate-x-12:hover,
  reach-portal .md\:hover\:translate-x-12:hover {
    --transform-translate-x: 3rem !important
  }

  #navbarWrapper .md\:hover\:translate-x-16:hover,
  reach-portal .md\:hover\:translate-x-16:hover {
    --transform-translate-x: 4rem !important
  }

  #navbarWrapper .md\:hover\:translate-x-20:hover,
  reach-portal .md\:hover\:translate-x-20:hover {
    --transform-translate-x: 5rem !important
  }

  #navbarWrapper .md\:hover\:translate-x-24:hover,
  reach-portal .md\:hover\:translate-x-24:hover {
    --transform-translate-x: 6rem !important
  }

  #navbarWrapper .md\:hover\:translate-x-32:hover,
  reach-portal .md\:hover\:translate-x-32:hover {
    --transform-translate-x: 8rem !important
  }

  #navbarWrapper .md\:hover\:translate-x-40:hover,
  reach-portal .md\:hover\:translate-x-40:hover {
    --transform-translate-x: 10rem !important
  }

  #navbarWrapper .md\:hover\:translate-x-48:hover,
  reach-portal .md\:hover\:translate-x-48:hover {
    --transform-translate-x: 12rem !important
  }

  #navbarWrapper .md\:hover\:translate-x-56:hover,
  reach-portal .md\:hover\:translate-x-56:hover {
    --transform-translate-x: 14rem !important
  }

  #navbarWrapper .md\:hover\:translate-x-64:hover,
  reach-portal .md\:hover\:translate-x-64:hover {
    --transform-translate-x: 16rem !important
  }

  #navbarWrapper .md\:hover\:translate-x-px:hover,
  reach-portal .md\:hover\:translate-x-px:hover {
    --transform-translate-x: 1px !important
  }

  #navbarWrapper .md\:hover\:-translate-x-1:hover,
  reach-portal .md\:hover\:-translate-x-1:hover {
    --transform-translate-x: -0.25rem !important
  }

  #navbarWrapper .md\:hover\:-translate-x-2:hover,
  reach-portal .md\:hover\:-translate-x-2:hover {
    --transform-translate-x: -0.5rem !important
  }

  #navbarWrapper .md\:hover\:-translate-x-3:hover,
  reach-portal .md\:hover\:-translate-x-3:hover {
    --transform-translate-x: -0.75rem !important
  }

  #navbarWrapper .md\:hover\:-translate-x-4:hover,
  reach-portal .md\:hover\:-translate-x-4:hover {
    --transform-translate-x: -1rem !important
  }

  #navbarWrapper .md\:hover\:-translate-x-5:hover,
  reach-portal .md\:hover\:-translate-x-5:hover {
    --transform-translate-x: -1.25rem !important
  }

  #navbarWrapper .md\:hover\:-translate-x-6:hover,
  reach-portal .md\:hover\:-translate-x-6:hover {
    --transform-translate-x: -1.5rem !important
  }

  #navbarWrapper .md\:hover\:-translate-x-8:hover,
  reach-portal .md\:hover\:-translate-x-8:hover {
    --transform-translate-x: -2rem !important
  }

  #navbarWrapper .md\:hover\:-translate-x-10:hover,
  reach-portal .md\:hover\:-translate-x-10:hover {
    --transform-translate-x: -2.5rem !important
  }

  #navbarWrapper .md\:hover\:-translate-x-12:hover,
  reach-portal .md\:hover\:-translate-x-12:hover {
    --transform-translate-x: -3rem !important
  }

  #navbarWrapper .md\:hover\:-translate-x-16:hover,
  reach-portal .md\:hover\:-translate-x-16:hover {
    --transform-translate-x: -4rem !important
  }

  #navbarWrapper .md\:hover\:-translate-x-20:hover,
  reach-portal .md\:hover\:-translate-x-20:hover {
    --transform-translate-x: -5rem !important
  }

  #navbarWrapper .md\:hover\:-translate-x-24:hover,
  reach-portal .md\:hover\:-translate-x-24:hover {
    --transform-translate-x: -6rem !important
  }

  #navbarWrapper .md\:hover\:-translate-x-32:hover,
  reach-portal .md\:hover\:-translate-x-32:hover {
    --transform-translate-x: -8rem !important
  }

  #navbarWrapper .md\:hover\:-translate-x-40:hover,
  reach-portal .md\:hover\:-translate-x-40:hover {
    --transform-translate-x: -10rem !important
  }

  #navbarWrapper .md\:hover\:-translate-x-48:hover,
  reach-portal .md\:hover\:-translate-x-48:hover {
    --transform-translate-x: -12rem !important
  }

  #navbarWrapper .md\:hover\:-translate-x-56:hover,
  reach-portal .md\:hover\:-translate-x-56:hover {
    --transform-translate-x: -14rem !important
  }

  #navbarWrapper .md\:hover\:-translate-x-64:hover,
  reach-portal .md\:hover\:-translate-x-64:hover {
    --transform-translate-x: -16rem !important
  }

  #navbarWrapper .md\:hover\:-translate-x-px:hover,
  reach-portal .md\:hover\:-translate-x-px:hover {
    --transform-translate-x: -1px !important
  }

  #navbarWrapper .md\:hover\:-translate-x-full:hover,
  reach-portal .md\:hover\:-translate-x-full:hover {
    --transform-translate-x: -100% !important
  }

  #navbarWrapper .md\:hover\:-translate-x-1\/2:hover,
  reach-portal .md\:hover\:-translate-x-1\/2:hover {
    --transform-translate-x: -50% !important
  }

  #navbarWrapper .md\:hover\:translate-x-1\/2:hover,
  reach-portal .md\:hover\:translate-x-1\/2:hover {
    --transform-translate-x: 50% !important
  }

  #navbarWrapper .md\:hover\:translate-x-full:hover,
  reach-portal .md\:hover\:translate-x-full:hover {
    --transform-translate-x: 100% !important
  }

  #navbarWrapper .md\:hover\:translate-y-0:hover,
  reach-portal .md\:hover\:translate-y-0:hover {
    --transform-translate-y: 0 !important
  }

  #navbarWrapper .md\:hover\:translate-y-1:hover,
  reach-portal .md\:hover\:translate-y-1:hover {
    --transform-translate-y: 0.25rem !important
  }

  #navbarWrapper .md\:hover\:translate-y-2:hover,
  reach-portal .md\:hover\:translate-y-2:hover {
    --transform-translate-y: 0.5rem !important
  }

  #navbarWrapper .md\:hover\:translate-y-3:hover,
  reach-portal .md\:hover\:translate-y-3:hover {
    --transform-translate-y: 0.75rem !important
  }

  #navbarWrapper .md\:hover\:translate-y-4:hover,
  reach-portal .md\:hover\:translate-y-4:hover {
    --transform-translate-y: 1rem !important
  }

  #navbarWrapper .md\:hover\:translate-y-5:hover,
  reach-portal .md\:hover\:translate-y-5:hover {
    --transform-translate-y: 1.25rem !important
  }

  #navbarWrapper .md\:hover\:translate-y-6:hover,
  reach-portal .md\:hover\:translate-y-6:hover {
    --transform-translate-y: 1.5rem !important
  }

  #navbarWrapper .md\:hover\:translate-y-8:hover,
  reach-portal .md\:hover\:translate-y-8:hover {
    --transform-translate-y: 2rem !important
  }

  #navbarWrapper .md\:hover\:translate-y-10:hover,
  reach-portal .md\:hover\:translate-y-10:hover {
    --transform-translate-y: 2.5rem !important
  }

  #navbarWrapper .md\:hover\:translate-y-12:hover,
  reach-portal .md\:hover\:translate-y-12:hover {
    --transform-translate-y: 3rem !important
  }

  #navbarWrapper .md\:hover\:translate-y-16:hover,
  reach-portal .md\:hover\:translate-y-16:hover {
    --transform-translate-y: 4rem !important
  }

  #navbarWrapper .md\:hover\:translate-y-20:hover,
  reach-portal .md\:hover\:translate-y-20:hover {
    --transform-translate-y: 5rem !important
  }

  #navbarWrapper .md\:hover\:translate-y-24:hover,
  reach-portal .md\:hover\:translate-y-24:hover {
    --transform-translate-y: 6rem !important
  }

  #navbarWrapper .md\:hover\:translate-y-32:hover,
  reach-portal .md\:hover\:translate-y-32:hover {
    --transform-translate-y: 8rem !important
  }

  #navbarWrapper .md\:hover\:translate-y-40:hover,
  reach-portal .md\:hover\:translate-y-40:hover {
    --transform-translate-y: 10rem !important
  }

  #navbarWrapper .md\:hover\:translate-y-48:hover,
  reach-portal .md\:hover\:translate-y-48:hover {
    --transform-translate-y: 12rem !important
  }

  #navbarWrapper .md\:hover\:translate-y-56:hover,
  reach-portal .md\:hover\:translate-y-56:hover {
    --transform-translate-y: 14rem !important
  }

  #navbarWrapper .md\:hover\:translate-y-64:hover,
  reach-portal .md\:hover\:translate-y-64:hover {
    --transform-translate-y: 16rem !important
  }

  #navbarWrapper .md\:hover\:translate-y-px:hover,
  reach-portal .md\:hover\:translate-y-px:hover {
    --transform-translate-y: 1px !important
  }

  #navbarWrapper .md\:hover\:-translate-y-1:hover,
  reach-portal .md\:hover\:-translate-y-1:hover {
    --transform-translate-y: -0.25rem !important
  }

  #navbarWrapper .md\:hover\:-translate-y-2:hover,
  reach-portal .md\:hover\:-translate-y-2:hover {
    --transform-translate-y: -0.5rem !important
  }

  #navbarWrapper .md\:hover\:-translate-y-3:hover,
  reach-portal .md\:hover\:-translate-y-3:hover {
    --transform-translate-y: -0.75rem !important
  }

  #navbarWrapper .md\:hover\:-translate-y-4:hover,
  reach-portal .md\:hover\:-translate-y-4:hover {
    --transform-translate-y: -1rem !important
  }

  #navbarWrapper .md\:hover\:-translate-y-5:hover,
  reach-portal .md\:hover\:-translate-y-5:hover {
    --transform-translate-y: -1.25rem !important
  }

  #navbarWrapper .md\:hover\:-translate-y-6:hover,
  reach-portal .md\:hover\:-translate-y-6:hover {
    --transform-translate-y: -1.5rem !important
  }

  #navbarWrapper .md\:hover\:-translate-y-8:hover,
  reach-portal .md\:hover\:-translate-y-8:hover {
    --transform-translate-y: -2rem !important
  }

  #navbarWrapper .md\:hover\:-translate-y-10:hover,
  reach-portal .md\:hover\:-translate-y-10:hover {
    --transform-translate-y: -2.5rem !important
  }

  #navbarWrapper .md\:hover\:-translate-y-12:hover,
  reach-portal .md\:hover\:-translate-y-12:hover {
    --transform-translate-y: -3rem !important
  }

  #navbarWrapper .md\:hover\:-translate-y-16:hover,
  reach-portal .md\:hover\:-translate-y-16:hover {
    --transform-translate-y: -4rem !important
  }

  #navbarWrapper .md\:hover\:-translate-y-20:hover,
  reach-portal .md\:hover\:-translate-y-20:hover {
    --transform-translate-y: -5rem !important
  }

  #navbarWrapper .md\:hover\:-translate-y-24:hover,
  reach-portal .md\:hover\:-translate-y-24:hover {
    --transform-translate-y: -6rem !important
  }

  #navbarWrapper .md\:hover\:-translate-y-32:hover,
  reach-portal .md\:hover\:-translate-y-32:hover {
    --transform-translate-y: -8rem !important
  }

  #navbarWrapper .md\:hover\:-translate-y-40:hover,
  reach-portal .md\:hover\:-translate-y-40:hover {
    --transform-translate-y: -10rem !important
  }

  #navbarWrapper .md\:hover\:-translate-y-48:hover,
  reach-portal .md\:hover\:-translate-y-48:hover {
    --transform-translate-y: -12rem !important
  }

  #navbarWrapper .md\:hover\:-translate-y-56:hover,
  reach-portal .md\:hover\:-translate-y-56:hover {
    --transform-translate-y: -14rem !important
  }

  #navbarWrapper .md\:hover\:-translate-y-64:hover,
  reach-portal .md\:hover\:-translate-y-64:hover {
    --transform-translate-y: -16rem !important
  }

  #navbarWrapper .md\:hover\:-translate-y-px:hover,
  reach-portal .md\:hover\:-translate-y-px:hover {
    --transform-translate-y: -1px !important
  }

  #navbarWrapper .md\:hover\:-translate-y-full:hover,
  reach-portal .md\:hover\:-translate-y-full:hover {
    --transform-translate-y: -100% !important
  }

  #navbarWrapper .md\:hover\:-translate-y-1\/2:hover,
  reach-portal .md\:hover\:-translate-y-1\/2:hover {
    --transform-translate-y: -50% !important
  }

  #navbarWrapper .md\:hover\:translate-y-1\/2:hover,
  reach-portal .md\:hover\:translate-y-1\/2:hover {
    --transform-translate-y: 50% !important
  }

  #navbarWrapper .md\:hover\:translate-y-full:hover,
  reach-portal .md\:hover\:translate-y-full:hover {
    --transform-translate-y: 100% !important
  }

  #navbarWrapper .md\:focus\:translate-x-0:focus,
  reach-portal .md\:focus\:translate-x-0:focus {
    --transform-translate-x: 0 !important
  }

  #navbarWrapper .md\:focus\:translate-x-1:focus,
  reach-portal .md\:focus\:translate-x-1:focus {
    --transform-translate-x: 0.25rem !important
  }

  #navbarWrapper .md\:focus\:translate-x-2:focus,
  reach-portal .md\:focus\:translate-x-2:focus {
    --transform-translate-x: 0.5rem !important
  }

  #navbarWrapper .md\:focus\:translate-x-3:focus,
  reach-portal .md\:focus\:translate-x-3:focus {
    --transform-translate-x: 0.75rem !important
  }

  #navbarWrapper .md\:focus\:translate-x-4:focus,
  reach-portal .md\:focus\:translate-x-4:focus {
    --transform-translate-x: 1rem !important
  }

  #navbarWrapper .md\:focus\:translate-x-5:focus,
  reach-portal .md\:focus\:translate-x-5:focus {
    --transform-translate-x: 1.25rem !important
  }

  #navbarWrapper .md\:focus\:translate-x-6:focus,
  reach-portal .md\:focus\:translate-x-6:focus {
    --transform-translate-x: 1.5rem !important
  }

  #navbarWrapper .md\:focus\:translate-x-8:focus,
  reach-portal .md\:focus\:translate-x-8:focus {
    --transform-translate-x: 2rem !important
  }

  #navbarWrapper .md\:focus\:translate-x-10:focus,
  reach-portal .md\:focus\:translate-x-10:focus {
    --transform-translate-x: 2.5rem !important
  }

  #navbarWrapper .md\:focus\:translate-x-12:focus,
  reach-portal .md\:focus\:translate-x-12:focus {
    --transform-translate-x: 3rem !important
  }

  #navbarWrapper .md\:focus\:translate-x-16:focus,
  reach-portal .md\:focus\:translate-x-16:focus {
    --transform-translate-x: 4rem !important
  }

  #navbarWrapper .md\:focus\:translate-x-20:focus,
  reach-portal .md\:focus\:translate-x-20:focus {
    --transform-translate-x: 5rem !important
  }

  #navbarWrapper .md\:focus\:translate-x-24:focus,
  reach-portal .md\:focus\:translate-x-24:focus {
    --transform-translate-x: 6rem !important
  }

  #navbarWrapper .md\:focus\:translate-x-32:focus,
  reach-portal .md\:focus\:translate-x-32:focus {
    --transform-translate-x: 8rem !important
  }

  #navbarWrapper .md\:focus\:translate-x-40:focus,
  reach-portal .md\:focus\:translate-x-40:focus {
    --transform-translate-x: 10rem !important
  }

  #navbarWrapper .md\:focus\:translate-x-48:focus,
  reach-portal .md\:focus\:translate-x-48:focus {
    --transform-translate-x: 12rem !important
  }

  #navbarWrapper .md\:focus\:translate-x-56:focus,
  reach-portal .md\:focus\:translate-x-56:focus {
    --transform-translate-x: 14rem !important
  }

  #navbarWrapper .md\:focus\:translate-x-64:focus,
  reach-portal .md\:focus\:translate-x-64:focus {
    --transform-translate-x: 16rem !important
  }

  #navbarWrapper .md\:focus\:translate-x-px:focus,
  reach-portal .md\:focus\:translate-x-px:focus {
    --transform-translate-x: 1px !important
  }

  #navbarWrapper .md\:focus\:-translate-x-1:focus,
  reach-portal .md\:focus\:-translate-x-1:focus {
    --transform-translate-x: -0.25rem !important
  }

  #navbarWrapper .md\:focus\:-translate-x-2:focus,
  reach-portal .md\:focus\:-translate-x-2:focus {
    --transform-translate-x: -0.5rem !important
  }

  #navbarWrapper .md\:focus\:-translate-x-3:focus,
  reach-portal .md\:focus\:-translate-x-3:focus {
    --transform-translate-x: -0.75rem !important
  }

  #navbarWrapper .md\:focus\:-translate-x-4:focus,
  reach-portal .md\:focus\:-translate-x-4:focus {
    --transform-translate-x: -1rem !important
  }

  #navbarWrapper .md\:focus\:-translate-x-5:focus,
  reach-portal .md\:focus\:-translate-x-5:focus {
    --transform-translate-x: -1.25rem !important
  }

  #navbarWrapper .md\:focus\:-translate-x-6:focus,
  reach-portal .md\:focus\:-translate-x-6:focus {
    --transform-translate-x: -1.5rem !important
  }

  #navbarWrapper .md\:focus\:-translate-x-8:focus,
  reach-portal .md\:focus\:-translate-x-8:focus {
    --transform-translate-x: -2rem !important
  }

  #navbarWrapper .md\:focus\:-translate-x-10:focus,
  reach-portal .md\:focus\:-translate-x-10:focus {
    --transform-translate-x: -2.5rem !important
  }

  #navbarWrapper .md\:focus\:-translate-x-12:focus,
  reach-portal .md\:focus\:-translate-x-12:focus {
    --transform-translate-x: -3rem !important
  }

  #navbarWrapper .md\:focus\:-translate-x-16:focus,
  reach-portal .md\:focus\:-translate-x-16:focus {
    --transform-translate-x: -4rem !important
  }

  #navbarWrapper .md\:focus\:-translate-x-20:focus,
  reach-portal .md\:focus\:-translate-x-20:focus {
    --transform-translate-x: -5rem !important
  }

  #navbarWrapper .md\:focus\:-translate-x-24:focus,
  reach-portal .md\:focus\:-translate-x-24:focus {
    --transform-translate-x: -6rem !important
  }

  #navbarWrapper .md\:focus\:-translate-x-32:focus,
  reach-portal .md\:focus\:-translate-x-32:focus {
    --transform-translate-x: -8rem !important
  }

  #navbarWrapper .md\:focus\:-translate-x-40:focus,
  reach-portal .md\:focus\:-translate-x-40:focus {
    --transform-translate-x: -10rem !important
  }

  #navbarWrapper .md\:focus\:-translate-x-48:focus,
  reach-portal .md\:focus\:-translate-x-48:focus {
    --transform-translate-x: -12rem !important
  }

  #navbarWrapper .md\:focus\:-translate-x-56:focus,
  reach-portal .md\:focus\:-translate-x-56:focus {
    --transform-translate-x: -14rem !important
  }

  #navbarWrapper .md\:focus\:-translate-x-64:focus,
  reach-portal .md\:focus\:-translate-x-64:focus {
    --transform-translate-x: -16rem !important
  }

  #navbarWrapper .md\:focus\:-translate-x-px:focus,
  reach-portal .md\:focus\:-translate-x-px:focus {
    --transform-translate-x: -1px !important
  }

  #navbarWrapper .md\:focus\:-translate-x-full:focus,
  reach-portal .md\:focus\:-translate-x-full:focus {
    --transform-translate-x: -100% !important
  }

  #navbarWrapper .md\:focus\:-translate-x-1\/2:focus,
  reach-portal .md\:focus\:-translate-x-1\/2:focus {
    --transform-translate-x: -50% !important
  }

  #navbarWrapper .md\:focus\:translate-x-1\/2:focus,
  reach-portal .md\:focus\:translate-x-1\/2:focus {
    --transform-translate-x: 50% !important
  }

  #navbarWrapper .md\:focus\:translate-x-full:focus,
  reach-portal .md\:focus\:translate-x-full:focus {
    --transform-translate-x: 100% !important
  }

  #navbarWrapper .md\:focus\:translate-y-0:focus,
  reach-portal .md\:focus\:translate-y-0:focus {
    --transform-translate-y: 0 !important
  }

  #navbarWrapper .md\:focus\:translate-y-1:focus,
  reach-portal .md\:focus\:translate-y-1:focus {
    --transform-translate-y: 0.25rem !important
  }

  #navbarWrapper .md\:focus\:translate-y-2:focus,
  reach-portal .md\:focus\:translate-y-2:focus {
    --transform-translate-y: 0.5rem !important
  }

  #navbarWrapper .md\:focus\:translate-y-3:focus,
  reach-portal .md\:focus\:translate-y-3:focus {
    --transform-translate-y: 0.75rem !important
  }

  #navbarWrapper .md\:focus\:translate-y-4:focus,
  reach-portal .md\:focus\:translate-y-4:focus {
    --transform-translate-y: 1rem !important
  }

  #navbarWrapper .md\:focus\:translate-y-5:focus,
  reach-portal .md\:focus\:translate-y-5:focus {
    --transform-translate-y: 1.25rem !important
  }

  #navbarWrapper .md\:focus\:translate-y-6:focus,
  reach-portal .md\:focus\:translate-y-6:focus {
    --transform-translate-y: 1.5rem !important
  }

  #navbarWrapper .md\:focus\:translate-y-8:focus,
  reach-portal .md\:focus\:translate-y-8:focus {
    --transform-translate-y: 2rem !important
  }

  #navbarWrapper .md\:focus\:translate-y-10:focus,
  reach-portal .md\:focus\:translate-y-10:focus {
    --transform-translate-y: 2.5rem !important
  }

  #navbarWrapper .md\:focus\:translate-y-12:focus,
  reach-portal .md\:focus\:translate-y-12:focus {
    --transform-translate-y: 3rem !important
  }

  #navbarWrapper .md\:focus\:translate-y-16:focus,
  reach-portal .md\:focus\:translate-y-16:focus {
    --transform-translate-y: 4rem !important
  }

  #navbarWrapper .md\:focus\:translate-y-20:focus,
  reach-portal .md\:focus\:translate-y-20:focus {
    --transform-translate-y: 5rem !important
  }

  #navbarWrapper .md\:focus\:translate-y-24:focus,
  reach-portal .md\:focus\:translate-y-24:focus {
    --transform-translate-y: 6rem !important
  }

  #navbarWrapper .md\:focus\:translate-y-32:focus,
  reach-portal .md\:focus\:translate-y-32:focus {
    --transform-translate-y: 8rem !important
  }

  #navbarWrapper .md\:focus\:translate-y-40:focus,
  reach-portal .md\:focus\:translate-y-40:focus {
    --transform-translate-y: 10rem !important
  }

  #navbarWrapper .md\:focus\:translate-y-48:focus,
  reach-portal .md\:focus\:translate-y-48:focus {
    --transform-translate-y: 12rem !important
  }

  #navbarWrapper .md\:focus\:translate-y-56:focus,
  reach-portal .md\:focus\:translate-y-56:focus {
    --transform-translate-y: 14rem !important
  }

  #navbarWrapper .md\:focus\:translate-y-64:focus,
  reach-portal .md\:focus\:translate-y-64:focus {
    --transform-translate-y: 16rem !important
  }

  #navbarWrapper .md\:focus\:translate-y-px:focus,
  reach-portal .md\:focus\:translate-y-px:focus {
    --transform-translate-y: 1px !important
  }

  #navbarWrapper .md\:focus\:-translate-y-1:focus,
  reach-portal .md\:focus\:-translate-y-1:focus {
    --transform-translate-y: -0.25rem !important
  }

  #navbarWrapper .md\:focus\:-translate-y-2:focus,
  reach-portal .md\:focus\:-translate-y-2:focus {
    --transform-translate-y: -0.5rem !important
  }

  #navbarWrapper .md\:focus\:-translate-y-3:focus,
  reach-portal .md\:focus\:-translate-y-3:focus {
    --transform-translate-y: -0.75rem !important
  }

  #navbarWrapper .md\:focus\:-translate-y-4:focus,
  reach-portal .md\:focus\:-translate-y-4:focus {
    --transform-translate-y: -1rem !important
  }

  #navbarWrapper .md\:focus\:-translate-y-5:focus,
  reach-portal .md\:focus\:-translate-y-5:focus {
    --transform-translate-y: -1.25rem !important
  }

  #navbarWrapper .md\:focus\:-translate-y-6:focus,
  reach-portal .md\:focus\:-translate-y-6:focus {
    --transform-translate-y: -1.5rem !important
  }

  #navbarWrapper .md\:focus\:-translate-y-8:focus,
  reach-portal .md\:focus\:-translate-y-8:focus {
    --transform-translate-y: -2rem !important
  }

  #navbarWrapper .md\:focus\:-translate-y-10:focus,
  reach-portal .md\:focus\:-translate-y-10:focus {
    --transform-translate-y: -2.5rem !important
  }

  #navbarWrapper .md\:focus\:-translate-y-12:focus,
  reach-portal .md\:focus\:-translate-y-12:focus {
    --transform-translate-y: -3rem !important
  }

  #navbarWrapper .md\:focus\:-translate-y-16:focus,
  reach-portal .md\:focus\:-translate-y-16:focus {
    --transform-translate-y: -4rem !important
  }

  #navbarWrapper .md\:focus\:-translate-y-20:focus,
  reach-portal .md\:focus\:-translate-y-20:focus {
    --transform-translate-y: -5rem !important
  }

  #navbarWrapper .md\:focus\:-translate-y-24:focus,
  reach-portal .md\:focus\:-translate-y-24:focus {
    --transform-translate-y: -6rem !important
  }

  #navbarWrapper .md\:focus\:-translate-y-32:focus,
  reach-portal .md\:focus\:-translate-y-32:focus {
    --transform-translate-y: -8rem !important
  }

  #navbarWrapper .md\:focus\:-translate-y-40:focus,
  reach-portal .md\:focus\:-translate-y-40:focus {
    --transform-translate-y: -10rem !important
  }

  #navbarWrapper .md\:focus\:-translate-y-48:focus,
  reach-portal .md\:focus\:-translate-y-48:focus {
    --transform-translate-y: -12rem !important
  }

  #navbarWrapper .md\:focus\:-translate-y-56:focus,
  reach-portal .md\:focus\:-translate-y-56:focus {
    --transform-translate-y: -14rem !important
  }

  #navbarWrapper .md\:focus\:-translate-y-64:focus,
  reach-portal .md\:focus\:-translate-y-64:focus {
    --transform-translate-y: -16rem !important
  }

  #navbarWrapper .md\:focus\:-translate-y-px:focus,
  reach-portal .md\:focus\:-translate-y-px:focus {
    --transform-translate-y: -1px !important
  }

  #navbarWrapper .md\:focus\:-translate-y-full:focus,
  reach-portal .md\:focus\:-translate-y-full:focus {
    --transform-translate-y: -100% !important
  }

  #navbarWrapper .md\:focus\:-translate-y-1\/2:focus,
  reach-portal .md\:focus\:-translate-y-1\/2:focus {
    --transform-translate-y: -50% !important
  }

  #navbarWrapper .md\:focus\:translate-y-1\/2:focus,
  reach-portal .md\:focus\:translate-y-1\/2:focus {
    --transform-translate-y: 50% !important
  }

  #navbarWrapper .md\:focus\:translate-y-full:focus,
  reach-portal .md\:focus\:translate-y-full:focus {
    --transform-translate-y: 100% !important
  }

  #navbarWrapper .md\:skew-x-0,
  reach-portal .md\:skew-x-0 {
    --transform-skew-x: 0 !important
  }

  #navbarWrapper .md\:skew-x-3,
  reach-portal .md\:skew-x-3 {
    --transform-skew-x: 3deg !important
  }

  #navbarWrapper .md\:skew-x-6,
  reach-portal .md\:skew-x-6 {
    --transform-skew-x: 6deg !important
  }

  #navbarWrapper .md\:skew-x-12,
  reach-portal .md\:skew-x-12 {
    --transform-skew-x: 12deg !important
  }

  #navbarWrapper .md\:-skew-x-12,
  reach-portal .md\:-skew-x-12 {
    --transform-skew-x: -12deg !important
  }

  #navbarWrapper .md\:-skew-x-6,
  reach-portal .md\:-skew-x-6 {
    --transform-skew-x: -6deg !important
  }

  #navbarWrapper .md\:-skew-x-3,
  reach-portal .md\:-skew-x-3 {
    --transform-skew-x: -3deg !important
  }

  #navbarWrapper .md\:skew-y-0,
  reach-portal .md\:skew-y-0 {
    --transform-skew-y: 0 !important
  }

  #navbarWrapper .md\:skew-y-3,
  reach-portal .md\:skew-y-3 {
    --transform-skew-y: 3deg !important
  }

  #navbarWrapper .md\:skew-y-6,
  reach-portal .md\:skew-y-6 {
    --transform-skew-y: 6deg !important
  }

  #navbarWrapper .md\:skew-y-12,
  reach-portal .md\:skew-y-12 {
    --transform-skew-y: 12deg !important
  }

  #navbarWrapper .md\:-skew-y-12,
  reach-portal .md\:-skew-y-12 {
    --transform-skew-y: -12deg !important
  }

  #navbarWrapper .md\:-skew-y-6,
  reach-portal .md\:-skew-y-6 {
    --transform-skew-y: -6deg !important
  }

  #navbarWrapper .md\:-skew-y-3,
  reach-portal .md\:-skew-y-3 {
    --transform-skew-y: -3deg !important
  }

  #navbarWrapper .md\:hover\:skew-x-0:hover,
  reach-portal .md\:hover\:skew-x-0:hover {
    --transform-skew-x: 0 !important
  }

  #navbarWrapper .md\:hover\:skew-x-3:hover,
  reach-portal .md\:hover\:skew-x-3:hover {
    --transform-skew-x: 3deg !important
  }

  #navbarWrapper .md\:hover\:skew-x-6:hover,
  reach-portal .md\:hover\:skew-x-6:hover {
    --transform-skew-x: 6deg !important
  }

  #navbarWrapper .md\:hover\:skew-x-12:hover,
  reach-portal .md\:hover\:skew-x-12:hover {
    --transform-skew-x: 12deg !important
  }

  #navbarWrapper .md\:hover\:-skew-x-12:hover,
  reach-portal .md\:hover\:-skew-x-12:hover {
    --transform-skew-x: -12deg !important
  }

  #navbarWrapper .md\:hover\:-skew-x-6:hover,
  reach-portal .md\:hover\:-skew-x-6:hover {
    --transform-skew-x: -6deg !important
  }

  #navbarWrapper .md\:hover\:-skew-x-3:hover,
  reach-portal .md\:hover\:-skew-x-3:hover {
    --transform-skew-x: -3deg !important
  }

  #navbarWrapper .md\:hover\:skew-y-0:hover,
  reach-portal .md\:hover\:skew-y-0:hover {
    --transform-skew-y: 0 !important
  }

  #navbarWrapper .md\:hover\:skew-y-3:hover,
  reach-portal .md\:hover\:skew-y-3:hover {
    --transform-skew-y: 3deg !important
  }

  #navbarWrapper .md\:hover\:skew-y-6:hover,
  reach-portal .md\:hover\:skew-y-6:hover {
    --transform-skew-y: 6deg !important
  }

  #navbarWrapper .md\:hover\:skew-y-12:hover,
  reach-portal .md\:hover\:skew-y-12:hover {
    --transform-skew-y: 12deg !important
  }

  #navbarWrapper .md\:hover\:-skew-y-12:hover,
  reach-portal .md\:hover\:-skew-y-12:hover {
    --transform-skew-y: -12deg !important
  }

  #navbarWrapper .md\:hover\:-skew-y-6:hover,
  reach-portal .md\:hover\:-skew-y-6:hover {
    --transform-skew-y: -6deg !important
  }

  #navbarWrapper .md\:hover\:-skew-y-3:hover,
  reach-portal .md\:hover\:-skew-y-3:hover {
    --transform-skew-y: -3deg !important
  }

  #navbarWrapper .md\:focus\:skew-x-0:focus,
  reach-portal .md\:focus\:skew-x-0:focus {
    --transform-skew-x: 0 !important
  }

  #navbarWrapper .md\:focus\:skew-x-3:focus,
  reach-portal .md\:focus\:skew-x-3:focus {
    --transform-skew-x: 3deg !important
  }

  #navbarWrapper .md\:focus\:skew-x-6:focus,
  reach-portal .md\:focus\:skew-x-6:focus {
    --transform-skew-x: 6deg !important
  }

  #navbarWrapper .md\:focus\:skew-x-12:focus,
  reach-portal .md\:focus\:skew-x-12:focus {
    --transform-skew-x: 12deg !important
  }

  #navbarWrapper .md\:focus\:-skew-x-12:focus,
  reach-portal .md\:focus\:-skew-x-12:focus {
    --transform-skew-x: -12deg !important
  }

  #navbarWrapper .md\:focus\:-skew-x-6:focus,
  reach-portal .md\:focus\:-skew-x-6:focus {
    --transform-skew-x: -6deg !important
  }

  #navbarWrapper .md\:focus\:-skew-x-3:focus,
  reach-portal .md\:focus\:-skew-x-3:focus {
    --transform-skew-x: -3deg !important
  }

  #navbarWrapper .md\:focus\:skew-y-0:focus,
  reach-portal .md\:focus\:skew-y-0:focus {
    --transform-skew-y: 0 !important
  }

  #navbarWrapper .md\:focus\:skew-y-3:focus,
  reach-portal .md\:focus\:skew-y-3:focus {
    --transform-skew-y: 3deg !important
  }

  #navbarWrapper .md\:focus\:skew-y-6:focus,
  reach-portal .md\:focus\:skew-y-6:focus {
    --transform-skew-y: 6deg !important
  }

  #navbarWrapper .md\:focus\:skew-y-12:focus,
  reach-portal .md\:focus\:skew-y-12:focus {
    --transform-skew-y: 12deg !important
  }

  #navbarWrapper .md\:focus\:-skew-y-12:focus,
  reach-portal .md\:focus\:-skew-y-12:focus {
    --transform-skew-y: -12deg !important
  }

  #navbarWrapper .md\:focus\:-skew-y-6:focus,
  reach-portal .md\:focus\:-skew-y-6:focus {
    --transform-skew-y: -6deg !important
  }

  #navbarWrapper .md\:focus\:-skew-y-3:focus,
  reach-portal .md\:focus\:-skew-y-3:focus {
    --transform-skew-y: -3deg !important
  }

  #navbarWrapper .md\:transition-none,
  reach-portal .md\:transition-none {
    transition-property: none !important
  }

  #navbarWrapper .md\:transition-all,
  reach-portal .md\:transition-all {
    transition-property: all !important
  }

  #navbarWrapper .md\:transition,
  reach-portal .md\:transition {
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform !important
  }

  #navbarWrapper .md\:transition-colors,
  reach-portal .md\:transition-colors {
    transition-property: background-color, border-color, color, fill, stroke !important
  }

  #navbarWrapper .md\:transition-opacity,
  reach-portal .md\:transition-opacity {
    transition-property: opacity !important
  }

  #navbarWrapper .md\:transition-shadow,
  reach-portal .md\:transition-shadow {
    transition-property: box-shadow !important
  }

  #navbarWrapper .md\:transition-transform,
  reach-portal .md\:transition-transform {
    transition-property: transform !important
  }

  #navbarWrapper .md\:ease-linear,
  reach-portal .md\:ease-linear {
    transition-timing-function: linear !important
  }

  #navbarWrapper .md\:ease-in,
  reach-portal .md\:ease-in {
    transition-timing-function: cubic-bezier(.4, 0, 1, 1) !important
  }

  #navbarWrapper .md\:ease-out,
  reach-portal .md\:ease-out {
    transition-timing-function: cubic-bezier(0, 0, .2, 1) !important
  }

  #navbarWrapper .md\:ease-in-out,
  reach-portal .md\:ease-in-out {
    transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important
  }

  #navbarWrapper .md\:duration-75,
  reach-portal .md\:duration-75 {
    transition-duration: 75ms !important
  }

  #navbarWrapper .md\:duration-100,
  reach-portal .md\:duration-100 {
    transition-duration: .1s !important
  }

  #navbarWrapper .md\:duration-150,
  reach-portal .md\:duration-150 {
    transition-duration: .15s !important
  }

  #navbarWrapper .md\:duration-200,
  reach-portal .md\:duration-200 {
    transition-duration: .2s !important
  }

  #navbarWrapper .md\:duration-300,
  reach-portal .md\:duration-300 {
    transition-duration: .3s !important
  }

  #navbarWrapper .md\:duration-500,
  reach-portal .md\:duration-500 {
    transition-duration: .5s !important
  }

  #navbarWrapper .md\:duration-700,
  reach-portal .md\:duration-700 {
    transition-duration: .7s !important
  }

  #navbarWrapper .md\:duration-1000,
  reach-portal .md\:duration-1000 {
    transition-duration: 1s !important
  }

  #navbarWrapper .md\:delay-75,
  reach-portal .md\:delay-75 {
    transition-delay: 75ms !important
  }

  #navbarWrapper .md\:delay-100,
  reach-portal .md\:delay-100 {
    transition-delay: .1s !important
  }

  #navbarWrapper .md\:delay-150,
  reach-portal .md\:delay-150 {
    transition-delay: .15s !important
  }

  #navbarWrapper .md\:delay-200,
  reach-portal .md\:delay-200 {
    transition-delay: .2s !important
  }

  #navbarWrapper .md\:delay-300,
  reach-portal .md\:delay-300 {
    transition-delay: .3s !important
  }

  #navbarWrapper .md\:delay-500,
  reach-portal .md\:delay-500 {
    transition-delay: .5s !important
  }

  #navbarWrapper .md\:delay-700,
  reach-portal .md\:delay-700 {
    transition-delay: .7s !important
  }

  #navbarWrapper .md\:delay-1000,
  reach-portal .md\:delay-1000 {
    transition-delay: 1s !important
  }
}

@media(min-width:992px) {

  #navbarWrapper .lg\:space-y-0>:not(template)~:not(template),
  reach-portal .lg\:space-y-0>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(0px*var(--space-y-reverse)) !important;
    margin-top: calc(0px*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .lg\:space-x-0>:not(template)~:not(template),
  reach-portal .lg\:space-x-0>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(0px*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(0px*var(--space-x-reverse)) !important
  }

  #navbarWrapper .lg\:space-y-1>:not(template)~:not(template),
  reach-portal .lg\:space-y-1>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(.25rem*var(--space-y-reverse)) !important;
    margin-top: calc(.25rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .lg\:space-x-1>:not(template)~:not(template),
  reach-portal .lg\:space-x-1>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(.25rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(.25rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .lg\:space-y-2>:not(template)~:not(template),
  reach-portal .lg\:space-y-2>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(.5rem*var(--space-y-reverse)) !important;
    margin-top: calc(.5rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .lg\:space-x-2>:not(template)~:not(template),
  reach-portal .lg\:space-x-2>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(.5rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(.5rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .lg\:space-y-3>:not(template)~:not(template),
  reach-portal .lg\:space-y-3>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(.75rem*var(--space-y-reverse)) !important;
    margin-top: calc(.75rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .lg\:space-x-3>:not(template)~:not(template),
  reach-portal .lg\:space-x-3>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(.75rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(.75rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .lg\:space-y-4>:not(template)~:not(template),
  reach-portal .lg\:space-y-4>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(1rem*var(--space-y-reverse)) !important;
    margin-top: calc(1rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .lg\:space-x-4>:not(template)~:not(template),
  reach-portal .lg\:space-x-4>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(1rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(1rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .lg\:space-y-5>:not(template)~:not(template),
  reach-portal .lg\:space-y-5>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(1.25rem*var(--space-y-reverse)) !important;
    margin-top: calc(1.25rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .lg\:space-x-5>:not(template)~:not(template),
  reach-portal .lg\:space-x-5>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(1.25rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(1.25rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .lg\:space-y-6>:not(template)~:not(template),
  reach-portal .lg\:space-y-6>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(1.5rem*var(--space-y-reverse)) !important;
    margin-top: calc(1.5rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .lg\:space-x-6>:not(template)~:not(template),
  reach-portal .lg\:space-x-6>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(1.5rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(1.5rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .lg\:space-y-8>:not(template)~:not(template),
  reach-portal .lg\:space-y-8>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(2rem*var(--space-y-reverse)) !important;
    margin-top: calc(2rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .lg\:space-x-8>:not(template)~:not(template),
  reach-portal .lg\:space-x-8>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(2rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(2rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .lg\:space-y-10>:not(template)~:not(template),
  reach-portal .lg\:space-y-10>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(2.5rem*var(--space-y-reverse)) !important;
    margin-top: calc(2.5rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .lg\:space-x-10>:not(template)~:not(template),
  reach-portal .lg\:space-x-10>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(2.5rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(2.5rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .lg\:space-y-12>:not(template)~:not(template),
  reach-portal .lg\:space-y-12>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(3rem*var(--space-y-reverse)) !important;
    margin-top: calc(3rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .lg\:space-x-12>:not(template)~:not(template),
  reach-portal .lg\:space-x-12>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(3rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(3rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .lg\:space-y-16>:not(template)~:not(template),
  reach-portal .lg\:space-y-16>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(4rem*var(--space-y-reverse)) !important;
    margin-top: calc(4rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .lg\:space-x-16>:not(template)~:not(template),
  reach-portal .lg\:space-x-16>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(4rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(4rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .lg\:space-y-20>:not(template)~:not(template),
  reach-portal .lg\:space-y-20>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(5rem*var(--space-y-reverse)) !important;
    margin-top: calc(5rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .lg\:space-x-20>:not(template)~:not(template),
  reach-portal .lg\:space-x-20>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(5rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(5rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .lg\:space-y-24>:not(template)~:not(template),
  reach-portal .lg\:space-y-24>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(6rem*var(--space-y-reverse)) !important;
    margin-top: calc(6rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .lg\:space-x-24>:not(template)~:not(template),
  reach-portal .lg\:space-x-24>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(6rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(6rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .lg\:space-y-32>:not(template)~:not(template),
  reach-portal .lg\:space-y-32>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(8rem*var(--space-y-reverse)) !important;
    margin-top: calc(8rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .lg\:space-x-32>:not(template)~:not(template),
  reach-portal .lg\:space-x-32>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(8rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(8rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .lg\:space-y-40>:not(template)~:not(template),
  reach-portal .lg\:space-y-40>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(10rem*var(--space-y-reverse)) !important;
    margin-top: calc(10rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .lg\:space-x-40>:not(template)~:not(template),
  reach-portal .lg\:space-x-40>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(10rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(10rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .lg\:space-y-48>:not(template)~:not(template),
  reach-portal .lg\:space-y-48>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(12rem*var(--space-y-reverse)) !important;
    margin-top: calc(12rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .lg\:space-x-48>:not(template)~:not(template),
  reach-portal .lg\:space-x-48>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(12rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(12rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .lg\:space-y-56>:not(template)~:not(template),
  reach-portal .lg\:space-y-56>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(14rem*var(--space-y-reverse)) !important;
    margin-top: calc(14rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .lg\:space-x-56>:not(template)~:not(template),
  reach-portal .lg\:space-x-56>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(14rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(14rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .lg\:space-y-64>:not(template)~:not(template),
  reach-portal .lg\:space-y-64>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(16rem*var(--space-y-reverse)) !important;
    margin-top: calc(16rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .lg\:space-x-64>:not(template)~:not(template),
  reach-portal .lg\:space-x-64>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(16rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(16rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .lg\:space-y-px>:not(template)~:not(template),
  reach-portal .lg\:space-y-px>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(1px*var(--space-y-reverse)) !important;
    margin-top: calc(1px*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .lg\:space-x-px>:not(template)~:not(template),
  reach-portal .lg\:space-x-px>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(1px*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(1px*var(--space-x-reverse)) !important
  }

  #navbarWrapper .lg\:-space-y-1>:not(template)~:not(template),
  reach-portal .lg\:-space-y-1>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(-.25rem*var(--space-y-reverse)) !important;
    margin-top: calc(-.25rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .lg\:-space-x-1>:not(template)~:not(template),
  reach-portal .lg\:-space-x-1>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(-.25rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(-.25rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .lg\:-space-y-2>:not(template)~:not(template),
  reach-portal .lg\:-space-y-2>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(-.5rem*var(--space-y-reverse)) !important;
    margin-top: calc(-.5rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .lg\:-space-x-2>:not(template)~:not(template),
  reach-portal .lg\:-space-x-2>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(-.5rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(-.5rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .lg\:-space-y-3>:not(template)~:not(template),
  reach-portal .lg\:-space-y-3>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(-.75rem*var(--space-y-reverse)) !important;
    margin-top: calc(-.75rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .lg\:-space-x-3>:not(template)~:not(template),
  reach-portal .lg\:-space-x-3>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(-.75rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(-.75rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .lg\:-space-y-4>:not(template)~:not(template),
  reach-portal .lg\:-space-y-4>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(-1rem*var(--space-y-reverse)) !important;
    margin-top: calc(-1rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .lg\:-space-x-4>:not(template)~:not(template),
  reach-portal .lg\:-space-x-4>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(-1rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(-1rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .lg\:-space-y-5>:not(template)~:not(template),
  reach-portal .lg\:-space-y-5>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(-1.25rem*var(--space-y-reverse)) !important;
    margin-top: calc(-1.25rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .lg\:-space-x-5>:not(template)~:not(template),
  reach-portal .lg\:-space-x-5>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(-1.25rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(-1.25rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .lg\:-space-y-6>:not(template)~:not(template),
  reach-portal .lg\:-space-y-6>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(-1.5rem*var(--space-y-reverse)) !important;
    margin-top: calc(-1.5rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .lg\:-space-x-6>:not(template)~:not(template),
  reach-portal .lg\:-space-x-6>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(-1.5rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(-1.5rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .lg\:-space-y-8>:not(template)~:not(template),
  reach-portal .lg\:-space-y-8>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(-2rem*var(--space-y-reverse)) !important;
    margin-top: calc(-2rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .lg\:-space-x-8>:not(template)~:not(template),
  reach-portal .lg\:-space-x-8>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(-2rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(-2rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .lg\:-space-y-10>:not(template)~:not(template),
  reach-portal .lg\:-space-y-10>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(-2.5rem*var(--space-y-reverse)) !important;
    margin-top: calc(-2.5rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .lg\:-space-x-10>:not(template)~:not(template),
  reach-portal .lg\:-space-x-10>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(-2.5rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(-2.5rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .lg\:-space-y-12>:not(template)~:not(template),
  reach-portal .lg\:-space-y-12>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(-3rem*var(--space-y-reverse)) !important;
    margin-top: calc(-3rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .lg\:-space-x-12>:not(template)~:not(template),
  reach-portal .lg\:-space-x-12>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(-3rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(-3rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .lg\:-space-y-16>:not(template)~:not(template),
  reach-portal .lg\:-space-y-16>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(-4rem*var(--space-y-reverse)) !important;
    margin-top: calc(-4rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .lg\:-space-x-16>:not(template)~:not(template),
  reach-portal .lg\:-space-x-16>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(-4rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(-4rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .lg\:-space-y-20>:not(template)~:not(template),
  reach-portal .lg\:-space-y-20>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(-5rem*var(--space-y-reverse)) !important;
    margin-top: calc(-5rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .lg\:-space-x-20>:not(template)~:not(template),
  reach-portal .lg\:-space-x-20>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(-5rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(-5rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .lg\:-space-y-24>:not(template)~:not(template),
  reach-portal .lg\:-space-y-24>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(-6rem*var(--space-y-reverse)) !important;
    margin-top: calc(-6rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .lg\:-space-x-24>:not(template)~:not(template),
  reach-portal .lg\:-space-x-24>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(-6rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(-6rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .lg\:-space-y-32>:not(template)~:not(template),
  reach-portal .lg\:-space-y-32>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(-8rem*var(--space-y-reverse)) !important;
    margin-top: calc(-8rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .lg\:-space-x-32>:not(template)~:not(template),
  reach-portal .lg\:-space-x-32>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(-8rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(-8rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .lg\:-space-y-40>:not(template)~:not(template),
  reach-portal .lg\:-space-y-40>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(-10rem*var(--space-y-reverse)) !important;
    margin-top: calc(-10rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .lg\:-space-x-40>:not(template)~:not(template),
  reach-portal .lg\:-space-x-40>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(-10rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(-10rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .lg\:-space-y-48>:not(template)~:not(template),
  reach-portal .lg\:-space-y-48>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(-12rem*var(--space-y-reverse)) !important;
    margin-top: calc(-12rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .lg\:-space-x-48>:not(template)~:not(template),
  reach-portal .lg\:-space-x-48>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(-12rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(-12rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .lg\:-space-y-56>:not(template)~:not(template),
  reach-portal .lg\:-space-y-56>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(-14rem*var(--space-y-reverse)) !important;
    margin-top: calc(-14rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .lg\:-space-x-56>:not(template)~:not(template),
  reach-portal .lg\:-space-x-56>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(-14rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(-14rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .lg\:-space-y-64>:not(template)~:not(template),
  reach-portal .lg\:-space-y-64>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(-16rem*var(--space-y-reverse)) !important;
    margin-top: calc(-16rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .lg\:-space-x-64>:not(template)~:not(template),
  reach-portal .lg\:-space-x-64>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(-16rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(-16rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .lg\:-space-y-px>:not(template)~:not(template),
  reach-portal .lg\:-space-y-px>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(-1px*var(--space-y-reverse)) !important;
    margin-top: calc(-1px*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .lg\:-space-x-px>:not(template)~:not(template),
  reach-portal .lg\:-space-x-px>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(-1px*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(-1px*var(--space-x-reverse)) !important
  }

  #navbarWrapper .lg\:space-y-reverse>:not(template)~:not(template),
  reach-portal .lg\:space-y-reverse>:not(template)~:not(template) {
    --space-y-reverse: 1 !important
  }

  #navbarWrapper .lg\:space-x-reverse>:not(template)~:not(template),
  reach-portal .lg\:space-x-reverse>:not(template)~:not(template) {
    --space-x-reverse: 1 !important
  }

  #navbarWrapper .lg\:divide-y-0>:not(template)~:not(template),
  reach-portal .lg\:divide-y-0>:not(template)~:not(template) {
    --divide-y-reverse: 0 !important;
    border-bottom-width: calc(0px*var(--divide-y-reverse)) !important;
    border-top-width: calc(0px*(1 - var(--divide-y-reverse))) !important
  }

  #navbarWrapper .lg\:divide-x-0>:not(template)~:not(template),
  reach-portal .lg\:divide-x-0>:not(template)~:not(template) {
    --divide-x-reverse: 0 !important;
    border-left-width: calc(0px*(1 - var(--divide-x-reverse))) !important;
    border-right-width: calc(0px*var(--divide-x-reverse)) !important
  }

  #navbarWrapper .lg\:divide-y-2>:not(template)~:not(template),
  reach-portal .lg\:divide-y-2>:not(template)~:not(template) {
    --divide-y-reverse: 0 !important;
    border-bottom-width: calc(2px*var(--divide-y-reverse)) !important;
    border-top-width: calc(2px*(1 - var(--divide-y-reverse))) !important
  }

  #navbarWrapper .lg\:divide-x-2>:not(template)~:not(template),
  reach-portal .lg\:divide-x-2>:not(template)~:not(template) {
    --divide-x-reverse: 0 !important;
    border-left-width: calc(2px*(1 - var(--divide-x-reverse))) !important;
    border-right-width: calc(2px*var(--divide-x-reverse)) !important
  }

  #navbarWrapper .lg\:divide-y-4>:not(template)~:not(template),
  reach-portal .lg\:divide-y-4>:not(template)~:not(template) {
    --divide-y-reverse: 0 !important;
    border-bottom-width: calc(4px*var(--divide-y-reverse)) !important;
    border-top-width: calc(4px*(1 - var(--divide-y-reverse))) !important
  }

  #navbarWrapper .lg\:divide-x-4>:not(template)~:not(template),
  reach-portal .lg\:divide-x-4>:not(template)~:not(template) {
    --divide-x-reverse: 0 !important;
    border-left-width: calc(4px*(1 - var(--divide-x-reverse))) !important;
    border-right-width: calc(4px*var(--divide-x-reverse)) !important
  }

  #navbarWrapper .lg\:divide-y-8>:not(template)~:not(template),
  reach-portal .lg\:divide-y-8>:not(template)~:not(template) {
    --divide-y-reverse: 0 !important;
    border-bottom-width: calc(8px*var(--divide-y-reverse)) !important;
    border-top-width: calc(8px*(1 - var(--divide-y-reverse))) !important
  }

  #navbarWrapper .lg\:divide-x-8>:not(template)~:not(template),
  reach-portal .lg\:divide-x-8>:not(template)~:not(template) {
    --divide-x-reverse: 0 !important;
    border-left-width: calc(8px*(1 - var(--divide-x-reverse))) !important;
    border-right-width: calc(8px*var(--divide-x-reverse)) !important
  }

  #navbarWrapper .lg\:divide-y>:not(template)~:not(template),
  reach-portal .lg\:divide-y>:not(template)~:not(template) {
    --divide-y-reverse: 0 !important;
    border-bottom-width: calc(1px*var(--divide-y-reverse)) !important;
    border-top-width: calc(1px*(1 - var(--divide-y-reverse))) !important
  }

  #navbarWrapper .lg\:divide-x>:not(template)~:not(template),
  reach-portal .lg\:divide-x>:not(template)~:not(template) {
    --divide-x-reverse: 0 !important;
    border-left-width: calc(1px*(1 - var(--divide-x-reverse))) !important;
    border-right-width: calc(1px*var(--divide-x-reverse)) !important
  }

  #navbarWrapper .lg\:divide-y-reverse>:not(template)~:not(template),
  reach-portal .lg\:divide-y-reverse>:not(template)~:not(template) {
    --divide-y-reverse: 1 !important
  }

  #navbarWrapper .lg\:divide-x-reverse>:not(template)~:not(template),
  reach-portal .lg\:divide-x-reverse>:not(template)~:not(template) {
    --divide-x-reverse: 1 !important
  }

  #navbarWrapper .lg\:divide-transparent>:not(template)~:not(template),
  reach-portal .lg\:divide-transparent>:not(template)~:not(template) {
    border-color: #0000 !important
  }

  #navbarWrapper .lg\:divide-current>:not(template)~:not(template),
  reach-portal .lg\:divide-current>:not(template)~:not(template) {
    border-color: currentColor !important
  }

  #navbarWrapper .lg\:divide-black>:not(template)~:not(template),
  reach-portal .lg\:divide-black>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #000 !important;
    border-color: rgba(0, 0, 0, var(--divide-opacity)) !important
  }

  #navbarWrapper .lg\:divide-white>:not(template)~:not(template),
  reach-portal .lg\:divide-white>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #fff !important;
    border-color: rgba(255, 255, 255, var(--divide-opacity)) !important
  }

  #navbarWrapper .lg\:divide-gray-100>:not(template)~:not(template),
  reach-portal .lg\:divide-gray-100>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #f7fafc !important;
    border-color: rgba(247, 250, 252, var(--divide-opacity)) !important
  }

  #navbarWrapper .lg\:divide-gray-200>:not(template)~:not(template),
  reach-portal .lg\:divide-gray-200>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #edf2f7 !important;
    border-color: rgba(237, 242, 247, var(--divide-opacity)) !important
  }

  #navbarWrapper .lg\:divide-gray-300>:not(template)~:not(template),
  reach-portal .lg\:divide-gray-300>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #e2e8f0 !important;
    border-color: rgba(226, 232, 240, var(--divide-opacity)) !important
  }

  #navbarWrapper .lg\:divide-gray-400>:not(template)~:not(template),
  reach-portal .lg\:divide-gray-400>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #cbd5e0 !important;
    border-color: rgba(203, 213, 224, var(--divide-opacity)) !important
  }

  #navbarWrapper .lg\:divide-gray-500>:not(template)~:not(template),
  reach-portal .lg\:divide-gray-500>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #a0aec0 !important;
    border-color: rgba(160, 174, 192, var(--divide-opacity)) !important
  }

  #navbarWrapper .lg\:divide-gray-600>:not(template)~:not(template),
  reach-portal .lg\:divide-gray-600>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #718096 !important;
    border-color: rgba(113, 128, 150, var(--divide-opacity)) !important
  }

  #navbarWrapper .lg\:divide-gray-700>:not(template)~:not(template),
  reach-portal .lg\:divide-gray-700>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #4a5568 !important;
    border-color: rgba(74, 85, 104, var(--divide-opacity)) !important
  }

  #navbarWrapper .lg\:divide-gray-800>:not(template)~:not(template),
  reach-portal .lg\:divide-gray-800>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #2d3748 !important;
    border-color: rgba(45, 55, 72, var(--divide-opacity)) !important
  }

  #navbarWrapper .lg\:divide-gray-900>:not(template)~:not(template),
  reach-portal .lg\:divide-gray-900>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #1a202c !important;
    border-color: rgba(26, 32, 44, var(--divide-opacity)) !important
  }

  #navbarWrapper .lg\:divide-red-100>:not(template)~:not(template),
  reach-portal .lg\:divide-red-100>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #fff5f5 !important;
    border-color: rgba(255, 245, 245, var(--divide-opacity)) !important
  }

  #navbarWrapper .lg\:divide-red-200>:not(template)~:not(template),
  reach-portal .lg\:divide-red-200>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #fed7d7 !important;
    border-color: rgba(254, 215, 215, var(--divide-opacity)) !important
  }

  #navbarWrapper .lg\:divide-red-300>:not(template)~:not(template),
  reach-portal .lg\:divide-red-300>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #feb2b2 !important;
    border-color: rgba(254, 178, 178, var(--divide-opacity)) !important
  }

  #navbarWrapper .lg\:divide-red-400>:not(template)~:not(template),
  reach-portal .lg\:divide-red-400>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #fc8181 !important;
    border-color: rgba(252, 129, 129, var(--divide-opacity)) !important
  }

  #navbarWrapper .lg\:divide-red-500>:not(template)~:not(template),
  reach-portal .lg\:divide-red-500>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #f56565 !important;
    border-color: rgba(245, 101, 101, var(--divide-opacity)) !important
  }

  #navbarWrapper .lg\:divide-red-600>:not(template)~:not(template),
  reach-portal .lg\:divide-red-600>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #e53e3e !important;
    border-color: rgba(229, 62, 62, var(--divide-opacity)) !important
  }

  #navbarWrapper .lg\:divide-red-700>:not(template)~:not(template),
  reach-portal .lg\:divide-red-700>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #c53030 !important;
    border-color: rgba(197, 48, 48, var(--divide-opacity)) !important
  }

  #navbarWrapper .lg\:divide-red-800>:not(template)~:not(template),
  reach-portal .lg\:divide-red-800>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #9b2c2c !important;
    border-color: rgba(155, 44, 44, var(--divide-opacity)) !important
  }

  #navbarWrapper .lg\:divide-red-900>:not(template)~:not(template),
  reach-portal .lg\:divide-red-900>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #742a2a !important;
    border-color: rgba(116, 42, 42, var(--divide-opacity)) !important
  }

  #navbarWrapper .lg\:divide-orange-100>:not(template)~:not(template),
  reach-portal .lg\:divide-orange-100>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #fffaf0 !important;
    border-color: rgba(255, 250, 240, var(--divide-opacity)) !important
  }

  #navbarWrapper .lg\:divide-orange-200>:not(template)~:not(template),
  reach-portal .lg\:divide-orange-200>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #feebc8 !important;
    border-color: rgba(254, 235, 200, var(--divide-opacity)) !important
  }

  #navbarWrapper .lg\:divide-orange-300>:not(template)~:not(template),
  reach-portal .lg\:divide-orange-300>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #fbd38d !important;
    border-color: rgba(251, 211, 141, var(--divide-opacity)) !important
  }

  #navbarWrapper .lg\:divide-orange-400>:not(template)~:not(template),
  reach-portal .lg\:divide-orange-400>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #f6ad55 !important;
    border-color: rgba(246, 173, 85, var(--divide-opacity)) !important
  }

  #navbarWrapper .lg\:divide-orange-500>:not(template)~:not(template),
  reach-portal .lg\:divide-orange-500>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #ed8936 !important;
    border-color: rgba(237, 137, 54, var(--divide-opacity)) !important
  }

  #navbarWrapper .lg\:divide-orange-600>:not(template)~:not(template),
  reach-portal .lg\:divide-orange-600>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #dd6b20 !important;
    border-color: rgba(221, 107, 32, var(--divide-opacity)) !important
  }

  #navbarWrapper .lg\:divide-orange-700>:not(template)~:not(template),
  reach-portal .lg\:divide-orange-700>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #c05621 !important;
    border-color: rgba(192, 86, 33, var(--divide-opacity)) !important
  }

  #navbarWrapper .lg\:divide-orange-800>:not(template)~:not(template),
  reach-portal .lg\:divide-orange-800>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #9c4221 !important;
    border-color: rgba(156, 66, 33, var(--divide-opacity)) !important
  }

  #navbarWrapper .lg\:divide-orange-900>:not(template)~:not(template),
  reach-portal .lg\:divide-orange-900>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #7b341e !important;
    border-color: rgba(123, 52, 30, var(--divide-opacity)) !important
  }

  #navbarWrapper .lg\:divide-yellow-100>:not(template)~:not(template),
  reach-portal .lg\:divide-yellow-100>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: ivory !important;
    border-color: rgba(255, 255, 240, var(--divide-opacity)) !important
  }

  #navbarWrapper .lg\:divide-yellow-200>:not(template)~:not(template),
  reach-portal .lg\:divide-yellow-200>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #fefcbf !important;
    border-color: rgba(254, 252, 191, var(--divide-opacity)) !important
  }

  #navbarWrapper .lg\:divide-yellow-300>:not(template)~:not(template),
  reach-portal .lg\:divide-yellow-300>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #faf089 !important;
    border-color: rgba(250, 240, 137, var(--divide-opacity)) !important
  }

  #navbarWrapper .lg\:divide-yellow-400>:not(template)~:not(template),
  reach-portal .lg\:divide-yellow-400>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #f6e05e !important;
    border-color: rgba(246, 224, 94, var(--divide-opacity)) !important
  }

  #navbarWrapper .lg\:divide-yellow-500>:not(template)~:not(template),
  reach-portal .lg\:divide-yellow-500>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #ecc94b !important;
    border-color: rgba(236, 201, 75, var(--divide-opacity)) !important
  }

  #navbarWrapper .lg\:divide-yellow-600>:not(template)~:not(template),
  reach-portal .lg\:divide-yellow-600>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #d69e2e !important;
    border-color: rgba(214, 158, 46, var(--divide-opacity)) !important
  }

  #navbarWrapper .lg\:divide-yellow-700>:not(template)~:not(template),
  reach-portal .lg\:divide-yellow-700>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #b7791f !important;
    border-color: rgba(183, 121, 31, var(--divide-opacity)) !important
  }

  #navbarWrapper .lg\:divide-yellow-800>:not(template)~:not(template),
  reach-portal .lg\:divide-yellow-800>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #975a16 !important;
    border-color: rgba(151, 90, 22, var(--divide-opacity)) !important
  }

  #navbarWrapper .lg\:divide-yellow-900>:not(template)~:not(template),
  reach-portal .lg\:divide-yellow-900>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #744210 !important;
    border-color: rgba(116, 66, 16, var(--divide-opacity)) !important
  }

  #navbarWrapper .lg\:divide-green-100>:not(template)~:not(template),
  reach-portal .lg\:divide-green-100>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #f0fff4 !important;
    border-color: rgba(240, 255, 244, var(--divide-opacity)) !important
  }

  #navbarWrapper .lg\:divide-green-200>:not(template)~:not(template),
  reach-portal .lg\:divide-green-200>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #c6f6d5 !important;
    border-color: rgba(198, 246, 213, var(--divide-opacity)) !important
  }

  #navbarWrapper .lg\:divide-green-300>:not(template)~:not(template),
  reach-portal .lg\:divide-green-300>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #9ae6b4 !important;
    border-color: rgba(154, 230, 180, var(--divide-opacity)) !important
  }

  #navbarWrapper .lg\:divide-green-400>:not(template)~:not(template),
  reach-portal .lg\:divide-green-400>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #68d391 !important;
    border-color: rgba(104, 211, 145, var(--divide-opacity)) !important
  }

  #navbarWrapper .lg\:divide-green-500>:not(template)~:not(template),
  reach-portal .lg\:divide-green-500>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #48bb78 !important;
    border-color: rgba(72, 187, 120, var(--divide-opacity)) !important
  }

  #navbarWrapper .lg\:divide-green-600>:not(template)~:not(template),
  reach-portal .lg\:divide-green-600>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #38a169 !important;
    border-color: rgba(56, 161, 105, var(--divide-opacity)) !important
  }

  #navbarWrapper .lg\:divide-green-700>:not(template)~:not(template),
  reach-portal .lg\:divide-green-700>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #2f855a !important;
    border-color: rgba(47, 133, 90, var(--divide-opacity)) !important
  }

  #navbarWrapper .lg\:divide-green-800>:not(template)~:not(template),
  reach-portal .lg\:divide-green-800>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #276749 !important;
    border-color: rgba(39, 103, 73, var(--divide-opacity)) !important
  }

  #navbarWrapper .lg\:divide-green-900>:not(template)~:not(template),
  reach-portal .lg\:divide-green-900>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #22543d !important;
    border-color: rgba(34, 84, 61, var(--divide-opacity)) !important
  }

  #navbarWrapper .lg\:divide-teal-100>:not(template)~:not(template),
  reach-portal .lg\:divide-teal-100>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #e6fffa !important;
    border-color: rgba(230, 255, 250, var(--divide-opacity)) !important
  }

  #navbarWrapper .lg\:divide-teal-200>:not(template)~:not(template),
  reach-portal .lg\:divide-teal-200>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #b2f5ea !important;
    border-color: rgba(178, 245, 234, var(--divide-opacity)) !important
  }

  #navbarWrapper .lg\:divide-teal-300>:not(template)~:not(template),
  reach-portal .lg\:divide-teal-300>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #81e6d9 !important;
    border-color: rgba(129, 230, 217, var(--divide-opacity)) !important
  }

  #navbarWrapper .lg\:divide-teal-400>:not(template)~:not(template),
  reach-portal .lg\:divide-teal-400>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #4fd1c5 !important;
    border-color: rgba(79, 209, 197, var(--divide-opacity)) !important
  }

  #navbarWrapper .lg\:divide-teal-500>:not(template)~:not(template),
  reach-portal .lg\:divide-teal-500>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #38b2ac !important;
    border-color: rgba(56, 178, 172, var(--divide-opacity)) !important
  }

  #navbarWrapper .lg\:divide-teal-600>:not(template)~:not(template),
  reach-portal .lg\:divide-teal-600>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #319795 !important;
    border-color: rgba(49, 151, 149, var(--divide-opacity)) !important
  }

  #navbarWrapper .lg\:divide-teal-700>:not(template)~:not(template),
  reach-portal .lg\:divide-teal-700>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #2c7a7b !important;
    border-color: rgba(44, 122, 123, var(--divide-opacity)) !important
  }

  #navbarWrapper .lg\:divide-teal-800>:not(template)~:not(template),
  reach-portal .lg\:divide-teal-800>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #285e61 !important;
    border-color: rgba(40, 94, 97, var(--divide-opacity)) !important
  }

  #navbarWrapper .lg\:divide-teal-900>:not(template)~:not(template),
  reach-portal .lg\:divide-teal-900>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #234e52 !important;
    border-color: rgba(35, 78, 82, var(--divide-opacity)) !important
  }

  #navbarWrapper .lg\:divide-blue-100>:not(template)~:not(template),
  reach-portal .lg\:divide-blue-100>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #ebf8ff !important;
    border-color: rgba(235, 248, 255, var(--divide-opacity)) !important
  }

  #navbarWrapper .lg\:divide-blue-200>:not(template)~:not(template),
  reach-portal .lg\:divide-blue-200>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #bee3f8 !important;
    border-color: rgba(190, 227, 248, var(--divide-opacity)) !important
  }

  #navbarWrapper .lg\:divide-blue-300>:not(template)~:not(template),
  reach-portal .lg\:divide-blue-300>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #90cdf4 !important;
    border-color: rgba(144, 205, 244, var(--divide-opacity)) !important
  }

  #navbarWrapper .lg\:divide-blue-400>:not(template)~:not(template),
  reach-portal .lg\:divide-blue-400>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #63b3ed !important;
    border-color: rgba(99, 179, 237, var(--divide-opacity)) !important
  }

  #navbarWrapper .lg\:divide-blue-500>:not(template)~:not(template),
  reach-portal .lg\:divide-blue-500>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #4299e1 !important;
    border-color: rgba(66, 153, 225, var(--divide-opacity)) !important
  }

  #navbarWrapper .lg\:divide-blue-600>:not(template)~:not(template),
  reach-portal .lg\:divide-blue-600>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #3182ce !important;
    border-color: rgba(49, 130, 206, var(--divide-opacity)) !important
  }

  #navbarWrapper .lg\:divide-blue-700>:not(template)~:not(template),
  reach-portal .lg\:divide-blue-700>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #2b6cb0 !important;
    border-color: rgba(43, 108, 176, var(--divide-opacity)) !important
  }

  #navbarWrapper .lg\:divide-blue-800>:not(template)~:not(template),
  reach-portal .lg\:divide-blue-800>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #2c5282 !important;
    border-color: rgba(44, 82, 130, var(--divide-opacity)) !important
  }

  #navbarWrapper .lg\:divide-blue-900>:not(template)~:not(template),
  reach-portal .lg\:divide-blue-900>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #2a4365 !important;
    border-color: rgba(42, 67, 101, var(--divide-opacity)) !important
  }

  #navbarWrapper .lg\:divide-indigo-100>:not(template)~:not(template),
  reach-portal .lg\:divide-indigo-100>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #ebf4ff !important;
    border-color: rgba(235, 244, 255, var(--divide-opacity)) !important
  }

  #navbarWrapper .lg\:divide-indigo-200>:not(template)~:not(template),
  reach-portal .lg\:divide-indigo-200>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #c3dafe !important;
    border-color: rgba(195, 218, 254, var(--divide-opacity)) !important
  }

  #navbarWrapper .lg\:divide-indigo-300>:not(template)~:not(template),
  reach-portal .lg\:divide-indigo-300>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #a3bffa !important;
    border-color: rgba(163, 191, 250, var(--divide-opacity)) !important
  }

  #navbarWrapper .lg\:divide-indigo-400>:not(template)~:not(template),
  reach-portal .lg\:divide-indigo-400>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #7f9cf5 !important;
    border-color: rgba(127, 156, 245, var(--divide-opacity)) !important
  }

  #navbarWrapper .lg\:divide-indigo-500>:not(template)~:not(template),
  reach-portal .lg\:divide-indigo-500>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #667eea !important;
    border-color: rgba(102, 126, 234, var(--divide-opacity)) !important
  }

  #navbarWrapper .lg\:divide-indigo-600>:not(template)~:not(template),
  reach-portal .lg\:divide-indigo-600>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #5a67d8 !important;
    border-color: rgba(90, 103, 216, var(--divide-opacity)) !important
  }

  #navbarWrapper .lg\:divide-indigo-700>:not(template)~:not(template),
  reach-portal .lg\:divide-indigo-700>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #4c51bf !important;
    border-color: rgba(76, 81, 191, var(--divide-opacity)) !important
  }

  #navbarWrapper .lg\:divide-indigo-800>:not(template)~:not(template),
  reach-portal .lg\:divide-indigo-800>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #434190 !important;
    border-color: rgba(67, 65, 144, var(--divide-opacity)) !important
  }

  #navbarWrapper .lg\:divide-indigo-900>:not(template)~:not(template),
  reach-portal .lg\:divide-indigo-900>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #3c366b !important;
    border-color: rgba(60, 54, 107, var(--divide-opacity)) !important
  }

  #navbarWrapper .lg\:divide-purple-100>:not(template)~:not(template),
  reach-portal .lg\:divide-purple-100>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #faf5ff !important;
    border-color: rgba(250, 245, 255, var(--divide-opacity)) !important
  }

  #navbarWrapper .lg\:divide-purple-200>:not(template)~:not(template),
  reach-portal .lg\:divide-purple-200>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #e9d8fd !important;
    border-color: rgba(233, 216, 253, var(--divide-opacity)) !important
  }

  #navbarWrapper .lg\:divide-purple-300>:not(template)~:not(template),
  reach-portal .lg\:divide-purple-300>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #d6bcfa !important;
    border-color: rgba(214, 188, 250, var(--divide-opacity)) !important
  }

  #navbarWrapper .lg\:divide-purple-400>:not(template)~:not(template),
  reach-portal .lg\:divide-purple-400>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #b794f4 !important;
    border-color: rgba(183, 148, 244, var(--divide-opacity)) !important
  }

  #navbarWrapper .lg\:divide-purple-500>:not(template)~:not(template),
  reach-portal .lg\:divide-purple-500>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #9f7aea !important;
    border-color: rgba(159, 122, 234, var(--divide-opacity)) !important
  }

  #navbarWrapper .lg\:divide-purple-600>:not(template)~:not(template),
  reach-portal .lg\:divide-purple-600>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #805ad5 !important;
    border-color: rgba(128, 90, 213, var(--divide-opacity)) !important
  }

  #navbarWrapper .lg\:divide-purple-700>:not(template)~:not(template),
  reach-portal .lg\:divide-purple-700>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #6b46c1 !important;
    border-color: rgba(107, 70, 193, var(--divide-opacity)) !important
  }

  #navbarWrapper .lg\:divide-purple-800>:not(template)~:not(template),
  reach-portal .lg\:divide-purple-800>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #553c9a !important;
    border-color: rgba(85, 60, 154, var(--divide-opacity)) !important
  }

  #navbarWrapper .lg\:divide-purple-900>:not(template)~:not(template),
  reach-portal .lg\:divide-purple-900>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #44337a !important;
    border-color: rgba(68, 51, 122, var(--divide-opacity)) !important
  }

  #navbarWrapper .lg\:divide-pink-100>:not(template)~:not(template),
  reach-portal .lg\:divide-pink-100>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #fff5f7 !important;
    border-color: rgba(255, 245, 247, var(--divide-opacity)) !important
  }

  #navbarWrapper .lg\:divide-pink-200>:not(template)~:not(template),
  reach-portal .lg\:divide-pink-200>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #fed7e2 !important;
    border-color: rgba(254, 215, 226, var(--divide-opacity)) !important
  }

  #navbarWrapper .lg\:divide-pink-300>:not(template)~:not(template),
  reach-portal .lg\:divide-pink-300>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #fbb6ce !important;
    border-color: rgba(251, 182, 206, var(--divide-opacity)) !important
  }

  #navbarWrapper .lg\:divide-pink-400>:not(template)~:not(template),
  reach-portal .lg\:divide-pink-400>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #f687b3 !important;
    border-color: rgba(246, 135, 179, var(--divide-opacity)) !important
  }

  #navbarWrapper .lg\:divide-pink-500>:not(template)~:not(template),
  reach-portal .lg\:divide-pink-500>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #ed64a6 !important;
    border-color: rgba(237, 100, 166, var(--divide-opacity)) !important
  }

  #navbarWrapper .lg\:divide-pink-600>:not(template)~:not(template),
  reach-portal .lg\:divide-pink-600>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #d53f8c !important;
    border-color: rgba(213, 63, 140, var(--divide-opacity)) !important
  }

  #navbarWrapper .lg\:divide-pink-700>:not(template)~:not(template),
  reach-portal .lg\:divide-pink-700>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #b83280 !important;
    border-color: rgba(184, 50, 128, var(--divide-opacity)) !important
  }

  #navbarWrapper .lg\:divide-pink-800>:not(template)~:not(template),
  reach-portal .lg\:divide-pink-800>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #97266d !important;
    border-color: rgba(151, 38, 109, var(--divide-opacity)) !important
  }

  #navbarWrapper .lg\:divide-pink-900>:not(template)~:not(template),
  reach-portal .lg\:divide-pink-900>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #702459 !important;
    border-color: rgba(112, 36, 89, var(--divide-opacity)) !important
  }

  #navbarWrapper .lg\:divide-opacity-0>:not(template)~:not(template),
  reach-portal .lg\:divide-opacity-0>:not(template)~:not(template) {
    --divide-opacity: 0 !important
  }

  #navbarWrapper .lg\:divide-opacity-25>:not(template)~:not(template),
  reach-portal .lg\:divide-opacity-25>:not(template)~:not(template) {
    --divide-opacity: 0.25 !important
  }

  #navbarWrapper .lg\:divide-opacity-50>:not(template)~:not(template),
  reach-portal .lg\:divide-opacity-50>:not(template)~:not(template) {
    --divide-opacity: 0.5 !important
  }

  #navbarWrapper .lg\:divide-opacity-75>:not(template)~:not(template),
  reach-portal .lg\:divide-opacity-75>:not(template)~:not(template) {
    --divide-opacity: 0.75 !important
  }

  #navbarWrapper .lg\:divide-opacity-100>:not(template)~:not(template),
  reach-portal .lg\:divide-opacity-100>:not(template)~:not(template) {
    --divide-opacity: 1 !important
  }

  #navbarWrapper .lg\:sr-only,
  reach-portal .lg\:sr-only {
    clip: rect(0, 0, 0, 0) !important;
    border-width: 0 !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    white-space: nowrap !important;
    width: 1px !important
  }

  #navbarWrapper .lg\:not-sr-only,
  reach-portal .lg\:not-sr-only {
    clip: auto !important;
    height: auto !important;
    margin: 0 !important;
    overflow: visible !important;
    padding: 0 !important;
    position: static !important;
    white-space: normal !important;
    width: auto !important
  }

  #navbarWrapper .lg\:focus\:sr-only:focus,
  reach-portal .lg\:focus\:sr-only:focus {
    clip: rect(0, 0, 0, 0) !important;
    border-width: 0 !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    white-space: nowrap !important;
    width: 1px !important
  }

  #navbarWrapper .lg\:focus\:not-sr-only:focus,
  reach-portal .lg\:focus\:not-sr-only:focus {
    clip: auto !important;
    height: auto !important;
    margin: 0 !important;
    overflow: visible !important;
    padding: 0 !important;
    position: static !important;
    white-space: normal !important;
    width: auto !important
  }

  #navbarWrapper .lg\:appearance-none,
  reach-portal .lg\:appearance-none {
    -webkit-appearance: none !important;
    appearance: none !important
  }

  #navbarWrapper .lg\:bg-fixed,
  reach-portal .lg\:bg-fixed {
    background-attachment: fixed !important
  }

  #navbarWrapper .lg\:bg-local,
  reach-portal .lg\:bg-local {
    background-attachment: local !important
  }

  #navbarWrapper .lg\:bg-scroll,
  reach-portal .lg\:bg-scroll {
    background-attachment: scroll !important
  }

  #navbarWrapper .lg\:bg-transparent,
  reach-portal .lg\:bg-transparent {
    background-color: initial !important
  }

  #navbarWrapper .lg\:bg-current,
  reach-portal .lg\:bg-current {
    background-color: currentColor !important
  }

  #navbarWrapper .lg\:bg-black,
  reach-portal .lg\:bg-black {
    --bg-opacity: 1 !important;
    background-color: #000 !important;
    background-color: rgba(0, 0, 0, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:bg-white,
  reach-portal .lg\:bg-white {
    --bg-opacity: 1 !important;
    background-color: #fff !important;
    background-color: rgba(255, 255, 255, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:bg-gray-100,
  reach-portal .lg\:bg-gray-100 {
    --bg-opacity: 1 !important;
    background-color: #f7fafc !important;
    background-color: rgba(247, 250, 252, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:bg-gray-200,
  reach-portal .lg\:bg-gray-200 {
    --bg-opacity: 1 !important;
    background-color: #edf2f7 !important;
    background-color: rgba(237, 242, 247, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:bg-gray-300,
  reach-portal .lg\:bg-gray-300 {
    --bg-opacity: 1 !important;
    background-color: #e2e8f0 !important;
    background-color: rgba(226, 232, 240, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:bg-gray-400,
  reach-portal .lg\:bg-gray-400 {
    --bg-opacity: 1 !important;
    background-color: #cbd5e0 !important;
    background-color: rgba(203, 213, 224, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:bg-gray-500,
  reach-portal .lg\:bg-gray-500 {
    --bg-opacity: 1 !important;
    background-color: #a0aec0 !important;
    background-color: rgba(160, 174, 192, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:bg-gray-600,
  reach-portal .lg\:bg-gray-600 {
    --bg-opacity: 1 !important;
    background-color: #718096 !important;
    background-color: rgba(113, 128, 150, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:bg-gray-700,
  reach-portal .lg\:bg-gray-700 {
    --bg-opacity: 1 !important;
    background-color: #4a5568 !important;
    background-color: rgba(74, 85, 104, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:bg-gray-800,
  reach-portal .lg\:bg-gray-800 {
    --bg-opacity: 1 !important;
    background-color: #2d3748 !important;
    background-color: rgba(45, 55, 72, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:bg-gray-900,
  reach-portal .lg\:bg-gray-900 {
    --bg-opacity: 1 !important;
    background-color: #1a202c !important;
    background-color: rgba(26, 32, 44, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:bg-red-100,
  reach-portal .lg\:bg-red-100 {
    --bg-opacity: 1 !important;
    background-color: #fff5f5 !important;
    background-color: rgba(255, 245, 245, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:bg-red-200,
  reach-portal .lg\:bg-red-200 {
    --bg-opacity: 1 !important;
    background-color: #fed7d7 !important;
    background-color: rgba(254, 215, 215, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:bg-red-300,
  reach-portal .lg\:bg-red-300 {
    --bg-opacity: 1 !important;
    background-color: #feb2b2 !important;
    background-color: rgba(254, 178, 178, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:bg-red-400,
  reach-portal .lg\:bg-red-400 {
    --bg-opacity: 1 !important;
    background-color: #fc8181 !important;
    background-color: rgba(252, 129, 129, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:bg-red-500,
  reach-portal .lg\:bg-red-500 {
    --bg-opacity: 1 !important;
    background-color: #f56565 !important;
    background-color: rgba(245, 101, 101, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:bg-red-600,
  reach-portal .lg\:bg-red-600 {
    --bg-opacity: 1 !important;
    background-color: #e53e3e !important;
    background-color: rgba(229, 62, 62, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:bg-red-700,
  reach-portal .lg\:bg-red-700 {
    --bg-opacity: 1 !important;
    background-color: #c53030 !important;
    background-color: rgba(197, 48, 48, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:bg-red-800,
  reach-portal .lg\:bg-red-800 {
    --bg-opacity: 1 !important;
    background-color: #9b2c2c !important;
    background-color: rgba(155, 44, 44, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:bg-red-900,
  reach-portal .lg\:bg-red-900 {
    --bg-opacity: 1 !important;
    background-color: #742a2a !important;
    background-color: rgba(116, 42, 42, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:bg-orange-100,
  reach-portal .lg\:bg-orange-100 {
    --bg-opacity: 1 !important;
    background-color: #fffaf0 !important;
    background-color: rgba(255, 250, 240, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:bg-orange-200,
  reach-portal .lg\:bg-orange-200 {
    --bg-opacity: 1 !important;
    background-color: #feebc8 !important;
    background-color: rgba(254, 235, 200, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:bg-orange-300,
  reach-portal .lg\:bg-orange-300 {
    --bg-opacity: 1 !important;
    background-color: #fbd38d !important;
    background-color: rgba(251, 211, 141, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:bg-orange-400,
  reach-portal .lg\:bg-orange-400 {
    --bg-opacity: 1 !important;
    background-color: #f6ad55 !important;
    background-color: rgba(246, 173, 85, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:bg-orange-500,
  reach-portal .lg\:bg-orange-500 {
    --bg-opacity: 1 !important;
    background-color: #ed8936 !important;
    background-color: rgba(237, 137, 54, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:bg-orange-600,
  reach-portal .lg\:bg-orange-600 {
    --bg-opacity: 1 !important;
    background-color: #dd6b20 !important;
    background-color: rgba(221, 107, 32, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:bg-orange-700,
  reach-portal .lg\:bg-orange-700 {
    --bg-opacity: 1 !important;
    background-color: #c05621 !important;
    background-color: rgba(192, 86, 33, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:bg-orange-800,
  reach-portal .lg\:bg-orange-800 {
    --bg-opacity: 1 !important;
    background-color: #9c4221 !important;
    background-color: rgba(156, 66, 33, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:bg-orange-900,
  reach-portal .lg\:bg-orange-900 {
    --bg-opacity: 1 !important;
    background-color: #7b341e !important;
    background-color: rgba(123, 52, 30, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:bg-yellow-100,
  reach-portal .lg\:bg-yellow-100 {
    --bg-opacity: 1 !important;
    background-color: ivory !important;
    background-color: rgba(255, 255, 240, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:bg-yellow-200,
  reach-portal .lg\:bg-yellow-200 {
    --bg-opacity: 1 !important;
    background-color: #fefcbf !important;
    background-color: rgba(254, 252, 191, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:bg-yellow-300,
  reach-portal .lg\:bg-yellow-300 {
    --bg-opacity: 1 !important;
    background-color: #faf089 !important;
    background-color: rgba(250, 240, 137, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:bg-yellow-400,
  reach-portal .lg\:bg-yellow-400 {
    --bg-opacity: 1 !important;
    background-color: #f6e05e !important;
    background-color: rgba(246, 224, 94, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:bg-yellow-500,
  reach-portal .lg\:bg-yellow-500 {
    --bg-opacity: 1 !important;
    background-color: #ecc94b !important;
    background-color: rgba(236, 201, 75, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:bg-yellow-600,
  reach-portal .lg\:bg-yellow-600 {
    --bg-opacity: 1 !important;
    background-color: #d69e2e !important;
    background-color: rgba(214, 158, 46, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:bg-yellow-700,
  reach-portal .lg\:bg-yellow-700 {
    --bg-opacity: 1 !important;
    background-color: #b7791f !important;
    background-color: rgba(183, 121, 31, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:bg-yellow-800,
  reach-portal .lg\:bg-yellow-800 {
    --bg-opacity: 1 !important;
    background-color: #975a16 !important;
    background-color: rgba(151, 90, 22, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:bg-yellow-900,
  reach-portal .lg\:bg-yellow-900 {
    --bg-opacity: 1 !important;
    background-color: #744210 !important;
    background-color: rgba(116, 66, 16, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:bg-green-100,
  reach-portal .lg\:bg-green-100 {
    --bg-opacity: 1 !important;
    background-color: #f0fff4 !important;
    background-color: rgba(240, 255, 244, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:bg-green-200,
  reach-portal .lg\:bg-green-200 {
    --bg-opacity: 1 !important;
    background-color: #c6f6d5 !important;
    background-color: rgba(198, 246, 213, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:bg-green-300,
  reach-portal .lg\:bg-green-300 {
    --bg-opacity: 1 !important;
    background-color: #9ae6b4 !important;
    background-color: rgba(154, 230, 180, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:bg-green-400,
  reach-portal .lg\:bg-green-400 {
    --bg-opacity: 1 !important;
    background-color: #68d391 !important;
    background-color: rgba(104, 211, 145, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:bg-green-500,
  reach-portal .lg\:bg-green-500 {
    --bg-opacity: 1 !important;
    background-color: #48bb78 !important;
    background-color: rgba(72, 187, 120, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:bg-green-600,
  reach-portal .lg\:bg-green-600 {
    --bg-opacity: 1 !important;
    background-color: #38a169 !important;
    background-color: rgba(56, 161, 105, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:bg-green-700,
  reach-portal .lg\:bg-green-700 {
    --bg-opacity: 1 !important;
    background-color: #2f855a !important;
    background-color: rgba(47, 133, 90, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:bg-green-800,
  reach-portal .lg\:bg-green-800 {
    --bg-opacity: 1 !important;
    background-color: #276749 !important;
    background-color: rgba(39, 103, 73, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:bg-green-900,
  reach-portal .lg\:bg-green-900 {
    --bg-opacity: 1 !important;
    background-color: #22543d !important;
    background-color: rgba(34, 84, 61, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:bg-teal-100,
  reach-portal .lg\:bg-teal-100 {
    --bg-opacity: 1 !important;
    background-color: #e6fffa !important;
    background-color: rgba(230, 255, 250, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:bg-teal-200,
  reach-portal .lg\:bg-teal-200 {
    --bg-opacity: 1 !important;
    background-color: #b2f5ea !important;
    background-color: rgba(178, 245, 234, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:bg-teal-300,
  reach-portal .lg\:bg-teal-300 {
    --bg-opacity: 1 !important;
    background-color: #81e6d9 !important;
    background-color: rgba(129, 230, 217, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:bg-teal-400,
  reach-portal .lg\:bg-teal-400 {
    --bg-opacity: 1 !important;
    background-color: #4fd1c5 !important;
    background-color: rgba(79, 209, 197, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:bg-teal-500,
  reach-portal .lg\:bg-teal-500 {
    --bg-opacity: 1 !important;
    background-color: #38b2ac !important;
    background-color: rgba(56, 178, 172, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:bg-teal-600,
  reach-portal .lg\:bg-teal-600 {
    --bg-opacity: 1 !important;
    background-color: #319795 !important;
    background-color: rgba(49, 151, 149, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:bg-teal-700,
  reach-portal .lg\:bg-teal-700 {
    --bg-opacity: 1 !important;
    background-color: #2c7a7b !important;
    background-color: rgba(44, 122, 123, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:bg-teal-800,
  reach-portal .lg\:bg-teal-800 {
    --bg-opacity: 1 !important;
    background-color: #285e61 !important;
    background-color: rgba(40, 94, 97, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:bg-teal-900,
  reach-portal .lg\:bg-teal-900 {
    --bg-opacity: 1 !important;
    background-color: #234e52 !important;
    background-color: rgba(35, 78, 82, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:bg-blue-100,
  reach-portal .lg\:bg-blue-100 {
    --bg-opacity: 1 !important;
    background-color: #ebf8ff !important;
    background-color: rgba(235, 248, 255, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:bg-blue-200,
  reach-portal .lg\:bg-blue-200 {
    --bg-opacity: 1 !important;
    background-color: #bee3f8 !important;
    background-color: rgba(190, 227, 248, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:bg-blue-300,
  reach-portal .lg\:bg-blue-300 {
    --bg-opacity: 1 !important;
    background-color: #90cdf4 !important;
    background-color: rgba(144, 205, 244, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:bg-blue-400,
  reach-portal .lg\:bg-blue-400 {
    --bg-opacity: 1 !important;
    background-color: #63b3ed !important;
    background-color: rgba(99, 179, 237, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:bg-blue-500,
  reach-portal .lg\:bg-blue-500 {
    --bg-opacity: 1 !important;
    background-color: #4299e1 !important;
    background-color: rgba(66, 153, 225, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:bg-blue-600,
  reach-portal .lg\:bg-blue-600 {
    --bg-opacity: 1 !important;
    background-color: #3182ce !important;
    background-color: rgba(49, 130, 206, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:bg-blue-700,
  reach-portal .lg\:bg-blue-700 {
    --bg-opacity: 1 !important;
    background-color: #2b6cb0 !important;
    background-color: rgba(43, 108, 176, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:bg-blue-800,
  reach-portal .lg\:bg-blue-800 {
    --bg-opacity: 1 !important;
    background-color: #2c5282 !important;
    background-color: rgba(44, 82, 130, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:bg-blue-900,
  reach-portal .lg\:bg-blue-900 {
    --bg-opacity: 1 !important;
    background-color: #2a4365 !important;
    background-color: rgba(42, 67, 101, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:bg-indigo-100,
  reach-portal .lg\:bg-indigo-100 {
    --bg-opacity: 1 !important;
    background-color: #ebf4ff !important;
    background-color: rgba(235, 244, 255, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:bg-indigo-200,
  reach-portal .lg\:bg-indigo-200 {
    --bg-opacity: 1 !important;
    background-color: #c3dafe !important;
    background-color: rgba(195, 218, 254, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:bg-indigo-300,
  reach-portal .lg\:bg-indigo-300 {
    --bg-opacity: 1 !important;
    background-color: #a3bffa !important;
    background-color: rgba(163, 191, 250, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:bg-indigo-400,
  reach-portal .lg\:bg-indigo-400 {
    --bg-opacity: 1 !important;
    background-color: #7f9cf5 !important;
    background-color: rgba(127, 156, 245, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:bg-indigo-500,
  reach-portal .lg\:bg-indigo-500 {
    --bg-opacity: 1 !important;
    background-color: #667eea !important;
    background-color: rgba(102, 126, 234, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:bg-indigo-600,
  reach-portal .lg\:bg-indigo-600 {
    --bg-opacity: 1 !important;
    background-color: #5a67d8 !important;
    background-color: rgba(90, 103, 216, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:bg-indigo-700,
  reach-portal .lg\:bg-indigo-700 {
    --bg-opacity: 1 !important;
    background-color: #4c51bf !important;
    background-color: rgba(76, 81, 191, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:bg-indigo-800,
  reach-portal .lg\:bg-indigo-800 {
    --bg-opacity: 1 !important;
    background-color: #434190 !important;
    background-color: rgba(67, 65, 144, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:bg-indigo-900,
  reach-portal .lg\:bg-indigo-900 {
    --bg-opacity: 1 !important;
    background-color: #3c366b !important;
    background-color: rgba(60, 54, 107, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:bg-purple-100,
  reach-portal .lg\:bg-purple-100 {
    --bg-opacity: 1 !important;
    background-color: #faf5ff !important;
    background-color: rgba(250, 245, 255, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:bg-purple-200,
  reach-portal .lg\:bg-purple-200 {
    --bg-opacity: 1 !important;
    background-color: #e9d8fd !important;
    background-color: rgba(233, 216, 253, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:bg-purple-300,
  reach-portal .lg\:bg-purple-300 {
    --bg-opacity: 1 !important;
    background-color: #d6bcfa !important;
    background-color: rgba(214, 188, 250, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:bg-purple-400,
  reach-portal .lg\:bg-purple-400 {
    --bg-opacity: 1 !important;
    background-color: #b794f4 !important;
    background-color: rgba(183, 148, 244, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:bg-purple-500,
  reach-portal .lg\:bg-purple-500 {
    --bg-opacity: 1 !important;
    background-color: #9f7aea !important;
    background-color: rgba(159, 122, 234, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:bg-purple-600,
  reach-portal .lg\:bg-purple-600 {
    --bg-opacity: 1 !important;
    background-color: #805ad5 !important;
    background-color: rgba(128, 90, 213, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:bg-purple-700,
  reach-portal .lg\:bg-purple-700 {
    --bg-opacity: 1 !important;
    background-color: #6b46c1 !important;
    background-color: rgba(107, 70, 193, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:bg-purple-800,
  reach-portal .lg\:bg-purple-800 {
    --bg-opacity: 1 !important;
    background-color: #553c9a !important;
    background-color: rgba(85, 60, 154, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:bg-purple-900,
  reach-portal .lg\:bg-purple-900 {
    --bg-opacity: 1 !important;
    background-color: #44337a !important;
    background-color: rgba(68, 51, 122, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:bg-pink-100,
  reach-portal .lg\:bg-pink-100 {
    --bg-opacity: 1 !important;
    background-color: #fff5f7 !important;
    background-color: rgba(255, 245, 247, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:bg-pink-200,
  reach-portal .lg\:bg-pink-200 {
    --bg-opacity: 1 !important;
    background-color: #fed7e2 !important;
    background-color: rgba(254, 215, 226, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:bg-pink-300,
  reach-portal .lg\:bg-pink-300 {
    --bg-opacity: 1 !important;
    background-color: #fbb6ce !important;
    background-color: rgba(251, 182, 206, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:bg-pink-400,
  reach-portal .lg\:bg-pink-400 {
    --bg-opacity: 1 !important;
    background-color: #f687b3 !important;
    background-color: rgba(246, 135, 179, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:bg-pink-500,
  reach-portal .lg\:bg-pink-500 {
    --bg-opacity: 1 !important;
    background-color: #ed64a6 !important;
    background-color: rgba(237, 100, 166, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:bg-pink-600,
  reach-portal .lg\:bg-pink-600 {
    --bg-opacity: 1 !important;
    background-color: #d53f8c !important;
    background-color: rgba(213, 63, 140, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:bg-pink-700,
  reach-portal .lg\:bg-pink-700 {
    --bg-opacity: 1 !important;
    background-color: #b83280 !important;
    background-color: rgba(184, 50, 128, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:bg-pink-800,
  reach-portal .lg\:bg-pink-800 {
    --bg-opacity: 1 !important;
    background-color: #97266d !important;
    background-color: rgba(151, 38, 109, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:bg-pink-900,
  reach-portal .lg\:bg-pink-900 {
    --bg-opacity: 1 !important;
    background-color: #702459 !important;
    background-color: rgba(112, 36, 89, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:bg-listgray,
  reach-portal .lg\:bg-listgray {
    --bg-opacity: 1 !important;
    background-color: #f4f4f4 !important;
    background-color: rgba(244, 244, 244, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:bg-transparent:hover,
  reach-portal .lg\:hover\:bg-transparent:hover {
    background-color: initial !important
  }

  #navbarWrapper .lg\:hover\:bg-current:hover,
  reach-portal .lg\:hover\:bg-current:hover {
    background-color: currentColor !important
  }

  #navbarWrapper .lg\:hover\:bg-black:hover,
  reach-portal .lg\:hover\:bg-black:hover {
    --bg-opacity: 1 !important;
    background-color: #000 !important;
    background-color: rgba(0, 0, 0, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:bg-white:hover,
  reach-portal .lg\:hover\:bg-white:hover {
    --bg-opacity: 1 !important;
    background-color: #fff !important;
    background-color: rgba(255, 255, 255, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:bg-gray-100:hover,
  reach-portal .lg\:hover\:bg-gray-100:hover {
    --bg-opacity: 1 !important;
    background-color: #f7fafc !important;
    background-color: rgba(247, 250, 252, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:bg-gray-200:hover,
  reach-portal .lg\:hover\:bg-gray-200:hover {
    --bg-opacity: 1 !important;
    background-color: #edf2f7 !important;
    background-color: rgba(237, 242, 247, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:bg-gray-300:hover,
  reach-portal .lg\:hover\:bg-gray-300:hover {
    --bg-opacity: 1 !important;
    background-color: #e2e8f0 !important;
    background-color: rgba(226, 232, 240, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:bg-gray-400:hover,
  reach-portal .lg\:hover\:bg-gray-400:hover {
    --bg-opacity: 1 !important;
    background-color: #cbd5e0 !important;
    background-color: rgba(203, 213, 224, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:bg-gray-500:hover,
  reach-portal .lg\:hover\:bg-gray-500:hover {
    --bg-opacity: 1 !important;
    background-color: #a0aec0 !important;
    background-color: rgba(160, 174, 192, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:bg-gray-600:hover,
  reach-portal .lg\:hover\:bg-gray-600:hover {
    --bg-opacity: 1 !important;
    background-color: #718096 !important;
    background-color: rgba(113, 128, 150, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:bg-gray-700:hover,
  reach-portal .lg\:hover\:bg-gray-700:hover {
    --bg-opacity: 1 !important;
    background-color: #4a5568 !important;
    background-color: rgba(74, 85, 104, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:bg-gray-800:hover,
  reach-portal .lg\:hover\:bg-gray-800:hover {
    --bg-opacity: 1 !important;
    background-color: #2d3748 !important;
    background-color: rgba(45, 55, 72, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:bg-gray-900:hover,
  reach-portal .lg\:hover\:bg-gray-900:hover {
    --bg-opacity: 1 !important;
    background-color: #1a202c !important;
    background-color: rgba(26, 32, 44, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:bg-red-100:hover,
  reach-portal .lg\:hover\:bg-red-100:hover {
    --bg-opacity: 1 !important;
    background-color: #fff5f5 !important;
    background-color: rgba(255, 245, 245, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:bg-red-200:hover,
  reach-portal .lg\:hover\:bg-red-200:hover {
    --bg-opacity: 1 !important;
    background-color: #fed7d7 !important;
    background-color: rgba(254, 215, 215, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:bg-red-300:hover,
  reach-portal .lg\:hover\:bg-red-300:hover {
    --bg-opacity: 1 !important;
    background-color: #feb2b2 !important;
    background-color: rgba(254, 178, 178, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:bg-red-400:hover,
  reach-portal .lg\:hover\:bg-red-400:hover {
    --bg-opacity: 1 !important;
    background-color: #fc8181 !important;
    background-color: rgba(252, 129, 129, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:bg-red-500:hover,
  reach-portal .lg\:hover\:bg-red-500:hover {
    --bg-opacity: 1 !important;
    background-color: #f56565 !important;
    background-color: rgba(245, 101, 101, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:bg-red-600:hover,
  reach-portal .lg\:hover\:bg-red-600:hover {
    --bg-opacity: 1 !important;
    background-color: #e53e3e !important;
    background-color: rgba(229, 62, 62, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:bg-red-700:hover,
  reach-portal .lg\:hover\:bg-red-700:hover {
    --bg-opacity: 1 !important;
    background-color: #c53030 !important;
    background-color: rgba(197, 48, 48, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:bg-red-800:hover,
  reach-portal .lg\:hover\:bg-red-800:hover {
    --bg-opacity: 1 !important;
    background-color: #9b2c2c !important;
    background-color: rgba(155, 44, 44, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:bg-red-900:hover,
  reach-portal .lg\:hover\:bg-red-900:hover {
    --bg-opacity: 1 !important;
    background-color: #742a2a !important;
    background-color: rgba(116, 42, 42, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:bg-orange-100:hover,
  reach-portal .lg\:hover\:bg-orange-100:hover {
    --bg-opacity: 1 !important;
    background-color: #fffaf0 !important;
    background-color: rgba(255, 250, 240, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:bg-orange-200:hover,
  reach-portal .lg\:hover\:bg-orange-200:hover {
    --bg-opacity: 1 !important;
    background-color: #feebc8 !important;
    background-color: rgba(254, 235, 200, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:bg-orange-300:hover,
  reach-portal .lg\:hover\:bg-orange-300:hover {
    --bg-opacity: 1 !important;
    background-color: #fbd38d !important;
    background-color: rgba(251, 211, 141, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:bg-orange-400:hover,
  reach-portal .lg\:hover\:bg-orange-400:hover {
    --bg-opacity: 1 !important;
    background-color: #f6ad55 !important;
    background-color: rgba(246, 173, 85, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:bg-orange-500:hover,
  reach-portal .lg\:hover\:bg-orange-500:hover {
    --bg-opacity: 1 !important;
    background-color: #ed8936 !important;
    background-color: rgba(237, 137, 54, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:bg-orange-600:hover,
  reach-portal .lg\:hover\:bg-orange-600:hover {
    --bg-opacity: 1 !important;
    background-color: #dd6b20 !important;
    background-color: rgba(221, 107, 32, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:bg-orange-700:hover,
  reach-portal .lg\:hover\:bg-orange-700:hover {
    --bg-opacity: 1 !important;
    background-color: #c05621 !important;
    background-color: rgba(192, 86, 33, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:bg-orange-800:hover,
  reach-portal .lg\:hover\:bg-orange-800:hover {
    --bg-opacity: 1 !important;
    background-color: #9c4221 !important;
    background-color: rgba(156, 66, 33, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:bg-orange-900:hover,
  reach-portal .lg\:hover\:bg-orange-900:hover {
    --bg-opacity: 1 !important;
    background-color: #7b341e !important;
    background-color: rgba(123, 52, 30, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:bg-yellow-100:hover,
  reach-portal .lg\:hover\:bg-yellow-100:hover {
    --bg-opacity: 1 !important;
    background-color: ivory !important;
    background-color: rgba(255, 255, 240, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:bg-yellow-200:hover,
  reach-portal .lg\:hover\:bg-yellow-200:hover {
    --bg-opacity: 1 !important;
    background-color: #fefcbf !important;
    background-color: rgba(254, 252, 191, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:bg-yellow-300:hover,
  reach-portal .lg\:hover\:bg-yellow-300:hover {
    --bg-opacity: 1 !important;
    background-color: #faf089 !important;
    background-color: rgba(250, 240, 137, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:bg-yellow-400:hover,
  reach-portal .lg\:hover\:bg-yellow-400:hover {
    --bg-opacity: 1 !important;
    background-color: #f6e05e !important;
    background-color: rgba(246, 224, 94, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:bg-yellow-500:hover,
  reach-portal .lg\:hover\:bg-yellow-500:hover {
    --bg-opacity: 1 !important;
    background-color: #ecc94b !important;
    background-color: rgba(236, 201, 75, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:bg-yellow-600:hover,
  reach-portal .lg\:hover\:bg-yellow-600:hover {
    --bg-opacity: 1 !important;
    background-color: #d69e2e !important;
    background-color: rgba(214, 158, 46, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:bg-yellow-700:hover,
  reach-portal .lg\:hover\:bg-yellow-700:hover {
    --bg-opacity: 1 !important;
    background-color: #b7791f !important;
    background-color: rgba(183, 121, 31, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:bg-yellow-800:hover,
  reach-portal .lg\:hover\:bg-yellow-800:hover {
    --bg-opacity: 1 !important;
    background-color: #975a16 !important;
    background-color: rgba(151, 90, 22, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:bg-yellow-900:hover,
  reach-portal .lg\:hover\:bg-yellow-900:hover {
    --bg-opacity: 1 !important;
    background-color: #744210 !important;
    background-color: rgba(116, 66, 16, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:bg-green-100:hover,
  reach-portal .lg\:hover\:bg-green-100:hover {
    --bg-opacity: 1 !important;
    background-color: #f0fff4 !important;
    background-color: rgba(240, 255, 244, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:bg-green-200:hover,
  reach-portal .lg\:hover\:bg-green-200:hover {
    --bg-opacity: 1 !important;
    background-color: #c6f6d5 !important;
    background-color: rgba(198, 246, 213, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:bg-green-300:hover,
  reach-portal .lg\:hover\:bg-green-300:hover {
    --bg-opacity: 1 !important;
    background-color: #9ae6b4 !important;
    background-color: rgba(154, 230, 180, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:bg-green-400:hover,
  reach-portal .lg\:hover\:bg-green-400:hover {
    --bg-opacity: 1 !important;
    background-color: #68d391 !important;
    background-color: rgba(104, 211, 145, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:bg-green-500:hover,
  reach-portal .lg\:hover\:bg-green-500:hover {
    --bg-opacity: 1 !important;
    background-color: #48bb78 !important;
    background-color: rgba(72, 187, 120, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:bg-green-600:hover,
  reach-portal .lg\:hover\:bg-green-600:hover {
    --bg-opacity: 1 !important;
    background-color: #38a169 !important;
    background-color: rgba(56, 161, 105, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:bg-green-700:hover,
  reach-portal .lg\:hover\:bg-green-700:hover {
    --bg-opacity: 1 !important;
    background-color: #2f855a !important;
    background-color: rgba(47, 133, 90, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:bg-green-800:hover,
  reach-portal .lg\:hover\:bg-green-800:hover {
    --bg-opacity: 1 !important;
    background-color: #276749 !important;
    background-color: rgba(39, 103, 73, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:bg-green-900:hover,
  reach-portal .lg\:hover\:bg-green-900:hover {
    --bg-opacity: 1 !important;
    background-color: #22543d !important;
    background-color: rgba(34, 84, 61, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:bg-teal-100:hover,
  reach-portal .lg\:hover\:bg-teal-100:hover {
    --bg-opacity: 1 !important;
    background-color: #e6fffa !important;
    background-color: rgba(230, 255, 250, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:bg-teal-200:hover,
  reach-portal .lg\:hover\:bg-teal-200:hover {
    --bg-opacity: 1 !important;
    background-color: #b2f5ea !important;
    background-color: rgba(178, 245, 234, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:bg-teal-300:hover,
  reach-portal .lg\:hover\:bg-teal-300:hover {
    --bg-opacity: 1 !important;
    background-color: #81e6d9 !important;
    background-color: rgba(129, 230, 217, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:bg-teal-400:hover,
  reach-portal .lg\:hover\:bg-teal-400:hover {
    --bg-opacity: 1 !important;
    background-color: #4fd1c5 !important;
    background-color: rgba(79, 209, 197, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:bg-teal-500:hover,
  reach-portal .lg\:hover\:bg-teal-500:hover {
    --bg-opacity: 1 !important;
    background-color: #38b2ac !important;
    background-color: rgba(56, 178, 172, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:bg-teal-600:hover,
  reach-portal .lg\:hover\:bg-teal-600:hover {
    --bg-opacity: 1 !important;
    background-color: #319795 !important;
    background-color: rgba(49, 151, 149, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:bg-teal-700:hover,
  reach-portal .lg\:hover\:bg-teal-700:hover {
    --bg-opacity: 1 !important;
    background-color: #2c7a7b !important;
    background-color: rgba(44, 122, 123, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:bg-teal-800:hover,
  reach-portal .lg\:hover\:bg-teal-800:hover {
    --bg-opacity: 1 !important;
    background-color: #285e61 !important;
    background-color: rgba(40, 94, 97, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:bg-teal-900:hover,
  reach-portal .lg\:hover\:bg-teal-900:hover {
    --bg-opacity: 1 !important;
    background-color: #234e52 !important;
    background-color: rgba(35, 78, 82, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:bg-blue-100:hover,
  reach-portal .lg\:hover\:bg-blue-100:hover {
    --bg-opacity: 1 !important;
    background-color: #ebf8ff !important;
    background-color: rgba(235, 248, 255, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:bg-blue-200:hover,
  reach-portal .lg\:hover\:bg-blue-200:hover {
    --bg-opacity: 1 !important;
    background-color: #bee3f8 !important;
    background-color: rgba(190, 227, 248, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:bg-blue-300:hover,
  reach-portal .lg\:hover\:bg-blue-300:hover {
    --bg-opacity: 1 !important;
    background-color: #90cdf4 !important;
    background-color: rgba(144, 205, 244, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:bg-blue-400:hover,
  reach-portal .lg\:hover\:bg-blue-400:hover {
    --bg-opacity: 1 !important;
    background-color: #63b3ed !important;
    background-color: rgba(99, 179, 237, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:bg-blue-500:hover,
  reach-portal .lg\:hover\:bg-blue-500:hover {
    --bg-opacity: 1 !important;
    background-color: #4299e1 !important;
    background-color: rgba(66, 153, 225, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:bg-blue-600:hover,
  reach-portal .lg\:hover\:bg-blue-600:hover {
    --bg-opacity: 1 !important;
    background-color: #3182ce !important;
    background-color: rgba(49, 130, 206, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:bg-blue-700:hover,
  reach-portal .lg\:hover\:bg-blue-700:hover {
    --bg-opacity: 1 !important;
    background-color: #2b6cb0 !important;
    background-color: rgba(43, 108, 176, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:bg-blue-800:hover,
  reach-portal .lg\:hover\:bg-blue-800:hover {
    --bg-opacity: 1 !important;
    background-color: #2c5282 !important;
    background-color: rgba(44, 82, 130, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:bg-blue-900:hover,
  reach-portal .lg\:hover\:bg-blue-900:hover {
    --bg-opacity: 1 !important;
    background-color: #2a4365 !important;
    background-color: rgba(42, 67, 101, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:bg-indigo-100:hover,
  reach-portal .lg\:hover\:bg-indigo-100:hover {
    --bg-opacity: 1 !important;
    background-color: #ebf4ff !important;
    background-color: rgba(235, 244, 255, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:bg-indigo-200:hover,
  reach-portal .lg\:hover\:bg-indigo-200:hover {
    --bg-opacity: 1 !important;
    background-color: #c3dafe !important;
    background-color: rgba(195, 218, 254, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:bg-indigo-300:hover,
  reach-portal .lg\:hover\:bg-indigo-300:hover {
    --bg-opacity: 1 !important;
    background-color: #a3bffa !important;
    background-color: rgba(163, 191, 250, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:bg-indigo-400:hover,
  reach-portal .lg\:hover\:bg-indigo-400:hover {
    --bg-opacity: 1 !important;
    background-color: #7f9cf5 !important;
    background-color: rgba(127, 156, 245, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:bg-indigo-500:hover,
  reach-portal .lg\:hover\:bg-indigo-500:hover {
    --bg-opacity: 1 !important;
    background-color: #667eea !important;
    background-color: rgba(102, 126, 234, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:bg-indigo-600:hover,
  reach-portal .lg\:hover\:bg-indigo-600:hover {
    --bg-opacity: 1 !important;
    background-color: #5a67d8 !important;
    background-color: rgba(90, 103, 216, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:bg-indigo-700:hover,
  reach-portal .lg\:hover\:bg-indigo-700:hover {
    --bg-opacity: 1 !important;
    background-color: #4c51bf !important;
    background-color: rgba(76, 81, 191, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:bg-indigo-800:hover,
  reach-portal .lg\:hover\:bg-indigo-800:hover {
    --bg-opacity: 1 !important;
    background-color: #434190 !important;
    background-color: rgba(67, 65, 144, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:bg-indigo-900:hover,
  reach-portal .lg\:hover\:bg-indigo-900:hover {
    --bg-opacity: 1 !important;
    background-color: #3c366b !important;
    background-color: rgba(60, 54, 107, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:bg-purple-100:hover,
  reach-portal .lg\:hover\:bg-purple-100:hover {
    --bg-opacity: 1 !important;
    background-color: #faf5ff !important;
    background-color: rgba(250, 245, 255, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:bg-purple-200:hover,
  reach-portal .lg\:hover\:bg-purple-200:hover {
    --bg-opacity: 1 !important;
    background-color: #e9d8fd !important;
    background-color: rgba(233, 216, 253, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:bg-purple-300:hover,
  reach-portal .lg\:hover\:bg-purple-300:hover {
    --bg-opacity: 1 !important;
    background-color: #d6bcfa !important;
    background-color: rgba(214, 188, 250, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:bg-purple-400:hover,
  reach-portal .lg\:hover\:bg-purple-400:hover {
    --bg-opacity: 1 !important;
    background-color: #b794f4 !important;
    background-color: rgba(183, 148, 244, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:bg-purple-500:hover,
  reach-portal .lg\:hover\:bg-purple-500:hover {
    --bg-opacity: 1 !important;
    background-color: #9f7aea !important;
    background-color: rgba(159, 122, 234, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:bg-purple-600:hover,
  reach-portal .lg\:hover\:bg-purple-600:hover {
    --bg-opacity: 1 !important;
    background-color: #805ad5 !important;
    background-color: rgba(128, 90, 213, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:bg-purple-700:hover,
  reach-portal .lg\:hover\:bg-purple-700:hover {
    --bg-opacity: 1 !important;
    background-color: #6b46c1 !important;
    background-color: rgba(107, 70, 193, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:bg-purple-800:hover,
  reach-portal .lg\:hover\:bg-purple-800:hover {
    --bg-opacity: 1 !important;
    background-color: #553c9a !important;
    background-color: rgba(85, 60, 154, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:bg-purple-900:hover,
  reach-portal .lg\:hover\:bg-purple-900:hover {
    --bg-opacity: 1 !important;
    background-color: #44337a !important;
    background-color: rgba(68, 51, 122, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:bg-pink-100:hover,
  reach-portal .lg\:hover\:bg-pink-100:hover {
    --bg-opacity: 1 !important;
    background-color: #fff5f7 !important;
    background-color: rgba(255, 245, 247, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:bg-pink-200:hover,
  reach-portal .lg\:hover\:bg-pink-200:hover {
    --bg-opacity: 1 !important;
    background-color: #fed7e2 !important;
    background-color: rgba(254, 215, 226, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:bg-pink-300:hover,
  reach-portal .lg\:hover\:bg-pink-300:hover {
    --bg-opacity: 1 !important;
    background-color: #fbb6ce !important;
    background-color: rgba(251, 182, 206, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:bg-pink-400:hover,
  reach-portal .lg\:hover\:bg-pink-400:hover {
    --bg-opacity: 1 !important;
    background-color: #f687b3 !important;
    background-color: rgba(246, 135, 179, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:bg-pink-500:hover,
  reach-portal .lg\:hover\:bg-pink-500:hover {
    --bg-opacity: 1 !important;
    background-color: #ed64a6 !important;
    background-color: rgba(237, 100, 166, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:bg-pink-600:hover,
  reach-portal .lg\:hover\:bg-pink-600:hover {
    --bg-opacity: 1 !important;
    background-color: #d53f8c !important;
    background-color: rgba(213, 63, 140, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:bg-pink-700:hover,
  reach-portal .lg\:hover\:bg-pink-700:hover {
    --bg-opacity: 1 !important;
    background-color: #b83280 !important;
    background-color: rgba(184, 50, 128, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:bg-pink-800:hover,
  reach-portal .lg\:hover\:bg-pink-800:hover {
    --bg-opacity: 1 !important;
    background-color: #97266d !important;
    background-color: rgba(151, 38, 109, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:bg-pink-900:hover,
  reach-portal .lg\:hover\:bg-pink-900:hover {
    --bg-opacity: 1 !important;
    background-color: #702459 !important;
    background-color: rgba(112, 36, 89, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:bg-listgray:hover,
  reach-portal .lg\:hover\:bg-listgray:hover {
    --bg-opacity: 1 !important;
    background-color: #f4f4f4 !important;
    background-color: rgba(244, 244, 244, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:bg-transparent:focus,
  reach-portal .lg\:focus\:bg-transparent:focus {
    background-color: initial !important
  }

  #navbarWrapper .lg\:focus\:bg-current:focus,
  reach-portal .lg\:focus\:bg-current:focus {
    background-color: currentColor !important
  }

  #navbarWrapper .lg\:focus\:bg-black:focus,
  reach-portal .lg\:focus\:bg-black:focus {
    --bg-opacity: 1 !important;
    background-color: #000 !important;
    background-color: rgba(0, 0, 0, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:bg-white:focus,
  reach-portal .lg\:focus\:bg-white:focus {
    --bg-opacity: 1 !important;
    background-color: #fff !important;
    background-color: rgba(255, 255, 255, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:bg-gray-100:focus,
  reach-portal .lg\:focus\:bg-gray-100:focus {
    --bg-opacity: 1 !important;
    background-color: #f7fafc !important;
    background-color: rgba(247, 250, 252, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:bg-gray-200:focus,
  reach-portal .lg\:focus\:bg-gray-200:focus {
    --bg-opacity: 1 !important;
    background-color: #edf2f7 !important;
    background-color: rgba(237, 242, 247, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:bg-gray-300:focus,
  reach-portal .lg\:focus\:bg-gray-300:focus {
    --bg-opacity: 1 !important;
    background-color: #e2e8f0 !important;
    background-color: rgba(226, 232, 240, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:bg-gray-400:focus,
  reach-portal .lg\:focus\:bg-gray-400:focus {
    --bg-opacity: 1 !important;
    background-color: #cbd5e0 !important;
    background-color: rgba(203, 213, 224, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:bg-gray-500:focus,
  reach-portal .lg\:focus\:bg-gray-500:focus {
    --bg-opacity: 1 !important;
    background-color: #a0aec0 !important;
    background-color: rgba(160, 174, 192, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:bg-gray-600:focus,
  reach-portal .lg\:focus\:bg-gray-600:focus {
    --bg-opacity: 1 !important;
    background-color: #718096 !important;
    background-color: rgba(113, 128, 150, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:bg-gray-700:focus,
  reach-portal .lg\:focus\:bg-gray-700:focus {
    --bg-opacity: 1 !important;
    background-color: #4a5568 !important;
    background-color: rgba(74, 85, 104, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:bg-gray-800:focus,
  reach-portal .lg\:focus\:bg-gray-800:focus {
    --bg-opacity: 1 !important;
    background-color: #2d3748 !important;
    background-color: rgba(45, 55, 72, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:bg-gray-900:focus,
  reach-portal .lg\:focus\:bg-gray-900:focus {
    --bg-opacity: 1 !important;
    background-color: #1a202c !important;
    background-color: rgba(26, 32, 44, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:bg-red-100:focus,
  reach-portal .lg\:focus\:bg-red-100:focus {
    --bg-opacity: 1 !important;
    background-color: #fff5f5 !important;
    background-color: rgba(255, 245, 245, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:bg-red-200:focus,
  reach-portal .lg\:focus\:bg-red-200:focus {
    --bg-opacity: 1 !important;
    background-color: #fed7d7 !important;
    background-color: rgba(254, 215, 215, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:bg-red-300:focus,
  reach-portal .lg\:focus\:bg-red-300:focus {
    --bg-opacity: 1 !important;
    background-color: #feb2b2 !important;
    background-color: rgba(254, 178, 178, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:bg-red-400:focus,
  reach-portal .lg\:focus\:bg-red-400:focus {
    --bg-opacity: 1 !important;
    background-color: #fc8181 !important;
    background-color: rgba(252, 129, 129, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:bg-red-500:focus,
  reach-portal .lg\:focus\:bg-red-500:focus {
    --bg-opacity: 1 !important;
    background-color: #f56565 !important;
    background-color: rgba(245, 101, 101, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:bg-red-600:focus,
  reach-portal .lg\:focus\:bg-red-600:focus {
    --bg-opacity: 1 !important;
    background-color: #e53e3e !important;
    background-color: rgba(229, 62, 62, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:bg-red-700:focus,
  reach-portal .lg\:focus\:bg-red-700:focus {
    --bg-opacity: 1 !important;
    background-color: #c53030 !important;
    background-color: rgba(197, 48, 48, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:bg-red-800:focus,
  reach-portal .lg\:focus\:bg-red-800:focus {
    --bg-opacity: 1 !important;
    background-color: #9b2c2c !important;
    background-color: rgba(155, 44, 44, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:bg-red-900:focus,
  reach-portal .lg\:focus\:bg-red-900:focus {
    --bg-opacity: 1 !important;
    background-color: #742a2a !important;
    background-color: rgba(116, 42, 42, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:bg-orange-100:focus,
  reach-portal .lg\:focus\:bg-orange-100:focus {
    --bg-opacity: 1 !important;
    background-color: #fffaf0 !important;
    background-color: rgba(255, 250, 240, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:bg-orange-200:focus,
  reach-portal .lg\:focus\:bg-orange-200:focus {
    --bg-opacity: 1 !important;
    background-color: #feebc8 !important;
    background-color: rgba(254, 235, 200, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:bg-orange-300:focus,
  reach-portal .lg\:focus\:bg-orange-300:focus {
    --bg-opacity: 1 !important;
    background-color: #fbd38d !important;
    background-color: rgba(251, 211, 141, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:bg-orange-400:focus,
  reach-portal .lg\:focus\:bg-orange-400:focus {
    --bg-opacity: 1 !important;
    background-color: #f6ad55 !important;
    background-color: rgba(246, 173, 85, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:bg-orange-500:focus,
  reach-portal .lg\:focus\:bg-orange-500:focus {
    --bg-opacity: 1 !important;
    background-color: #ed8936 !important;
    background-color: rgba(237, 137, 54, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:bg-orange-600:focus,
  reach-portal .lg\:focus\:bg-orange-600:focus {
    --bg-opacity: 1 !important;
    background-color: #dd6b20 !important;
    background-color: rgba(221, 107, 32, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:bg-orange-700:focus,
  reach-portal .lg\:focus\:bg-orange-700:focus {
    --bg-opacity: 1 !important;
    background-color: #c05621 !important;
    background-color: rgba(192, 86, 33, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:bg-orange-800:focus,
  reach-portal .lg\:focus\:bg-orange-800:focus {
    --bg-opacity: 1 !important;
    background-color: #9c4221 !important;
    background-color: rgba(156, 66, 33, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:bg-orange-900:focus,
  reach-portal .lg\:focus\:bg-orange-900:focus {
    --bg-opacity: 1 !important;
    background-color: #7b341e !important;
    background-color: rgba(123, 52, 30, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:bg-yellow-100:focus,
  reach-portal .lg\:focus\:bg-yellow-100:focus {
    --bg-opacity: 1 !important;
    background-color: ivory !important;
    background-color: rgba(255, 255, 240, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:bg-yellow-200:focus,
  reach-portal .lg\:focus\:bg-yellow-200:focus {
    --bg-opacity: 1 !important;
    background-color: #fefcbf !important;
    background-color: rgba(254, 252, 191, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:bg-yellow-300:focus,
  reach-portal .lg\:focus\:bg-yellow-300:focus {
    --bg-opacity: 1 !important;
    background-color: #faf089 !important;
    background-color: rgba(250, 240, 137, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:bg-yellow-400:focus,
  reach-portal .lg\:focus\:bg-yellow-400:focus {
    --bg-opacity: 1 !important;
    background-color: #f6e05e !important;
    background-color: rgba(246, 224, 94, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:bg-yellow-500:focus,
  reach-portal .lg\:focus\:bg-yellow-500:focus {
    --bg-opacity: 1 !important;
    background-color: #ecc94b !important;
    background-color: rgba(236, 201, 75, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:bg-yellow-600:focus,
  reach-portal .lg\:focus\:bg-yellow-600:focus {
    --bg-opacity: 1 !important;
    background-color: #d69e2e !important;
    background-color: rgba(214, 158, 46, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:bg-yellow-700:focus,
  reach-portal .lg\:focus\:bg-yellow-700:focus {
    --bg-opacity: 1 !important;
    background-color: #b7791f !important;
    background-color: rgba(183, 121, 31, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:bg-yellow-800:focus,
  reach-portal .lg\:focus\:bg-yellow-800:focus {
    --bg-opacity: 1 !important;
    background-color: #975a16 !important;
    background-color: rgba(151, 90, 22, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:bg-yellow-900:focus,
  reach-portal .lg\:focus\:bg-yellow-900:focus {
    --bg-opacity: 1 !important;
    background-color: #744210 !important;
    background-color: rgba(116, 66, 16, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:bg-green-100:focus,
  reach-portal .lg\:focus\:bg-green-100:focus {
    --bg-opacity: 1 !important;
    background-color: #f0fff4 !important;
    background-color: rgba(240, 255, 244, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:bg-green-200:focus,
  reach-portal .lg\:focus\:bg-green-200:focus {
    --bg-opacity: 1 !important;
    background-color: #c6f6d5 !important;
    background-color: rgba(198, 246, 213, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:bg-green-300:focus,
  reach-portal .lg\:focus\:bg-green-300:focus {
    --bg-opacity: 1 !important;
    background-color: #9ae6b4 !important;
    background-color: rgba(154, 230, 180, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:bg-green-400:focus,
  reach-portal .lg\:focus\:bg-green-400:focus {
    --bg-opacity: 1 !important;
    background-color: #68d391 !important;
    background-color: rgba(104, 211, 145, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:bg-green-500:focus,
  reach-portal .lg\:focus\:bg-green-500:focus {
    --bg-opacity: 1 !important;
    background-color: #48bb78 !important;
    background-color: rgba(72, 187, 120, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:bg-green-600:focus,
  reach-portal .lg\:focus\:bg-green-600:focus {
    --bg-opacity: 1 !important;
    background-color: #38a169 !important;
    background-color: rgba(56, 161, 105, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:bg-green-700:focus,
  reach-portal .lg\:focus\:bg-green-700:focus {
    --bg-opacity: 1 !important;
    background-color: #2f855a !important;
    background-color: rgba(47, 133, 90, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:bg-green-800:focus,
  reach-portal .lg\:focus\:bg-green-800:focus {
    --bg-opacity: 1 !important;
    background-color: #276749 !important;
    background-color: rgba(39, 103, 73, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:bg-green-900:focus,
  reach-portal .lg\:focus\:bg-green-900:focus {
    --bg-opacity: 1 !important;
    background-color: #22543d !important;
    background-color: rgba(34, 84, 61, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:bg-teal-100:focus,
  reach-portal .lg\:focus\:bg-teal-100:focus {
    --bg-opacity: 1 !important;
    background-color: #e6fffa !important;
    background-color: rgba(230, 255, 250, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:bg-teal-200:focus,
  reach-portal .lg\:focus\:bg-teal-200:focus {
    --bg-opacity: 1 !important;
    background-color: #b2f5ea !important;
    background-color: rgba(178, 245, 234, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:bg-teal-300:focus,
  reach-portal .lg\:focus\:bg-teal-300:focus {
    --bg-opacity: 1 !important;
    background-color: #81e6d9 !important;
    background-color: rgba(129, 230, 217, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:bg-teal-400:focus,
  reach-portal .lg\:focus\:bg-teal-400:focus {
    --bg-opacity: 1 !important;
    background-color: #4fd1c5 !important;
    background-color: rgba(79, 209, 197, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:bg-teal-500:focus,
  reach-portal .lg\:focus\:bg-teal-500:focus {
    --bg-opacity: 1 !important;
    background-color: #38b2ac !important;
    background-color: rgba(56, 178, 172, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:bg-teal-600:focus,
  reach-portal .lg\:focus\:bg-teal-600:focus {
    --bg-opacity: 1 !important;
    background-color: #319795 !important;
    background-color: rgba(49, 151, 149, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:bg-teal-700:focus,
  reach-portal .lg\:focus\:bg-teal-700:focus {
    --bg-opacity: 1 !important;
    background-color: #2c7a7b !important;
    background-color: rgba(44, 122, 123, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:bg-teal-800:focus,
  reach-portal .lg\:focus\:bg-teal-800:focus {
    --bg-opacity: 1 !important;
    background-color: #285e61 !important;
    background-color: rgba(40, 94, 97, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:bg-teal-900:focus,
  reach-portal .lg\:focus\:bg-teal-900:focus {
    --bg-opacity: 1 !important;
    background-color: #234e52 !important;
    background-color: rgba(35, 78, 82, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:bg-blue-100:focus,
  reach-portal .lg\:focus\:bg-blue-100:focus {
    --bg-opacity: 1 !important;
    background-color: #ebf8ff !important;
    background-color: rgba(235, 248, 255, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:bg-blue-200:focus,
  reach-portal .lg\:focus\:bg-blue-200:focus {
    --bg-opacity: 1 !important;
    background-color: #bee3f8 !important;
    background-color: rgba(190, 227, 248, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:bg-blue-300:focus,
  reach-portal .lg\:focus\:bg-blue-300:focus {
    --bg-opacity: 1 !important;
    background-color: #90cdf4 !important;
    background-color: rgba(144, 205, 244, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:bg-blue-400:focus,
  reach-portal .lg\:focus\:bg-blue-400:focus {
    --bg-opacity: 1 !important;
    background-color: #63b3ed !important;
    background-color: rgba(99, 179, 237, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:bg-blue-500:focus,
  reach-portal .lg\:focus\:bg-blue-500:focus {
    --bg-opacity: 1 !important;
    background-color: #4299e1 !important;
    background-color: rgba(66, 153, 225, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:bg-blue-600:focus,
  reach-portal .lg\:focus\:bg-blue-600:focus {
    --bg-opacity: 1 !important;
    background-color: #3182ce !important;
    background-color: rgba(49, 130, 206, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:bg-blue-700:focus,
  reach-portal .lg\:focus\:bg-blue-700:focus {
    --bg-opacity: 1 !important;
    background-color: #2b6cb0 !important;
    background-color: rgba(43, 108, 176, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:bg-blue-800:focus,
  reach-portal .lg\:focus\:bg-blue-800:focus {
    --bg-opacity: 1 !important;
    background-color: #2c5282 !important;
    background-color: rgba(44, 82, 130, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:bg-blue-900:focus,
  reach-portal .lg\:focus\:bg-blue-900:focus {
    --bg-opacity: 1 !important;
    background-color: #2a4365 !important;
    background-color: rgba(42, 67, 101, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:bg-indigo-100:focus,
  reach-portal .lg\:focus\:bg-indigo-100:focus {
    --bg-opacity: 1 !important;
    background-color: #ebf4ff !important;
    background-color: rgba(235, 244, 255, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:bg-indigo-200:focus,
  reach-portal .lg\:focus\:bg-indigo-200:focus {
    --bg-opacity: 1 !important;
    background-color: #c3dafe !important;
    background-color: rgba(195, 218, 254, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:bg-indigo-300:focus,
  reach-portal .lg\:focus\:bg-indigo-300:focus {
    --bg-opacity: 1 !important;
    background-color: #a3bffa !important;
    background-color: rgba(163, 191, 250, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:bg-indigo-400:focus,
  reach-portal .lg\:focus\:bg-indigo-400:focus {
    --bg-opacity: 1 !important;
    background-color: #7f9cf5 !important;
    background-color: rgba(127, 156, 245, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:bg-indigo-500:focus,
  reach-portal .lg\:focus\:bg-indigo-500:focus {
    --bg-opacity: 1 !important;
    background-color: #667eea !important;
    background-color: rgba(102, 126, 234, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:bg-indigo-600:focus,
  reach-portal .lg\:focus\:bg-indigo-600:focus {
    --bg-opacity: 1 !important;
    background-color: #5a67d8 !important;
    background-color: rgba(90, 103, 216, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:bg-indigo-700:focus,
  reach-portal .lg\:focus\:bg-indigo-700:focus {
    --bg-opacity: 1 !important;
    background-color: #4c51bf !important;
    background-color: rgba(76, 81, 191, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:bg-indigo-800:focus,
  reach-portal .lg\:focus\:bg-indigo-800:focus {
    --bg-opacity: 1 !important;
    background-color: #434190 !important;
    background-color: rgba(67, 65, 144, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:bg-indigo-900:focus,
  reach-portal .lg\:focus\:bg-indigo-900:focus {
    --bg-opacity: 1 !important;
    background-color: #3c366b !important;
    background-color: rgba(60, 54, 107, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:bg-purple-100:focus,
  reach-portal .lg\:focus\:bg-purple-100:focus {
    --bg-opacity: 1 !important;
    background-color: #faf5ff !important;
    background-color: rgba(250, 245, 255, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:bg-purple-200:focus,
  reach-portal .lg\:focus\:bg-purple-200:focus {
    --bg-opacity: 1 !important;
    background-color: #e9d8fd !important;
    background-color: rgba(233, 216, 253, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:bg-purple-300:focus,
  reach-portal .lg\:focus\:bg-purple-300:focus {
    --bg-opacity: 1 !important;
    background-color: #d6bcfa !important;
    background-color: rgba(214, 188, 250, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:bg-purple-400:focus,
  reach-portal .lg\:focus\:bg-purple-400:focus {
    --bg-opacity: 1 !important;
    background-color: #b794f4 !important;
    background-color: rgba(183, 148, 244, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:bg-purple-500:focus,
  reach-portal .lg\:focus\:bg-purple-500:focus {
    --bg-opacity: 1 !important;
    background-color: #9f7aea !important;
    background-color: rgba(159, 122, 234, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:bg-purple-600:focus,
  reach-portal .lg\:focus\:bg-purple-600:focus {
    --bg-opacity: 1 !important;
    background-color: #805ad5 !important;
    background-color: rgba(128, 90, 213, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:bg-purple-700:focus,
  reach-portal .lg\:focus\:bg-purple-700:focus {
    --bg-opacity: 1 !important;
    background-color: #6b46c1 !important;
    background-color: rgba(107, 70, 193, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:bg-purple-800:focus,
  reach-portal .lg\:focus\:bg-purple-800:focus {
    --bg-opacity: 1 !important;
    background-color: #553c9a !important;
    background-color: rgba(85, 60, 154, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:bg-purple-900:focus,
  reach-portal .lg\:focus\:bg-purple-900:focus {
    --bg-opacity: 1 !important;
    background-color: #44337a !important;
    background-color: rgba(68, 51, 122, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:bg-pink-100:focus,
  reach-portal .lg\:focus\:bg-pink-100:focus {
    --bg-opacity: 1 !important;
    background-color: #fff5f7 !important;
    background-color: rgba(255, 245, 247, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:bg-pink-200:focus,
  reach-portal .lg\:focus\:bg-pink-200:focus {
    --bg-opacity: 1 !important;
    background-color: #fed7e2 !important;
    background-color: rgba(254, 215, 226, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:bg-pink-300:focus,
  reach-portal .lg\:focus\:bg-pink-300:focus {
    --bg-opacity: 1 !important;
    background-color: #fbb6ce !important;
    background-color: rgba(251, 182, 206, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:bg-pink-400:focus,
  reach-portal .lg\:focus\:bg-pink-400:focus {
    --bg-opacity: 1 !important;
    background-color: #f687b3 !important;
    background-color: rgba(246, 135, 179, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:bg-pink-500:focus,
  reach-portal .lg\:focus\:bg-pink-500:focus {
    --bg-opacity: 1 !important;
    background-color: #ed64a6 !important;
    background-color: rgba(237, 100, 166, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:bg-pink-600:focus,
  reach-portal .lg\:focus\:bg-pink-600:focus {
    --bg-opacity: 1 !important;
    background-color: #d53f8c !important;
    background-color: rgba(213, 63, 140, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:bg-pink-700:focus,
  reach-portal .lg\:focus\:bg-pink-700:focus {
    --bg-opacity: 1 !important;
    background-color: #b83280 !important;
    background-color: rgba(184, 50, 128, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:bg-pink-800:focus,
  reach-portal .lg\:focus\:bg-pink-800:focus {
    --bg-opacity: 1 !important;
    background-color: #97266d !important;
    background-color: rgba(151, 38, 109, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:bg-pink-900:focus,
  reach-portal .lg\:focus\:bg-pink-900:focus {
    --bg-opacity: 1 !important;
    background-color: #702459 !important;
    background-color: rgba(112, 36, 89, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:bg-listgray:focus,
  reach-portal .lg\:focus\:bg-listgray:focus {
    --bg-opacity: 1 !important;
    background-color: #f4f4f4 !important;
    background-color: rgba(244, 244, 244, var(--bg-opacity)) !important
  }

  #navbarWrapper .lg\:bg-opacity-0,
  reach-portal .lg\:bg-opacity-0 {
    --bg-opacity: 0 !important
  }

  #navbarWrapper .lg\:bg-opacity-25,
  reach-portal .lg\:bg-opacity-25 {
    --bg-opacity: 0.25 !important
  }

  #navbarWrapper .lg\:bg-opacity-50,
  reach-portal .lg\:bg-opacity-50 {
    --bg-opacity: 0.5 !important
  }

  #navbarWrapper .lg\:bg-opacity-75,
  reach-portal .lg\:bg-opacity-75 {
    --bg-opacity: 0.75 !important
  }

  #navbarWrapper .lg\:bg-opacity-100,
  reach-portal .lg\:bg-opacity-100 {
    --bg-opacity: 1 !important
  }

  #navbarWrapper .lg\:hover\:bg-opacity-0:hover,
  reach-portal .lg\:hover\:bg-opacity-0:hover {
    --bg-opacity: 0 !important
  }

  #navbarWrapper .lg\:hover\:bg-opacity-25:hover,
  reach-portal .lg\:hover\:bg-opacity-25:hover {
    --bg-opacity: 0.25 !important
  }

  #navbarWrapper .lg\:hover\:bg-opacity-50:hover,
  reach-portal .lg\:hover\:bg-opacity-50:hover {
    --bg-opacity: 0.5 !important
  }

  #navbarWrapper .lg\:hover\:bg-opacity-75:hover,
  reach-portal .lg\:hover\:bg-opacity-75:hover {
    --bg-opacity: 0.75 !important
  }

  #navbarWrapper .lg\:hover\:bg-opacity-100:hover,
  reach-portal .lg\:hover\:bg-opacity-100:hover {
    --bg-opacity: 1 !important
  }

  #navbarWrapper .lg\:focus\:bg-opacity-0:focus,
  reach-portal .lg\:focus\:bg-opacity-0:focus {
    --bg-opacity: 0 !important
  }

  #navbarWrapper .lg\:focus\:bg-opacity-25:focus,
  reach-portal .lg\:focus\:bg-opacity-25:focus {
    --bg-opacity: 0.25 !important
  }

  #navbarWrapper .lg\:focus\:bg-opacity-50:focus,
  reach-portal .lg\:focus\:bg-opacity-50:focus {
    --bg-opacity: 0.5 !important
  }

  #navbarWrapper .lg\:focus\:bg-opacity-75:focus,
  reach-portal .lg\:focus\:bg-opacity-75:focus {
    --bg-opacity: 0.75 !important
  }

  #navbarWrapper .lg\:focus\:bg-opacity-100:focus,
  reach-portal .lg\:focus\:bg-opacity-100:focus {
    --bg-opacity: 1 !important
  }

  #navbarWrapper .lg\:bg-bottom,
  reach-portal .lg\:bg-bottom {
    background-position: bottom !important
  }

  #navbarWrapper .lg\:bg-center,
  reach-portal .lg\:bg-center {
    background-position: 50% !important
  }

  #navbarWrapper .lg\:bg-left,
  reach-portal .lg\:bg-left {
    background-position: 0 !important
  }

  #navbarWrapper .lg\:bg-left-bottom,
  reach-portal .lg\:bg-left-bottom {
    background-position: 0 100% !important
  }

  #navbarWrapper .lg\:bg-left-top,
  reach-portal .lg\:bg-left-top {
    background-position: 0 0 !important
  }

  #navbarWrapper .lg\:bg-right,
  reach-portal .lg\:bg-right {
    background-position: 100% !important
  }

  #navbarWrapper .lg\:bg-right-bottom,
  reach-portal .lg\:bg-right-bottom {
    background-position: 100% 100% !important
  }

  #navbarWrapper .lg\:bg-right-top,
  reach-portal .lg\:bg-right-top {
    background-position: 100% 0 !important
  }

  #navbarWrapper .lg\:bg-top,
  reach-portal .lg\:bg-top {
    background-position: top !important
  }

  #navbarWrapper .lg\:bg-repeat,
  reach-portal .lg\:bg-repeat {
    background-repeat: repeat !important
  }

  #navbarWrapper .lg\:bg-no-repeat,
  reach-portal .lg\:bg-no-repeat {
    background-repeat: no-repeat !important
  }

  #navbarWrapper .lg\:bg-repeat-x,
  reach-portal .lg\:bg-repeat-x {
    background-repeat: repeat-x !important
  }

  #navbarWrapper .lg\:bg-repeat-y,
  reach-portal .lg\:bg-repeat-y {
    background-repeat: repeat-y !important
  }

  #navbarWrapper .lg\:bg-repeat-round,
  reach-portal .lg\:bg-repeat-round {
    background-repeat: round !important
  }

  #navbarWrapper .lg\:bg-repeat-space,
  reach-portal .lg\:bg-repeat-space {
    background-repeat: space !important
  }

  #navbarWrapper .lg\:bg-auto,
  reach-portal .lg\:bg-auto {
    background-size: auto !important
  }

  #navbarWrapper .lg\:bg-cover,
  reach-portal .lg\:bg-cover {
    background-size: cover !important
  }

  #navbarWrapper .lg\:bg-contain,
  reach-portal .lg\:bg-contain {
    background-size: contain !important
  }

  #navbarWrapper .lg\:border-collapse,
  reach-portal .lg\:border-collapse {
    border-collapse: collapse !important
  }

  #navbarWrapper .lg\:border-separate,
  reach-portal .lg\:border-separate {
    border-collapse: initial !important
  }

  #navbarWrapper .lg\:border-transparent,
  reach-portal .lg\:border-transparent {
    border-color: #0000 !important
  }

  #navbarWrapper .lg\:border-current,
  reach-portal .lg\:border-current {
    border-color: currentColor !important
  }

  #navbarWrapper .lg\:border-black,
  reach-portal .lg\:border-black {
    --border-opacity: 1 !important;
    border-color: #000 !important;
    border-color: rgba(0, 0, 0, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:border-white,
  reach-portal .lg\:border-white {
    --border-opacity: 1 !important;
    border-color: #fff !important;
    border-color: rgba(255, 255, 255, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:border-gray-100,
  reach-portal .lg\:border-gray-100 {
    --border-opacity: 1 !important;
    border-color: #f7fafc !important;
    border-color: rgba(247, 250, 252, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:border-gray-200,
  reach-portal .lg\:border-gray-200 {
    --border-opacity: 1 !important;
    border-color: #edf2f7 !important;
    border-color: rgba(237, 242, 247, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:border-gray-300,
  reach-portal .lg\:border-gray-300 {
    --border-opacity: 1 !important;
    border-color: #e2e8f0 !important;
    border-color: rgba(226, 232, 240, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:border-gray-400,
  reach-portal .lg\:border-gray-400 {
    --border-opacity: 1 !important;
    border-color: #cbd5e0 !important;
    border-color: rgba(203, 213, 224, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:border-gray-500,
  reach-portal .lg\:border-gray-500 {
    --border-opacity: 1 !important;
    border-color: #a0aec0 !important;
    border-color: rgba(160, 174, 192, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:border-gray-600,
  reach-portal .lg\:border-gray-600 {
    --border-opacity: 1 !important;
    border-color: #718096 !important;
    border-color: rgba(113, 128, 150, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:border-gray-700,
  reach-portal .lg\:border-gray-700 {
    --border-opacity: 1 !important;
    border-color: #4a5568 !important;
    border-color: rgba(74, 85, 104, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:border-gray-800,
  reach-portal .lg\:border-gray-800 {
    --border-opacity: 1 !important;
    border-color: #2d3748 !important;
    border-color: rgba(45, 55, 72, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:border-gray-900,
  reach-portal .lg\:border-gray-900 {
    --border-opacity: 1 !important;
    border-color: #1a202c !important;
    border-color: rgba(26, 32, 44, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:border-red-100,
  reach-portal .lg\:border-red-100 {
    --border-opacity: 1 !important;
    border-color: #fff5f5 !important;
    border-color: rgba(255, 245, 245, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:border-red-200,
  reach-portal .lg\:border-red-200 {
    --border-opacity: 1 !important;
    border-color: #fed7d7 !important;
    border-color: rgba(254, 215, 215, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:border-red-300,
  reach-portal .lg\:border-red-300 {
    --border-opacity: 1 !important;
    border-color: #feb2b2 !important;
    border-color: rgba(254, 178, 178, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:border-red-400,
  reach-portal .lg\:border-red-400 {
    --border-opacity: 1 !important;
    border-color: #fc8181 !important;
    border-color: rgba(252, 129, 129, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:border-red-500,
  reach-portal .lg\:border-red-500 {
    --border-opacity: 1 !important;
    border-color: #f56565 !important;
    border-color: rgba(245, 101, 101, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:border-red-600,
  reach-portal .lg\:border-red-600 {
    --border-opacity: 1 !important;
    border-color: #e53e3e !important;
    border-color: rgba(229, 62, 62, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:border-red-700,
  reach-portal .lg\:border-red-700 {
    --border-opacity: 1 !important;
    border-color: #c53030 !important;
    border-color: rgba(197, 48, 48, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:border-red-800,
  reach-portal .lg\:border-red-800 {
    --border-opacity: 1 !important;
    border-color: #9b2c2c !important;
    border-color: rgba(155, 44, 44, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:border-red-900,
  reach-portal .lg\:border-red-900 {
    --border-opacity: 1 !important;
    border-color: #742a2a !important;
    border-color: rgba(116, 42, 42, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:border-orange-100,
  reach-portal .lg\:border-orange-100 {
    --border-opacity: 1 !important;
    border-color: #fffaf0 !important;
    border-color: rgba(255, 250, 240, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:border-orange-200,
  reach-portal .lg\:border-orange-200 {
    --border-opacity: 1 !important;
    border-color: #feebc8 !important;
    border-color: rgba(254, 235, 200, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:border-orange-300,
  reach-portal .lg\:border-orange-300 {
    --border-opacity: 1 !important;
    border-color: #fbd38d !important;
    border-color: rgba(251, 211, 141, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:border-orange-400,
  reach-portal .lg\:border-orange-400 {
    --border-opacity: 1 !important;
    border-color: #f6ad55 !important;
    border-color: rgba(246, 173, 85, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:border-orange-500,
  reach-portal .lg\:border-orange-500 {
    --border-opacity: 1 !important;
    border-color: #ed8936 !important;
    border-color: rgba(237, 137, 54, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:border-orange-600,
  reach-portal .lg\:border-orange-600 {
    --border-opacity: 1 !important;
    border-color: #dd6b20 !important;
    border-color: rgba(221, 107, 32, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:border-orange-700,
  reach-portal .lg\:border-orange-700 {
    --border-opacity: 1 !important;
    border-color: #c05621 !important;
    border-color: rgba(192, 86, 33, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:border-orange-800,
  reach-portal .lg\:border-orange-800 {
    --border-opacity: 1 !important;
    border-color: #9c4221 !important;
    border-color: rgba(156, 66, 33, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:border-orange-900,
  reach-portal .lg\:border-orange-900 {
    --border-opacity: 1 !important;
    border-color: #7b341e !important;
    border-color: rgba(123, 52, 30, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:border-yellow-100,
  reach-portal .lg\:border-yellow-100 {
    --border-opacity: 1 !important;
    border-color: ivory !important;
    border-color: rgba(255, 255, 240, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:border-yellow-200,
  reach-portal .lg\:border-yellow-200 {
    --border-opacity: 1 !important;
    border-color: #fefcbf !important;
    border-color: rgba(254, 252, 191, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:border-yellow-300,
  reach-portal .lg\:border-yellow-300 {
    --border-opacity: 1 !important;
    border-color: #faf089 !important;
    border-color: rgba(250, 240, 137, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:border-yellow-400,
  reach-portal .lg\:border-yellow-400 {
    --border-opacity: 1 !important;
    border-color: #f6e05e !important;
    border-color: rgba(246, 224, 94, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:border-yellow-500,
  reach-portal .lg\:border-yellow-500 {
    --border-opacity: 1 !important;
    border-color: #ecc94b !important;
    border-color: rgba(236, 201, 75, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:border-yellow-600,
  reach-portal .lg\:border-yellow-600 {
    --border-opacity: 1 !important;
    border-color: #d69e2e !important;
    border-color: rgba(214, 158, 46, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:border-yellow-700,
  reach-portal .lg\:border-yellow-700 {
    --border-opacity: 1 !important;
    border-color: #b7791f !important;
    border-color: rgba(183, 121, 31, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:border-yellow-800,
  reach-portal .lg\:border-yellow-800 {
    --border-opacity: 1 !important;
    border-color: #975a16 !important;
    border-color: rgba(151, 90, 22, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:border-yellow-900,
  reach-portal .lg\:border-yellow-900 {
    --border-opacity: 1 !important;
    border-color: #744210 !important;
    border-color: rgba(116, 66, 16, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:border-green-100,
  reach-portal .lg\:border-green-100 {
    --border-opacity: 1 !important;
    border-color: #f0fff4 !important;
    border-color: rgba(240, 255, 244, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:border-green-200,
  reach-portal .lg\:border-green-200 {
    --border-opacity: 1 !important;
    border-color: #c6f6d5 !important;
    border-color: rgba(198, 246, 213, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:border-green-300,
  reach-portal .lg\:border-green-300 {
    --border-opacity: 1 !important;
    border-color: #9ae6b4 !important;
    border-color: rgba(154, 230, 180, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:border-green-400,
  reach-portal .lg\:border-green-400 {
    --border-opacity: 1 !important;
    border-color: #68d391 !important;
    border-color: rgba(104, 211, 145, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:border-green-500,
  reach-portal .lg\:border-green-500 {
    --border-opacity: 1 !important;
    border-color: #48bb78 !important;
    border-color: rgba(72, 187, 120, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:border-green-600,
  reach-portal .lg\:border-green-600 {
    --border-opacity: 1 !important;
    border-color: #38a169 !important;
    border-color: rgba(56, 161, 105, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:border-green-700,
  reach-portal .lg\:border-green-700 {
    --border-opacity: 1 !important;
    border-color: #2f855a !important;
    border-color: rgba(47, 133, 90, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:border-green-800,
  reach-portal .lg\:border-green-800 {
    --border-opacity: 1 !important;
    border-color: #276749 !important;
    border-color: rgba(39, 103, 73, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:border-green-900,
  reach-portal .lg\:border-green-900 {
    --border-opacity: 1 !important;
    border-color: #22543d !important;
    border-color: rgba(34, 84, 61, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:border-teal-100,
  reach-portal .lg\:border-teal-100 {
    --border-opacity: 1 !important;
    border-color: #e6fffa !important;
    border-color: rgba(230, 255, 250, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:border-teal-200,
  reach-portal .lg\:border-teal-200 {
    --border-opacity: 1 !important;
    border-color: #b2f5ea !important;
    border-color: rgba(178, 245, 234, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:border-teal-300,
  reach-portal .lg\:border-teal-300 {
    --border-opacity: 1 !important;
    border-color: #81e6d9 !important;
    border-color: rgba(129, 230, 217, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:border-teal-400,
  reach-portal .lg\:border-teal-400 {
    --border-opacity: 1 !important;
    border-color: #4fd1c5 !important;
    border-color: rgba(79, 209, 197, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:border-teal-500,
  reach-portal .lg\:border-teal-500 {
    --border-opacity: 1 !important;
    border-color: #38b2ac !important;
    border-color: rgba(56, 178, 172, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:border-teal-600,
  reach-portal .lg\:border-teal-600 {
    --border-opacity: 1 !important;
    border-color: #319795 !important;
    border-color: rgba(49, 151, 149, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:border-teal-700,
  reach-portal .lg\:border-teal-700 {
    --border-opacity: 1 !important;
    border-color: #2c7a7b !important;
    border-color: rgba(44, 122, 123, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:border-teal-800,
  reach-portal .lg\:border-teal-800 {
    --border-opacity: 1 !important;
    border-color: #285e61 !important;
    border-color: rgba(40, 94, 97, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:border-teal-900,
  reach-portal .lg\:border-teal-900 {
    --border-opacity: 1 !important;
    border-color: #234e52 !important;
    border-color: rgba(35, 78, 82, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:border-blue-100,
  reach-portal .lg\:border-blue-100 {
    --border-opacity: 1 !important;
    border-color: #ebf8ff !important;
    border-color: rgba(235, 248, 255, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:border-blue-200,
  reach-portal .lg\:border-blue-200 {
    --border-opacity: 1 !important;
    border-color: #bee3f8 !important;
    border-color: rgba(190, 227, 248, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:border-blue-300,
  reach-portal .lg\:border-blue-300 {
    --border-opacity: 1 !important;
    border-color: #90cdf4 !important;
    border-color: rgba(144, 205, 244, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:border-blue-400,
  reach-portal .lg\:border-blue-400 {
    --border-opacity: 1 !important;
    border-color: #63b3ed !important;
    border-color: rgba(99, 179, 237, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:border-blue-500,
  reach-portal .lg\:border-blue-500 {
    --border-opacity: 1 !important;
    border-color: #4299e1 !important;
    border-color: rgba(66, 153, 225, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:border-blue-600,
  reach-portal .lg\:border-blue-600 {
    --border-opacity: 1 !important;
    border-color: #3182ce !important;
    border-color: rgba(49, 130, 206, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:border-blue-700,
  reach-portal .lg\:border-blue-700 {
    --border-opacity: 1 !important;
    border-color: #2b6cb0 !important;
    border-color: rgba(43, 108, 176, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:border-blue-800,
  reach-portal .lg\:border-blue-800 {
    --border-opacity: 1 !important;
    border-color: #2c5282 !important;
    border-color: rgba(44, 82, 130, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:border-blue-900,
  reach-portal .lg\:border-blue-900 {
    --border-opacity: 1 !important;
    border-color: #2a4365 !important;
    border-color: rgba(42, 67, 101, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:border-indigo-100,
  reach-portal .lg\:border-indigo-100 {
    --border-opacity: 1 !important;
    border-color: #ebf4ff !important;
    border-color: rgba(235, 244, 255, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:border-indigo-200,
  reach-portal .lg\:border-indigo-200 {
    --border-opacity: 1 !important;
    border-color: #c3dafe !important;
    border-color: rgba(195, 218, 254, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:border-indigo-300,
  reach-portal .lg\:border-indigo-300 {
    --border-opacity: 1 !important;
    border-color: #a3bffa !important;
    border-color: rgba(163, 191, 250, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:border-indigo-400,
  reach-portal .lg\:border-indigo-400 {
    --border-opacity: 1 !important;
    border-color: #7f9cf5 !important;
    border-color: rgba(127, 156, 245, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:border-indigo-500,
  reach-portal .lg\:border-indigo-500 {
    --border-opacity: 1 !important;
    border-color: #667eea !important;
    border-color: rgba(102, 126, 234, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:border-indigo-600,
  reach-portal .lg\:border-indigo-600 {
    --border-opacity: 1 !important;
    border-color: #5a67d8 !important;
    border-color: rgba(90, 103, 216, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:border-indigo-700,
  reach-portal .lg\:border-indigo-700 {
    --border-opacity: 1 !important;
    border-color: #4c51bf !important;
    border-color: rgba(76, 81, 191, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:border-indigo-800,
  reach-portal .lg\:border-indigo-800 {
    --border-opacity: 1 !important;
    border-color: #434190 !important;
    border-color: rgba(67, 65, 144, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:border-indigo-900,
  reach-portal .lg\:border-indigo-900 {
    --border-opacity: 1 !important;
    border-color: #3c366b !important;
    border-color: rgba(60, 54, 107, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:border-purple-100,
  reach-portal .lg\:border-purple-100 {
    --border-opacity: 1 !important;
    border-color: #faf5ff !important;
    border-color: rgba(250, 245, 255, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:border-purple-200,
  reach-portal .lg\:border-purple-200 {
    --border-opacity: 1 !important;
    border-color: #e9d8fd !important;
    border-color: rgba(233, 216, 253, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:border-purple-300,
  reach-portal .lg\:border-purple-300 {
    --border-opacity: 1 !important;
    border-color: #d6bcfa !important;
    border-color: rgba(214, 188, 250, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:border-purple-400,
  reach-portal .lg\:border-purple-400 {
    --border-opacity: 1 !important;
    border-color: #b794f4 !important;
    border-color: rgba(183, 148, 244, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:border-purple-500,
  reach-portal .lg\:border-purple-500 {
    --border-opacity: 1 !important;
    border-color: #9f7aea !important;
    border-color: rgba(159, 122, 234, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:border-purple-600,
  reach-portal .lg\:border-purple-600 {
    --border-opacity: 1 !important;
    border-color: #805ad5 !important;
    border-color: rgba(128, 90, 213, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:border-purple-700,
  reach-portal .lg\:border-purple-700 {
    --border-opacity: 1 !important;
    border-color: #6b46c1 !important;
    border-color: rgba(107, 70, 193, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:border-purple-800,
  reach-portal .lg\:border-purple-800 {
    --border-opacity: 1 !important;
    border-color: #553c9a !important;
    border-color: rgba(85, 60, 154, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:border-purple-900,
  reach-portal .lg\:border-purple-900 {
    --border-opacity: 1 !important;
    border-color: #44337a !important;
    border-color: rgba(68, 51, 122, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:border-pink-100,
  reach-portal .lg\:border-pink-100 {
    --border-opacity: 1 !important;
    border-color: #fff5f7 !important;
    border-color: rgba(255, 245, 247, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:border-pink-200,
  reach-portal .lg\:border-pink-200 {
    --border-opacity: 1 !important;
    border-color: #fed7e2 !important;
    border-color: rgba(254, 215, 226, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:border-pink-300,
  reach-portal .lg\:border-pink-300 {
    --border-opacity: 1 !important;
    border-color: #fbb6ce !important;
    border-color: rgba(251, 182, 206, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:border-pink-400,
  reach-portal .lg\:border-pink-400 {
    --border-opacity: 1 !important;
    border-color: #f687b3 !important;
    border-color: rgba(246, 135, 179, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:border-pink-500,
  reach-portal .lg\:border-pink-500 {
    --border-opacity: 1 !important;
    border-color: #ed64a6 !important;
    border-color: rgba(237, 100, 166, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:border-pink-600,
  reach-portal .lg\:border-pink-600 {
    --border-opacity: 1 !important;
    border-color: #d53f8c !important;
    border-color: rgba(213, 63, 140, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:border-pink-700,
  reach-portal .lg\:border-pink-700 {
    --border-opacity: 1 !important;
    border-color: #b83280 !important;
    border-color: rgba(184, 50, 128, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:border-pink-800,
  reach-portal .lg\:border-pink-800 {
    --border-opacity: 1 !important;
    border-color: #97266d !important;
    border-color: rgba(151, 38, 109, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:border-pink-900,
  reach-portal .lg\:border-pink-900 {
    --border-opacity: 1 !important;
    border-color: #702459 !important;
    border-color: rgba(112, 36, 89, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:border-transparent:hover,
  reach-portal .lg\:hover\:border-transparent:hover {
    border-color: #0000 !important
  }

  #navbarWrapper .lg\:hover\:border-current:hover,
  reach-portal .lg\:hover\:border-current:hover {
    border-color: currentColor !important
  }

  #navbarWrapper .lg\:hover\:border-black:hover,
  reach-portal .lg\:hover\:border-black:hover {
    --border-opacity: 1 !important;
    border-color: #000 !important;
    border-color: rgba(0, 0, 0, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:border-white:hover,
  reach-portal .lg\:hover\:border-white:hover {
    --border-opacity: 1 !important;
    border-color: #fff !important;
    border-color: rgba(255, 255, 255, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:border-gray-100:hover,
  reach-portal .lg\:hover\:border-gray-100:hover {
    --border-opacity: 1 !important;
    border-color: #f7fafc !important;
    border-color: rgba(247, 250, 252, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:border-gray-200:hover,
  reach-portal .lg\:hover\:border-gray-200:hover {
    --border-opacity: 1 !important;
    border-color: #edf2f7 !important;
    border-color: rgba(237, 242, 247, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:border-gray-300:hover,
  reach-portal .lg\:hover\:border-gray-300:hover {
    --border-opacity: 1 !important;
    border-color: #e2e8f0 !important;
    border-color: rgba(226, 232, 240, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:border-gray-400:hover,
  reach-portal .lg\:hover\:border-gray-400:hover {
    --border-opacity: 1 !important;
    border-color: #cbd5e0 !important;
    border-color: rgba(203, 213, 224, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:border-gray-500:hover,
  reach-portal .lg\:hover\:border-gray-500:hover {
    --border-opacity: 1 !important;
    border-color: #a0aec0 !important;
    border-color: rgba(160, 174, 192, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:border-gray-600:hover,
  reach-portal .lg\:hover\:border-gray-600:hover {
    --border-opacity: 1 !important;
    border-color: #718096 !important;
    border-color: rgba(113, 128, 150, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:border-gray-700:hover,
  reach-portal .lg\:hover\:border-gray-700:hover {
    --border-opacity: 1 !important;
    border-color: #4a5568 !important;
    border-color: rgba(74, 85, 104, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:border-gray-800:hover,
  reach-portal .lg\:hover\:border-gray-800:hover {
    --border-opacity: 1 !important;
    border-color: #2d3748 !important;
    border-color: rgba(45, 55, 72, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:border-gray-900:hover,
  reach-portal .lg\:hover\:border-gray-900:hover {
    --border-opacity: 1 !important;
    border-color: #1a202c !important;
    border-color: rgba(26, 32, 44, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:border-red-100:hover,
  reach-portal .lg\:hover\:border-red-100:hover {
    --border-opacity: 1 !important;
    border-color: #fff5f5 !important;
    border-color: rgba(255, 245, 245, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:border-red-200:hover,
  reach-portal .lg\:hover\:border-red-200:hover {
    --border-opacity: 1 !important;
    border-color: #fed7d7 !important;
    border-color: rgba(254, 215, 215, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:border-red-300:hover,
  reach-portal .lg\:hover\:border-red-300:hover {
    --border-opacity: 1 !important;
    border-color: #feb2b2 !important;
    border-color: rgba(254, 178, 178, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:border-red-400:hover,
  reach-portal .lg\:hover\:border-red-400:hover {
    --border-opacity: 1 !important;
    border-color: #fc8181 !important;
    border-color: rgba(252, 129, 129, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:border-red-500:hover,
  reach-portal .lg\:hover\:border-red-500:hover {
    --border-opacity: 1 !important;
    border-color: #f56565 !important;
    border-color: rgba(245, 101, 101, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:border-red-600:hover,
  reach-portal .lg\:hover\:border-red-600:hover {
    --border-opacity: 1 !important;
    border-color: #e53e3e !important;
    border-color: rgba(229, 62, 62, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:border-red-700:hover,
  reach-portal .lg\:hover\:border-red-700:hover {
    --border-opacity: 1 !important;
    border-color: #c53030 !important;
    border-color: rgba(197, 48, 48, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:border-red-800:hover,
  reach-portal .lg\:hover\:border-red-800:hover {
    --border-opacity: 1 !important;
    border-color: #9b2c2c !important;
    border-color: rgba(155, 44, 44, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:border-red-900:hover,
  reach-portal .lg\:hover\:border-red-900:hover {
    --border-opacity: 1 !important;
    border-color: #742a2a !important;
    border-color: rgba(116, 42, 42, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:border-orange-100:hover,
  reach-portal .lg\:hover\:border-orange-100:hover {
    --border-opacity: 1 !important;
    border-color: #fffaf0 !important;
    border-color: rgba(255, 250, 240, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:border-orange-200:hover,
  reach-portal .lg\:hover\:border-orange-200:hover {
    --border-opacity: 1 !important;
    border-color: #feebc8 !important;
    border-color: rgba(254, 235, 200, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:border-orange-300:hover,
  reach-portal .lg\:hover\:border-orange-300:hover {
    --border-opacity: 1 !important;
    border-color: #fbd38d !important;
    border-color: rgba(251, 211, 141, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:border-orange-400:hover,
  reach-portal .lg\:hover\:border-orange-400:hover {
    --border-opacity: 1 !important;
    border-color: #f6ad55 !important;
    border-color: rgba(246, 173, 85, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:border-orange-500:hover,
  reach-portal .lg\:hover\:border-orange-500:hover {
    --border-opacity: 1 !important;
    border-color: #ed8936 !important;
    border-color: rgba(237, 137, 54, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:border-orange-600:hover,
  reach-portal .lg\:hover\:border-orange-600:hover {
    --border-opacity: 1 !important;
    border-color: #dd6b20 !important;
    border-color: rgba(221, 107, 32, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:border-orange-700:hover,
  reach-portal .lg\:hover\:border-orange-700:hover {
    --border-opacity: 1 !important;
    border-color: #c05621 !important;
    border-color: rgba(192, 86, 33, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:border-orange-800:hover,
  reach-portal .lg\:hover\:border-orange-800:hover {
    --border-opacity: 1 !important;
    border-color: #9c4221 !important;
    border-color: rgba(156, 66, 33, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:border-orange-900:hover,
  reach-portal .lg\:hover\:border-orange-900:hover {
    --border-opacity: 1 !important;
    border-color: #7b341e !important;
    border-color: rgba(123, 52, 30, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:border-yellow-100:hover,
  reach-portal .lg\:hover\:border-yellow-100:hover {
    --border-opacity: 1 !important;
    border-color: ivory !important;
    border-color: rgba(255, 255, 240, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:border-yellow-200:hover,
  reach-portal .lg\:hover\:border-yellow-200:hover {
    --border-opacity: 1 !important;
    border-color: #fefcbf !important;
    border-color: rgba(254, 252, 191, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:border-yellow-300:hover,
  reach-portal .lg\:hover\:border-yellow-300:hover {
    --border-opacity: 1 !important;
    border-color: #faf089 !important;
    border-color: rgba(250, 240, 137, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:border-yellow-400:hover,
  reach-portal .lg\:hover\:border-yellow-400:hover {
    --border-opacity: 1 !important;
    border-color: #f6e05e !important;
    border-color: rgba(246, 224, 94, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:border-yellow-500:hover,
  reach-portal .lg\:hover\:border-yellow-500:hover {
    --border-opacity: 1 !important;
    border-color: #ecc94b !important;
    border-color: rgba(236, 201, 75, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:border-yellow-600:hover,
  reach-portal .lg\:hover\:border-yellow-600:hover {
    --border-opacity: 1 !important;
    border-color: #d69e2e !important;
    border-color: rgba(214, 158, 46, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:border-yellow-700:hover,
  reach-portal .lg\:hover\:border-yellow-700:hover {
    --border-opacity: 1 !important;
    border-color: #b7791f !important;
    border-color: rgba(183, 121, 31, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:border-yellow-800:hover,
  reach-portal .lg\:hover\:border-yellow-800:hover {
    --border-opacity: 1 !important;
    border-color: #975a16 !important;
    border-color: rgba(151, 90, 22, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:border-yellow-900:hover,
  reach-portal .lg\:hover\:border-yellow-900:hover {
    --border-opacity: 1 !important;
    border-color: #744210 !important;
    border-color: rgba(116, 66, 16, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:border-green-100:hover,
  reach-portal .lg\:hover\:border-green-100:hover {
    --border-opacity: 1 !important;
    border-color: #f0fff4 !important;
    border-color: rgba(240, 255, 244, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:border-green-200:hover,
  reach-portal .lg\:hover\:border-green-200:hover {
    --border-opacity: 1 !important;
    border-color: #c6f6d5 !important;
    border-color: rgba(198, 246, 213, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:border-green-300:hover,
  reach-portal .lg\:hover\:border-green-300:hover {
    --border-opacity: 1 !important;
    border-color: #9ae6b4 !important;
    border-color: rgba(154, 230, 180, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:border-green-400:hover,
  reach-portal .lg\:hover\:border-green-400:hover {
    --border-opacity: 1 !important;
    border-color: #68d391 !important;
    border-color: rgba(104, 211, 145, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:border-green-500:hover,
  reach-portal .lg\:hover\:border-green-500:hover {
    --border-opacity: 1 !important;
    border-color: #48bb78 !important;
    border-color: rgba(72, 187, 120, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:border-green-600:hover,
  reach-portal .lg\:hover\:border-green-600:hover {
    --border-opacity: 1 !important;
    border-color: #38a169 !important;
    border-color: rgba(56, 161, 105, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:border-green-700:hover,
  reach-portal .lg\:hover\:border-green-700:hover {
    --border-opacity: 1 !important;
    border-color: #2f855a !important;
    border-color: rgba(47, 133, 90, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:border-green-800:hover,
  reach-portal .lg\:hover\:border-green-800:hover {
    --border-opacity: 1 !important;
    border-color: #276749 !important;
    border-color: rgba(39, 103, 73, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:border-green-900:hover,
  reach-portal .lg\:hover\:border-green-900:hover {
    --border-opacity: 1 !important;
    border-color: #22543d !important;
    border-color: rgba(34, 84, 61, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:border-teal-100:hover,
  reach-portal .lg\:hover\:border-teal-100:hover {
    --border-opacity: 1 !important;
    border-color: #e6fffa !important;
    border-color: rgba(230, 255, 250, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:border-teal-200:hover,
  reach-portal .lg\:hover\:border-teal-200:hover {
    --border-opacity: 1 !important;
    border-color: #b2f5ea !important;
    border-color: rgba(178, 245, 234, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:border-teal-300:hover,
  reach-portal .lg\:hover\:border-teal-300:hover {
    --border-opacity: 1 !important;
    border-color: #81e6d9 !important;
    border-color: rgba(129, 230, 217, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:border-teal-400:hover,
  reach-portal .lg\:hover\:border-teal-400:hover {
    --border-opacity: 1 !important;
    border-color: #4fd1c5 !important;
    border-color: rgba(79, 209, 197, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:border-teal-500:hover,
  reach-portal .lg\:hover\:border-teal-500:hover {
    --border-opacity: 1 !important;
    border-color: #38b2ac !important;
    border-color: rgba(56, 178, 172, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:border-teal-600:hover,
  reach-portal .lg\:hover\:border-teal-600:hover {
    --border-opacity: 1 !important;
    border-color: #319795 !important;
    border-color: rgba(49, 151, 149, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:border-teal-700:hover,
  reach-portal .lg\:hover\:border-teal-700:hover {
    --border-opacity: 1 !important;
    border-color: #2c7a7b !important;
    border-color: rgba(44, 122, 123, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:border-teal-800:hover,
  reach-portal .lg\:hover\:border-teal-800:hover {
    --border-opacity: 1 !important;
    border-color: #285e61 !important;
    border-color: rgba(40, 94, 97, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:border-teal-900:hover,
  reach-portal .lg\:hover\:border-teal-900:hover {
    --border-opacity: 1 !important;
    border-color: #234e52 !important;
    border-color: rgba(35, 78, 82, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:border-blue-100:hover,
  reach-portal .lg\:hover\:border-blue-100:hover {
    --border-opacity: 1 !important;
    border-color: #ebf8ff !important;
    border-color: rgba(235, 248, 255, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:border-blue-200:hover,
  reach-portal .lg\:hover\:border-blue-200:hover {
    --border-opacity: 1 !important;
    border-color: #bee3f8 !important;
    border-color: rgba(190, 227, 248, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:border-blue-300:hover,
  reach-portal .lg\:hover\:border-blue-300:hover {
    --border-opacity: 1 !important;
    border-color: #90cdf4 !important;
    border-color: rgba(144, 205, 244, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:border-blue-400:hover,
  reach-portal .lg\:hover\:border-blue-400:hover {
    --border-opacity: 1 !important;
    border-color: #63b3ed !important;
    border-color: rgba(99, 179, 237, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:border-blue-500:hover,
  reach-portal .lg\:hover\:border-blue-500:hover {
    --border-opacity: 1 !important;
    border-color: #4299e1 !important;
    border-color: rgba(66, 153, 225, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:border-blue-600:hover,
  reach-portal .lg\:hover\:border-blue-600:hover {
    --border-opacity: 1 !important;
    border-color: #3182ce !important;
    border-color: rgba(49, 130, 206, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:border-blue-700:hover,
  reach-portal .lg\:hover\:border-blue-700:hover {
    --border-opacity: 1 !important;
    border-color: #2b6cb0 !important;
    border-color: rgba(43, 108, 176, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:border-blue-800:hover,
  reach-portal .lg\:hover\:border-blue-800:hover {
    --border-opacity: 1 !important;
    border-color: #2c5282 !important;
    border-color: rgba(44, 82, 130, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:border-blue-900:hover,
  reach-portal .lg\:hover\:border-blue-900:hover {
    --border-opacity: 1 !important;
    border-color: #2a4365 !important;
    border-color: rgba(42, 67, 101, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:border-indigo-100:hover,
  reach-portal .lg\:hover\:border-indigo-100:hover {
    --border-opacity: 1 !important;
    border-color: #ebf4ff !important;
    border-color: rgba(235, 244, 255, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:border-indigo-200:hover,
  reach-portal .lg\:hover\:border-indigo-200:hover {
    --border-opacity: 1 !important;
    border-color: #c3dafe !important;
    border-color: rgba(195, 218, 254, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:border-indigo-300:hover,
  reach-portal .lg\:hover\:border-indigo-300:hover {
    --border-opacity: 1 !important;
    border-color: #a3bffa !important;
    border-color: rgba(163, 191, 250, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:border-indigo-400:hover,
  reach-portal .lg\:hover\:border-indigo-400:hover {
    --border-opacity: 1 !important;
    border-color: #7f9cf5 !important;
    border-color: rgba(127, 156, 245, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:border-indigo-500:hover,
  reach-portal .lg\:hover\:border-indigo-500:hover {
    --border-opacity: 1 !important;
    border-color: #667eea !important;
    border-color: rgba(102, 126, 234, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:border-indigo-600:hover,
  reach-portal .lg\:hover\:border-indigo-600:hover {
    --border-opacity: 1 !important;
    border-color: #5a67d8 !important;
    border-color: rgba(90, 103, 216, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:border-indigo-700:hover,
  reach-portal .lg\:hover\:border-indigo-700:hover {
    --border-opacity: 1 !important;
    border-color: #4c51bf !important;
    border-color: rgba(76, 81, 191, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:border-indigo-800:hover,
  reach-portal .lg\:hover\:border-indigo-800:hover {
    --border-opacity: 1 !important;
    border-color: #434190 !important;
    border-color: rgba(67, 65, 144, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:border-indigo-900:hover,
  reach-portal .lg\:hover\:border-indigo-900:hover {
    --border-opacity: 1 !important;
    border-color: #3c366b !important;
    border-color: rgba(60, 54, 107, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:border-purple-100:hover,
  reach-portal .lg\:hover\:border-purple-100:hover {
    --border-opacity: 1 !important;
    border-color: #faf5ff !important;
    border-color: rgba(250, 245, 255, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:border-purple-200:hover,
  reach-portal .lg\:hover\:border-purple-200:hover {
    --border-opacity: 1 !important;
    border-color: #e9d8fd !important;
    border-color: rgba(233, 216, 253, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:border-purple-300:hover,
  reach-portal .lg\:hover\:border-purple-300:hover {
    --border-opacity: 1 !important;
    border-color: #d6bcfa !important;
    border-color: rgba(214, 188, 250, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:border-purple-400:hover,
  reach-portal .lg\:hover\:border-purple-400:hover {
    --border-opacity: 1 !important;
    border-color: #b794f4 !important;
    border-color: rgba(183, 148, 244, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:border-purple-500:hover,
  reach-portal .lg\:hover\:border-purple-500:hover {
    --border-opacity: 1 !important;
    border-color: #9f7aea !important;
    border-color: rgba(159, 122, 234, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:border-purple-600:hover,
  reach-portal .lg\:hover\:border-purple-600:hover {
    --border-opacity: 1 !important;
    border-color: #805ad5 !important;
    border-color: rgba(128, 90, 213, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:border-purple-700:hover,
  reach-portal .lg\:hover\:border-purple-700:hover {
    --border-opacity: 1 !important;
    border-color: #6b46c1 !important;
    border-color: rgba(107, 70, 193, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:border-purple-800:hover,
  reach-portal .lg\:hover\:border-purple-800:hover {
    --border-opacity: 1 !important;
    border-color: #553c9a !important;
    border-color: rgba(85, 60, 154, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:border-purple-900:hover,
  reach-portal .lg\:hover\:border-purple-900:hover {
    --border-opacity: 1 !important;
    border-color: #44337a !important;
    border-color: rgba(68, 51, 122, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:border-pink-100:hover,
  reach-portal .lg\:hover\:border-pink-100:hover {
    --border-opacity: 1 !important;
    border-color: #fff5f7 !important;
    border-color: rgba(255, 245, 247, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:border-pink-200:hover,
  reach-portal .lg\:hover\:border-pink-200:hover {
    --border-opacity: 1 !important;
    border-color: #fed7e2 !important;
    border-color: rgba(254, 215, 226, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:border-pink-300:hover,
  reach-portal .lg\:hover\:border-pink-300:hover {
    --border-opacity: 1 !important;
    border-color: #fbb6ce !important;
    border-color: rgba(251, 182, 206, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:border-pink-400:hover,
  reach-portal .lg\:hover\:border-pink-400:hover {
    --border-opacity: 1 !important;
    border-color: #f687b3 !important;
    border-color: rgba(246, 135, 179, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:border-pink-500:hover,
  reach-portal .lg\:hover\:border-pink-500:hover {
    --border-opacity: 1 !important;
    border-color: #ed64a6 !important;
    border-color: rgba(237, 100, 166, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:border-pink-600:hover,
  reach-portal .lg\:hover\:border-pink-600:hover {
    --border-opacity: 1 !important;
    border-color: #d53f8c !important;
    border-color: rgba(213, 63, 140, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:border-pink-700:hover,
  reach-portal .lg\:hover\:border-pink-700:hover {
    --border-opacity: 1 !important;
    border-color: #b83280 !important;
    border-color: rgba(184, 50, 128, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:border-pink-800:hover,
  reach-portal .lg\:hover\:border-pink-800:hover {
    --border-opacity: 1 !important;
    border-color: #97266d !important;
    border-color: rgba(151, 38, 109, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:border-pink-900:hover,
  reach-portal .lg\:hover\:border-pink-900:hover {
    --border-opacity: 1 !important;
    border-color: #702459 !important;
    border-color: rgba(112, 36, 89, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:border-transparent:focus,
  reach-portal .lg\:focus\:border-transparent:focus {
    border-color: #0000 !important
  }

  #navbarWrapper .lg\:focus\:border-current:focus,
  reach-portal .lg\:focus\:border-current:focus {
    border-color: currentColor !important
  }

  #navbarWrapper .lg\:focus\:border-black:focus,
  reach-portal .lg\:focus\:border-black:focus {
    --border-opacity: 1 !important;
    border-color: #000 !important;
    border-color: rgba(0, 0, 0, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:border-white:focus,
  reach-portal .lg\:focus\:border-white:focus {
    --border-opacity: 1 !important;
    border-color: #fff !important;
    border-color: rgba(255, 255, 255, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:border-gray-100:focus,
  reach-portal .lg\:focus\:border-gray-100:focus {
    --border-opacity: 1 !important;
    border-color: #f7fafc !important;
    border-color: rgba(247, 250, 252, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:border-gray-200:focus,
  reach-portal .lg\:focus\:border-gray-200:focus {
    --border-opacity: 1 !important;
    border-color: #edf2f7 !important;
    border-color: rgba(237, 242, 247, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:border-gray-300:focus,
  reach-portal .lg\:focus\:border-gray-300:focus {
    --border-opacity: 1 !important;
    border-color: #e2e8f0 !important;
    border-color: rgba(226, 232, 240, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:border-gray-400:focus,
  reach-portal .lg\:focus\:border-gray-400:focus {
    --border-opacity: 1 !important;
    border-color: #cbd5e0 !important;
    border-color: rgba(203, 213, 224, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:border-gray-500:focus,
  reach-portal .lg\:focus\:border-gray-500:focus {
    --border-opacity: 1 !important;
    border-color: #a0aec0 !important;
    border-color: rgba(160, 174, 192, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:border-gray-600:focus,
  reach-portal .lg\:focus\:border-gray-600:focus {
    --border-opacity: 1 !important;
    border-color: #718096 !important;
    border-color: rgba(113, 128, 150, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:border-gray-700:focus,
  reach-portal .lg\:focus\:border-gray-700:focus {
    --border-opacity: 1 !important;
    border-color: #4a5568 !important;
    border-color: rgba(74, 85, 104, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:border-gray-800:focus,
  reach-portal .lg\:focus\:border-gray-800:focus {
    --border-opacity: 1 !important;
    border-color: #2d3748 !important;
    border-color: rgba(45, 55, 72, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:border-gray-900:focus,
  reach-portal .lg\:focus\:border-gray-900:focus {
    --border-opacity: 1 !important;
    border-color: #1a202c !important;
    border-color: rgba(26, 32, 44, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:border-red-100:focus,
  reach-portal .lg\:focus\:border-red-100:focus {
    --border-opacity: 1 !important;
    border-color: #fff5f5 !important;
    border-color: rgba(255, 245, 245, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:border-red-200:focus,
  reach-portal .lg\:focus\:border-red-200:focus {
    --border-opacity: 1 !important;
    border-color: #fed7d7 !important;
    border-color: rgba(254, 215, 215, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:border-red-300:focus,
  reach-portal .lg\:focus\:border-red-300:focus {
    --border-opacity: 1 !important;
    border-color: #feb2b2 !important;
    border-color: rgba(254, 178, 178, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:border-red-400:focus,
  reach-portal .lg\:focus\:border-red-400:focus {
    --border-opacity: 1 !important;
    border-color: #fc8181 !important;
    border-color: rgba(252, 129, 129, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:border-red-500:focus,
  reach-portal .lg\:focus\:border-red-500:focus {
    --border-opacity: 1 !important;
    border-color: #f56565 !important;
    border-color: rgba(245, 101, 101, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:border-red-600:focus,
  reach-portal .lg\:focus\:border-red-600:focus {
    --border-opacity: 1 !important;
    border-color: #e53e3e !important;
    border-color: rgba(229, 62, 62, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:border-red-700:focus,
  reach-portal .lg\:focus\:border-red-700:focus {
    --border-opacity: 1 !important;
    border-color: #c53030 !important;
    border-color: rgba(197, 48, 48, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:border-red-800:focus,
  reach-portal .lg\:focus\:border-red-800:focus {
    --border-opacity: 1 !important;
    border-color: #9b2c2c !important;
    border-color: rgba(155, 44, 44, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:border-red-900:focus,
  reach-portal .lg\:focus\:border-red-900:focus {
    --border-opacity: 1 !important;
    border-color: #742a2a !important;
    border-color: rgba(116, 42, 42, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:border-orange-100:focus,
  reach-portal .lg\:focus\:border-orange-100:focus {
    --border-opacity: 1 !important;
    border-color: #fffaf0 !important;
    border-color: rgba(255, 250, 240, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:border-orange-200:focus,
  reach-portal .lg\:focus\:border-orange-200:focus {
    --border-opacity: 1 !important;
    border-color: #feebc8 !important;
    border-color: rgba(254, 235, 200, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:border-orange-300:focus,
  reach-portal .lg\:focus\:border-orange-300:focus {
    --border-opacity: 1 !important;
    border-color: #fbd38d !important;
    border-color: rgba(251, 211, 141, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:border-orange-400:focus,
  reach-portal .lg\:focus\:border-orange-400:focus {
    --border-opacity: 1 !important;
    border-color: #f6ad55 !important;
    border-color: rgba(246, 173, 85, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:border-orange-500:focus,
  reach-portal .lg\:focus\:border-orange-500:focus {
    --border-opacity: 1 !important;
    border-color: #ed8936 !important;
    border-color: rgba(237, 137, 54, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:border-orange-600:focus,
  reach-portal .lg\:focus\:border-orange-600:focus {
    --border-opacity: 1 !important;
    border-color: #dd6b20 !important;
    border-color: rgba(221, 107, 32, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:border-orange-700:focus,
  reach-portal .lg\:focus\:border-orange-700:focus {
    --border-opacity: 1 !important;
    border-color: #c05621 !important;
    border-color: rgba(192, 86, 33, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:border-orange-800:focus,
  reach-portal .lg\:focus\:border-orange-800:focus {
    --border-opacity: 1 !important;
    border-color: #9c4221 !important;
    border-color: rgba(156, 66, 33, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:border-orange-900:focus,
  reach-portal .lg\:focus\:border-orange-900:focus {
    --border-opacity: 1 !important;
    border-color: #7b341e !important;
    border-color: rgba(123, 52, 30, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:border-yellow-100:focus,
  reach-portal .lg\:focus\:border-yellow-100:focus {
    --border-opacity: 1 !important;
    border-color: ivory !important;
    border-color: rgba(255, 255, 240, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:border-yellow-200:focus,
  reach-portal .lg\:focus\:border-yellow-200:focus {
    --border-opacity: 1 !important;
    border-color: #fefcbf !important;
    border-color: rgba(254, 252, 191, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:border-yellow-300:focus,
  reach-portal .lg\:focus\:border-yellow-300:focus {
    --border-opacity: 1 !important;
    border-color: #faf089 !important;
    border-color: rgba(250, 240, 137, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:border-yellow-400:focus,
  reach-portal .lg\:focus\:border-yellow-400:focus {
    --border-opacity: 1 !important;
    border-color: #f6e05e !important;
    border-color: rgba(246, 224, 94, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:border-yellow-500:focus,
  reach-portal .lg\:focus\:border-yellow-500:focus {
    --border-opacity: 1 !important;
    border-color: #ecc94b !important;
    border-color: rgba(236, 201, 75, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:border-yellow-600:focus,
  reach-portal .lg\:focus\:border-yellow-600:focus {
    --border-opacity: 1 !important;
    border-color: #d69e2e !important;
    border-color: rgba(214, 158, 46, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:border-yellow-700:focus,
  reach-portal .lg\:focus\:border-yellow-700:focus {
    --border-opacity: 1 !important;
    border-color: #b7791f !important;
    border-color: rgba(183, 121, 31, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:border-yellow-800:focus,
  reach-portal .lg\:focus\:border-yellow-800:focus {
    --border-opacity: 1 !important;
    border-color: #975a16 !important;
    border-color: rgba(151, 90, 22, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:border-yellow-900:focus,
  reach-portal .lg\:focus\:border-yellow-900:focus {
    --border-opacity: 1 !important;
    border-color: #744210 !important;
    border-color: rgba(116, 66, 16, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:border-green-100:focus,
  reach-portal .lg\:focus\:border-green-100:focus {
    --border-opacity: 1 !important;
    border-color: #f0fff4 !important;
    border-color: rgba(240, 255, 244, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:border-green-200:focus,
  reach-portal .lg\:focus\:border-green-200:focus {
    --border-opacity: 1 !important;
    border-color: #c6f6d5 !important;
    border-color: rgba(198, 246, 213, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:border-green-300:focus,
  reach-portal .lg\:focus\:border-green-300:focus {
    --border-opacity: 1 !important;
    border-color: #9ae6b4 !important;
    border-color: rgba(154, 230, 180, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:border-green-400:focus,
  reach-portal .lg\:focus\:border-green-400:focus {
    --border-opacity: 1 !important;
    border-color: #68d391 !important;
    border-color: rgba(104, 211, 145, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:border-green-500:focus,
  reach-portal .lg\:focus\:border-green-500:focus {
    --border-opacity: 1 !important;
    border-color: #48bb78 !important;
    border-color: rgba(72, 187, 120, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:border-green-600:focus,
  reach-portal .lg\:focus\:border-green-600:focus {
    --border-opacity: 1 !important;
    border-color: #38a169 !important;
    border-color: rgba(56, 161, 105, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:border-green-700:focus,
  reach-portal .lg\:focus\:border-green-700:focus {
    --border-opacity: 1 !important;
    border-color: #2f855a !important;
    border-color: rgba(47, 133, 90, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:border-green-800:focus,
  reach-portal .lg\:focus\:border-green-800:focus {
    --border-opacity: 1 !important;
    border-color: #276749 !important;
    border-color: rgba(39, 103, 73, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:border-green-900:focus,
  reach-portal .lg\:focus\:border-green-900:focus {
    --border-opacity: 1 !important;
    border-color: #22543d !important;
    border-color: rgba(34, 84, 61, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:border-teal-100:focus,
  reach-portal .lg\:focus\:border-teal-100:focus {
    --border-opacity: 1 !important;
    border-color: #e6fffa !important;
    border-color: rgba(230, 255, 250, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:border-teal-200:focus,
  reach-portal .lg\:focus\:border-teal-200:focus {
    --border-opacity: 1 !important;
    border-color: #b2f5ea !important;
    border-color: rgba(178, 245, 234, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:border-teal-300:focus,
  reach-portal .lg\:focus\:border-teal-300:focus {
    --border-opacity: 1 !important;
    border-color: #81e6d9 !important;
    border-color: rgba(129, 230, 217, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:border-teal-400:focus,
  reach-portal .lg\:focus\:border-teal-400:focus {
    --border-opacity: 1 !important;
    border-color: #4fd1c5 !important;
    border-color: rgba(79, 209, 197, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:border-teal-500:focus,
  reach-portal .lg\:focus\:border-teal-500:focus {
    --border-opacity: 1 !important;
    border-color: #38b2ac !important;
    border-color: rgba(56, 178, 172, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:border-teal-600:focus,
  reach-portal .lg\:focus\:border-teal-600:focus {
    --border-opacity: 1 !important;
    border-color: #319795 !important;
    border-color: rgba(49, 151, 149, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:border-teal-700:focus,
  reach-portal .lg\:focus\:border-teal-700:focus {
    --border-opacity: 1 !important;
    border-color: #2c7a7b !important;
    border-color: rgba(44, 122, 123, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:border-teal-800:focus,
  reach-portal .lg\:focus\:border-teal-800:focus {
    --border-opacity: 1 !important;
    border-color: #285e61 !important;
    border-color: rgba(40, 94, 97, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:border-teal-900:focus,
  reach-portal .lg\:focus\:border-teal-900:focus {
    --border-opacity: 1 !important;
    border-color: #234e52 !important;
    border-color: rgba(35, 78, 82, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:border-blue-100:focus,
  reach-portal .lg\:focus\:border-blue-100:focus {
    --border-opacity: 1 !important;
    border-color: #ebf8ff !important;
    border-color: rgba(235, 248, 255, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:border-blue-200:focus,
  reach-portal .lg\:focus\:border-blue-200:focus {
    --border-opacity: 1 !important;
    border-color: #bee3f8 !important;
    border-color: rgba(190, 227, 248, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:border-blue-300:focus,
  reach-portal .lg\:focus\:border-blue-300:focus {
    --border-opacity: 1 !important;
    border-color: #90cdf4 !important;
    border-color: rgba(144, 205, 244, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:border-blue-400:focus,
  reach-portal .lg\:focus\:border-blue-400:focus {
    --border-opacity: 1 !important;
    border-color: #63b3ed !important;
    border-color: rgba(99, 179, 237, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:border-blue-500:focus,
  reach-portal .lg\:focus\:border-blue-500:focus {
    --border-opacity: 1 !important;
    border-color: #4299e1 !important;
    border-color: rgba(66, 153, 225, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:border-blue-600:focus,
  reach-portal .lg\:focus\:border-blue-600:focus {
    --border-opacity: 1 !important;
    border-color: #3182ce !important;
    border-color: rgba(49, 130, 206, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:border-blue-700:focus,
  reach-portal .lg\:focus\:border-blue-700:focus {
    --border-opacity: 1 !important;
    border-color: #2b6cb0 !important;
    border-color: rgba(43, 108, 176, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:border-blue-800:focus,
  reach-portal .lg\:focus\:border-blue-800:focus {
    --border-opacity: 1 !important;
    border-color: #2c5282 !important;
    border-color: rgba(44, 82, 130, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:border-blue-900:focus,
  reach-portal .lg\:focus\:border-blue-900:focus {
    --border-opacity: 1 !important;
    border-color: #2a4365 !important;
    border-color: rgba(42, 67, 101, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:border-indigo-100:focus,
  reach-portal .lg\:focus\:border-indigo-100:focus {
    --border-opacity: 1 !important;
    border-color: #ebf4ff !important;
    border-color: rgba(235, 244, 255, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:border-indigo-200:focus,
  reach-portal .lg\:focus\:border-indigo-200:focus {
    --border-opacity: 1 !important;
    border-color: #c3dafe !important;
    border-color: rgba(195, 218, 254, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:border-indigo-300:focus,
  reach-portal .lg\:focus\:border-indigo-300:focus {
    --border-opacity: 1 !important;
    border-color: #a3bffa !important;
    border-color: rgba(163, 191, 250, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:border-indigo-400:focus,
  reach-portal .lg\:focus\:border-indigo-400:focus {
    --border-opacity: 1 !important;
    border-color: #7f9cf5 !important;
    border-color: rgba(127, 156, 245, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:border-indigo-500:focus,
  reach-portal .lg\:focus\:border-indigo-500:focus {
    --border-opacity: 1 !important;
    border-color: #667eea !important;
    border-color: rgba(102, 126, 234, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:border-indigo-600:focus,
  reach-portal .lg\:focus\:border-indigo-600:focus {
    --border-opacity: 1 !important;
    border-color: #5a67d8 !important;
    border-color: rgba(90, 103, 216, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:border-indigo-700:focus,
  reach-portal .lg\:focus\:border-indigo-700:focus {
    --border-opacity: 1 !important;
    border-color: #4c51bf !important;
    border-color: rgba(76, 81, 191, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:border-indigo-800:focus,
  reach-portal .lg\:focus\:border-indigo-800:focus {
    --border-opacity: 1 !important;
    border-color: #434190 !important;
    border-color: rgba(67, 65, 144, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:border-indigo-900:focus,
  reach-portal .lg\:focus\:border-indigo-900:focus {
    --border-opacity: 1 !important;
    border-color: #3c366b !important;
    border-color: rgba(60, 54, 107, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:border-purple-100:focus,
  reach-portal .lg\:focus\:border-purple-100:focus {
    --border-opacity: 1 !important;
    border-color: #faf5ff !important;
    border-color: rgba(250, 245, 255, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:border-purple-200:focus,
  reach-portal .lg\:focus\:border-purple-200:focus {
    --border-opacity: 1 !important;
    border-color: #e9d8fd !important;
    border-color: rgba(233, 216, 253, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:border-purple-300:focus,
  reach-portal .lg\:focus\:border-purple-300:focus {
    --border-opacity: 1 !important;
    border-color: #d6bcfa !important;
    border-color: rgba(214, 188, 250, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:border-purple-400:focus,
  reach-portal .lg\:focus\:border-purple-400:focus {
    --border-opacity: 1 !important;
    border-color: #b794f4 !important;
    border-color: rgba(183, 148, 244, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:border-purple-500:focus,
  reach-portal .lg\:focus\:border-purple-500:focus {
    --border-opacity: 1 !important;
    border-color: #9f7aea !important;
    border-color: rgba(159, 122, 234, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:border-purple-600:focus,
  reach-portal .lg\:focus\:border-purple-600:focus {
    --border-opacity: 1 !important;
    border-color: #805ad5 !important;
    border-color: rgba(128, 90, 213, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:border-purple-700:focus,
  reach-portal .lg\:focus\:border-purple-700:focus {
    --border-opacity: 1 !important;
    border-color: #6b46c1 !important;
    border-color: rgba(107, 70, 193, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:border-purple-800:focus,
  reach-portal .lg\:focus\:border-purple-800:focus {
    --border-opacity: 1 !important;
    border-color: #553c9a !important;
    border-color: rgba(85, 60, 154, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:border-purple-900:focus,
  reach-portal .lg\:focus\:border-purple-900:focus {
    --border-opacity: 1 !important;
    border-color: #44337a !important;
    border-color: rgba(68, 51, 122, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:border-pink-100:focus,
  reach-portal .lg\:focus\:border-pink-100:focus {
    --border-opacity: 1 !important;
    border-color: #fff5f7 !important;
    border-color: rgba(255, 245, 247, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:border-pink-200:focus,
  reach-portal .lg\:focus\:border-pink-200:focus {
    --border-opacity: 1 !important;
    border-color: #fed7e2 !important;
    border-color: rgba(254, 215, 226, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:border-pink-300:focus,
  reach-portal .lg\:focus\:border-pink-300:focus {
    --border-opacity: 1 !important;
    border-color: #fbb6ce !important;
    border-color: rgba(251, 182, 206, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:border-pink-400:focus,
  reach-portal .lg\:focus\:border-pink-400:focus {
    --border-opacity: 1 !important;
    border-color: #f687b3 !important;
    border-color: rgba(246, 135, 179, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:border-pink-500:focus,
  reach-portal .lg\:focus\:border-pink-500:focus {
    --border-opacity: 1 !important;
    border-color: #ed64a6 !important;
    border-color: rgba(237, 100, 166, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:border-pink-600:focus,
  reach-portal .lg\:focus\:border-pink-600:focus {
    --border-opacity: 1 !important;
    border-color: #d53f8c !important;
    border-color: rgba(213, 63, 140, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:border-pink-700:focus,
  reach-portal .lg\:focus\:border-pink-700:focus {
    --border-opacity: 1 !important;
    border-color: #b83280 !important;
    border-color: rgba(184, 50, 128, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:border-pink-800:focus,
  reach-portal .lg\:focus\:border-pink-800:focus {
    --border-opacity: 1 !important;
    border-color: #97266d !important;
    border-color: rgba(151, 38, 109, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:border-pink-900:focus,
  reach-portal .lg\:focus\:border-pink-900:focus {
    --border-opacity: 1 !important;
    border-color: #702459 !important;
    border-color: rgba(112, 36, 89, var(--border-opacity)) !important
  }

  #navbarWrapper .lg\:border-opacity-0,
  reach-portal .lg\:border-opacity-0 {
    --border-opacity: 0 !important
  }

  #navbarWrapper .lg\:border-opacity-25,
  reach-portal .lg\:border-opacity-25 {
    --border-opacity: 0.25 !important
  }

  #navbarWrapper .lg\:border-opacity-50,
  reach-portal .lg\:border-opacity-50 {
    --border-opacity: 0.5 !important
  }

  #navbarWrapper .lg\:border-opacity-75,
  reach-portal .lg\:border-opacity-75 {
    --border-opacity: 0.75 !important
  }

  #navbarWrapper .lg\:border-opacity-100,
  reach-portal .lg\:border-opacity-100 {
    --border-opacity: 1 !important
  }

  #navbarWrapper .lg\:hover\:border-opacity-0:hover,
  reach-portal .lg\:hover\:border-opacity-0:hover {
    --border-opacity: 0 !important
  }

  #navbarWrapper .lg\:hover\:border-opacity-25:hover,
  reach-portal .lg\:hover\:border-opacity-25:hover {
    --border-opacity: 0.25 !important
  }

  #navbarWrapper .lg\:hover\:border-opacity-50:hover,
  reach-portal .lg\:hover\:border-opacity-50:hover {
    --border-opacity: 0.5 !important
  }

  #navbarWrapper .lg\:hover\:border-opacity-75:hover,
  reach-portal .lg\:hover\:border-opacity-75:hover {
    --border-opacity: 0.75 !important
  }

  #navbarWrapper .lg\:hover\:border-opacity-100:hover,
  reach-portal .lg\:hover\:border-opacity-100:hover {
    --border-opacity: 1 !important
  }

  #navbarWrapper .lg\:focus\:border-opacity-0:focus,
  reach-portal .lg\:focus\:border-opacity-0:focus {
    --border-opacity: 0 !important
  }

  #navbarWrapper .lg\:focus\:border-opacity-25:focus,
  reach-portal .lg\:focus\:border-opacity-25:focus {
    --border-opacity: 0.25 !important
  }

  #navbarWrapper .lg\:focus\:border-opacity-50:focus,
  reach-portal .lg\:focus\:border-opacity-50:focus {
    --border-opacity: 0.5 !important
  }

  #navbarWrapper .lg\:focus\:border-opacity-75:focus,
  reach-portal .lg\:focus\:border-opacity-75:focus {
    --border-opacity: 0.75 !important
  }

  #navbarWrapper .lg\:focus\:border-opacity-100:focus,
  reach-portal .lg\:focus\:border-opacity-100:focus {
    --border-opacity: 1 !important
  }

  #navbarWrapper .lg\:rounded-none,
  reach-portal .lg\:rounded-none {
    border-radius: 0 !important
  }

  #navbarWrapper .lg\:rounded-sm,
  reach-portal .lg\:rounded-sm {
    border-radius: .125rem !important
  }

  #navbarWrapper .lg\:rounded,
  #navbarWrapper .lg\:rounded-md,
  reach-portal .lg\:rounded,
  reach-portal .lg\:rounded-md {
    border-radius: .375rem !important
  }

  #navbarWrapper .lg\:rounded-lg,
  reach-portal .lg\:rounded-lg {
    border-radius: .5rem !important
  }

  #navbarWrapper .lg\:rounded-full,
  reach-portal .lg\:rounded-full {
    border-radius: 9999px !important
  }

  #navbarWrapper .lg\:rounded-t-none,
  reach-portal .lg\:rounded-t-none {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important
  }

  #navbarWrapper .lg\:rounded-r-none,
  reach-portal .lg\:rounded-r-none {
    border-bottom-right-radius: 0 !important;
    border-top-right-radius: 0 !important
  }

  #navbarWrapper .lg\:rounded-b-none,
  reach-portal .lg\:rounded-b-none {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important
  }

  #navbarWrapper .lg\:rounded-l-none,
  reach-portal .lg\:rounded-l-none {
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important
  }

  #navbarWrapper .lg\:rounded-t-sm,
  reach-portal .lg\:rounded-t-sm {
    border-top-left-radius: .125rem !important;
    border-top-right-radius: .125rem !important
  }

  #navbarWrapper .lg\:rounded-r-sm,
  reach-portal .lg\:rounded-r-sm {
    border-bottom-right-radius: .125rem !important;
    border-top-right-radius: .125rem !important
  }

  #navbarWrapper .lg\:rounded-b-sm,
  reach-portal .lg\:rounded-b-sm {
    border-bottom-left-radius: .125rem !important;
    border-bottom-right-radius: .125rem !important
  }

  #navbarWrapper .lg\:rounded-l-sm,
  reach-portal .lg\:rounded-l-sm {
    border-bottom-left-radius: .125rem !important;
    border-top-left-radius: .125rem !important
  }

  #navbarWrapper .lg\:rounded-t,
  reach-portal .lg\:rounded-t {
    border-top-left-radius: .375rem !important;
    border-top-right-radius: .375rem !important
  }

  #navbarWrapper .lg\:rounded-r,
  reach-portal .lg\:rounded-r {
    border-bottom-right-radius: .375rem !important;
    border-top-right-radius: .375rem !important
  }

  #navbarWrapper .lg\:rounded-b,
  reach-portal .lg\:rounded-b {
    border-bottom-left-radius: .375rem !important;
    border-bottom-right-radius: .375rem !important
  }

  #navbarWrapper .lg\:rounded-l,
  reach-portal .lg\:rounded-l {
    border-bottom-left-radius: .375rem !important;
    border-top-left-radius: .375rem !important
  }

  #navbarWrapper .lg\:rounded-t-md,
  reach-portal .lg\:rounded-t-md {
    border-top-left-radius: .375rem !important;
    border-top-right-radius: .375rem !important
  }

  #navbarWrapper .lg\:rounded-r-md,
  reach-portal .lg\:rounded-r-md {
    border-bottom-right-radius: .375rem !important;
    border-top-right-radius: .375rem !important
  }

  #navbarWrapper .lg\:rounded-b-md,
  reach-portal .lg\:rounded-b-md {
    border-bottom-left-radius: .375rem !important;
    border-bottom-right-radius: .375rem !important
  }

  #navbarWrapper .lg\:rounded-l-md,
  reach-portal .lg\:rounded-l-md {
    border-bottom-left-radius: .375rem !important;
    border-top-left-radius: .375rem !important
  }

  #navbarWrapper .lg\:rounded-t-lg,
  reach-portal .lg\:rounded-t-lg {
    border-top-left-radius: .5rem !important;
    border-top-right-radius: .5rem !important
  }

  #navbarWrapper .lg\:rounded-r-lg,
  reach-portal .lg\:rounded-r-lg {
    border-bottom-right-radius: .5rem !important;
    border-top-right-radius: .5rem !important
  }

  #navbarWrapper .lg\:rounded-b-lg,
  reach-portal .lg\:rounded-b-lg {
    border-bottom-left-radius: .5rem !important;
    border-bottom-right-radius: .5rem !important
  }

  #navbarWrapper .lg\:rounded-l-lg,
  reach-portal .lg\:rounded-l-lg {
    border-bottom-left-radius: .5rem !important;
    border-top-left-radius: .5rem !important
  }

  #navbarWrapper .lg\:rounded-t-full,
  reach-portal .lg\:rounded-t-full {
    border-top-left-radius: 9999px !important;
    border-top-right-radius: 9999px !important
  }

  #navbarWrapper .lg\:rounded-r-full,
  reach-portal .lg\:rounded-r-full {
    border-bottom-right-radius: 9999px !important;
    border-top-right-radius: 9999px !important
  }

  #navbarWrapper .lg\:rounded-b-full,
  reach-portal .lg\:rounded-b-full {
    border-bottom-left-radius: 9999px !important;
    border-bottom-right-radius: 9999px !important
  }

  #navbarWrapper .lg\:rounded-l-full,
  reach-portal .lg\:rounded-l-full {
    border-bottom-left-radius: 9999px !important;
    border-top-left-radius: 9999px !important
  }

  #navbarWrapper .lg\:rounded-tl-none,
  reach-portal .lg\:rounded-tl-none {
    border-top-left-radius: 0 !important
  }

  #navbarWrapper .lg\:rounded-tr-none,
  reach-portal .lg\:rounded-tr-none {
    border-top-right-radius: 0 !important
  }

  #navbarWrapper .lg\:rounded-br-none,
  reach-portal .lg\:rounded-br-none {
    border-bottom-right-radius: 0 !important
  }

  #navbarWrapper .lg\:rounded-bl-none,
  reach-portal .lg\:rounded-bl-none {
    border-bottom-left-radius: 0 !important
  }

  #navbarWrapper .lg\:rounded-tl-sm,
  reach-portal .lg\:rounded-tl-sm {
    border-top-left-radius: .125rem !important
  }

  #navbarWrapper .lg\:rounded-tr-sm,
  reach-portal .lg\:rounded-tr-sm {
    border-top-right-radius: .125rem !important
  }

  #navbarWrapper .lg\:rounded-br-sm,
  reach-portal .lg\:rounded-br-sm {
    border-bottom-right-radius: .125rem !important
  }

  #navbarWrapper .lg\:rounded-bl-sm,
  reach-portal .lg\:rounded-bl-sm {
    border-bottom-left-radius: .125rem !important
  }

  #navbarWrapper .lg\:rounded-tl,
  reach-portal .lg\:rounded-tl {
    border-top-left-radius: .375rem !important
  }

  #navbarWrapper .lg\:rounded-tr,
  reach-portal .lg\:rounded-tr {
    border-top-right-radius: .375rem !important
  }

  #navbarWrapper .lg\:rounded-br,
  reach-portal .lg\:rounded-br {
    border-bottom-right-radius: .375rem !important
  }

  #navbarWrapper .lg\:rounded-bl,
  reach-portal .lg\:rounded-bl {
    border-bottom-left-radius: .375rem !important
  }

  #navbarWrapper .lg\:rounded-tl-md,
  reach-portal .lg\:rounded-tl-md {
    border-top-left-radius: .375rem !important
  }

  #navbarWrapper .lg\:rounded-tr-md,
  reach-portal .lg\:rounded-tr-md {
    border-top-right-radius: .375rem !important
  }

  #navbarWrapper .lg\:rounded-br-md,
  reach-portal .lg\:rounded-br-md {
    border-bottom-right-radius: .375rem !important
  }

  #navbarWrapper .lg\:rounded-bl-md,
  reach-portal .lg\:rounded-bl-md {
    border-bottom-left-radius: .375rem !important
  }

  #navbarWrapper .lg\:rounded-tl-lg,
  reach-portal .lg\:rounded-tl-lg {
    border-top-left-radius: .5rem !important
  }

  #navbarWrapper .lg\:rounded-tr-lg,
  reach-portal .lg\:rounded-tr-lg {
    border-top-right-radius: .5rem !important
  }

  #navbarWrapper .lg\:rounded-br-lg,
  reach-portal .lg\:rounded-br-lg {
    border-bottom-right-radius: .5rem !important
  }

  #navbarWrapper .lg\:rounded-bl-lg,
  reach-portal .lg\:rounded-bl-lg {
    border-bottom-left-radius: .5rem !important
  }

  #navbarWrapper .lg\:rounded-tl-full,
  reach-portal .lg\:rounded-tl-full {
    border-top-left-radius: 9999px !important
  }

  #navbarWrapper .lg\:rounded-tr-full,
  reach-portal .lg\:rounded-tr-full {
    border-top-right-radius: 9999px !important
  }

  #navbarWrapper .lg\:rounded-br-full,
  reach-portal .lg\:rounded-br-full {
    border-bottom-right-radius: 9999px !important
  }

  #navbarWrapper .lg\:rounded-bl-full,
  reach-portal .lg\:rounded-bl-full {
    border-bottom-left-radius: 9999px !important
  }

  #navbarWrapper .lg\:border-solid,
  reach-portal .lg\:border-solid {
    border-style: solid !important
  }

  #navbarWrapper .lg\:border-dashed,
  reach-portal .lg\:border-dashed {
    border-style: dashed !important
  }

  #navbarWrapper .lg\:border-dotted,
  reach-portal .lg\:border-dotted {
    border-style: dotted !important
  }

  #navbarWrapper .lg\:border-double,
  reach-portal .lg\:border-double {
    border-style: double !important
  }

  #navbarWrapper .lg\:border-none,
  reach-portal .lg\:border-none {
    border-style: none !important
  }

  #navbarWrapper .lg\:border-0,
  reach-portal .lg\:border-0 {
    border-width: 0 !important
  }

  #navbarWrapper .lg\:border-2,
  reach-portal .lg\:border-2 {
    border-width: 2px !important
  }

  #navbarWrapper .lg\:border-4,
  reach-portal .lg\:border-4 {
    border-width: 4px !important
  }

  #navbarWrapper .lg\:border-8,
  reach-portal .lg\:border-8 {
    border-width: 8px !important
  }

  #navbarWrapper .lg\:border,
  reach-portal .lg\:border {
    border-width: 1px !important
  }

  #navbarWrapper .lg\:border-t-0,
  reach-portal .lg\:border-t-0 {
    border-top-width: 0 !important
  }

  #navbarWrapper .lg\:border-r-0,
  reach-portal .lg\:border-r-0 {
    border-right-width: 0 !important
  }

  #navbarWrapper .lg\:border-b-0,
  reach-portal .lg\:border-b-0 {
    border-bottom-width: 0 !important
  }

  #navbarWrapper .lg\:border-l-0,
  reach-portal .lg\:border-l-0 {
    border-left-width: 0 !important
  }

  #navbarWrapper .lg\:border-t-2,
  reach-portal .lg\:border-t-2 {
    border-top-width: 2px !important
  }

  #navbarWrapper .lg\:border-r-2,
  reach-portal .lg\:border-r-2 {
    border-right-width: 2px !important
  }

  #navbarWrapper .lg\:border-b-2,
  reach-portal .lg\:border-b-2 {
    border-bottom-width: 2px !important
  }

  #navbarWrapper .lg\:border-l-2,
  reach-portal .lg\:border-l-2 {
    border-left-width: 2px !important
  }

  #navbarWrapper .lg\:border-t-4,
  reach-portal .lg\:border-t-4 {
    border-top-width: 4px !important
  }

  #navbarWrapper .lg\:border-r-4,
  reach-portal .lg\:border-r-4 {
    border-right-width: 4px !important
  }

  #navbarWrapper .lg\:border-b-4,
  reach-portal .lg\:border-b-4 {
    border-bottom-width: 4px !important
  }

  #navbarWrapper .lg\:border-l-4,
  reach-portal .lg\:border-l-4 {
    border-left-width: 4px !important
  }

  #navbarWrapper .lg\:border-t-8,
  reach-portal .lg\:border-t-8 {
    border-top-width: 8px !important
  }

  #navbarWrapper .lg\:border-r-8,
  reach-portal .lg\:border-r-8 {
    border-right-width: 8px !important
  }

  #navbarWrapper .lg\:border-b-8,
  reach-portal .lg\:border-b-8 {
    border-bottom-width: 8px !important
  }

  #navbarWrapper .lg\:border-l-8,
  reach-portal .lg\:border-l-8 {
    border-left-width: 8px !important
  }

  #navbarWrapper .lg\:border-t,
  reach-portal .lg\:border-t {
    border-top-width: 1px !important
  }

  #navbarWrapper .lg\:border-r,
  reach-portal .lg\:border-r {
    border-right-width: 1px !important
  }

  #navbarWrapper .lg\:border-b,
  reach-portal .lg\:border-b {
    border-bottom-width: 1px !important
  }

  #navbarWrapper .lg\:border-l,
  reach-portal .lg\:border-l {
    border-left-width: 1px !important
  }

  #navbarWrapper .lg\:box-border,
  reach-portal .lg\:box-border {
    box-sizing: border-box !important
  }

  #navbarWrapper .lg\:box-content,
  reach-portal .lg\:box-content {
    box-sizing: initial !important
  }

  #navbarWrapper .lg\:cursor-auto,
  reach-portal .lg\:cursor-auto {
    cursor: auto !important
  }

  #navbarWrapper .lg\:cursor-default,
  reach-portal .lg\:cursor-default {
    cursor: default !important
  }

  #navbarWrapper .lg\:cursor-pointer,
  reach-portal .lg\:cursor-pointer {
    cursor: pointer !important
  }

  #navbarWrapper .lg\:cursor-wait,
  reach-portal .lg\:cursor-wait {
    cursor: wait !important
  }

  #navbarWrapper .lg\:cursor-text,
  reach-portal .lg\:cursor-text {
    cursor: text !important
  }

  #navbarWrapper .lg\:cursor-move,
  reach-portal .lg\:cursor-move {
    cursor: move !important
  }

  #navbarWrapper .lg\:cursor-not-allowed,
  reach-portal .lg\:cursor-not-allowed {
    cursor: not-allowed !important
  }

  #navbarWrapper .lg\:block,
  reach-portal .lg\:block {
    display: block !important
  }

  #navbarWrapper .lg\:inline-block,
  reach-portal .lg\:inline-block {
    display: inline-block !important
  }

  #navbarWrapper .lg\:inline,
  reach-portal .lg\:inline {
    display: inline !important
  }

  #navbarWrapper .lg\:flex,
  reach-portal .lg\:flex {
    display: flex !important
  }

  #navbarWrapper .lg\:inline-flex,
  reach-portal .lg\:inline-flex {
    display: inline-flex !important
  }

  #navbarWrapper .lg\:table,
  reach-portal .lg\:table {
    display: table !important
  }

  #navbarWrapper .lg\:table-caption,
  reach-portal .lg\:table-caption {
    display: table-caption !important
  }

  #navbarWrapper .lg\:table-cell,
  reach-portal .lg\:table-cell {
    display: table-cell !important
  }

  #navbarWrapper .lg\:table-column,
  reach-portal .lg\:table-column {
    display: table-column !important
  }

  #navbarWrapper .lg\:table-column-group,
  reach-portal .lg\:table-column-group {
    display: table-column-group !important
  }

  #navbarWrapper .lg\:table-footer-group,
  reach-portal .lg\:table-footer-group {
    display: table-footer-group !important
  }

  #navbarWrapper .lg\:table-header-group,
  reach-portal .lg\:table-header-group {
    display: table-header-group !important
  }

  #navbarWrapper .lg\:table-row-group,
  reach-portal .lg\:table-row-group {
    display: table-row-group !important
  }

  #navbarWrapper .lg\:table-row,
  reach-portal .lg\:table-row {
    display: table-row !important
  }

  #navbarWrapper .lg\:flow-root,
  reach-portal .lg\:flow-root {
    display: flow-root !important
  }

  #navbarWrapper .lg\:grid,
  reach-portal .lg\:grid {
    display: grid !important
  }

  #navbarWrapper .lg\:inline-grid,
  reach-portal .lg\:inline-grid {
    display: inline-grid !important
  }

  #navbarWrapper .lg\:hidden,
  reach-portal .lg\:hidden {
    display: none !important
  }

  #navbarWrapper .lg\:flex-row,
  reach-portal .lg\:flex-row {
    flex-direction: row !important
  }

  #navbarWrapper .lg\:flex-row-reverse,
  reach-portal .lg\:flex-row-reverse {
    flex-direction: row-reverse !important
  }

  #navbarWrapper .lg\:flex-col,
  reach-portal .lg\:flex-col {
    flex-direction: column !important
  }

  #navbarWrapper .lg\:flex-col-reverse,
  reach-portal .lg\:flex-col-reverse {
    flex-direction: column-reverse !important
  }

  #navbarWrapper .lg\:flex-wrap,
  reach-portal .lg\:flex-wrap {
    flex-wrap: wrap !important
  }

  #navbarWrapper .lg\:flex-wrap-reverse,
  reach-portal .lg\:flex-wrap-reverse {
    flex-wrap: wrap-reverse !important
  }

  #navbarWrapper .lg\:flex-no-wrap,
  reach-portal .lg\:flex-no-wrap {
    flex-wrap: nowrap !important
  }

  #navbarWrapper .lg\:items-start,
  reach-portal .lg\:items-start {
    align-items: flex-start !important
  }

  #navbarWrapper .lg\:items-end,
  reach-portal .lg\:items-end {
    align-items: flex-end !important
  }

  #navbarWrapper .lg\:items-center,
  reach-portal .lg\:items-center {
    align-items: center !important
  }

  #navbarWrapper .lg\:items-baseline,
  reach-portal .lg\:items-baseline {
    align-items: baseline !important
  }

  #navbarWrapper .lg\:items-stretch,
  reach-portal .lg\:items-stretch {
    align-items: stretch !important
  }

  #navbarWrapper .lg\:self-auto,
  reach-portal .lg\:self-auto {
    align-self: auto !important
  }

  #navbarWrapper .lg\:self-start,
  reach-portal .lg\:self-start {
    align-self: flex-start !important
  }

  #navbarWrapper .lg\:self-end,
  reach-portal .lg\:self-end {
    align-self: flex-end !important
  }

  #navbarWrapper .lg\:self-center,
  reach-portal .lg\:self-center {
    align-self: center !important
  }

  #navbarWrapper .lg\:self-stretch,
  reach-portal .lg\:self-stretch {
    align-self: stretch !important
  }

  #navbarWrapper .lg\:justify-start,
  reach-portal .lg\:justify-start {
    justify-content: flex-start !important
  }

  #navbarWrapper .lg\:justify-end,
  reach-portal .lg\:justify-end {
    justify-content: flex-end !important
  }

  #navbarWrapper .lg\:justify-center,
  reach-portal .lg\:justify-center {
    justify-content: center !important
  }

  #navbarWrapper .lg\:justify-between,
  reach-portal .lg\:justify-between {
    justify-content: space-between !important
  }

  #navbarWrapper .lg\:justify-around,
  reach-portal .lg\:justify-around {
    justify-content: space-around !important
  }

  #navbarWrapper .lg\:justify-evenly,
  reach-portal .lg\:justify-evenly {
    justify-content: space-evenly !important
  }

  #navbarWrapper .lg\:content-center,
  reach-portal .lg\:content-center {
    align-content: center !important
  }

  #navbarWrapper .lg\:content-start,
  reach-portal .lg\:content-start {
    align-content: flex-start !important
  }

  #navbarWrapper .lg\:content-end,
  reach-portal .lg\:content-end {
    align-content: flex-end !important
  }

  #navbarWrapper .lg\:content-between,
  reach-portal .lg\:content-between {
    align-content: space-between !important
  }

  #navbarWrapper .lg\:content-around,
  reach-portal .lg\:content-around {
    align-content: space-around !important
  }

  #navbarWrapper .lg\:flex-1,
  reach-portal .lg\:flex-1 {
    flex: 1 1 !important
  }

  #navbarWrapper .lg\:flex-auto,
  reach-portal .lg\:flex-auto {
    flex: 1 1 auto !important
  }

  #navbarWrapper .lg\:flex-initial,
  reach-portal .lg\:flex-initial {
    flex: 0 1 auto !important
  }

  #navbarWrapper .lg\:flex-none,
  reach-portal .lg\:flex-none {
    flex: none !important
  }

  #navbarWrapper .lg\:flex-grow-0,
  reach-portal .lg\:flex-grow-0 {
    flex-grow: 0 !important
  }

  #navbarWrapper .lg\:flex-grow,
  reach-portal .lg\:flex-grow {
    flex-grow: 1 !important
  }

  #navbarWrapper .lg\:flex-shrink-0,
  reach-portal .lg\:flex-shrink-0 {
    flex-shrink: 0 !important
  }

  #navbarWrapper .lg\:flex-shrink,
  reach-portal .lg\:flex-shrink {
    flex-shrink: 1 !important
  }

  #navbarWrapper .lg\:order-1,
  reach-portal .lg\:order-1 {
    order: 1 !important
  }

  #navbarWrapper .lg\:order-2,
  reach-portal .lg\:order-2 {
    order: 2 !important
  }

  #navbarWrapper .lg\:order-3,
  reach-portal .lg\:order-3 {
    order: 3 !important
  }

  #navbarWrapper .lg\:order-4,
  reach-portal .lg\:order-4 {
    order: 4 !important
  }

  #navbarWrapper .lg\:order-5,
  reach-portal .lg\:order-5 {
    order: 5 !important
  }

  #navbarWrapper .lg\:order-6,
  reach-portal .lg\:order-6 {
    order: 6 !important
  }

  #navbarWrapper .lg\:order-7,
  reach-portal .lg\:order-7 {
    order: 7 !important
  }

  #navbarWrapper .lg\:order-8,
  reach-portal .lg\:order-8 {
    order: 8 !important
  }

  #navbarWrapper .lg\:order-9,
  reach-portal .lg\:order-9 {
    order: 9 !important
  }

  #navbarWrapper .lg\:order-10,
  reach-portal .lg\:order-10 {
    order: 10 !important
  }

  #navbarWrapper .lg\:order-11,
  reach-portal .lg\:order-11 {
    order: 11 !important
  }

  #navbarWrapper .lg\:order-12,
  reach-portal .lg\:order-12 {
    order: 12 !important
  }

  #navbarWrapper .lg\:order-first,
  reach-portal .lg\:order-first {
    order: -9999 !important
  }

  #navbarWrapper .lg\:order-last,
  reach-portal .lg\:order-last {
    order: 9999 !important
  }

  #navbarWrapper .lg\:order-none,
  reach-portal .lg\:order-none {
    order: 0 !important
  }

  #navbarWrapper .lg\:float-right,
  reach-portal .lg\:float-right {
    float: right !important
  }

  #navbarWrapper .lg\:float-left,
  reach-portal .lg\:float-left {
    float: left !important
  }

  #navbarWrapper .lg\:float-none,
  reach-portal .lg\:float-none {
    float: none !important
  }

  #navbarWrapper .lg\:clearfix:after,
  reach-portal .lg\:clearfix:after {
    clear: both !important;
    content: "" !important;
    display: table !important
  }

  #navbarWrapper .lg\:clear-left,
  reach-portal .lg\:clear-left {
    clear: left !important
  }

  #navbarWrapper .lg\:clear-right,
  reach-portal .lg\:clear-right {
    clear: right !important
  }

  #navbarWrapper .lg\:clear-both,
  reach-portal .lg\:clear-both {
    clear: both !important
  }

  #navbarWrapper .lg\:clear-none,
  reach-portal .lg\:clear-none {
    clear: none !important
  }

  #navbarWrapper .lg\:font-display,
  reach-portal .lg\:font-display {
    font-family: Gilroy, sans-serif !important
  }

  #navbarWrapper .lg\:font-body,
  reach-portal .lg\:font-body {
    font-family: Graphik, sans-serif !important
  }

  #navbarWrapper .lg\:font-hairline,
  reach-portal .lg\:font-hairline {
    font-weight: 100 !important
  }

  #navbarWrapper .lg\:font-thin,
  reach-portal .lg\:font-thin {
    font-weight: 200 !important
  }

  #navbarWrapper .lg\:font-light,
  reach-portal .lg\:font-light {
    font-weight: 300 !important
  }

  #navbarWrapper .lg\:font-normal,
  reach-portal .lg\:font-normal {
    font-weight: 400 !important
  }

  #navbarWrapper .lg\:font-medium,
  reach-portal .lg\:font-medium {
    font-weight: 500 !important
  }

  #navbarWrapper .lg\:font-semibold,
  reach-portal .lg\:font-semibold {
    font-weight: 600 !important
  }

  #navbarWrapper .lg\:font-bold,
  reach-portal .lg\:font-bold {
    font-weight: 700 !important
  }

  #navbarWrapper .lg\:font-extrabold,
  reach-portal .lg\:font-extrabold {
    font-weight: 800 !important
  }

  #navbarWrapper .lg\:font-black,
  reach-portal .lg\:font-black {
    font-weight: 900 !important
  }

  #navbarWrapper .lg\:hover\:font-hairline:hover,
  reach-portal .lg\:hover\:font-hairline:hover {
    font-weight: 100 !important
  }

  #navbarWrapper .lg\:hover\:font-thin:hover,
  reach-portal .lg\:hover\:font-thin:hover {
    font-weight: 200 !important
  }

  #navbarWrapper .lg\:hover\:font-light:hover,
  reach-portal .lg\:hover\:font-light:hover {
    font-weight: 300 !important
  }

  #navbarWrapper .lg\:hover\:font-normal:hover,
  reach-portal .lg\:hover\:font-normal:hover {
    font-weight: 400 !important
  }

  #navbarWrapper .lg\:hover\:font-medium:hover,
  reach-portal .lg\:hover\:font-medium:hover {
    font-weight: 500 !important
  }

  #navbarWrapper .lg\:hover\:font-semibold:hover,
  reach-portal .lg\:hover\:font-semibold:hover {
    font-weight: 600 !important
  }

  #navbarWrapper .lg\:hover\:font-bold:hover,
  reach-portal .lg\:hover\:font-bold:hover {
    font-weight: 700 !important
  }

  #navbarWrapper .lg\:hover\:font-extrabold:hover,
  reach-portal .lg\:hover\:font-extrabold:hover {
    font-weight: 800 !important
  }

  #navbarWrapper .lg\:hover\:font-black:hover,
  reach-portal .lg\:hover\:font-black:hover {
    font-weight: 900 !important
  }

  #navbarWrapper .lg\:focus\:font-hairline:focus,
  reach-portal .lg\:focus\:font-hairline:focus {
    font-weight: 100 !important
  }

  #navbarWrapper .lg\:focus\:font-thin:focus,
  reach-portal .lg\:focus\:font-thin:focus {
    font-weight: 200 !important
  }

  #navbarWrapper .lg\:focus\:font-light:focus,
  reach-portal .lg\:focus\:font-light:focus {
    font-weight: 300 !important
  }

  #navbarWrapper .lg\:focus\:font-normal:focus,
  reach-portal .lg\:focus\:font-normal:focus {
    font-weight: 400 !important
  }

  #navbarWrapper .lg\:focus\:font-medium:focus,
  reach-portal .lg\:focus\:font-medium:focus {
    font-weight: 500 !important
  }

  #navbarWrapper .lg\:focus\:font-semibold:focus,
  reach-portal .lg\:focus\:font-semibold:focus {
    font-weight: 600 !important
  }

  #navbarWrapper .lg\:focus\:font-bold:focus,
  reach-portal .lg\:focus\:font-bold:focus {
    font-weight: 700 !important
  }

  #navbarWrapper .lg\:focus\:font-extrabold:focus,
  reach-portal .lg\:focus\:font-extrabold:focus {
    font-weight: 800 !important
  }

  #navbarWrapper .lg\:focus\:font-black:focus,
  reach-portal .lg\:focus\:font-black:focus {
    font-weight: 900 !important
  }

  #navbarWrapper .lg\:h-0,
  reach-portal .lg\:h-0 {
    height: 0 !important
  }

  #navbarWrapper .lg\:h-1,
  reach-portal .lg\:h-1 {
    height: .25rem !important
  }

  #navbarWrapper .lg\:h-2,
  reach-portal .lg\:h-2 {
    height: .5rem !important
  }

  #navbarWrapper .lg\:h-3,
  reach-portal .lg\:h-3 {
    height: .75rem !important
  }

  #navbarWrapper .lg\:h-4,
  reach-portal .lg\:h-4 {
    height: 1rem !important
  }

  #navbarWrapper .lg\:h-5,
  reach-portal .lg\:h-5 {
    height: 1.25rem !important
  }

  #navbarWrapper .lg\:h-6,
  reach-portal .lg\:h-6 {
    height: 1.5rem !important
  }

  #navbarWrapper .lg\:h-8,
  reach-portal .lg\:h-8 {
    height: 2rem !important
  }

  #navbarWrapper .lg\:h-10,
  reach-portal .lg\:h-10 {
    height: 2.5rem !important
  }

  #navbarWrapper .lg\:h-12,
  reach-portal .lg\:h-12 {
    height: 3rem !important
  }

  #navbarWrapper .lg\:h-16,
  reach-portal .lg\:h-16 {
    height: 4rem !important
  }

  #navbarWrapper .lg\:h-20,
  reach-portal .lg\:h-20 {
    height: 5rem !important
  }

  #navbarWrapper .lg\:h-24,
  reach-portal .lg\:h-24 {
    height: 6rem !important
  }

  #navbarWrapper .lg\:h-32,
  reach-portal .lg\:h-32 {
    height: 8rem !important
  }

  #navbarWrapper .lg\:h-40,
  reach-portal .lg\:h-40 {
    height: 10rem !important
  }

  #navbarWrapper .lg\:h-48,
  reach-portal .lg\:h-48 {
    height: 12rem !important
  }

  #navbarWrapper .lg\:h-56,
  reach-portal .lg\:h-56 {
    height: 14rem !important
  }

  #navbarWrapper .lg\:h-64,
  reach-portal .lg\:h-64 {
    height: 16rem !important
  }

  #navbarWrapper .lg\:h-auto,
  reach-portal .lg\:h-auto {
    height: auto !important
  }

  #navbarWrapper .lg\:h-px,
  reach-portal .lg\:h-px {
    height: 1px !important
  }

  #navbarWrapper .lg\:h-full,
  reach-portal .lg\:h-full {
    height: 100% !important
  }

  #navbarWrapper .lg\:h-screen,
  reach-portal .lg\:h-screen {
    height: 100vh !important
  }

  #navbarWrapper .lg\:text-xs,
  reach-portal .lg\:text-xs {
    font-size: .75rem !important
  }

  #navbarWrapper .lg\:text-sm,
  reach-portal .lg\:text-sm {
    font-size: .875rem !important
  }

  #navbarWrapper .lg\:text-base,
  reach-portal .lg\:text-base {
    font-size: 1rem !important
  }

  #navbarWrapper .lg\:text-lg,
  reach-portal .lg\:text-lg {
    font-size: 1.125rem !important
  }

  #navbarWrapper .lg\:text-xl,
  reach-portal .lg\:text-xl {
    font-size: 1.25rem !important
  }

  #navbarWrapper .lg\:text-2xl,
  reach-portal .lg\:text-2xl {
    font-size: 1.5rem !important
  }

  #navbarWrapper .lg\:text-3xl,
  reach-portal .lg\:text-3xl {
    font-size: 1.875rem !important
  }

  #navbarWrapper .lg\:text-4xl,
  reach-portal .lg\:text-4xl {
    font-size: 2.25rem !important
  }

  #navbarWrapper .lg\:text-5xl,
  reach-portal .lg\:text-5xl {
    font-size: 3rem !important
  }

  #navbarWrapper .lg\:text-6xl,
  reach-portal .lg\:text-6xl {
    font-size: 4rem !important
  }

  #navbarWrapper .lg\:leading-3,
  reach-portal .lg\:leading-3 {
    line-height: .75rem !important
  }

  #navbarWrapper .lg\:leading-4,
  reach-portal .lg\:leading-4 {
    line-height: 1rem !important
  }

  #navbarWrapper .lg\:leading-5,
  reach-portal .lg\:leading-5 {
    line-height: 1.25rem !important
  }

  #navbarWrapper .lg\:leading-6,
  reach-portal .lg\:leading-6 {
    line-height: 1.5rem !important
  }

  #navbarWrapper .lg\:leading-7,
  reach-portal .lg\:leading-7 {
    line-height: 1.75rem !important
  }

  #navbarWrapper .lg\:leading-8,
  reach-portal .lg\:leading-8 {
    line-height: 2rem !important
  }

  #navbarWrapper .lg\:leading-9,
  reach-portal .lg\:leading-9 {
    line-height: 2.25rem !important
  }

  #navbarWrapper .lg\:leading-10,
  reach-portal .lg\:leading-10 {
    line-height: 2.5rem !important
  }

  #navbarWrapper .lg\:leading-none,
  reach-portal .lg\:leading-none {
    line-height: 1 !important
  }

  #navbarWrapper .lg\:leading-tight,
  reach-portal .lg\:leading-tight {
    line-height: 1.25 !important
  }

  #navbarWrapper .lg\:leading-snug,
  reach-portal .lg\:leading-snug {
    line-height: 1.375 !important
  }

  #navbarWrapper .lg\:leading-normal,
  reach-portal .lg\:leading-normal {
    line-height: 1.5 !important
  }

  #navbarWrapper .lg\:leading-relaxed,
  reach-portal .lg\:leading-relaxed {
    line-height: 1.625 !important
  }

  #navbarWrapper .lg\:leading-loose,
  reach-portal .lg\:leading-loose {
    line-height: 2 !important
  }

  #navbarWrapper .lg\:list-inside,
  reach-portal .lg\:list-inside {
    list-style-position: inside !important
  }

  #navbarWrapper .lg\:list-outside,
  reach-portal .lg\:list-outside {
    list-style-position: outside !important
  }

  #navbarWrapper .lg\:list-none,
  reach-portal .lg\:list-none {
    list-style-type: none !important
  }

  #navbarWrapper .lg\:list-disc,
  reach-portal .lg\:list-disc {
    list-style-type: disc !important
  }

  #navbarWrapper .lg\:list-decimal,
  reach-portal .lg\:list-decimal {
    list-style-type: decimal !important
  }

  #navbarWrapper .lg\:m-0,
  reach-portal .lg\:m-0 {
    margin: 0 !important
  }

  #navbarWrapper .lg\:m-1,
  reach-portal .lg\:m-1 {
    margin: .25rem !important
  }

  #navbarWrapper .lg\:m-2,
  reach-portal .lg\:m-2 {
    margin: .5rem !important
  }

  #navbarWrapper .lg\:m-3,
  reach-portal .lg\:m-3 {
    margin: .75rem !important
  }

  #navbarWrapper .lg\:m-4,
  reach-portal .lg\:m-4 {
    margin: 1rem !important
  }

  #navbarWrapper .lg\:m-5,
  reach-portal .lg\:m-5 {
    margin: 1.25rem !important
  }

  #navbarWrapper .lg\:m-6,
  reach-portal .lg\:m-6 {
    margin: 1.5rem !important
  }

  #navbarWrapper .lg\:m-8,
  reach-portal .lg\:m-8 {
    margin: 2rem !important
  }

  #navbarWrapper .lg\:m-10,
  reach-portal .lg\:m-10 {
    margin: 2.5rem !important
  }

  #navbarWrapper .lg\:m-12,
  reach-portal .lg\:m-12 {
    margin: 3rem !important
  }

  #navbarWrapper .lg\:m-16,
  reach-portal .lg\:m-16 {
    margin: 4rem !important
  }

  #navbarWrapper .lg\:m-20,
  reach-portal .lg\:m-20 {
    margin: 5rem !important
  }

  #navbarWrapper .lg\:m-24,
  reach-portal .lg\:m-24 {
    margin: 6rem !important
  }

  #navbarWrapper .lg\:m-32,
  reach-portal .lg\:m-32 {
    margin: 8rem !important
  }

  #navbarWrapper .lg\:m-40,
  reach-portal .lg\:m-40 {
    margin: 10rem !important
  }

  #navbarWrapper .lg\:m-48,
  reach-portal .lg\:m-48 {
    margin: 12rem !important
  }

  #navbarWrapper .lg\:m-56,
  reach-portal .lg\:m-56 {
    margin: 14rem !important
  }

  #navbarWrapper .lg\:m-64,
  reach-portal .lg\:m-64 {
    margin: 16rem !important
  }

  #navbarWrapper .lg\:m-auto,
  reach-portal .lg\:m-auto {
    margin: auto !important
  }

  #navbarWrapper .lg\:m-px,
  reach-portal .lg\:m-px {
    margin: 1px !important
  }

  #navbarWrapper .lg\:-m-1,
  reach-portal .lg\:-m-1 {
    margin: -.25rem !important
  }

  #navbarWrapper .lg\:-m-2,
  reach-portal .lg\:-m-2 {
    margin: -.5rem !important
  }

  #navbarWrapper .lg\:-m-3,
  reach-portal .lg\:-m-3 {
    margin: -.75rem !important
  }

  #navbarWrapper .lg\:-m-4,
  reach-portal .lg\:-m-4 {
    margin: -1rem !important
  }

  #navbarWrapper .lg\:-m-5,
  reach-portal .lg\:-m-5 {
    margin: -1.25rem !important
  }

  #navbarWrapper .lg\:-m-6,
  reach-portal .lg\:-m-6 {
    margin: -1.5rem !important
  }

  #navbarWrapper .lg\:-m-8,
  reach-portal .lg\:-m-8 {
    margin: -2rem !important
  }

  #navbarWrapper .lg\:-m-10,
  reach-portal .lg\:-m-10 {
    margin: -2.5rem !important
  }

  #navbarWrapper .lg\:-m-12,
  reach-portal .lg\:-m-12 {
    margin: -3rem !important
  }

  #navbarWrapper .lg\:-m-16,
  reach-portal .lg\:-m-16 {
    margin: -4rem !important
  }

  #navbarWrapper .lg\:-m-20,
  reach-portal .lg\:-m-20 {
    margin: -5rem !important
  }

  #navbarWrapper .lg\:-m-24,
  reach-portal .lg\:-m-24 {
    margin: -6rem !important
  }

  #navbarWrapper .lg\:-m-32,
  reach-portal .lg\:-m-32 {
    margin: -8rem !important
  }

  #navbarWrapper .lg\:-m-40,
  reach-portal .lg\:-m-40 {
    margin: -10rem !important
  }

  #navbarWrapper .lg\:-m-48,
  reach-portal .lg\:-m-48 {
    margin: -12rem !important
  }

  #navbarWrapper .lg\:-m-56,
  reach-portal .lg\:-m-56 {
    margin: -14rem !important
  }

  #navbarWrapper .lg\:-m-64,
  reach-portal .lg\:-m-64 {
    margin: -16rem !important
  }

  #navbarWrapper .lg\:-m-px,
  reach-portal .lg\:-m-px {
    margin: -1px !important
  }

  #navbarWrapper .lg\:my-0,
  reach-portal .lg\:my-0 {
    margin-bottom: 0 !important;
    margin-top: 0 !important
  }

  #navbarWrapper .lg\:mx-0,
  reach-portal .lg\:mx-0 {
    margin-left: 0 !important;
    margin-right: 0 !important
  }

  #navbarWrapper .lg\:my-1,
  reach-portal .lg\:my-1 {
    margin-bottom: .25rem !important;
    margin-top: .25rem !important
  }

  #navbarWrapper .lg\:mx-1,
  reach-portal .lg\:mx-1 {
    margin-left: .25rem !important;
    margin-right: .25rem !important
  }

  #navbarWrapper .lg\:my-2,
  reach-portal .lg\:my-2 {
    margin-bottom: .5rem !important;
    margin-top: .5rem !important
  }

  #navbarWrapper .lg\:mx-2,
  reach-portal .lg\:mx-2 {
    margin-left: .5rem !important;
    margin-right: .5rem !important
  }

  #navbarWrapper .lg\:my-3,
  reach-portal .lg\:my-3 {
    margin-bottom: .75rem !important;
    margin-top: .75rem !important
  }

  #navbarWrapper .lg\:mx-3,
  reach-portal .lg\:mx-3 {
    margin-left: .75rem !important;
    margin-right: .75rem !important
  }

  #navbarWrapper .lg\:my-4,
  reach-portal .lg\:my-4 {
    margin-bottom: 1rem !important;
    margin-top: 1rem !important
  }

  #navbarWrapper .lg\:mx-4,
  reach-portal .lg\:mx-4 {
    margin-left: 1rem !important;
    margin-right: 1rem !important
  }

  #navbarWrapper .lg\:my-5,
  reach-portal .lg\:my-5 {
    margin-bottom: 1.25rem !important;
    margin-top: 1.25rem !important
  }

  #navbarWrapper .lg\:mx-5,
  reach-portal .lg\:mx-5 {
    margin-left: 1.25rem !important;
    margin-right: 1.25rem !important
  }

  #navbarWrapper .lg\:my-6,
  reach-portal .lg\:my-6 {
    margin-bottom: 1.5rem !important;
    margin-top: 1.5rem !important
  }

  #navbarWrapper .lg\:mx-6,
  reach-portal .lg\:mx-6 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important
  }

  #navbarWrapper .lg\:my-8,
  reach-portal .lg\:my-8 {
    margin-bottom: 2rem !important;
    margin-top: 2rem !important
  }

  #navbarWrapper .lg\:mx-8,
  reach-portal .lg\:mx-8 {
    margin-left: 2rem !important;
    margin-right: 2rem !important
  }

  #navbarWrapper .lg\:my-10,
  reach-portal .lg\:my-10 {
    margin-bottom: 2.5rem !important;
    margin-top: 2.5rem !important
  }

  #navbarWrapper .lg\:mx-10,
  reach-portal .lg\:mx-10 {
    margin-left: 2.5rem !important;
    margin-right: 2.5rem !important
  }

  #navbarWrapper .lg\:my-12,
  reach-portal .lg\:my-12 {
    margin-bottom: 3rem !important;
    margin-top: 3rem !important
  }

  #navbarWrapper .lg\:mx-12,
  reach-portal .lg\:mx-12 {
    margin-left: 3rem !important;
    margin-right: 3rem !important
  }

  #navbarWrapper .lg\:my-16,
  reach-portal .lg\:my-16 {
    margin-bottom: 4rem !important;
    margin-top: 4rem !important
  }

  #navbarWrapper .lg\:mx-16,
  reach-portal .lg\:mx-16 {
    margin-left: 4rem !important;
    margin-right: 4rem !important
  }

  #navbarWrapper .lg\:my-20,
  reach-portal .lg\:my-20 {
    margin-bottom: 5rem !important;
    margin-top: 5rem !important
  }

  #navbarWrapper .lg\:mx-20,
  reach-portal .lg\:mx-20 {
    margin-left: 5rem !important;
    margin-right: 5rem !important
  }

  #navbarWrapper .lg\:my-24,
  reach-portal .lg\:my-24 {
    margin-bottom: 6rem !important;
    margin-top: 6rem !important
  }

  #navbarWrapper .lg\:mx-24,
  reach-portal .lg\:mx-24 {
    margin-left: 6rem !important;
    margin-right: 6rem !important
  }

  #navbarWrapper .lg\:my-32,
  reach-portal .lg\:my-32 {
    margin-bottom: 8rem !important;
    margin-top: 8rem !important
  }

  #navbarWrapper .lg\:mx-32,
  reach-portal .lg\:mx-32 {
    margin-left: 8rem !important;
    margin-right: 8rem !important
  }

  #navbarWrapper .lg\:my-40,
  reach-portal .lg\:my-40 {
    margin-bottom: 10rem !important;
    margin-top: 10rem !important
  }

  #navbarWrapper .lg\:mx-40,
  reach-portal .lg\:mx-40 {
    margin-left: 10rem !important;
    margin-right: 10rem !important
  }

  #navbarWrapper .lg\:my-48,
  reach-portal .lg\:my-48 {
    margin-bottom: 12rem !important;
    margin-top: 12rem !important
  }

  #navbarWrapper .lg\:mx-48,
  reach-portal .lg\:mx-48 {
    margin-left: 12rem !important;
    margin-right: 12rem !important
  }

  #navbarWrapper .lg\:my-56,
  reach-portal .lg\:my-56 {
    margin-bottom: 14rem !important;
    margin-top: 14rem !important
  }

  #navbarWrapper .lg\:mx-56,
  reach-portal .lg\:mx-56 {
    margin-left: 14rem !important;
    margin-right: 14rem !important
  }

  #navbarWrapper .lg\:my-64,
  reach-portal .lg\:my-64 {
    margin-bottom: 16rem !important;
    margin-top: 16rem !important
  }

  #navbarWrapper .lg\:mx-64,
  reach-portal .lg\:mx-64 {
    margin-left: 16rem !important;
    margin-right: 16rem !important
  }

  #navbarWrapper .lg\:my-auto,
  reach-portal .lg\:my-auto {
    margin-bottom: auto !important;
    margin-top: auto !important
  }

  #navbarWrapper .lg\:mx-auto,
  reach-portal .lg\:mx-auto {
    margin-left: auto !important;
    margin-right: auto !important
  }

  #navbarWrapper .lg\:my-px,
  reach-portal .lg\:my-px {
    margin-bottom: 1px !important;
    margin-top: 1px !important
  }

  #navbarWrapper .lg\:mx-px,
  reach-portal .lg\:mx-px {
    margin-left: 1px !important;
    margin-right: 1px !important
  }

  #navbarWrapper .lg\:-my-1,
  reach-portal .lg\:-my-1 {
    margin-bottom: -.25rem !important;
    margin-top: -.25rem !important
  }

  #navbarWrapper .lg\:-mx-1,
  reach-portal .lg\:-mx-1 {
    margin-left: -.25rem !important;
    margin-right: -.25rem !important
  }

  #navbarWrapper .lg\:-my-2,
  reach-portal .lg\:-my-2 {
    margin-bottom: -.5rem !important;
    margin-top: -.5rem !important
  }

  #navbarWrapper .lg\:-mx-2,
  reach-portal .lg\:-mx-2 {
    margin-left: -.5rem !important;
    margin-right: -.5rem !important
  }

  #navbarWrapper .lg\:-my-3,
  reach-portal .lg\:-my-3 {
    margin-bottom: -.75rem !important;
    margin-top: -.75rem !important
  }

  #navbarWrapper .lg\:-mx-3,
  reach-portal .lg\:-mx-3 {
    margin-left: -.75rem !important;
    margin-right: -.75rem !important
  }

  #navbarWrapper .lg\:-my-4,
  reach-portal .lg\:-my-4 {
    margin-bottom: -1rem !important;
    margin-top: -1rem !important
  }

  #navbarWrapper .lg\:-mx-4,
  reach-portal .lg\:-mx-4 {
    margin-left: -1rem !important;
    margin-right: -1rem !important
  }

  #navbarWrapper .lg\:-my-5,
  reach-portal .lg\:-my-5 {
    margin-bottom: -1.25rem !important;
    margin-top: -1.25rem !important
  }

  #navbarWrapper .lg\:-mx-5,
  reach-portal .lg\:-mx-5 {
    margin-left: -1.25rem !important;
    margin-right: -1.25rem !important
  }

  #navbarWrapper .lg\:-my-6,
  reach-portal .lg\:-my-6 {
    margin-bottom: -1.5rem !important;
    margin-top: -1.5rem !important
  }

  #navbarWrapper .lg\:-mx-6,
  reach-portal .lg\:-mx-6 {
    margin-left: -1.5rem !important;
    margin-right: -1.5rem !important
  }

  #navbarWrapper .lg\:-my-8,
  reach-portal .lg\:-my-8 {
    margin-bottom: -2rem !important;
    margin-top: -2rem !important
  }

  #navbarWrapper .lg\:-mx-8,
  reach-portal .lg\:-mx-8 {
    margin-left: -2rem !important;
    margin-right: -2rem !important
  }

  #navbarWrapper .lg\:-my-10,
  reach-portal .lg\:-my-10 {
    margin-bottom: -2.5rem !important;
    margin-top: -2.5rem !important
  }

  #navbarWrapper .lg\:-mx-10,
  reach-portal .lg\:-mx-10 {
    margin-left: -2.5rem !important;
    margin-right: -2.5rem !important
  }

  #navbarWrapper .lg\:-my-12,
  reach-portal .lg\:-my-12 {
    margin-bottom: -3rem !important;
    margin-top: -3rem !important
  }

  #navbarWrapper .lg\:-mx-12,
  reach-portal .lg\:-mx-12 {
    margin-left: -3rem !important;
    margin-right: -3rem !important
  }

  #navbarWrapper .lg\:-my-16,
  reach-portal .lg\:-my-16 {
    margin-bottom: -4rem !important;
    margin-top: -4rem !important
  }

  #navbarWrapper .lg\:-mx-16,
  reach-portal .lg\:-mx-16 {
    margin-left: -4rem !important;
    margin-right: -4rem !important
  }

  #navbarWrapper .lg\:-my-20,
  reach-portal .lg\:-my-20 {
    margin-bottom: -5rem !important;
    margin-top: -5rem !important
  }

  #navbarWrapper .lg\:-mx-20,
  reach-portal .lg\:-mx-20 {
    margin-left: -5rem !important;
    margin-right: -5rem !important
  }

  #navbarWrapper .lg\:-my-24,
  reach-portal .lg\:-my-24 {
    margin-bottom: -6rem !important;
    margin-top: -6rem !important
  }

  #navbarWrapper .lg\:-mx-24,
  reach-portal .lg\:-mx-24 {
    margin-left: -6rem !important;
    margin-right: -6rem !important
  }

  #navbarWrapper .lg\:-my-32,
  reach-portal .lg\:-my-32 {
    margin-bottom: -8rem !important;
    margin-top: -8rem !important
  }

  #navbarWrapper .lg\:-mx-32,
  reach-portal .lg\:-mx-32 {
    margin-left: -8rem !important;
    margin-right: -8rem !important
  }

  #navbarWrapper .lg\:-my-40,
  reach-portal .lg\:-my-40 {
    margin-bottom: -10rem !important;
    margin-top: -10rem !important
  }

  #navbarWrapper .lg\:-mx-40,
  reach-portal .lg\:-mx-40 {
    margin-left: -10rem !important;
    margin-right: -10rem !important
  }

  #navbarWrapper .lg\:-my-48,
  reach-portal .lg\:-my-48 {
    margin-bottom: -12rem !important;
    margin-top: -12rem !important
  }

  #navbarWrapper .lg\:-mx-48,
  reach-portal .lg\:-mx-48 {
    margin-left: -12rem !important;
    margin-right: -12rem !important
  }

  #navbarWrapper .lg\:-my-56,
  reach-portal .lg\:-my-56 {
    margin-bottom: -14rem !important;
    margin-top: -14rem !important
  }

  #navbarWrapper .lg\:-mx-56,
  reach-portal .lg\:-mx-56 {
    margin-left: -14rem !important;
    margin-right: -14rem !important
  }

  #navbarWrapper .lg\:-my-64,
  reach-portal .lg\:-my-64 {
    margin-bottom: -16rem !important;
    margin-top: -16rem !important
  }

  #navbarWrapper .lg\:-mx-64,
  reach-portal .lg\:-mx-64 {
    margin-left: -16rem !important;
    margin-right: -16rem !important
  }

  #navbarWrapper .lg\:-my-px,
  reach-portal .lg\:-my-px {
    margin-bottom: -1px !important;
    margin-top: -1px !important
  }

  #navbarWrapper .lg\:-mx-px,
  reach-portal .lg\:-mx-px {
    margin-left: -1px !important;
    margin-right: -1px !important
  }

  #navbarWrapper .lg\:mt-0,
  reach-portal .lg\:mt-0 {
    margin-top: 0 !important
  }

  #navbarWrapper .lg\:mr-0,
  reach-portal .lg\:mr-0 {
    margin-right: 0 !important
  }

  #navbarWrapper .lg\:mb-0,
  reach-portal .lg\:mb-0 {
    margin-bottom: 0 !important
  }

  #navbarWrapper .lg\:ml-0,
  reach-portal .lg\:ml-0 {
    margin-left: 0 !important
  }

  #navbarWrapper .lg\:mt-1,
  reach-portal .lg\:mt-1 {
    margin-top: .25rem !important
  }

  #navbarWrapper .lg\:mr-1,
  reach-portal .lg\:mr-1 {
    margin-right: .25rem !important
  }

  #navbarWrapper .lg\:mb-1,
  reach-portal .lg\:mb-1 {
    margin-bottom: .25rem !important
  }

  #navbarWrapper .lg\:ml-1,
  reach-portal .lg\:ml-1 {
    margin-left: .25rem !important
  }

  #navbarWrapper .lg\:mt-2,
  reach-portal .lg\:mt-2 {
    margin-top: .5rem !important
  }

  #navbarWrapper .lg\:mr-2,
  reach-portal .lg\:mr-2 {
    margin-right: .5rem !important
  }

  #navbarWrapper .lg\:mb-2,
  reach-portal .lg\:mb-2 {
    margin-bottom: .5rem !important
  }

  #navbarWrapper .lg\:ml-2,
  reach-portal .lg\:ml-2 {
    margin-left: .5rem !important
  }

  #navbarWrapper .lg\:mt-3,
  reach-portal .lg\:mt-3 {
    margin-top: .75rem !important
  }

  #navbarWrapper .lg\:mr-3,
  reach-portal .lg\:mr-3 {
    margin-right: .75rem !important
  }

  #navbarWrapper .lg\:mb-3,
  reach-portal .lg\:mb-3 {
    margin-bottom: .75rem !important
  }

  #navbarWrapper .lg\:ml-3,
  reach-portal .lg\:ml-3 {
    margin-left: .75rem !important
  }

  #navbarWrapper .lg\:mt-4,
  reach-portal .lg\:mt-4 {
    margin-top: 1rem !important
  }

  #navbarWrapper .lg\:mr-4,
  reach-portal .lg\:mr-4 {
    margin-right: 1rem !important
  }

  #navbarWrapper .lg\:mb-4,
  reach-portal .lg\:mb-4 {
    margin-bottom: 1rem !important
  }

  #navbarWrapper .lg\:ml-4,
  reach-portal .lg\:ml-4 {
    margin-left: 1rem !important
  }

  #navbarWrapper .lg\:mt-5,
  reach-portal .lg\:mt-5 {
    margin-top: 1.25rem !important
  }

  #navbarWrapper .lg\:mr-5,
  reach-portal .lg\:mr-5 {
    margin-right: 1.25rem !important
  }

  #navbarWrapper .lg\:mb-5,
  reach-portal .lg\:mb-5 {
    margin-bottom: 1.25rem !important
  }

  #navbarWrapper .lg\:ml-5,
  reach-portal .lg\:ml-5 {
    margin-left: 1.25rem !important
  }

  #navbarWrapper .lg\:mt-6,
  reach-portal .lg\:mt-6 {
    margin-top: 1.5rem !important
  }

  #navbarWrapper .lg\:mr-6,
  reach-portal .lg\:mr-6 {
    margin-right: 1.5rem !important
  }

  #navbarWrapper .lg\:mb-6,
  reach-portal .lg\:mb-6 {
    margin-bottom: 1.5rem !important
  }

  #navbarWrapper .lg\:ml-6,
  reach-portal .lg\:ml-6 {
    margin-left: 1.5rem !important
  }

  #navbarWrapper .lg\:mt-8,
  reach-portal .lg\:mt-8 {
    margin-top: 2rem !important
  }

  #navbarWrapper .lg\:mr-8,
  reach-portal .lg\:mr-8 {
    margin-right: 2rem !important
  }

  #navbarWrapper .lg\:mb-8,
  reach-portal .lg\:mb-8 {
    margin-bottom: 2rem !important
  }

  #navbarWrapper .lg\:ml-8,
  reach-portal .lg\:ml-8 {
    margin-left: 2rem !important
  }

  #navbarWrapper .lg\:mt-10,
  reach-portal .lg\:mt-10 {
    margin-top: 2.5rem !important
  }

  #navbarWrapper .lg\:mr-10,
  reach-portal .lg\:mr-10 {
    margin-right: 2.5rem !important
  }

  #navbarWrapper .lg\:mb-10,
  reach-portal .lg\:mb-10 {
    margin-bottom: 2.5rem !important
  }

  #navbarWrapper .lg\:ml-10,
  reach-portal .lg\:ml-10 {
    margin-left: 2.5rem !important
  }

  #navbarWrapper .lg\:mt-12,
  reach-portal .lg\:mt-12 {
    margin-top: 3rem !important
  }

  #navbarWrapper .lg\:mr-12,
  reach-portal .lg\:mr-12 {
    margin-right: 3rem !important
  }

  #navbarWrapper .lg\:mb-12,
  reach-portal .lg\:mb-12 {
    margin-bottom: 3rem !important
  }

  #navbarWrapper .lg\:ml-12,
  reach-portal .lg\:ml-12 {
    margin-left: 3rem !important
  }

  #navbarWrapper .lg\:mt-16,
  reach-portal .lg\:mt-16 {
    margin-top: 4rem !important
  }

  #navbarWrapper .lg\:mr-16,
  reach-portal .lg\:mr-16 {
    margin-right: 4rem !important
  }

  #navbarWrapper .lg\:mb-16,
  reach-portal .lg\:mb-16 {
    margin-bottom: 4rem !important
  }

  #navbarWrapper .lg\:ml-16,
  reach-portal .lg\:ml-16 {
    margin-left: 4rem !important
  }

  #navbarWrapper .lg\:mt-20,
  reach-portal .lg\:mt-20 {
    margin-top: 5rem !important
  }

  #navbarWrapper .lg\:mr-20,
  reach-portal .lg\:mr-20 {
    margin-right: 5rem !important
  }

  #navbarWrapper .lg\:mb-20,
  reach-portal .lg\:mb-20 {
    margin-bottom: 5rem !important
  }

  #navbarWrapper .lg\:ml-20,
  reach-portal .lg\:ml-20 {
    margin-left: 5rem !important
  }

  #navbarWrapper .lg\:mt-24,
  reach-portal .lg\:mt-24 {
    margin-top: 6rem !important
  }

  #navbarWrapper .lg\:mr-24,
  reach-portal .lg\:mr-24 {
    margin-right: 6rem !important
  }

  #navbarWrapper .lg\:mb-24,
  reach-portal .lg\:mb-24 {
    margin-bottom: 6rem !important
  }

  #navbarWrapper .lg\:ml-24,
  reach-portal .lg\:ml-24 {
    margin-left: 6rem !important
  }

  #navbarWrapper .lg\:mt-32,
  reach-portal .lg\:mt-32 {
    margin-top: 8rem !important
  }

  #navbarWrapper .lg\:mr-32,
  reach-portal .lg\:mr-32 {
    margin-right: 8rem !important
  }

  #navbarWrapper .lg\:mb-32,
  reach-portal .lg\:mb-32 {
    margin-bottom: 8rem !important
  }

  #navbarWrapper .lg\:ml-32,
  reach-portal .lg\:ml-32 {
    margin-left: 8rem !important
  }

  #navbarWrapper .lg\:mt-40,
  reach-portal .lg\:mt-40 {
    margin-top: 10rem !important
  }

  #navbarWrapper .lg\:mr-40,
  reach-portal .lg\:mr-40 {
    margin-right: 10rem !important
  }

  #navbarWrapper .lg\:mb-40,
  reach-portal .lg\:mb-40 {
    margin-bottom: 10rem !important
  }

  #navbarWrapper .lg\:ml-40,
  reach-portal .lg\:ml-40 {
    margin-left: 10rem !important
  }

  #navbarWrapper .lg\:mt-48,
  reach-portal .lg\:mt-48 {
    margin-top: 12rem !important
  }

  #navbarWrapper .lg\:mr-48,
  reach-portal .lg\:mr-48 {
    margin-right: 12rem !important
  }

  #navbarWrapper .lg\:mb-48,
  reach-portal .lg\:mb-48 {
    margin-bottom: 12rem !important
  }

  #navbarWrapper .lg\:ml-48,
  reach-portal .lg\:ml-48 {
    margin-left: 12rem !important
  }

  #navbarWrapper .lg\:mt-56,
  reach-portal .lg\:mt-56 {
    margin-top: 14rem !important
  }

  #navbarWrapper .lg\:mr-56,
  reach-portal .lg\:mr-56 {
    margin-right: 14rem !important
  }

  #navbarWrapper .lg\:mb-56,
  reach-portal .lg\:mb-56 {
    margin-bottom: 14rem !important
  }

  #navbarWrapper .lg\:ml-56,
  reach-portal .lg\:ml-56 {
    margin-left: 14rem !important
  }

  #navbarWrapper .lg\:mt-64,
  reach-portal .lg\:mt-64 {
    margin-top: 16rem !important
  }

  #navbarWrapper .lg\:mr-64,
  reach-portal .lg\:mr-64 {
    margin-right: 16rem !important
  }

  #navbarWrapper .lg\:mb-64,
  reach-portal .lg\:mb-64 {
    margin-bottom: 16rem !important
  }

  #navbarWrapper .lg\:ml-64,
  reach-portal .lg\:ml-64 {
    margin-left: 16rem !important
  }

  #navbarWrapper .lg\:mt-auto,
  reach-portal .lg\:mt-auto {
    margin-top: auto !important
  }

  #navbarWrapper .lg\:mr-auto,
  reach-portal .lg\:mr-auto {
    margin-right: auto !important
  }

  #navbarWrapper .lg\:mb-auto,
  reach-portal .lg\:mb-auto {
    margin-bottom: auto !important
  }

  #navbarWrapper .lg\:ml-auto,
  reach-portal .lg\:ml-auto {
    margin-left: auto !important
  }

  #navbarWrapper .lg\:mt-px,
  reach-portal .lg\:mt-px {
    margin-top: 1px !important
  }

  #navbarWrapper .lg\:mr-px,
  reach-portal .lg\:mr-px {
    margin-right: 1px !important
  }

  #navbarWrapper .lg\:mb-px,
  reach-portal .lg\:mb-px {
    margin-bottom: 1px !important
  }

  #navbarWrapper .lg\:ml-px,
  reach-portal .lg\:ml-px {
    margin-left: 1px !important
  }

  #navbarWrapper .lg\:-mt-1,
  reach-portal .lg\:-mt-1 {
    margin-top: -.25rem !important
  }

  #navbarWrapper .lg\:-mr-1,
  reach-portal .lg\:-mr-1 {
    margin-right: -.25rem !important
  }

  #navbarWrapper .lg\:-mb-1,
  reach-portal .lg\:-mb-1 {
    margin-bottom: -.25rem !important
  }

  #navbarWrapper .lg\:-ml-1,
  reach-portal .lg\:-ml-1 {
    margin-left: -.25rem !important
  }

  #navbarWrapper .lg\:-mt-2,
  reach-portal .lg\:-mt-2 {
    margin-top: -.5rem !important
  }

  #navbarWrapper .lg\:-mr-2,
  reach-portal .lg\:-mr-2 {
    margin-right: -.5rem !important
  }

  #navbarWrapper .lg\:-mb-2,
  reach-portal .lg\:-mb-2 {
    margin-bottom: -.5rem !important
  }

  #navbarWrapper .lg\:-ml-2,
  reach-portal .lg\:-ml-2 {
    margin-left: -.5rem !important
  }

  #navbarWrapper .lg\:-mt-3,
  reach-portal .lg\:-mt-3 {
    margin-top: -.75rem !important
  }

  #navbarWrapper .lg\:-mr-3,
  reach-portal .lg\:-mr-3 {
    margin-right: -.75rem !important
  }

  #navbarWrapper .lg\:-mb-3,
  reach-portal .lg\:-mb-3 {
    margin-bottom: -.75rem !important
  }

  #navbarWrapper .lg\:-ml-3,
  reach-portal .lg\:-ml-3 {
    margin-left: -.75rem !important
  }

  #navbarWrapper .lg\:-mt-4,
  reach-portal .lg\:-mt-4 {
    margin-top: -1rem !important
  }

  #navbarWrapper .lg\:-mr-4,
  reach-portal .lg\:-mr-4 {
    margin-right: -1rem !important
  }

  #navbarWrapper .lg\:-mb-4,
  reach-portal .lg\:-mb-4 {
    margin-bottom: -1rem !important
  }

  #navbarWrapper .lg\:-ml-4,
  reach-portal .lg\:-ml-4 {
    margin-left: -1rem !important
  }

  #navbarWrapper .lg\:-mt-5,
  reach-portal .lg\:-mt-5 {
    margin-top: -1.25rem !important
  }

  #navbarWrapper .lg\:-mr-5,
  reach-portal .lg\:-mr-5 {
    margin-right: -1.25rem !important
  }

  #navbarWrapper .lg\:-mb-5,
  reach-portal .lg\:-mb-5 {
    margin-bottom: -1.25rem !important
  }

  #navbarWrapper .lg\:-ml-5,
  reach-portal .lg\:-ml-5 {
    margin-left: -1.25rem !important
  }

  #navbarWrapper .lg\:-mt-6,
  reach-portal .lg\:-mt-6 {
    margin-top: -1.5rem !important
  }

  #navbarWrapper .lg\:-mr-6,
  reach-portal .lg\:-mr-6 {
    margin-right: -1.5rem !important
  }

  #navbarWrapper .lg\:-mb-6,
  reach-portal .lg\:-mb-6 {
    margin-bottom: -1.5rem !important
  }

  #navbarWrapper .lg\:-ml-6,
  reach-portal .lg\:-ml-6 {
    margin-left: -1.5rem !important
  }

  #navbarWrapper .lg\:-mt-8,
  reach-portal .lg\:-mt-8 {
    margin-top: -2rem !important
  }

  #navbarWrapper .lg\:-mr-8,
  reach-portal .lg\:-mr-8 {
    margin-right: -2rem !important
  }

  #navbarWrapper .lg\:-mb-8,
  reach-portal .lg\:-mb-8 {
    margin-bottom: -2rem !important
  }

  #navbarWrapper .lg\:-ml-8,
  reach-portal .lg\:-ml-8 {
    margin-left: -2rem !important
  }

  #navbarWrapper .lg\:-mt-10,
  reach-portal .lg\:-mt-10 {
    margin-top: -2.5rem !important
  }

  #navbarWrapper .lg\:-mr-10,
  reach-portal .lg\:-mr-10 {
    margin-right: -2.5rem !important
  }

  #navbarWrapper .lg\:-mb-10,
  reach-portal .lg\:-mb-10 {
    margin-bottom: -2.5rem !important
  }

  #navbarWrapper .lg\:-ml-10,
  reach-portal .lg\:-ml-10 {
    margin-left: -2.5rem !important
  }

  #navbarWrapper .lg\:-mt-12,
  reach-portal .lg\:-mt-12 {
    margin-top: -3rem !important
  }

  #navbarWrapper .lg\:-mr-12,
  reach-portal .lg\:-mr-12 {
    margin-right: -3rem !important
  }

  #navbarWrapper .lg\:-mb-12,
  reach-portal .lg\:-mb-12 {
    margin-bottom: -3rem !important
  }

  #navbarWrapper .lg\:-ml-12,
  reach-portal .lg\:-ml-12 {
    margin-left: -3rem !important
  }

  #navbarWrapper .lg\:-mt-16,
  reach-portal .lg\:-mt-16 {
    margin-top: -4rem !important
  }

  #navbarWrapper .lg\:-mr-16,
  reach-portal .lg\:-mr-16 {
    margin-right: -4rem !important
  }

  #navbarWrapper .lg\:-mb-16,
  reach-portal .lg\:-mb-16 {
    margin-bottom: -4rem !important
  }

  #navbarWrapper .lg\:-ml-16,
  reach-portal .lg\:-ml-16 {
    margin-left: -4rem !important
  }

  #navbarWrapper .lg\:-mt-20,
  reach-portal .lg\:-mt-20 {
    margin-top: -5rem !important
  }

  #navbarWrapper .lg\:-mr-20,
  reach-portal .lg\:-mr-20 {
    margin-right: -5rem !important
  }

  #navbarWrapper .lg\:-mb-20,
  reach-portal .lg\:-mb-20 {
    margin-bottom: -5rem !important
  }

  #navbarWrapper .lg\:-ml-20,
  reach-portal .lg\:-ml-20 {
    margin-left: -5rem !important
  }

  #navbarWrapper .lg\:-mt-24,
  reach-portal .lg\:-mt-24 {
    margin-top: -6rem !important
  }

  #navbarWrapper .lg\:-mr-24,
  reach-portal .lg\:-mr-24 {
    margin-right: -6rem !important
  }

  #navbarWrapper .lg\:-mb-24,
  reach-portal .lg\:-mb-24 {
    margin-bottom: -6rem !important
  }

  #navbarWrapper .lg\:-ml-24,
  reach-portal .lg\:-ml-24 {
    margin-left: -6rem !important
  }

  #navbarWrapper .lg\:-mt-32,
  reach-portal .lg\:-mt-32 {
    margin-top: -8rem !important
  }

  #navbarWrapper .lg\:-mr-32,
  reach-portal .lg\:-mr-32 {
    margin-right: -8rem !important
  }

  #navbarWrapper .lg\:-mb-32,
  reach-portal .lg\:-mb-32 {
    margin-bottom: -8rem !important
  }

  #navbarWrapper .lg\:-ml-32,
  reach-portal .lg\:-ml-32 {
    margin-left: -8rem !important
  }

  #navbarWrapper .lg\:-mt-40,
  reach-portal .lg\:-mt-40 {
    margin-top: -10rem !important
  }

  #navbarWrapper .lg\:-mr-40,
  reach-portal .lg\:-mr-40 {
    margin-right: -10rem !important
  }

  #navbarWrapper .lg\:-mb-40,
  reach-portal .lg\:-mb-40 {
    margin-bottom: -10rem !important
  }

  #navbarWrapper .lg\:-ml-40,
  reach-portal .lg\:-ml-40 {
    margin-left: -10rem !important
  }

  #navbarWrapper .lg\:-mt-48,
  reach-portal .lg\:-mt-48 {
    margin-top: -12rem !important
  }

  #navbarWrapper .lg\:-mr-48,
  reach-portal .lg\:-mr-48 {
    margin-right: -12rem !important
  }

  #navbarWrapper .lg\:-mb-48,
  reach-portal .lg\:-mb-48 {
    margin-bottom: -12rem !important
  }

  #navbarWrapper .lg\:-ml-48,
  reach-portal .lg\:-ml-48 {
    margin-left: -12rem !important
  }

  #navbarWrapper .lg\:-mt-56,
  reach-portal .lg\:-mt-56 {
    margin-top: -14rem !important
  }

  #navbarWrapper .lg\:-mr-56,
  reach-portal .lg\:-mr-56 {
    margin-right: -14rem !important
  }

  #navbarWrapper .lg\:-mb-56,
  reach-portal .lg\:-mb-56 {
    margin-bottom: -14rem !important
  }

  #navbarWrapper .lg\:-ml-56,
  reach-portal .lg\:-ml-56 {
    margin-left: -14rem !important
  }

  #navbarWrapper .lg\:-mt-64,
  reach-portal .lg\:-mt-64 {
    margin-top: -16rem !important
  }

  #navbarWrapper .lg\:-mr-64,
  reach-portal .lg\:-mr-64 {
    margin-right: -16rem !important
  }

  #navbarWrapper .lg\:-mb-64,
  reach-portal .lg\:-mb-64 {
    margin-bottom: -16rem !important
  }

  #navbarWrapper .lg\:-ml-64,
  reach-portal .lg\:-ml-64 {
    margin-left: -16rem !important
  }

  #navbarWrapper .lg\:-mt-px,
  reach-portal .lg\:-mt-px {
    margin-top: -1px !important
  }

  #navbarWrapper .lg\:-mr-px,
  reach-portal .lg\:-mr-px {
    margin-right: -1px !important
  }

  #navbarWrapper .lg\:-mb-px,
  reach-portal .lg\:-mb-px {
    margin-bottom: -1px !important
  }

  #navbarWrapper .lg\:-ml-px,
  reach-portal .lg\:-ml-px {
    margin-left: -1px !important
  }

  #navbarWrapper .lg\:max-h-full,
  reach-portal .lg\:max-h-full {
    max-height: 100% !important
  }

  #navbarWrapper .lg\:max-h-screen,
  reach-portal .lg\:max-h-screen {
    max-height: 100vh !important
  }

  #navbarWrapper .lg\:max-w-none,
  reach-portal .lg\:max-w-none {
    max-width: none !important
  }

  #navbarWrapper .lg\:max-w-xs,
  reach-portal .lg\:max-w-xs {
    max-width: 20rem !important
  }

  #navbarWrapper .lg\:max-w-sm,
  reach-portal .lg\:max-w-sm {
    max-width: 24rem !important
  }

  #navbarWrapper .lg\:max-w-md,
  reach-portal .lg\:max-w-md {
    max-width: 28rem !important
  }

  #navbarWrapper .lg\:max-w-lg,
  reach-portal .lg\:max-w-lg {
    max-width: 32rem !important
  }

  #navbarWrapper .lg\:max-w-xl,
  reach-portal .lg\:max-w-xl {
    max-width: 36rem !important
  }

  #navbarWrapper .lg\:max-w-2xl,
  reach-portal .lg\:max-w-2xl {
    max-width: 42rem !important
  }

  #navbarWrapper .lg\:max-w-3xl,
  reach-portal .lg\:max-w-3xl {
    max-width: 48rem !important
  }

  #navbarWrapper .lg\:max-w-4xl,
  reach-portal .lg\:max-w-4xl {
    max-width: 56rem !important
  }

  #navbarWrapper .lg\:max-w-5xl,
  reach-portal .lg\:max-w-5xl {
    max-width: 64rem !important
  }

  #navbarWrapper .lg\:max-w-6xl,
  reach-portal .lg\:max-w-6xl {
    max-width: 72rem !important
  }

  #navbarWrapper .lg\:max-w-full,
  reach-portal .lg\:max-w-full {
    max-width: 100% !important
  }

  #navbarWrapper .lg\:max-w-screen-sm,
  reach-portal .lg\:max-w-screen-sm {
    max-width: 576px !important
  }

  #navbarWrapper .lg\:max-w-screen-md,
  reach-portal .lg\:max-w-screen-md {
    max-width: 768px !important
  }

  #navbarWrapper .lg\:max-w-screen-lg,
  reach-portal .lg\:max-w-screen-lg {
    max-width: 992px !important
  }

  #navbarWrapper .lg\:max-w-screen-xl,
  reach-portal .lg\:max-w-screen-xl {
    max-width: 1200px !important
  }

  #navbarWrapper .lg\:min-h-0,
  reach-portal .lg\:min-h-0 {
    min-height: 0 !important
  }

  #navbarWrapper .lg\:min-h-full,
  reach-portal .lg\:min-h-full {
    min-height: 100% !important
  }

  #navbarWrapper .lg\:min-h-screen,
  reach-portal .lg\:min-h-screen {
    min-height: 100vh !important
  }

  #navbarWrapper .lg\:min-w-0,
  reach-portal .lg\:min-w-0 {
    min-width: 0 !important
  }

  #navbarWrapper .lg\:min-w-full,
  reach-portal .lg\:min-w-full {
    min-width: 100% !important
  }

  #navbarWrapper .lg\:object-contain,
  reach-portal .lg\:object-contain {
    object-fit: contain !important
  }

  #navbarWrapper .lg\:object-cover,
  reach-portal .lg\:object-cover {
    object-fit: cover !important
  }

  #navbarWrapper .lg\:object-fill,
  reach-portal .lg\:object-fill {
    object-fit: fill !important
  }

  #navbarWrapper .lg\:object-none,
  reach-portal .lg\:object-none {
    object-fit: none !important
  }

  #navbarWrapper .lg\:object-scale-down,
  reach-portal .lg\:object-scale-down {
    object-fit: scale-down !important
  }

  #navbarWrapper .lg\:object-bottom,
  reach-portal .lg\:object-bottom {
    object-position: bottom !important
  }

  #navbarWrapper .lg\:object-center,
  reach-portal .lg\:object-center {
    object-position: center !important
  }

  #navbarWrapper .lg\:object-left,
  reach-portal .lg\:object-left {
    object-position: left !important
  }

  #navbarWrapper .lg\:object-left-bottom,
  reach-portal .lg\:object-left-bottom {
    object-position: left bottom !important
  }

  #navbarWrapper .lg\:object-left-top,
  reach-portal .lg\:object-left-top {
    object-position: left top !important
  }

  #navbarWrapper .lg\:object-right,
  reach-portal .lg\:object-right {
    object-position: right !important
  }

  #navbarWrapper .lg\:object-right-bottom,
  reach-portal .lg\:object-right-bottom {
    object-position: right bottom !important
  }

  #navbarWrapper .lg\:object-right-top,
  reach-portal .lg\:object-right-top {
    object-position: right top !important
  }

  #navbarWrapper .lg\:object-top,
  reach-portal .lg\:object-top {
    object-position: top !important
  }

  #navbarWrapper .lg\:opacity-0,
  reach-portal .lg\:opacity-0 {
    opacity: 0 !important
  }

  #navbarWrapper .lg\:opacity-25,
  reach-portal .lg\:opacity-25 {
    opacity: .25 !important
  }

  #navbarWrapper .lg\:opacity-50,
  reach-portal .lg\:opacity-50 {
    opacity: .5 !important
  }

  #navbarWrapper .lg\:opacity-75,
  reach-portal .lg\:opacity-75 {
    opacity: .75 !important
  }

  #navbarWrapper .lg\:opacity-100,
  reach-portal .lg\:opacity-100 {
    opacity: 1 !important
  }

  #navbarWrapper .lg\:hover\:opacity-0:hover,
  reach-portal .lg\:hover\:opacity-0:hover {
    opacity: 0 !important
  }

  #navbarWrapper .lg\:hover\:opacity-25:hover,
  reach-portal .lg\:hover\:opacity-25:hover {
    opacity: .25 !important
  }

  #navbarWrapper .lg\:hover\:opacity-50:hover,
  reach-portal .lg\:hover\:opacity-50:hover {
    opacity: .5 !important
  }

  #navbarWrapper .lg\:hover\:opacity-75:hover,
  reach-portal .lg\:hover\:opacity-75:hover {
    opacity: .75 !important
  }

  #navbarWrapper .lg\:hover\:opacity-100:hover,
  reach-portal .lg\:hover\:opacity-100:hover {
    opacity: 1 !important
  }

  #navbarWrapper .lg\:focus\:outline-none:focus,
  #navbarWrapper .lg\:outline-none,
  reach-portal .lg\:focus\:outline-none:focus,
  reach-portal .lg\:outline-none {
    outline: 0 !important
  }

  #navbarWrapper .lg\:overflow-auto,
  reach-portal .lg\:overflow-auto {
    overflow: auto !important
  }

  #navbarWrapper .lg\:overflow-hidden,
  reach-portal .lg\:overflow-hidden {
    overflow: hidden !important
  }

  #navbarWrapper .lg\:overflow-visible,
  reach-portal .lg\:overflow-visible {
    overflow: visible !important
  }

  #navbarWrapper .lg\:overflow-scroll,
  reach-portal .lg\:overflow-scroll {
    overflow: scroll !important
  }

  #navbarWrapper .lg\:overflow-x-auto,
  reach-portal .lg\:overflow-x-auto {
    overflow-x: auto !important
  }

  #navbarWrapper .lg\:overflow-y-auto,
  reach-portal .lg\:overflow-y-auto {
    overflow-y: auto !important
  }

  #navbarWrapper .lg\:overflow-x-hidden,
  reach-portal .lg\:overflow-x-hidden {
    overflow-x: hidden !important
  }

  #navbarWrapper .lg\:overflow-y-hidden,
  reach-portal .lg\:overflow-y-hidden {
    overflow-y: hidden !important
  }

  #navbarWrapper .lg\:overflow-x-visible,
  reach-portal .lg\:overflow-x-visible {
    overflow-x: visible !important
  }

  #navbarWrapper .lg\:overflow-y-visible,
  reach-portal .lg\:overflow-y-visible {
    overflow-y: visible !important
  }

  #navbarWrapper .lg\:overflow-x-scroll,
  reach-portal .lg\:overflow-x-scroll {
    overflow-x: scroll !important
  }

  #navbarWrapper .lg\:overflow-y-scroll,
  reach-portal .lg\:overflow-y-scroll {
    overflow-y: scroll !important
  }

  #navbarWrapper .lg\:scrolling-touch,
  reach-portal .lg\:scrolling-touch {
    -webkit-overflow-scrolling: touch !important
  }

  #navbarWrapper .lg\:scrolling-auto,
  reach-portal .lg\:scrolling-auto {
    -webkit-overflow-scrolling: auto !important
  }

  #navbarWrapper .lg\:p-0,
  reach-portal .lg\:p-0 {
    padding: 0 !important
  }

  #navbarWrapper .lg\:p-1,
  reach-portal .lg\:p-1 {
    padding: .25rem !important
  }

  #navbarWrapper .lg\:p-2,
  reach-portal .lg\:p-2 {
    padding: .5rem !important
  }

  #navbarWrapper .lg\:p-3,
  reach-portal .lg\:p-3 {
    padding: .75rem !important
  }

  #navbarWrapper .lg\:p-4,
  reach-portal .lg\:p-4 {
    padding: 1rem !important
  }

  #navbarWrapper .lg\:p-5,
  reach-portal .lg\:p-5 {
    padding: 1.25rem !important
  }

  #navbarWrapper .lg\:p-6,
  reach-portal .lg\:p-6 {
    padding: 1.5rem !important
  }

  #navbarWrapper .lg\:p-8,
  reach-portal .lg\:p-8 {
    padding: 2rem !important
  }

  #navbarWrapper .lg\:p-10,
  reach-portal .lg\:p-10 {
    padding: 2.5rem !important
  }

  #navbarWrapper .lg\:p-12,
  reach-portal .lg\:p-12 {
    padding: 3rem !important
  }

  #navbarWrapper .lg\:p-16,
  reach-portal .lg\:p-16 {
    padding: 4rem !important
  }

  #navbarWrapper .lg\:p-20,
  reach-portal .lg\:p-20 {
    padding: 5rem !important
  }

  #navbarWrapper .lg\:p-24,
  reach-portal .lg\:p-24 {
    padding: 6rem !important
  }

  #navbarWrapper .lg\:p-32,
  reach-portal .lg\:p-32 {
    padding: 8rem !important
  }

  #navbarWrapper .lg\:p-40,
  reach-portal .lg\:p-40 {
    padding: 10rem !important
  }

  #navbarWrapper .lg\:p-48,
  reach-portal .lg\:p-48 {
    padding: 12rem !important
  }

  #navbarWrapper .lg\:p-56,
  reach-portal .lg\:p-56 {
    padding: 14rem !important
  }

  #navbarWrapper .lg\:p-64,
  reach-portal .lg\:p-64 {
    padding: 16rem !important
  }

  #navbarWrapper .lg\:p-px,
  reach-portal .lg\:p-px {
    padding: 1px !important
  }

  #navbarWrapper .lg\:py-0,
  reach-portal .lg\:py-0 {
    padding-bottom: 0 !important;
    padding-top: 0 !important
  }

  #navbarWrapper .lg\:px-0,
  reach-portal .lg\:px-0 {
    padding-left: 0 !important;
    padding-right: 0 !important
  }

  #navbarWrapper .lg\:py-1,
  reach-portal .lg\:py-1 {
    padding-bottom: .25rem !important;
    padding-top: .25rem !important
  }

  #navbarWrapper .lg\:px-1,
  reach-portal .lg\:px-1 {
    padding-left: .25rem !important;
    padding-right: .25rem !important
  }

  #navbarWrapper .lg\:py-2,
  reach-portal .lg\:py-2 {
    padding-bottom: .5rem !important;
    padding-top: .5rem !important
  }

  #navbarWrapper .lg\:px-2,
  reach-portal .lg\:px-2 {
    padding-left: .5rem !important;
    padding-right: .5rem !important
  }

  #navbarWrapper .lg\:py-3,
  reach-portal .lg\:py-3 {
    padding-bottom: .75rem !important;
    padding-top: .75rem !important
  }

  #navbarWrapper .lg\:px-3,
  reach-portal .lg\:px-3 {
    padding-left: .75rem !important;
    padding-right: .75rem !important
  }

  #navbarWrapper .lg\:py-4,
  reach-portal .lg\:py-4 {
    padding-bottom: 1rem !important;
    padding-top: 1rem !important
  }

  #navbarWrapper .lg\:px-4,
  reach-portal .lg\:px-4 {
    padding-left: 1rem !important;
    padding-right: 1rem !important
  }

  #navbarWrapper .lg\:py-5,
  reach-portal .lg\:py-5 {
    padding-bottom: 1.25rem !important;
    padding-top: 1.25rem !important
  }

  #navbarWrapper .lg\:px-5,
  reach-portal .lg\:px-5 {
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important
  }

  #navbarWrapper .lg\:py-6,
  reach-portal .lg\:py-6 {
    padding-bottom: 1.5rem !important;
    padding-top: 1.5rem !important
  }

  #navbarWrapper .lg\:px-6,
  reach-portal .lg\:px-6 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important
  }

  #navbarWrapper .lg\:py-8,
  reach-portal .lg\:py-8 {
    padding-bottom: 2rem !important;
    padding-top: 2rem !important
  }

  #navbarWrapper .lg\:px-8,
  reach-portal .lg\:px-8 {
    padding-left: 2rem !important;
    padding-right: 2rem !important
  }

  #navbarWrapper .lg\:py-10,
  reach-portal .lg\:py-10 {
    padding-bottom: 2.5rem !important;
    padding-top: 2.5rem !important
  }

  #navbarWrapper .lg\:px-10,
  reach-portal .lg\:px-10 {
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important
  }

  #navbarWrapper .lg\:py-12,
  reach-portal .lg\:py-12 {
    padding-bottom: 3rem !important;
    padding-top: 3rem !important
  }

  #navbarWrapper .lg\:px-12,
  reach-portal .lg\:px-12 {
    padding-left: 3rem !important;
    padding-right: 3rem !important
  }

  #navbarWrapper .lg\:py-16,
  reach-portal .lg\:py-16 {
    padding-bottom: 4rem !important;
    padding-top: 4rem !important
  }

  #navbarWrapper .lg\:px-16,
  reach-portal .lg\:px-16 {
    padding-left: 4rem !important;
    padding-right: 4rem !important
  }

  #navbarWrapper .lg\:py-20,
  reach-portal .lg\:py-20 {
    padding-bottom: 5rem !important;
    padding-top: 5rem !important
  }

  #navbarWrapper .lg\:px-20,
  reach-portal .lg\:px-20 {
    padding-left: 5rem !important;
    padding-right: 5rem !important
  }

  #navbarWrapper .lg\:py-24,
  reach-portal .lg\:py-24 {
    padding-bottom: 6rem !important;
    padding-top: 6rem !important
  }

  #navbarWrapper .lg\:px-24,
  reach-portal .lg\:px-24 {
    padding-left: 6rem !important;
    padding-right: 6rem !important
  }

  #navbarWrapper .lg\:py-32,
  reach-portal .lg\:py-32 {
    padding-bottom: 8rem !important;
    padding-top: 8rem !important
  }

  #navbarWrapper .lg\:px-32,
  reach-portal .lg\:px-32 {
    padding-left: 8rem !important;
    padding-right: 8rem !important
  }

  #navbarWrapper .lg\:py-40,
  reach-portal .lg\:py-40 {
    padding-bottom: 10rem !important;
    padding-top: 10rem !important
  }

  #navbarWrapper .lg\:px-40,
  reach-portal .lg\:px-40 {
    padding-left: 10rem !important;
    padding-right: 10rem !important
  }

  #navbarWrapper .lg\:py-48,
  reach-portal .lg\:py-48 {
    padding-bottom: 12rem !important;
    padding-top: 12rem !important
  }

  #navbarWrapper .lg\:px-48,
  reach-portal .lg\:px-48 {
    padding-left: 12rem !important;
    padding-right: 12rem !important
  }

  #navbarWrapper .lg\:py-56,
  reach-portal .lg\:py-56 {
    padding-bottom: 14rem !important;
    padding-top: 14rem !important
  }

  #navbarWrapper .lg\:px-56,
  reach-portal .lg\:px-56 {
    padding-left: 14rem !important;
    padding-right: 14rem !important
  }

  #navbarWrapper .lg\:py-64,
  reach-portal .lg\:py-64 {
    padding-bottom: 16rem !important;
    padding-top: 16rem !important
  }

  #navbarWrapper .lg\:px-64,
  reach-portal .lg\:px-64 {
    padding-left: 16rem !important;
    padding-right: 16rem !important
  }

  #navbarWrapper .lg\:py-px,
  reach-portal .lg\:py-px {
    padding-bottom: 1px !important;
    padding-top: 1px !important
  }

  #navbarWrapper .lg\:px-px,
  reach-portal .lg\:px-px {
    padding-left: 1px !important;
    padding-right: 1px !important
  }

  #navbarWrapper .lg\:pt-0,
  reach-portal .lg\:pt-0 {
    padding-top: 0 !important
  }

  #navbarWrapper .lg\:pr-0,
  reach-portal .lg\:pr-0 {
    padding-right: 0 !important
  }

  #navbarWrapper .lg\:pb-0,
  reach-portal .lg\:pb-0 {
    padding-bottom: 0 !important
  }

  #navbarWrapper .lg\:pl-0,
  reach-portal .lg\:pl-0 {
    padding-left: 0 !important
  }

  #navbarWrapper .lg\:pt-1,
  reach-portal .lg\:pt-1 {
    padding-top: .25rem !important
  }

  #navbarWrapper .lg\:pr-1,
  reach-portal .lg\:pr-1 {
    padding-right: .25rem !important
  }

  #navbarWrapper .lg\:pb-1,
  reach-portal .lg\:pb-1 {
    padding-bottom: .25rem !important
  }

  #navbarWrapper .lg\:pl-1,
  reach-portal .lg\:pl-1 {
    padding-left: .25rem !important
  }

  #navbarWrapper .lg\:pt-2,
  reach-portal .lg\:pt-2 {
    padding-top: .5rem !important
  }

  #navbarWrapper .lg\:pr-2,
  reach-portal .lg\:pr-2 {
    padding-right: .5rem !important
  }

  #navbarWrapper .lg\:pb-2,
  reach-portal .lg\:pb-2 {
    padding-bottom: .5rem !important
  }

  #navbarWrapper .lg\:pl-2,
  reach-portal .lg\:pl-2 {
    padding-left: .5rem !important
  }

  #navbarWrapper .lg\:pt-3,
  reach-portal .lg\:pt-3 {
    padding-top: .75rem !important
  }

  #navbarWrapper .lg\:pr-3,
  reach-portal .lg\:pr-3 {
    padding-right: .75rem !important
  }

  #navbarWrapper .lg\:pb-3,
  reach-portal .lg\:pb-3 {
    padding-bottom: .75rem !important
  }

  #navbarWrapper .lg\:pl-3,
  reach-portal .lg\:pl-3 {
    padding-left: .75rem !important
  }

  #navbarWrapper .lg\:pt-4,
  reach-portal .lg\:pt-4 {
    padding-top: 1rem !important
  }

  #navbarWrapper .lg\:pr-4,
  reach-portal .lg\:pr-4 {
    padding-right: 1rem !important
  }

  #navbarWrapper .lg\:pb-4,
  reach-portal .lg\:pb-4 {
    padding-bottom: 1rem !important
  }

  #navbarWrapper .lg\:pl-4,
  reach-portal .lg\:pl-4 {
    padding-left: 1rem !important
  }

  #navbarWrapper .lg\:pt-5,
  reach-portal .lg\:pt-5 {
    padding-top: 1.25rem !important
  }

  #navbarWrapper .lg\:pr-5,
  reach-portal .lg\:pr-5 {
    padding-right: 1.25rem !important
  }

  #navbarWrapper .lg\:pb-5,
  reach-portal .lg\:pb-5 {
    padding-bottom: 1.25rem !important
  }

  #navbarWrapper .lg\:pl-5,
  reach-portal .lg\:pl-5 {
    padding-left: 1.25rem !important
  }

  #navbarWrapper .lg\:pt-6,
  reach-portal .lg\:pt-6 {
    padding-top: 1.5rem !important
  }

  #navbarWrapper .lg\:pr-6,
  reach-portal .lg\:pr-6 {
    padding-right: 1.5rem !important
  }

  #navbarWrapper .lg\:pb-6,
  reach-portal .lg\:pb-6 {
    padding-bottom: 1.5rem !important
  }

  #navbarWrapper .lg\:pl-6,
  reach-portal .lg\:pl-6 {
    padding-left: 1.5rem !important
  }

  #navbarWrapper .lg\:pt-8,
  reach-portal .lg\:pt-8 {
    padding-top: 2rem !important
  }

  #navbarWrapper .lg\:pr-8,
  reach-portal .lg\:pr-8 {
    padding-right: 2rem !important
  }

  #navbarWrapper .lg\:pb-8,
  reach-portal .lg\:pb-8 {
    padding-bottom: 2rem !important
  }

  #navbarWrapper .lg\:pl-8,
  reach-portal .lg\:pl-8 {
    padding-left: 2rem !important
  }

  #navbarWrapper .lg\:pt-10,
  reach-portal .lg\:pt-10 {
    padding-top: 2.5rem !important
  }

  #navbarWrapper .lg\:pr-10,
  reach-portal .lg\:pr-10 {
    padding-right: 2.5rem !important
  }

  #navbarWrapper .lg\:pb-10,
  reach-portal .lg\:pb-10 {
    padding-bottom: 2.5rem !important
  }

  #navbarWrapper .lg\:pl-10,
  reach-portal .lg\:pl-10 {
    padding-left: 2.5rem !important
  }

  #navbarWrapper .lg\:pt-12,
  reach-portal .lg\:pt-12 {
    padding-top: 3rem !important
  }

  #navbarWrapper .lg\:pr-12,
  reach-portal .lg\:pr-12 {
    padding-right: 3rem !important
  }

  #navbarWrapper .lg\:pb-12,
  reach-portal .lg\:pb-12 {
    padding-bottom: 3rem !important
  }

  #navbarWrapper .lg\:pl-12,
  reach-portal .lg\:pl-12 {
    padding-left: 3rem !important
  }

  #navbarWrapper .lg\:pt-16,
  reach-portal .lg\:pt-16 {
    padding-top: 4rem !important
  }

  #navbarWrapper .lg\:pr-16,
  reach-portal .lg\:pr-16 {
    padding-right: 4rem !important
  }

  #navbarWrapper .lg\:pb-16,
  reach-portal .lg\:pb-16 {
    padding-bottom: 4rem !important
  }

  #navbarWrapper .lg\:pl-16,
  reach-portal .lg\:pl-16 {
    padding-left: 4rem !important
  }

  #navbarWrapper .lg\:pt-20,
  reach-portal .lg\:pt-20 {
    padding-top: 5rem !important
  }

  #navbarWrapper .lg\:pr-20,
  reach-portal .lg\:pr-20 {
    padding-right: 5rem !important
  }

  #navbarWrapper .lg\:pb-20,
  reach-portal .lg\:pb-20 {
    padding-bottom: 5rem !important
  }

  #navbarWrapper .lg\:pl-20,
  reach-portal .lg\:pl-20 {
    padding-left: 5rem !important
  }

  #navbarWrapper .lg\:pt-24,
  reach-portal .lg\:pt-24 {
    padding-top: 6rem !important
  }

  #navbarWrapper .lg\:pr-24,
  reach-portal .lg\:pr-24 {
    padding-right: 6rem !important
  }

  #navbarWrapper .lg\:pb-24,
  reach-portal .lg\:pb-24 {
    padding-bottom: 6rem !important
  }

  #navbarWrapper .lg\:pl-24,
  reach-portal .lg\:pl-24 {
    padding-left: 6rem !important
  }

  #navbarWrapper .lg\:pt-32,
  reach-portal .lg\:pt-32 {
    padding-top: 8rem !important
  }

  #navbarWrapper .lg\:pr-32,
  reach-portal .lg\:pr-32 {
    padding-right: 8rem !important
  }

  #navbarWrapper .lg\:pb-32,
  reach-portal .lg\:pb-32 {
    padding-bottom: 8rem !important
  }

  #navbarWrapper .lg\:pl-32,
  reach-portal .lg\:pl-32 {
    padding-left: 8rem !important
  }

  #navbarWrapper .lg\:pt-40,
  reach-portal .lg\:pt-40 {
    padding-top: 10rem !important
  }

  #navbarWrapper .lg\:pr-40,
  reach-portal .lg\:pr-40 {
    padding-right: 10rem !important
  }

  #navbarWrapper .lg\:pb-40,
  reach-portal .lg\:pb-40 {
    padding-bottom: 10rem !important
  }

  #navbarWrapper .lg\:pl-40,
  reach-portal .lg\:pl-40 {
    padding-left: 10rem !important
  }

  #navbarWrapper .lg\:pt-48,
  reach-portal .lg\:pt-48 {
    padding-top: 12rem !important
  }

  #navbarWrapper .lg\:pr-48,
  reach-portal .lg\:pr-48 {
    padding-right: 12rem !important
  }

  #navbarWrapper .lg\:pb-48,
  reach-portal .lg\:pb-48 {
    padding-bottom: 12rem !important
  }

  #navbarWrapper .lg\:pl-48,
  reach-portal .lg\:pl-48 {
    padding-left: 12rem !important
  }

  #navbarWrapper .lg\:pt-56,
  reach-portal .lg\:pt-56 {
    padding-top: 14rem !important
  }

  #navbarWrapper .lg\:pr-56,
  reach-portal .lg\:pr-56 {
    padding-right: 14rem !important
  }

  #navbarWrapper .lg\:pb-56,
  reach-portal .lg\:pb-56 {
    padding-bottom: 14rem !important
  }

  #navbarWrapper .lg\:pl-56,
  reach-portal .lg\:pl-56 {
    padding-left: 14rem !important
  }

  #navbarWrapper .lg\:pt-64,
  reach-portal .lg\:pt-64 {
    padding-top: 16rem !important
  }

  #navbarWrapper .lg\:pr-64,
  reach-portal .lg\:pr-64 {
    padding-right: 16rem !important
  }

  #navbarWrapper .lg\:pb-64,
  reach-portal .lg\:pb-64 {
    padding-bottom: 16rem !important
  }

  #navbarWrapper .lg\:pl-64,
  reach-portal .lg\:pl-64 {
    padding-left: 16rem !important
  }

  #navbarWrapper .lg\:pt-px,
  reach-portal .lg\:pt-px {
    padding-top: 1px !important
  }

  #navbarWrapper .lg\:pr-px,
  reach-portal .lg\:pr-px {
    padding-right: 1px !important
  }

  #navbarWrapper .lg\:pb-px,
  reach-portal .lg\:pb-px {
    padding-bottom: 1px !important
  }

  #navbarWrapper .lg\:pl-px,
  reach-portal .lg\:pl-px {
    padding-left: 1px !important
  }

  #navbarWrapper .lg\:placeholder-transparent::placeholder,
  reach-portal .lg\:placeholder-transparent::placeholder {
    color: #0000 !important
  }

  #navbarWrapper .lg\:placeholder-current::placeholder,
  reach-portal .lg\:placeholder-current::placeholder {
    color: currentColor !important
  }

  #navbarWrapper .lg\:placeholder-black::placeholder,
  reach-portal .lg\:placeholder-black::placeholder {
    --placeholder-opacity: 1 !important;
    color: #000 !important;
    color: rgba(0, 0, 0, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:placeholder-white::placeholder,
  reach-portal .lg\:placeholder-white::placeholder {
    --placeholder-opacity: 1 !important;
    color: #fff !important;
    color: rgba(255, 255, 255, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:placeholder-gray-100::placeholder,
  reach-portal .lg\:placeholder-gray-100::placeholder {
    --placeholder-opacity: 1 !important;
    color: #f7fafc !important;
    color: rgba(247, 250, 252, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:placeholder-gray-200::placeholder,
  reach-portal .lg\:placeholder-gray-200::placeholder {
    --placeholder-opacity: 1 !important;
    color: #edf2f7 !important;
    color: rgba(237, 242, 247, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:placeholder-gray-300::placeholder,
  reach-portal .lg\:placeholder-gray-300::placeholder {
    --placeholder-opacity: 1 !important;
    color: #e2e8f0 !important;
    color: rgba(226, 232, 240, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:placeholder-gray-400::placeholder,
  reach-portal .lg\:placeholder-gray-400::placeholder {
    --placeholder-opacity: 1 !important;
    color: #cbd5e0 !important;
    color: rgba(203, 213, 224, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:placeholder-gray-500::placeholder,
  reach-portal .lg\:placeholder-gray-500::placeholder {
    --placeholder-opacity: 1 !important;
    color: #a0aec0 !important;
    color: rgba(160, 174, 192, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:placeholder-gray-600::placeholder,
  reach-portal .lg\:placeholder-gray-600::placeholder {
    --placeholder-opacity: 1 !important;
    color: #718096 !important;
    color: rgba(113, 128, 150, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:placeholder-gray-700::placeholder,
  reach-portal .lg\:placeholder-gray-700::placeholder {
    --placeholder-opacity: 1 !important;
    color: #4a5568 !important;
    color: rgba(74, 85, 104, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:placeholder-gray-800::placeholder,
  reach-portal .lg\:placeholder-gray-800::placeholder {
    --placeholder-opacity: 1 !important;
    color: #2d3748 !important;
    color: rgba(45, 55, 72, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:placeholder-gray-900::placeholder,
  reach-portal .lg\:placeholder-gray-900::placeholder {
    --placeholder-opacity: 1 !important;
    color: #1a202c !important;
    color: rgba(26, 32, 44, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:placeholder-red-100::placeholder,
  reach-portal .lg\:placeholder-red-100::placeholder {
    --placeholder-opacity: 1 !important;
    color: #fff5f5 !important;
    color: rgba(255, 245, 245, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:placeholder-red-200::placeholder,
  reach-portal .lg\:placeholder-red-200::placeholder {
    --placeholder-opacity: 1 !important;
    color: #fed7d7 !important;
    color: rgba(254, 215, 215, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:placeholder-red-300::placeholder,
  reach-portal .lg\:placeholder-red-300::placeholder {
    --placeholder-opacity: 1 !important;
    color: #feb2b2 !important;
    color: rgba(254, 178, 178, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:placeholder-red-400::placeholder,
  reach-portal .lg\:placeholder-red-400::placeholder {
    --placeholder-opacity: 1 !important;
    color: #fc8181 !important;
    color: rgba(252, 129, 129, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:placeholder-red-500::placeholder,
  reach-portal .lg\:placeholder-red-500::placeholder {
    --placeholder-opacity: 1 !important;
    color: #f56565 !important;
    color: rgba(245, 101, 101, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:placeholder-red-600::placeholder,
  reach-portal .lg\:placeholder-red-600::placeholder {
    --placeholder-opacity: 1 !important;
    color: #e53e3e !important;
    color: rgba(229, 62, 62, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:placeholder-red-700::placeholder,
  reach-portal .lg\:placeholder-red-700::placeholder {
    --placeholder-opacity: 1 !important;
    color: #c53030 !important;
    color: rgba(197, 48, 48, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:placeholder-red-800::placeholder,
  reach-portal .lg\:placeholder-red-800::placeholder {
    --placeholder-opacity: 1 !important;
    color: #9b2c2c !important;
    color: rgba(155, 44, 44, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:placeholder-red-900::placeholder,
  reach-portal .lg\:placeholder-red-900::placeholder {
    --placeholder-opacity: 1 !important;
    color: #742a2a !important;
    color: rgba(116, 42, 42, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:placeholder-orange-100::placeholder,
  reach-portal .lg\:placeholder-orange-100::placeholder {
    --placeholder-opacity: 1 !important;
    color: #fffaf0 !important;
    color: rgba(255, 250, 240, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:placeholder-orange-200::placeholder,
  reach-portal .lg\:placeholder-orange-200::placeholder {
    --placeholder-opacity: 1 !important;
    color: #feebc8 !important;
    color: rgba(254, 235, 200, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:placeholder-orange-300::placeholder,
  reach-portal .lg\:placeholder-orange-300::placeholder {
    --placeholder-opacity: 1 !important;
    color: #fbd38d !important;
    color: rgba(251, 211, 141, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:placeholder-orange-400::placeholder,
  reach-portal .lg\:placeholder-orange-400::placeholder {
    --placeholder-opacity: 1 !important;
    color: #f6ad55 !important;
    color: rgba(246, 173, 85, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:placeholder-orange-500::placeholder,
  reach-portal .lg\:placeholder-orange-500::placeholder {
    --placeholder-opacity: 1 !important;
    color: #ed8936 !important;
    color: rgba(237, 137, 54, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:placeholder-orange-600::placeholder,
  reach-portal .lg\:placeholder-orange-600::placeholder {
    --placeholder-opacity: 1 !important;
    color: #dd6b20 !important;
    color: rgba(221, 107, 32, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:placeholder-orange-700::placeholder,
  reach-portal .lg\:placeholder-orange-700::placeholder {
    --placeholder-opacity: 1 !important;
    color: #c05621 !important;
    color: rgba(192, 86, 33, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:placeholder-orange-800::placeholder,
  reach-portal .lg\:placeholder-orange-800::placeholder {
    --placeholder-opacity: 1 !important;
    color: #9c4221 !important;
    color: rgba(156, 66, 33, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:placeholder-orange-900::placeholder,
  reach-portal .lg\:placeholder-orange-900::placeholder {
    --placeholder-opacity: 1 !important;
    color: #7b341e !important;
    color: rgba(123, 52, 30, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:placeholder-yellow-100::placeholder,
  reach-portal .lg\:placeholder-yellow-100::placeholder {
    --placeholder-opacity: 1 !important;
    color: ivory !important;
    color: rgba(255, 255, 240, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:placeholder-yellow-200::placeholder,
  reach-portal .lg\:placeholder-yellow-200::placeholder {
    --placeholder-opacity: 1 !important;
    color: #fefcbf !important;
    color: rgba(254, 252, 191, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:placeholder-yellow-300::placeholder,
  reach-portal .lg\:placeholder-yellow-300::placeholder {
    --placeholder-opacity: 1 !important;
    color: #faf089 !important;
    color: rgba(250, 240, 137, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:placeholder-yellow-400::placeholder,
  reach-portal .lg\:placeholder-yellow-400::placeholder {
    --placeholder-opacity: 1 !important;
    color: #f6e05e !important;
    color: rgba(246, 224, 94, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:placeholder-yellow-500::placeholder,
  reach-portal .lg\:placeholder-yellow-500::placeholder {
    --placeholder-opacity: 1 !important;
    color: #ecc94b !important;
    color: rgba(236, 201, 75, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:placeholder-yellow-600::placeholder,
  reach-portal .lg\:placeholder-yellow-600::placeholder {
    --placeholder-opacity: 1 !important;
    color: #d69e2e !important;
    color: rgba(214, 158, 46, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:placeholder-yellow-700::placeholder,
  reach-portal .lg\:placeholder-yellow-700::placeholder {
    --placeholder-opacity: 1 !important;
    color: #b7791f !important;
    color: rgba(183, 121, 31, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:placeholder-yellow-800::placeholder,
  reach-portal .lg\:placeholder-yellow-800::placeholder {
    --placeholder-opacity: 1 !important;
    color: #975a16 !important;
    color: rgba(151, 90, 22, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:placeholder-yellow-900::placeholder,
  reach-portal .lg\:placeholder-yellow-900::placeholder {
    --placeholder-opacity: 1 !important;
    color: #744210 !important;
    color: rgba(116, 66, 16, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:placeholder-green-100::placeholder,
  reach-portal .lg\:placeholder-green-100::placeholder {
    --placeholder-opacity: 1 !important;
    color: #f0fff4 !important;
    color: rgba(240, 255, 244, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:placeholder-green-200::placeholder,
  reach-portal .lg\:placeholder-green-200::placeholder {
    --placeholder-opacity: 1 !important;
    color: #c6f6d5 !important;
    color: rgba(198, 246, 213, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:placeholder-green-300::placeholder,
  reach-portal .lg\:placeholder-green-300::placeholder {
    --placeholder-opacity: 1 !important;
    color: #9ae6b4 !important;
    color: rgba(154, 230, 180, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:placeholder-green-400::placeholder,
  reach-portal .lg\:placeholder-green-400::placeholder {
    --placeholder-opacity: 1 !important;
    color: #68d391 !important;
    color: rgba(104, 211, 145, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:placeholder-green-500::placeholder,
  reach-portal .lg\:placeholder-green-500::placeholder {
    --placeholder-opacity: 1 !important;
    color: #48bb78 !important;
    color: rgba(72, 187, 120, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:placeholder-green-600::placeholder,
  reach-portal .lg\:placeholder-green-600::placeholder {
    --placeholder-opacity: 1 !important;
    color: #38a169 !important;
    color: rgba(56, 161, 105, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:placeholder-green-700::placeholder,
  reach-portal .lg\:placeholder-green-700::placeholder {
    --placeholder-opacity: 1 !important;
    color: #2f855a !important;
    color: rgba(47, 133, 90, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:placeholder-green-800::placeholder,
  reach-portal .lg\:placeholder-green-800::placeholder {
    --placeholder-opacity: 1 !important;
    color: #276749 !important;
    color: rgba(39, 103, 73, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:placeholder-green-900::placeholder,
  reach-portal .lg\:placeholder-green-900::placeholder {
    --placeholder-opacity: 1 !important;
    color: #22543d !important;
    color: rgba(34, 84, 61, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:placeholder-teal-100::placeholder,
  reach-portal .lg\:placeholder-teal-100::placeholder {
    --placeholder-opacity: 1 !important;
    color: #e6fffa !important;
    color: rgba(230, 255, 250, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:placeholder-teal-200::placeholder,
  reach-portal .lg\:placeholder-teal-200::placeholder {
    --placeholder-opacity: 1 !important;
    color: #b2f5ea !important;
    color: rgba(178, 245, 234, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:placeholder-teal-300::placeholder,
  reach-portal .lg\:placeholder-teal-300::placeholder {
    --placeholder-opacity: 1 !important;
    color: #81e6d9 !important;
    color: rgba(129, 230, 217, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:placeholder-teal-400::placeholder,
  reach-portal .lg\:placeholder-teal-400::placeholder {
    --placeholder-opacity: 1 !important;
    color: #4fd1c5 !important;
    color: rgba(79, 209, 197, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:placeholder-teal-500::placeholder,
  reach-portal .lg\:placeholder-teal-500::placeholder {
    --placeholder-opacity: 1 !important;
    color: #38b2ac !important;
    color: rgba(56, 178, 172, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:placeholder-teal-600::placeholder,
  reach-portal .lg\:placeholder-teal-600::placeholder {
    --placeholder-opacity: 1 !important;
    color: #319795 !important;
    color: rgba(49, 151, 149, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:placeholder-teal-700::placeholder,
  reach-portal .lg\:placeholder-teal-700::placeholder {
    --placeholder-opacity: 1 !important;
    color: #2c7a7b !important;
    color: rgba(44, 122, 123, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:placeholder-teal-800::placeholder,
  reach-portal .lg\:placeholder-teal-800::placeholder {
    --placeholder-opacity: 1 !important;
    color: #285e61 !important;
    color: rgba(40, 94, 97, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:placeholder-teal-900::placeholder,
  reach-portal .lg\:placeholder-teal-900::placeholder {
    --placeholder-opacity: 1 !important;
    color: #234e52 !important;
    color: rgba(35, 78, 82, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:placeholder-blue-100::placeholder,
  reach-portal .lg\:placeholder-blue-100::placeholder {
    --placeholder-opacity: 1 !important;
    color: #ebf8ff !important;
    color: rgba(235, 248, 255, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:placeholder-blue-200::placeholder,
  reach-portal .lg\:placeholder-blue-200::placeholder {
    --placeholder-opacity: 1 !important;
    color: #bee3f8 !important;
    color: rgba(190, 227, 248, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:placeholder-blue-300::placeholder,
  reach-portal .lg\:placeholder-blue-300::placeholder {
    --placeholder-opacity: 1 !important;
    color: #90cdf4 !important;
    color: rgba(144, 205, 244, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:placeholder-blue-400::placeholder,
  reach-portal .lg\:placeholder-blue-400::placeholder {
    --placeholder-opacity: 1 !important;
    color: #63b3ed !important;
    color: rgba(99, 179, 237, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:placeholder-blue-500::placeholder,
  reach-portal .lg\:placeholder-blue-500::placeholder {
    --placeholder-opacity: 1 !important;
    color: #4299e1 !important;
    color: rgba(66, 153, 225, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:placeholder-blue-600::placeholder,
  reach-portal .lg\:placeholder-blue-600::placeholder {
    --placeholder-opacity: 1 !important;
    color: #3182ce !important;
    color: rgba(49, 130, 206, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:placeholder-blue-700::placeholder,
  reach-portal .lg\:placeholder-blue-700::placeholder {
    --placeholder-opacity: 1 !important;
    color: #2b6cb0 !important;
    color: rgba(43, 108, 176, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:placeholder-blue-800::placeholder,
  reach-portal .lg\:placeholder-blue-800::placeholder {
    --placeholder-opacity: 1 !important;
    color: #2c5282 !important;
    color: rgba(44, 82, 130, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:placeholder-blue-900::placeholder,
  reach-portal .lg\:placeholder-blue-900::placeholder {
    --placeholder-opacity: 1 !important;
    color: #2a4365 !important;
    color: rgba(42, 67, 101, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:placeholder-indigo-100::placeholder,
  reach-portal .lg\:placeholder-indigo-100::placeholder {
    --placeholder-opacity: 1 !important;
    color: #ebf4ff !important;
    color: rgba(235, 244, 255, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:placeholder-indigo-200::placeholder,
  reach-portal .lg\:placeholder-indigo-200::placeholder {
    --placeholder-opacity: 1 !important;
    color: #c3dafe !important;
    color: rgba(195, 218, 254, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:placeholder-indigo-300::placeholder,
  reach-portal .lg\:placeholder-indigo-300::placeholder {
    --placeholder-opacity: 1 !important;
    color: #a3bffa !important;
    color: rgba(163, 191, 250, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:placeholder-indigo-400::placeholder,
  reach-portal .lg\:placeholder-indigo-400::placeholder {
    --placeholder-opacity: 1 !important;
    color: #7f9cf5 !important;
    color: rgba(127, 156, 245, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:placeholder-indigo-500::placeholder,
  reach-portal .lg\:placeholder-indigo-500::placeholder {
    --placeholder-opacity: 1 !important;
    color: #667eea !important;
    color: rgba(102, 126, 234, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:placeholder-indigo-600::placeholder,
  reach-portal .lg\:placeholder-indigo-600::placeholder {
    --placeholder-opacity: 1 !important;
    color: #5a67d8 !important;
    color: rgba(90, 103, 216, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:placeholder-indigo-700::placeholder,
  reach-portal .lg\:placeholder-indigo-700::placeholder {
    --placeholder-opacity: 1 !important;
    color: #4c51bf !important;
    color: rgba(76, 81, 191, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:placeholder-indigo-800::placeholder,
  reach-portal .lg\:placeholder-indigo-800::placeholder {
    --placeholder-opacity: 1 !important;
    color: #434190 !important;
    color: rgba(67, 65, 144, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:placeholder-indigo-900::placeholder,
  reach-portal .lg\:placeholder-indigo-900::placeholder {
    --placeholder-opacity: 1 !important;
    color: #3c366b !important;
    color: rgba(60, 54, 107, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:placeholder-purple-100::placeholder,
  reach-portal .lg\:placeholder-purple-100::placeholder {
    --placeholder-opacity: 1 !important;
    color: #faf5ff !important;
    color: rgba(250, 245, 255, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:placeholder-purple-200::placeholder,
  reach-portal .lg\:placeholder-purple-200::placeholder {
    --placeholder-opacity: 1 !important;
    color: #e9d8fd !important;
    color: rgba(233, 216, 253, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:placeholder-purple-300::placeholder,
  reach-portal .lg\:placeholder-purple-300::placeholder {
    --placeholder-opacity: 1 !important;
    color: #d6bcfa !important;
    color: rgba(214, 188, 250, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:placeholder-purple-400::placeholder,
  reach-portal .lg\:placeholder-purple-400::placeholder {
    --placeholder-opacity: 1 !important;
    color: #b794f4 !important;
    color: rgba(183, 148, 244, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:placeholder-purple-500::placeholder,
  reach-portal .lg\:placeholder-purple-500::placeholder {
    --placeholder-opacity: 1 !important;
    color: #9f7aea !important;
    color: rgba(159, 122, 234, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:placeholder-purple-600::placeholder,
  reach-portal .lg\:placeholder-purple-600::placeholder {
    --placeholder-opacity: 1 !important;
    color: #805ad5 !important;
    color: rgba(128, 90, 213, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:placeholder-purple-700::placeholder,
  reach-portal .lg\:placeholder-purple-700::placeholder {
    --placeholder-opacity: 1 !important;
    color: #6b46c1 !important;
    color: rgba(107, 70, 193, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:placeholder-purple-800::placeholder,
  reach-portal .lg\:placeholder-purple-800::placeholder {
    --placeholder-opacity: 1 !important;
    color: #553c9a !important;
    color: rgba(85, 60, 154, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:placeholder-purple-900::placeholder,
  reach-portal .lg\:placeholder-purple-900::placeholder {
    --placeholder-opacity: 1 !important;
    color: #44337a !important;
    color: rgba(68, 51, 122, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:placeholder-pink-100::placeholder,
  reach-portal .lg\:placeholder-pink-100::placeholder {
    --placeholder-opacity: 1 !important;
    color: #fff5f7 !important;
    color: rgba(255, 245, 247, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:placeholder-pink-200::placeholder,
  reach-portal .lg\:placeholder-pink-200::placeholder {
    --placeholder-opacity: 1 !important;
    color: #fed7e2 !important;
    color: rgba(254, 215, 226, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:placeholder-pink-300::placeholder,
  reach-portal .lg\:placeholder-pink-300::placeholder {
    --placeholder-opacity: 1 !important;
    color: #fbb6ce !important;
    color: rgba(251, 182, 206, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:placeholder-pink-400::placeholder,
  reach-portal .lg\:placeholder-pink-400::placeholder {
    --placeholder-opacity: 1 !important;
    color: #f687b3 !important;
    color: rgba(246, 135, 179, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:placeholder-pink-500::placeholder,
  reach-portal .lg\:placeholder-pink-500::placeholder {
    --placeholder-opacity: 1 !important;
    color: #ed64a6 !important;
    color: rgba(237, 100, 166, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:placeholder-pink-600::placeholder,
  reach-portal .lg\:placeholder-pink-600::placeholder {
    --placeholder-opacity: 1 !important;
    color: #d53f8c !important;
    color: rgba(213, 63, 140, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:placeholder-pink-700::placeholder,
  reach-portal .lg\:placeholder-pink-700::placeholder {
    --placeholder-opacity: 1 !important;
    color: #b83280 !important;
    color: rgba(184, 50, 128, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:placeholder-pink-800::placeholder,
  reach-portal .lg\:placeholder-pink-800::placeholder {
    --placeholder-opacity: 1 !important;
    color: #97266d !important;
    color: rgba(151, 38, 109, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:placeholder-pink-900::placeholder,
  reach-portal .lg\:placeholder-pink-900::placeholder {
    --placeholder-opacity: 1 !important;
    color: #702459 !important;
    color: rgba(112, 36, 89, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:placeholder-transparent:focus::placeholder,
  reach-portal .lg\:focus\:placeholder-transparent:focus::placeholder {
    color: #0000 !important
  }

  #navbarWrapper .lg\:focus\:placeholder-current:focus::placeholder,
  reach-portal .lg\:focus\:placeholder-current:focus::placeholder {
    color: currentColor !important
  }

  #navbarWrapper .lg\:focus\:placeholder-black:focus::placeholder,
  reach-portal .lg\:focus\:placeholder-black:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #000 !important;
    color: rgba(0, 0, 0, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:placeholder-white:focus::placeholder,
  reach-portal .lg\:focus\:placeholder-white:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #fff !important;
    color: rgba(255, 255, 255, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:placeholder-gray-100:focus::placeholder,
  reach-portal .lg\:focus\:placeholder-gray-100:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #f7fafc !important;
    color: rgba(247, 250, 252, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:placeholder-gray-200:focus::placeholder,
  reach-portal .lg\:focus\:placeholder-gray-200:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #edf2f7 !important;
    color: rgba(237, 242, 247, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:placeholder-gray-300:focus::placeholder,
  reach-portal .lg\:focus\:placeholder-gray-300:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #e2e8f0 !important;
    color: rgba(226, 232, 240, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:placeholder-gray-400:focus::placeholder,
  reach-portal .lg\:focus\:placeholder-gray-400:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #cbd5e0 !important;
    color: rgba(203, 213, 224, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:placeholder-gray-500:focus::placeholder,
  reach-portal .lg\:focus\:placeholder-gray-500:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #a0aec0 !important;
    color: rgba(160, 174, 192, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:placeholder-gray-600:focus::placeholder,
  reach-portal .lg\:focus\:placeholder-gray-600:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #718096 !important;
    color: rgba(113, 128, 150, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:placeholder-gray-700:focus::placeholder,
  reach-portal .lg\:focus\:placeholder-gray-700:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #4a5568 !important;
    color: rgba(74, 85, 104, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:placeholder-gray-800:focus::placeholder,
  reach-portal .lg\:focus\:placeholder-gray-800:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #2d3748 !important;
    color: rgba(45, 55, 72, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:placeholder-gray-900:focus::placeholder,
  reach-portal .lg\:focus\:placeholder-gray-900:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #1a202c !important;
    color: rgba(26, 32, 44, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:placeholder-red-100:focus::placeholder,
  reach-portal .lg\:focus\:placeholder-red-100:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #fff5f5 !important;
    color: rgba(255, 245, 245, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:placeholder-red-200:focus::placeholder,
  reach-portal .lg\:focus\:placeholder-red-200:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #fed7d7 !important;
    color: rgba(254, 215, 215, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:placeholder-red-300:focus::placeholder,
  reach-portal .lg\:focus\:placeholder-red-300:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #feb2b2 !important;
    color: rgba(254, 178, 178, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:placeholder-red-400:focus::placeholder,
  reach-portal .lg\:focus\:placeholder-red-400:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #fc8181 !important;
    color: rgba(252, 129, 129, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:placeholder-red-500:focus::placeholder,
  reach-portal .lg\:focus\:placeholder-red-500:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #f56565 !important;
    color: rgba(245, 101, 101, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:placeholder-red-600:focus::placeholder,
  reach-portal .lg\:focus\:placeholder-red-600:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #e53e3e !important;
    color: rgba(229, 62, 62, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:placeholder-red-700:focus::placeholder,
  reach-portal .lg\:focus\:placeholder-red-700:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #c53030 !important;
    color: rgba(197, 48, 48, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:placeholder-red-800:focus::placeholder,
  reach-portal .lg\:focus\:placeholder-red-800:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #9b2c2c !important;
    color: rgba(155, 44, 44, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:placeholder-red-900:focus::placeholder,
  reach-portal .lg\:focus\:placeholder-red-900:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #742a2a !important;
    color: rgba(116, 42, 42, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:placeholder-orange-100:focus::placeholder,
  reach-portal .lg\:focus\:placeholder-orange-100:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #fffaf0 !important;
    color: rgba(255, 250, 240, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:placeholder-orange-200:focus::placeholder,
  reach-portal .lg\:focus\:placeholder-orange-200:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #feebc8 !important;
    color: rgba(254, 235, 200, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:placeholder-orange-300:focus::placeholder,
  reach-portal .lg\:focus\:placeholder-orange-300:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #fbd38d !important;
    color: rgba(251, 211, 141, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:placeholder-orange-400:focus::placeholder,
  reach-portal .lg\:focus\:placeholder-orange-400:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #f6ad55 !important;
    color: rgba(246, 173, 85, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:placeholder-orange-500:focus::placeholder,
  reach-portal .lg\:focus\:placeholder-orange-500:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #ed8936 !important;
    color: rgba(237, 137, 54, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:placeholder-orange-600:focus::placeholder,
  reach-portal .lg\:focus\:placeholder-orange-600:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #dd6b20 !important;
    color: rgba(221, 107, 32, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:placeholder-orange-700:focus::placeholder,
  reach-portal .lg\:focus\:placeholder-orange-700:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #c05621 !important;
    color: rgba(192, 86, 33, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:placeholder-orange-800:focus::placeholder,
  reach-portal .lg\:focus\:placeholder-orange-800:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #9c4221 !important;
    color: rgba(156, 66, 33, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:placeholder-orange-900:focus::placeholder,
  reach-portal .lg\:focus\:placeholder-orange-900:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #7b341e !important;
    color: rgba(123, 52, 30, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:placeholder-yellow-100:focus::placeholder,
  reach-portal .lg\:focus\:placeholder-yellow-100:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: ivory !important;
    color: rgba(255, 255, 240, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:placeholder-yellow-200:focus::placeholder,
  reach-portal .lg\:focus\:placeholder-yellow-200:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #fefcbf !important;
    color: rgba(254, 252, 191, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:placeholder-yellow-300:focus::placeholder,
  reach-portal .lg\:focus\:placeholder-yellow-300:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #faf089 !important;
    color: rgba(250, 240, 137, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:placeholder-yellow-400:focus::placeholder,
  reach-portal .lg\:focus\:placeholder-yellow-400:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #f6e05e !important;
    color: rgba(246, 224, 94, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:placeholder-yellow-500:focus::placeholder,
  reach-portal .lg\:focus\:placeholder-yellow-500:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #ecc94b !important;
    color: rgba(236, 201, 75, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:placeholder-yellow-600:focus::placeholder,
  reach-portal .lg\:focus\:placeholder-yellow-600:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #d69e2e !important;
    color: rgba(214, 158, 46, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:placeholder-yellow-700:focus::placeholder,
  reach-portal .lg\:focus\:placeholder-yellow-700:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #b7791f !important;
    color: rgba(183, 121, 31, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:placeholder-yellow-800:focus::placeholder,
  reach-portal .lg\:focus\:placeholder-yellow-800:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #975a16 !important;
    color: rgba(151, 90, 22, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:placeholder-yellow-900:focus::placeholder,
  reach-portal .lg\:focus\:placeholder-yellow-900:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #744210 !important;
    color: rgba(116, 66, 16, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:placeholder-green-100:focus::placeholder,
  reach-portal .lg\:focus\:placeholder-green-100:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #f0fff4 !important;
    color: rgba(240, 255, 244, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:placeholder-green-200:focus::placeholder,
  reach-portal .lg\:focus\:placeholder-green-200:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #c6f6d5 !important;
    color: rgba(198, 246, 213, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:placeholder-green-300:focus::placeholder,
  reach-portal .lg\:focus\:placeholder-green-300:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #9ae6b4 !important;
    color: rgba(154, 230, 180, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:placeholder-green-400:focus::placeholder,
  reach-portal .lg\:focus\:placeholder-green-400:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #68d391 !important;
    color: rgba(104, 211, 145, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:placeholder-green-500:focus::placeholder,
  reach-portal .lg\:focus\:placeholder-green-500:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #48bb78 !important;
    color: rgba(72, 187, 120, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:placeholder-green-600:focus::placeholder,
  reach-portal .lg\:focus\:placeholder-green-600:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #38a169 !important;
    color: rgba(56, 161, 105, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:placeholder-green-700:focus::placeholder,
  reach-portal .lg\:focus\:placeholder-green-700:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #2f855a !important;
    color: rgba(47, 133, 90, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:placeholder-green-800:focus::placeholder,
  reach-portal .lg\:focus\:placeholder-green-800:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #276749 !important;
    color: rgba(39, 103, 73, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:placeholder-green-900:focus::placeholder,
  reach-portal .lg\:focus\:placeholder-green-900:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #22543d !important;
    color: rgba(34, 84, 61, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:placeholder-teal-100:focus::placeholder,
  reach-portal .lg\:focus\:placeholder-teal-100:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #e6fffa !important;
    color: rgba(230, 255, 250, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:placeholder-teal-200:focus::placeholder,
  reach-portal .lg\:focus\:placeholder-teal-200:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #b2f5ea !important;
    color: rgba(178, 245, 234, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:placeholder-teal-300:focus::placeholder,
  reach-portal .lg\:focus\:placeholder-teal-300:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #81e6d9 !important;
    color: rgba(129, 230, 217, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:placeholder-teal-400:focus::placeholder,
  reach-portal .lg\:focus\:placeholder-teal-400:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #4fd1c5 !important;
    color: rgba(79, 209, 197, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:placeholder-teal-500:focus::placeholder,
  reach-portal .lg\:focus\:placeholder-teal-500:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #38b2ac !important;
    color: rgba(56, 178, 172, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:placeholder-teal-600:focus::placeholder,
  reach-portal .lg\:focus\:placeholder-teal-600:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #319795 !important;
    color: rgba(49, 151, 149, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:placeholder-teal-700:focus::placeholder,
  reach-portal .lg\:focus\:placeholder-teal-700:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #2c7a7b !important;
    color: rgba(44, 122, 123, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:placeholder-teal-800:focus::placeholder,
  reach-portal .lg\:focus\:placeholder-teal-800:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #285e61 !important;
    color: rgba(40, 94, 97, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:placeholder-teal-900:focus::placeholder,
  reach-portal .lg\:focus\:placeholder-teal-900:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #234e52 !important;
    color: rgba(35, 78, 82, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:placeholder-blue-100:focus::placeholder,
  reach-portal .lg\:focus\:placeholder-blue-100:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #ebf8ff !important;
    color: rgba(235, 248, 255, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:placeholder-blue-200:focus::placeholder,
  reach-portal .lg\:focus\:placeholder-blue-200:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #bee3f8 !important;
    color: rgba(190, 227, 248, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:placeholder-blue-300:focus::placeholder,
  reach-portal .lg\:focus\:placeholder-blue-300:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #90cdf4 !important;
    color: rgba(144, 205, 244, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:placeholder-blue-400:focus::placeholder,
  reach-portal .lg\:focus\:placeholder-blue-400:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #63b3ed !important;
    color: rgba(99, 179, 237, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:placeholder-blue-500:focus::placeholder,
  reach-portal .lg\:focus\:placeholder-blue-500:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #4299e1 !important;
    color: rgba(66, 153, 225, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:placeholder-blue-600:focus::placeholder,
  reach-portal .lg\:focus\:placeholder-blue-600:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #3182ce !important;
    color: rgba(49, 130, 206, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:placeholder-blue-700:focus::placeholder,
  reach-portal .lg\:focus\:placeholder-blue-700:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #2b6cb0 !important;
    color: rgba(43, 108, 176, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:placeholder-blue-800:focus::placeholder,
  reach-portal .lg\:focus\:placeholder-blue-800:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #2c5282 !important;
    color: rgba(44, 82, 130, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:placeholder-blue-900:focus::placeholder,
  reach-portal .lg\:focus\:placeholder-blue-900:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #2a4365 !important;
    color: rgba(42, 67, 101, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:placeholder-indigo-100:focus::placeholder,
  reach-portal .lg\:focus\:placeholder-indigo-100:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #ebf4ff !important;
    color: rgba(235, 244, 255, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:placeholder-indigo-200:focus::placeholder,
  reach-portal .lg\:focus\:placeholder-indigo-200:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #c3dafe !important;
    color: rgba(195, 218, 254, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:placeholder-indigo-300:focus::placeholder,
  reach-portal .lg\:focus\:placeholder-indigo-300:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #a3bffa !important;
    color: rgba(163, 191, 250, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:placeholder-indigo-400:focus::placeholder,
  reach-portal .lg\:focus\:placeholder-indigo-400:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #7f9cf5 !important;
    color: rgba(127, 156, 245, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:placeholder-indigo-500:focus::placeholder,
  reach-portal .lg\:focus\:placeholder-indigo-500:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #667eea !important;
    color: rgba(102, 126, 234, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:placeholder-indigo-600:focus::placeholder,
  reach-portal .lg\:focus\:placeholder-indigo-600:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #5a67d8 !important;
    color: rgba(90, 103, 216, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:placeholder-indigo-700:focus::placeholder,
  reach-portal .lg\:focus\:placeholder-indigo-700:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #4c51bf !important;
    color: rgba(76, 81, 191, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:placeholder-indigo-800:focus::placeholder,
  reach-portal .lg\:focus\:placeholder-indigo-800:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #434190 !important;
    color: rgba(67, 65, 144, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:placeholder-indigo-900:focus::placeholder,
  reach-portal .lg\:focus\:placeholder-indigo-900:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #3c366b !important;
    color: rgba(60, 54, 107, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:placeholder-purple-100:focus::placeholder,
  reach-portal .lg\:focus\:placeholder-purple-100:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #faf5ff !important;
    color: rgba(250, 245, 255, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:placeholder-purple-200:focus::placeholder,
  reach-portal .lg\:focus\:placeholder-purple-200:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #e9d8fd !important;
    color: rgba(233, 216, 253, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:placeholder-purple-300:focus::placeholder,
  reach-portal .lg\:focus\:placeholder-purple-300:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #d6bcfa !important;
    color: rgba(214, 188, 250, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:placeholder-purple-400:focus::placeholder,
  reach-portal .lg\:focus\:placeholder-purple-400:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #b794f4 !important;
    color: rgba(183, 148, 244, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:placeholder-purple-500:focus::placeholder,
  reach-portal .lg\:focus\:placeholder-purple-500:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #9f7aea !important;
    color: rgba(159, 122, 234, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:placeholder-purple-600:focus::placeholder,
  reach-portal .lg\:focus\:placeholder-purple-600:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #805ad5 !important;
    color: rgba(128, 90, 213, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:placeholder-purple-700:focus::placeholder,
  reach-portal .lg\:focus\:placeholder-purple-700:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #6b46c1 !important;
    color: rgba(107, 70, 193, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:placeholder-purple-800:focus::placeholder,
  reach-portal .lg\:focus\:placeholder-purple-800:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #553c9a !important;
    color: rgba(85, 60, 154, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:placeholder-purple-900:focus::placeholder,
  reach-portal .lg\:focus\:placeholder-purple-900:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #44337a !important;
    color: rgba(68, 51, 122, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:placeholder-pink-100:focus::placeholder,
  reach-portal .lg\:focus\:placeholder-pink-100:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #fff5f7 !important;
    color: rgba(255, 245, 247, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:placeholder-pink-200:focus::placeholder,
  reach-portal .lg\:focus\:placeholder-pink-200:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #fed7e2 !important;
    color: rgba(254, 215, 226, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:placeholder-pink-300:focus::placeholder,
  reach-portal .lg\:focus\:placeholder-pink-300:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #fbb6ce !important;
    color: rgba(251, 182, 206, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:placeholder-pink-400:focus::placeholder,
  reach-portal .lg\:focus\:placeholder-pink-400:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #f687b3 !important;
    color: rgba(246, 135, 179, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:placeholder-pink-500:focus::placeholder,
  reach-portal .lg\:focus\:placeholder-pink-500:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #ed64a6 !important;
    color: rgba(237, 100, 166, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:placeholder-pink-600:focus::placeholder,
  reach-portal .lg\:focus\:placeholder-pink-600:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #d53f8c !important;
    color: rgba(213, 63, 140, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:placeholder-pink-700:focus::placeholder,
  reach-portal .lg\:focus\:placeholder-pink-700:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #b83280 !important;
    color: rgba(184, 50, 128, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:placeholder-pink-800:focus::placeholder,
  reach-portal .lg\:focus\:placeholder-pink-800:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #97266d !important;
    color: rgba(151, 38, 109, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:placeholder-pink-900:focus::placeholder,
  reach-portal .lg\:focus\:placeholder-pink-900:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #702459 !important;
    color: rgba(112, 36, 89, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .lg\:placeholder-opacity-0::placeholder,
  reach-portal .lg\:placeholder-opacity-0::placeholder {
    --placeholder-opacity: 0 !important
  }

  #navbarWrapper .lg\:placeholder-opacity-25::placeholder,
  reach-portal .lg\:placeholder-opacity-25::placeholder {
    --placeholder-opacity: 0.25 !important
  }

  #navbarWrapper .lg\:placeholder-opacity-50::placeholder,
  reach-portal .lg\:placeholder-opacity-50::placeholder {
    --placeholder-opacity: 0.5 !important
  }

  #navbarWrapper .lg\:placeholder-opacity-75::placeholder,
  reach-portal .lg\:placeholder-opacity-75::placeholder {
    --placeholder-opacity: 0.75 !important
  }

  #navbarWrapper .lg\:placeholder-opacity-100::placeholder,
  reach-portal .lg\:placeholder-opacity-100::placeholder {
    --placeholder-opacity: 1 !important
  }

  #navbarWrapper .lg\:focus\:placeholder-opacity-0:focus::placeholder,
  reach-portal .lg\:focus\:placeholder-opacity-0:focus::placeholder {
    --placeholder-opacity: 0 !important
  }

  #navbarWrapper .lg\:focus\:placeholder-opacity-25:focus::placeholder,
  reach-portal .lg\:focus\:placeholder-opacity-25:focus::placeholder {
    --placeholder-opacity: 0.25 !important
  }

  #navbarWrapper .lg\:focus\:placeholder-opacity-50:focus::placeholder,
  reach-portal .lg\:focus\:placeholder-opacity-50:focus::placeholder {
    --placeholder-opacity: 0.5 !important
  }

  #navbarWrapper .lg\:focus\:placeholder-opacity-75:focus::placeholder,
  reach-portal .lg\:focus\:placeholder-opacity-75:focus::placeholder {
    --placeholder-opacity: 0.75 !important
  }

  #navbarWrapper .lg\:focus\:placeholder-opacity-100:focus::placeholder,
  reach-portal .lg\:focus\:placeholder-opacity-100:focus::placeholder {
    --placeholder-opacity: 1 !important
  }

  #navbarWrapper .lg\:pointer-events-none,
  reach-portal .lg\:pointer-events-none {
    pointer-events: none !important
  }

  #navbarWrapper .lg\:pointer-events-auto,
  reach-portal .lg\:pointer-events-auto {
    pointer-events: auto !important
  }

  #navbarWrapper .lg\:static,
  reach-portal .lg\:static {
    position: static !important
  }

  #navbarWrapper .lg\:fixed,
  reach-portal .lg\:fixed {
    position: fixed !important
  }

  #navbarWrapper .lg\:absolute,
  reach-portal .lg\:absolute {
    position: absolute !important
  }

  #navbarWrapper .lg\:relative,
  reach-portal .lg\:relative {
    position: relative !important
  }

  #navbarWrapper .lg\:sticky,
  reach-portal .lg\:sticky {
    position: -webkit-sticky !important;
    position: sticky !important
  }

  #navbarWrapper .lg\:inset-0,
  reach-portal .lg\:inset-0 {
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important
  }

  #navbarWrapper .lg\:inset-auto,
  reach-portal .lg\:inset-auto {
    bottom: auto !important;
    left: auto !important;
    right: auto !important;
    top: auto !important
  }

  #navbarWrapper .lg\:inset-y-0,
  reach-portal .lg\:inset-y-0 {
    bottom: 0 !important;
    top: 0 !important
  }

  #navbarWrapper .lg\:inset-x-0,
  reach-portal .lg\:inset-x-0 {
    left: 0 !important;
    right: 0 !important
  }

  #navbarWrapper .lg\:inset-y-auto,
  reach-portal .lg\:inset-y-auto {
    bottom: auto !important;
    top: auto !important
  }

  #navbarWrapper .lg\:inset-x-auto,
  reach-portal .lg\:inset-x-auto {
    left: auto !important;
    right: auto !important
  }

  #navbarWrapper .lg\:top-0,
  reach-portal .lg\:top-0 {
    top: 0 !important
  }

  #navbarWrapper .lg\:right-0,
  reach-portal .lg\:right-0 {
    right: 0 !important
  }

  #navbarWrapper .lg\:bottom-0,
  reach-portal .lg\:bottom-0 {
    bottom: 0 !important
  }

  #navbarWrapper .lg\:left-0,
  reach-portal .lg\:left-0 {
    left: 0 !important
  }

  #navbarWrapper .lg\:top-auto,
  reach-portal .lg\:top-auto {
    top: auto !important
  }

  #navbarWrapper .lg\:right-auto,
  reach-portal .lg\:right-auto {
    right: auto !important
  }

  #navbarWrapper .lg\:bottom-auto,
  reach-portal .lg\:bottom-auto {
    bottom: auto !important
  }

  #navbarWrapper .lg\:left-auto,
  reach-portal .lg\:left-auto {
    left: auto !important
  }

  #navbarWrapper .lg\:resize-none,
  reach-portal .lg\:resize-none {
    resize: none !important
  }

  #navbarWrapper .lg\:resize-y,
  reach-portal .lg\:resize-y {
    resize: vertical !important
  }

  #navbarWrapper .lg\:resize-x,
  reach-portal .lg\:resize-x {
    resize: horizontal !important
  }

  #navbarWrapper .lg\:resize,
  reach-portal .lg\:resize {
    resize: both !important
  }

  #navbarWrapper .lg\:shadow-xs,
  reach-portal .lg\:shadow-xs {
    box-shadow: 0 0 0 1px #0000000d !important
  }

  #navbarWrapper .lg\:shadow-sm,
  reach-portal .lg\:shadow-sm {
    box-shadow: 0 1px 2px 0 #0000000d !important
  }

  #navbarWrapper .lg\:shadow,
  reach-portal .lg\:shadow {
    box-shadow: 0 .125rem .25rem #00000040 !important
  }

  #navbarWrapper .lg\:shadow-md,
  reach-portal .lg\:shadow-md {
    box-shadow: 0 .125rem .625rem #0003 !important
  }

  #navbarWrapper .lg\:shadow-lg,
  reach-portal .lg\:shadow-lg {
    box-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d !important
  }

  #navbarWrapper .lg\:shadow-xl,
  reach-portal .lg\:shadow-xl {
    box-shadow: 0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a !important
  }

  #navbarWrapper .lg\:shadow-2xl,
  reach-portal .lg\:shadow-2xl {
    box-shadow: 0 25px 50px -12px #00000040 !important
  }

  #navbarWrapper .lg\:shadow-inner,
  reach-portal .lg\:shadow-inner {
    box-shadow: inset 0 2px 4px 0 #0000000f !important
  }

  #navbarWrapper .lg\:shadow-outline,
  reach-portal .lg\:shadow-outline {
    box-shadow: 0 0 0 3px #4299e180 !important
  }

  #navbarWrapper .lg\:shadow-none,
  reach-portal .lg\:shadow-none {
    box-shadow: none !important
  }

  #navbarWrapper .lg\:hover\:shadow-xs:hover,
  reach-portal .lg\:hover\:shadow-xs:hover {
    box-shadow: 0 0 0 1px #0000000d !important
  }

  #navbarWrapper .lg\:hover\:shadow-sm:hover,
  reach-portal .lg\:hover\:shadow-sm:hover {
    box-shadow: 0 1px 2px 0 #0000000d !important
  }

  #navbarWrapper .lg\:hover\:shadow:hover,
  reach-portal .lg\:hover\:shadow:hover {
    box-shadow: 0 .125rem .25rem #00000040 !important
  }

  #navbarWrapper .lg\:hover\:shadow-md:hover,
  reach-portal .lg\:hover\:shadow-md:hover {
    box-shadow: 0 .125rem .625rem #0003 !important
  }

  #navbarWrapper .lg\:hover\:shadow-lg:hover,
  reach-portal .lg\:hover\:shadow-lg:hover {
    box-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d !important
  }

  #navbarWrapper .lg\:hover\:shadow-xl:hover,
  reach-portal .lg\:hover\:shadow-xl:hover {
    box-shadow: 0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a !important
  }

  #navbarWrapper .lg\:hover\:shadow-2xl:hover,
  reach-portal .lg\:hover\:shadow-2xl:hover {
    box-shadow: 0 25px 50px -12px #00000040 !important
  }

  #navbarWrapper .lg\:hover\:shadow-inner:hover,
  reach-portal .lg\:hover\:shadow-inner:hover {
    box-shadow: inset 0 2px 4px 0 #0000000f !important
  }

  #navbarWrapper .lg\:hover\:shadow-outline:hover,
  reach-portal .lg\:hover\:shadow-outline:hover {
    box-shadow: 0 0 0 3px #4299e180 !important
  }

  #navbarWrapper .lg\:hover\:shadow-none:hover,
  reach-portal .lg\:hover\:shadow-none:hover {
    box-shadow: none !important
  }

  #navbarWrapper .lg\:focus\:shadow-xs:focus,
  reach-portal .lg\:focus\:shadow-xs:focus {
    box-shadow: 0 0 0 1px #0000000d !important
  }

  #navbarWrapper .lg\:focus\:shadow-sm:focus,
  reach-portal .lg\:focus\:shadow-sm:focus {
    box-shadow: 0 1px 2px 0 #0000000d !important
  }

  #navbarWrapper .lg\:focus\:shadow:focus,
  reach-portal .lg\:focus\:shadow:focus {
    box-shadow: 0 .125rem .25rem #00000040 !important
  }

  #navbarWrapper .lg\:focus\:shadow-md:focus,
  reach-portal .lg\:focus\:shadow-md:focus {
    box-shadow: 0 .125rem .625rem #0003 !important
  }

  #navbarWrapper .lg\:focus\:shadow-lg:focus,
  reach-portal .lg\:focus\:shadow-lg:focus {
    box-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d !important
  }

  #navbarWrapper .lg\:focus\:shadow-xl:focus,
  reach-portal .lg\:focus\:shadow-xl:focus {
    box-shadow: 0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a !important
  }

  #navbarWrapper .lg\:focus\:shadow-2xl:focus,
  reach-portal .lg\:focus\:shadow-2xl:focus {
    box-shadow: 0 25px 50px -12px #00000040 !important
  }

  #navbarWrapper .lg\:focus\:shadow-inner:focus,
  reach-portal .lg\:focus\:shadow-inner:focus {
    box-shadow: inset 0 2px 4px 0 #0000000f !important
  }

  #navbarWrapper .lg\:focus\:shadow-outline:focus,
  reach-portal .lg\:focus\:shadow-outline:focus {
    box-shadow: 0 0 0 3px #4299e180 !important
  }

  #navbarWrapper .lg\:focus\:shadow-none:focus,
  reach-portal .lg\:focus\:shadow-none:focus {
    box-shadow: none !important
  }

  #navbarWrapper .lg\:fill-current,
  reach-portal .lg\:fill-current {
    fill: currentColor !important
  }

  #navbarWrapper .lg\:stroke-current,
  reach-portal .lg\:stroke-current {
    stroke: currentColor !important
  }

  #navbarWrapper .lg\:stroke-0,
  reach-portal .lg\:stroke-0 {
    stroke-width: 0 !important
  }

  #navbarWrapper .lg\:stroke-1,
  reach-portal .lg\:stroke-1 {
    stroke-width: 1 !important
  }

  #navbarWrapper .lg\:stroke-2,
  reach-portal .lg\:stroke-2 {
    stroke-width: 2 !important
  }

  #navbarWrapper .lg\:table-auto,
  reach-portal .lg\:table-auto {
    table-layout: auto !important
  }

  #navbarWrapper .lg\:table-fixed,
  reach-portal .lg\:table-fixed {
    table-layout: fixed !important
  }

  #navbarWrapper .lg\:text-left,
  reach-portal .lg\:text-left {
    text-align: left !important
  }

  #navbarWrapper .lg\:text-center,
  reach-portal .lg\:text-center {
    text-align: center !important
  }

  #navbarWrapper .lg\:text-right,
  reach-portal .lg\:text-right {
    text-align: right !important
  }

  #navbarWrapper .lg\:text-justify,
  reach-portal .lg\:text-justify {
    text-align: justify !important
  }

  #navbarWrapper .lg\:text-opsPrimary,
  reach-portal .lg\:text-opsPrimary {
    --text-opacity: 1 !important;
    color: #0077c8 !important;
    color: rgba(0, 119, 200, var(--text-opacity)) !important
  }

  #navbarWrapper .lg\:text-opsSecondary,
  reach-portal .lg\:text-opsSecondary {
    --text-opacity: 1 !important;
    color: #425563 !important;
    color: rgba(66, 85, 99, var(--text-opacity)) !important
  }

  #navbarWrapper .lg\:text-opsGreen,
  reach-portal .lg\:text-opsGreen {
    --text-opacity: 1 !important;
    color: #1ca34a !important;
    color: rgba(28, 163, 74, var(--text-opacity)) !important
  }

  #navbarWrapper .lg\:text-opsOrange,
  reach-portal .lg\:text-opsOrange {
    --text-opacity: 1 !important;
    color: #f47925 !important;
    color: rgba(244, 121, 37, var(--text-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:text-opsPrimary:hover,
  reach-portal .lg\:hover\:text-opsPrimary:hover {
    --text-opacity: 1 !important;
    color: #0077c8 !important;
    color: rgba(0, 119, 200, var(--text-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:text-opsSecondary:hover,
  reach-portal .lg\:hover\:text-opsSecondary:hover {
    --text-opacity: 1 !important;
    color: #425563 !important;
    color: rgba(66, 85, 99, var(--text-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:text-opsGreen:hover,
  reach-portal .lg\:hover\:text-opsGreen:hover {
    --text-opacity: 1 !important;
    color: #1ca34a !important;
    color: rgba(28, 163, 74, var(--text-opacity)) !important
  }

  #navbarWrapper .lg\:hover\:text-opsOrange:hover,
  reach-portal .lg\:hover\:text-opsOrange:hover {
    --text-opacity: 1 !important;
    color: #f47925 !important;
    color: rgba(244, 121, 37, var(--text-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:text-opsPrimary:focus,
  reach-portal .lg\:focus\:text-opsPrimary:focus {
    --text-opacity: 1 !important;
    color: #0077c8 !important;
    color: rgba(0, 119, 200, var(--text-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:text-opsSecondary:focus,
  reach-portal .lg\:focus\:text-opsSecondary:focus {
    --text-opacity: 1 !important;
    color: #425563 !important;
    color: rgba(66, 85, 99, var(--text-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:text-opsGreen:focus,
  reach-portal .lg\:focus\:text-opsGreen:focus {
    --text-opacity: 1 !important;
    color: #1ca34a !important;
    color: rgba(28, 163, 74, var(--text-opacity)) !important
  }

  #navbarWrapper .lg\:focus\:text-opsOrange:focus,
  reach-portal .lg\:focus\:text-opsOrange:focus {
    --text-opacity: 1 !important;
    color: #f47925 !important;
    color: rgba(244, 121, 37, var(--text-opacity)) !important
  }

  #navbarWrapper .lg\:text-opacity-0,
  reach-portal .lg\:text-opacity-0 {
    --text-opacity: 0 !important
  }

  #navbarWrapper .lg\:text-opacity-25,
  reach-portal .lg\:text-opacity-25 {
    --text-opacity: 0.25 !important
  }

  #navbarWrapper .lg\:text-opacity-50,
  reach-portal .lg\:text-opacity-50 {
    --text-opacity: 0.5 !important
  }

  #navbarWrapper .lg\:text-opacity-75,
  reach-portal .lg\:text-opacity-75 {
    --text-opacity: 0.75 !important
  }

  #navbarWrapper .lg\:text-opacity-100,
  reach-portal .lg\:text-opacity-100 {
    --text-opacity: 1 !important
  }

  #navbarWrapper .lg\:hover\:text-opacity-0:hover,
  reach-portal .lg\:hover\:text-opacity-0:hover {
    --text-opacity: 0 !important
  }

  #navbarWrapper .lg\:hover\:text-opacity-25:hover,
  reach-portal .lg\:hover\:text-opacity-25:hover {
    --text-opacity: 0.25 !important
  }

  #navbarWrapper .lg\:hover\:text-opacity-50:hover,
  reach-portal .lg\:hover\:text-opacity-50:hover {
    --text-opacity: 0.5 !important
  }

  #navbarWrapper .lg\:hover\:text-opacity-75:hover,
  reach-portal .lg\:hover\:text-opacity-75:hover {
    --text-opacity: 0.75 !important
  }

  #navbarWrapper .lg\:hover\:text-opacity-100:hover,
  reach-portal .lg\:hover\:text-opacity-100:hover {
    --text-opacity: 1 !important
  }

  #navbarWrapper .lg\:focus\:text-opacity-0:focus,
  reach-portal .lg\:focus\:text-opacity-0:focus {
    --text-opacity: 0 !important
  }

  #navbarWrapper .lg\:focus\:text-opacity-25:focus,
  reach-portal .lg\:focus\:text-opacity-25:focus {
    --text-opacity: 0.25 !important
  }

  #navbarWrapper .lg\:focus\:text-opacity-50:focus,
  reach-portal .lg\:focus\:text-opacity-50:focus {
    --text-opacity: 0.5 !important
  }

  #navbarWrapper .lg\:focus\:text-opacity-75:focus,
  reach-portal .lg\:focus\:text-opacity-75:focus {
    --text-opacity: 0.75 !important
  }

  #navbarWrapper .lg\:focus\:text-opacity-100:focus,
  reach-portal .lg\:focus\:text-opacity-100:focus {
    --text-opacity: 1 !important
  }

  #navbarWrapper .lg\:italic,
  reach-portal .lg\:italic {
    font-style: italic !important
  }

  #navbarWrapper .lg\:not-italic,
  reach-portal .lg\:not-italic {
    font-style: normal !important
  }

  #navbarWrapper .lg\:uppercase,
  reach-portal .lg\:uppercase {
    text-transform: uppercase !important
  }

  #navbarWrapper .lg\:lowercase,
  reach-portal .lg\:lowercase {
    text-transform: lowercase !important
  }

  #navbarWrapper .lg\:capitalize,
  reach-portal .lg\:capitalize {
    text-transform: capitalize !important
  }

  #navbarWrapper .lg\:normal-case,
  reach-portal .lg\:normal-case {
    text-transform: none !important
  }

  #navbarWrapper .lg\:underline,
  reach-portal .lg\:underline {
    text-decoration: underline !important
  }

  #navbarWrapper .lg\:line-through,
  reach-portal .lg\:line-through {
    text-decoration: line-through !important
  }

  #navbarWrapper .lg\:no-underline,
  reach-portal .lg\:no-underline {
    text-decoration: none !important
  }

  #navbarWrapper .lg\:hover\:underline:hover,
  reach-portal .lg\:hover\:underline:hover {
    text-decoration: underline !important
  }

  #navbarWrapper .lg\:hover\:line-through:hover,
  reach-portal .lg\:hover\:line-through:hover {
    text-decoration: line-through !important
  }

  #navbarWrapper .lg\:hover\:no-underline:hover,
  reach-portal .lg\:hover\:no-underline:hover {
    text-decoration: none !important
  }

  #navbarWrapper .lg\:focus\:underline:focus,
  reach-portal .lg\:focus\:underline:focus {
    text-decoration: underline !important
  }

  #navbarWrapper .lg\:focus\:line-through:focus,
  reach-portal .lg\:focus\:line-through:focus {
    text-decoration: line-through !important
  }

  #navbarWrapper .lg\:focus\:no-underline:focus,
  reach-portal .lg\:focus\:no-underline:focus {
    text-decoration: none !important
  }

  #navbarWrapper .lg\:antialiased,
  reach-portal .lg\:antialiased {
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important
  }

  #navbarWrapper .lg\:subpixel-antialiased,
  reach-portal .lg\:subpixel-antialiased {
    -webkit-font-smoothing: auto !important;
    -moz-osx-font-smoothing: auto !important
  }

  #navbarWrapper .lg\:tracking-tighter,
  reach-portal .lg\:tracking-tighter {
    letter-spacing: -.05em !important
  }

  #navbarWrapper .lg\:tracking-tight,
  reach-portal .lg\:tracking-tight {
    letter-spacing: -.025em !important
  }

  #navbarWrapper .lg\:tracking-normal,
  reach-portal .lg\:tracking-normal {
    letter-spacing: 0 !important
  }

  #navbarWrapper .lg\:tracking-wide,
  reach-portal .lg\:tracking-wide {
    letter-spacing: .025em !important
  }

  #navbarWrapper .lg\:tracking-wider,
  reach-portal .lg\:tracking-wider {
    letter-spacing: .05em !important
  }

  #navbarWrapper .lg\:tracking-widest,
  reach-portal .lg\:tracking-widest {
    letter-spacing: .1em !important
  }

  #navbarWrapper .lg\:select-none,
  reach-portal .lg\:select-none {
    -webkit-user-select: none !important;
    user-select: none !important
  }

  #navbarWrapper .lg\:select-text,
  reach-portal .lg\:select-text {
    -webkit-user-select: text !important;
    user-select: text !important
  }

  #navbarWrapper .lg\:select-all,
  reach-portal .lg\:select-all {
    -webkit-user-select: all !important;
    user-select: all !important
  }

  #navbarWrapper .lg\:select-auto,
  reach-portal .lg\:select-auto {
    -webkit-user-select: auto !important;
    user-select: auto !important
  }

  #navbarWrapper .lg\:align-baseline,
  reach-portal .lg\:align-baseline {
    vertical-align: initial !important
  }

  #navbarWrapper .lg\:align-top,
  reach-portal .lg\:align-top {
    vertical-align: top !important
  }

  #navbarWrapper .lg\:align-middle,
  reach-portal .lg\:align-middle {
    vertical-align: middle !important
  }

  #navbarWrapper .lg\:align-bottom,
  reach-portal .lg\:align-bottom {
    vertical-align: bottom !important
  }

  #navbarWrapper .lg\:align-text-top,
  reach-portal .lg\:align-text-top {
    vertical-align: text-top !important
  }

  #navbarWrapper .lg\:align-text-bottom,
  reach-portal .lg\:align-text-bottom {
    vertical-align: text-bottom !important
  }

  #navbarWrapper .lg\:visible,
  reach-portal .lg\:visible {
    visibility: visible !important
  }

  #navbarWrapper .lg\:invisible,
  reach-portal .lg\:invisible {
    visibility: hidden !important
  }

  #navbarWrapper .lg\:whitespace-normal,
  reach-portal .lg\:whitespace-normal {
    white-space: normal !important
  }

  #navbarWrapper .lg\:whitespace-no-wrap,
  reach-portal .lg\:whitespace-no-wrap {
    white-space: nowrap !important
  }

  #navbarWrapper .lg\:whitespace-pre,
  reach-portal .lg\:whitespace-pre {
    white-space: pre !important
  }

  #navbarWrapper .lg\:whitespace-pre-line,
  reach-portal .lg\:whitespace-pre-line {
    white-space: pre-line !important
  }

  #navbarWrapper .lg\:whitespace-pre-wrap,
  reach-portal .lg\:whitespace-pre-wrap {
    white-space: pre-wrap !important
  }

  #navbarWrapper .lg\:break-normal,
  reach-portal .lg\:break-normal {
    overflow-wrap: normal !important;
    word-break: normal !important
  }

  #navbarWrapper .lg\:break-words,
  reach-portal .lg\:break-words {
    overflow-wrap: break-word !important
  }

  #navbarWrapper .lg\:break-all,
  reach-portal .lg\:break-all {
    word-break: break-all !important
  }

  #navbarWrapper .lg\:truncate,
  reach-portal .lg\:truncate {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important
  }

  #navbarWrapper .lg\:w-0,
  reach-portal .lg\:w-0 {
    width: 0 !important
  }

  #navbarWrapper .lg\:w-1,
  reach-portal .lg\:w-1 {
    width: .25rem !important
  }

  #navbarWrapper .lg\:w-2,
  reach-portal .lg\:w-2 {
    width: .5rem !important
  }

  #navbarWrapper .lg\:w-3,
  reach-portal .lg\:w-3 {
    width: .75rem !important
  }

  #navbarWrapper .lg\:w-4,
  reach-portal .lg\:w-4 {
    width: 1rem !important
  }

  #navbarWrapper .lg\:w-5,
  reach-portal .lg\:w-5 {
    width: 1.25rem !important
  }

  #navbarWrapper .lg\:w-6,
  reach-portal .lg\:w-6 {
    width: 1.5rem !important
  }

  #navbarWrapper .lg\:w-8,
  reach-portal .lg\:w-8 {
    width: 2rem !important
  }

  #navbarWrapper .lg\:w-10,
  reach-portal .lg\:w-10 {
    width: 2.5rem !important
  }

  #navbarWrapper .lg\:w-12,
  reach-portal .lg\:w-12 {
    width: 3rem !important
  }

  #navbarWrapper .lg\:w-16,
  reach-portal .lg\:w-16 {
    width: 4rem !important
  }

  #navbarWrapper .lg\:w-20,
  reach-portal .lg\:w-20 {
    width: 5rem !important
  }

  #navbarWrapper .lg\:w-24,
  reach-portal .lg\:w-24 {
    width: 6rem !important
  }

  #navbarWrapper .lg\:w-32,
  reach-portal .lg\:w-32 {
    width: 8rem !important
  }

  #navbarWrapper .lg\:w-40,
  reach-portal .lg\:w-40 {
    width: 10rem !important
  }

  #navbarWrapper .lg\:w-48,
  reach-portal .lg\:w-48 {
    width: 12rem !important
  }

  #navbarWrapper .lg\:w-56,
  reach-portal .lg\:w-56 {
    width: 14rem !important
  }

  #navbarWrapper .lg\:w-64,
  reach-portal .lg\:w-64 {
    width: 16rem !important
  }

  #navbarWrapper .lg\:w-auto,
  reach-portal .lg\:w-auto {
    width: auto !important
  }

  #navbarWrapper .lg\:w-px,
  reach-portal .lg\:w-px {
    width: 1px !important
  }

  #navbarWrapper .lg\:w-1\/2,
  reach-portal .lg\:w-1\/2 {
    width: 50% !important
  }

  #navbarWrapper .lg\:w-1\/3,
  reach-portal .lg\:w-1\/3 {
    width: 33.333333% !important
  }

  #navbarWrapper .lg\:w-2\/3,
  reach-portal .lg\:w-2\/3 {
    width: 66.666667% !important
  }

  #navbarWrapper .lg\:w-1\/4,
  reach-portal .lg\:w-1\/4 {
    width: 25% !important
  }

  #navbarWrapper .lg\:w-2\/4,
  reach-portal .lg\:w-2\/4 {
    width: 50% !important
  }

  #navbarWrapper .lg\:w-3\/4,
  reach-portal .lg\:w-3\/4 {
    width: 75% !important
  }

  #navbarWrapper .lg\:w-1\/5,
  reach-portal .lg\:w-1\/5 {
    width: 20% !important
  }

  #navbarWrapper .lg\:w-2\/5,
  reach-portal .lg\:w-2\/5 {
    width: 40% !important
  }

  #navbarWrapper .lg\:w-3\/5,
  reach-portal .lg\:w-3\/5 {
    width: 60% !important
  }

  #navbarWrapper .lg\:w-4\/5,
  reach-portal .lg\:w-4\/5 {
    width: 80% !important
  }

  #navbarWrapper .lg\:w-1\/6,
  reach-portal .lg\:w-1\/6 {
    width: 16.666667% !important
  }

  #navbarWrapper .lg\:w-2\/6,
  reach-portal .lg\:w-2\/6 {
    width: 33.333333% !important
  }

  #navbarWrapper .lg\:w-3\/6,
  reach-portal .lg\:w-3\/6 {
    width: 50% !important
  }

  #navbarWrapper .lg\:w-4\/6,
  reach-portal .lg\:w-4\/6 {
    width: 66.666667% !important
  }

  #navbarWrapper .lg\:w-5\/6,
  reach-portal .lg\:w-5\/6 {
    width: 83.333333% !important
  }

  #navbarWrapper .lg\:w-1\/12,
  reach-portal .lg\:w-1\/12 {
    width: 8.333333% !important
  }

  #navbarWrapper .lg\:w-2\/12,
  reach-portal .lg\:w-2\/12 {
    width: 16.666667% !important
  }

  #navbarWrapper .lg\:w-3\/12,
  reach-portal .lg\:w-3\/12 {
    width: 25% !important
  }

  #navbarWrapper .lg\:w-4\/12,
  reach-portal .lg\:w-4\/12 {
    width: 33.333333% !important
  }

  #navbarWrapper .lg\:w-5\/12,
  reach-portal .lg\:w-5\/12 {
    width: 41.666667% !important
  }

  #navbarWrapper .lg\:w-6\/12,
  reach-portal .lg\:w-6\/12 {
    width: 50% !important
  }

  #navbarWrapper .lg\:w-7\/12,
  reach-portal .lg\:w-7\/12 {
    width: 58.333333% !important
  }

  #navbarWrapper .lg\:w-8\/12,
  reach-portal .lg\:w-8\/12 {
    width: 66.666667% !important
  }

  #navbarWrapper .lg\:w-9\/12,
  reach-portal .lg\:w-9\/12 {
    width: 75% !important
  }

  #navbarWrapper .lg\:w-10\/12,
  reach-portal .lg\:w-10\/12 {
    width: 83.333333% !important
  }

  #navbarWrapper .lg\:w-11\/12,
  reach-portal .lg\:w-11\/12 {
    width: 91.666667% !important
  }

  #navbarWrapper .lg\:w-full,
  reach-portal .lg\:w-full {
    width: 100% !important
  }

  #navbarWrapper .lg\:w-screen,
  reach-portal .lg\:w-screen {
    width: 100vw !important
  }

  #navbarWrapper .lg\:z-0,
  reach-portal .lg\:z-0 {
    z-index: 0 !important
  }

  #navbarWrapper .lg\:z-10,
  reach-portal .lg\:z-10 {
    z-index: 10 !important
  }

  #navbarWrapper .lg\:z-30,
  reach-portal .lg\:z-30 {
    z-index: 30 !important
  }

  #navbarWrapper .lg\:z-40,
  reach-portal .lg\:z-40 {
    z-index: 40 !important
  }

  #navbarWrapper .lg\:z-50,
  reach-portal .lg\:z-50 {
    z-index: 50 !important
  }

  #navbarWrapper .lg\:z-auto,
  reach-portal .lg\:z-auto {
    z-index: auto !important
  }

  #navbarWrapper .lg\:gap-0,
  reach-portal .lg\:gap-0 {
    grid-gap: 0 !important;
    gap: 0 !important
  }

  #navbarWrapper .lg\:gap-1,
  reach-portal .lg\:gap-1 {
    grid-gap: .25rem !important;
    gap: .25rem !important
  }

  #navbarWrapper .lg\:gap-2,
  reach-portal .lg\:gap-2 {
    grid-gap: .5rem !important;
    gap: .5rem !important
  }

  #navbarWrapper .lg\:gap-3,
  reach-portal .lg\:gap-3 {
    grid-gap: .75rem !important;
    gap: .75rem !important
  }

  #navbarWrapper .lg\:gap-4,
  reach-portal .lg\:gap-4 {
    grid-gap: 1rem !important;
    gap: 1rem !important
  }

  #navbarWrapper .lg\:gap-5,
  reach-portal .lg\:gap-5 {
    grid-gap: 1.25rem !important;
    gap: 1.25rem !important
  }

  #navbarWrapper .lg\:gap-6,
  reach-portal .lg\:gap-6 {
    grid-gap: 1.5rem !important;
    gap: 1.5rem !important
  }

  #navbarWrapper .lg\:gap-8,
  reach-portal .lg\:gap-8 {
    grid-gap: 2rem !important;
    gap: 2rem !important
  }

  #navbarWrapper .lg\:gap-10,
  reach-portal .lg\:gap-10 {
    grid-gap: 2.5rem !important;
    gap: 2.5rem !important
  }

  #navbarWrapper .lg\:gap-12,
  reach-portal .lg\:gap-12 {
    grid-gap: 3rem !important;
    gap: 3rem !important
  }

  #navbarWrapper .lg\:gap-16,
  reach-portal .lg\:gap-16 {
    grid-gap: 4rem !important;
    gap: 4rem !important
  }

  #navbarWrapper .lg\:gap-20,
  reach-portal .lg\:gap-20 {
    grid-gap: 5rem !important;
    gap: 5rem !important
  }

  #navbarWrapper .lg\:gap-24,
  reach-portal .lg\:gap-24 {
    grid-gap: 6rem !important;
    gap: 6rem !important
  }

  #navbarWrapper .lg\:gap-32,
  reach-portal .lg\:gap-32 {
    grid-gap: 8rem !important;
    gap: 8rem !important
  }

  #navbarWrapper .lg\:gap-40,
  reach-portal .lg\:gap-40 {
    grid-gap: 10rem !important;
    gap: 10rem !important
  }

  #navbarWrapper .lg\:gap-48,
  reach-portal .lg\:gap-48 {
    grid-gap: 12rem !important;
    gap: 12rem !important
  }

  #navbarWrapper .lg\:gap-56,
  reach-portal .lg\:gap-56 {
    grid-gap: 14rem !important;
    gap: 14rem !important
  }

  #navbarWrapper .lg\:gap-64,
  reach-portal .lg\:gap-64 {
    grid-gap: 16rem !important;
    gap: 16rem !important
  }

  #navbarWrapper .lg\:gap-px,
  reach-portal .lg\:gap-px {
    grid-gap: 1px !important;
    gap: 1px !important
  }

  #navbarWrapper .lg\:col-gap-0,
  reach-portal .lg\:col-gap-0 {
    grid-column-gap: 0 !important;
    column-gap: 0 !important
  }

  #navbarWrapper .lg\:col-gap-1,
  reach-portal .lg\:col-gap-1 {
    grid-column-gap: .25rem !important;
    column-gap: .25rem !important
  }

  #navbarWrapper .lg\:col-gap-2,
  reach-portal .lg\:col-gap-2 {
    grid-column-gap: .5rem !important;
    column-gap: .5rem !important
  }

  #navbarWrapper .lg\:col-gap-3,
  reach-portal .lg\:col-gap-3 {
    grid-column-gap: .75rem !important;
    column-gap: .75rem !important
  }

  #navbarWrapper .lg\:col-gap-4,
  reach-portal .lg\:col-gap-4 {
    grid-column-gap: 1rem !important;
    column-gap: 1rem !important
  }

  #navbarWrapper .lg\:col-gap-5,
  reach-portal .lg\:col-gap-5 {
    grid-column-gap: 1.25rem !important;
    column-gap: 1.25rem !important
  }

  #navbarWrapper .lg\:col-gap-6,
  reach-portal .lg\:col-gap-6 {
    grid-column-gap: 1.5rem !important;
    column-gap: 1.5rem !important
  }

  #navbarWrapper .lg\:col-gap-8,
  reach-portal .lg\:col-gap-8 {
    grid-column-gap: 2rem !important;
    column-gap: 2rem !important
  }

  #navbarWrapper .lg\:col-gap-10,
  reach-portal .lg\:col-gap-10 {
    grid-column-gap: 2.5rem !important;
    column-gap: 2.5rem !important
  }

  #navbarWrapper .lg\:col-gap-12,
  reach-portal .lg\:col-gap-12 {
    grid-column-gap: 3rem !important;
    column-gap: 3rem !important
  }

  #navbarWrapper .lg\:col-gap-16,
  reach-portal .lg\:col-gap-16 {
    grid-column-gap: 4rem !important;
    column-gap: 4rem !important
  }

  #navbarWrapper .lg\:col-gap-20,
  reach-portal .lg\:col-gap-20 {
    grid-column-gap: 5rem !important;
    column-gap: 5rem !important
  }

  #navbarWrapper .lg\:col-gap-24,
  reach-portal .lg\:col-gap-24 {
    grid-column-gap: 6rem !important;
    column-gap: 6rem !important
  }

  #navbarWrapper .lg\:col-gap-32,
  reach-portal .lg\:col-gap-32 {
    grid-column-gap: 8rem !important;
    column-gap: 8rem !important
  }

  #navbarWrapper .lg\:col-gap-40,
  reach-portal .lg\:col-gap-40 {
    grid-column-gap: 10rem !important;
    column-gap: 10rem !important
  }

  #navbarWrapper .lg\:col-gap-48,
  reach-portal .lg\:col-gap-48 {
    grid-column-gap: 12rem !important;
    column-gap: 12rem !important
  }

  #navbarWrapper .lg\:col-gap-56,
  reach-portal .lg\:col-gap-56 {
    grid-column-gap: 14rem !important;
    column-gap: 14rem !important
  }

  #navbarWrapper .lg\:col-gap-64,
  reach-portal .lg\:col-gap-64 {
    grid-column-gap: 16rem !important;
    column-gap: 16rem !important
  }

  #navbarWrapper .lg\:col-gap-px,
  reach-portal .lg\:col-gap-px {
    grid-column-gap: 1px !important;
    column-gap: 1px !important
  }

  #navbarWrapper .lg\:row-gap-0,
  reach-portal .lg\:row-gap-0 {
    grid-row-gap: 0 !important;
    row-gap: 0 !important
  }

  #navbarWrapper .lg\:row-gap-1,
  reach-portal .lg\:row-gap-1 {
    grid-row-gap: .25rem !important;
    row-gap: .25rem !important
  }

  #navbarWrapper .lg\:row-gap-2,
  reach-portal .lg\:row-gap-2 {
    grid-row-gap: .5rem !important;
    row-gap: .5rem !important
  }

  #navbarWrapper .lg\:row-gap-3,
  reach-portal .lg\:row-gap-3 {
    grid-row-gap: .75rem !important;
    row-gap: .75rem !important
  }

  #navbarWrapper .lg\:row-gap-4,
  reach-portal .lg\:row-gap-4 {
    grid-row-gap: 1rem !important;
    row-gap: 1rem !important
  }

  #navbarWrapper .lg\:row-gap-5,
  reach-portal .lg\:row-gap-5 {
    grid-row-gap: 1.25rem !important;
    row-gap: 1.25rem !important
  }

  #navbarWrapper .lg\:row-gap-6,
  reach-portal .lg\:row-gap-6 {
    grid-row-gap: 1.5rem !important;
    row-gap: 1.5rem !important
  }

  #navbarWrapper .lg\:row-gap-8,
  reach-portal .lg\:row-gap-8 {
    grid-row-gap: 2rem !important;
    row-gap: 2rem !important
  }

  #navbarWrapper .lg\:row-gap-10,
  reach-portal .lg\:row-gap-10 {
    grid-row-gap: 2.5rem !important;
    row-gap: 2.5rem !important
  }

  #navbarWrapper .lg\:row-gap-12,
  reach-portal .lg\:row-gap-12 {
    grid-row-gap: 3rem !important;
    row-gap: 3rem !important
  }

  #navbarWrapper .lg\:row-gap-16,
  reach-portal .lg\:row-gap-16 {
    grid-row-gap: 4rem !important;
    row-gap: 4rem !important
  }

  #navbarWrapper .lg\:row-gap-20,
  reach-portal .lg\:row-gap-20 {
    grid-row-gap: 5rem !important;
    row-gap: 5rem !important
  }

  #navbarWrapper .lg\:row-gap-24,
  reach-portal .lg\:row-gap-24 {
    grid-row-gap: 6rem !important;
    row-gap: 6rem !important
  }

  #navbarWrapper .lg\:row-gap-32,
  reach-portal .lg\:row-gap-32 {
    grid-row-gap: 8rem !important;
    row-gap: 8rem !important
  }

  #navbarWrapper .lg\:row-gap-40,
  reach-portal .lg\:row-gap-40 {
    grid-row-gap: 10rem !important;
    row-gap: 10rem !important
  }

  #navbarWrapper .lg\:row-gap-48,
  reach-portal .lg\:row-gap-48 {
    grid-row-gap: 12rem !important;
    row-gap: 12rem !important
  }

  #navbarWrapper .lg\:row-gap-56,
  reach-portal .lg\:row-gap-56 {
    grid-row-gap: 14rem !important;
    row-gap: 14rem !important
  }

  #navbarWrapper .lg\:row-gap-64,
  reach-portal .lg\:row-gap-64 {
    grid-row-gap: 16rem !important;
    row-gap: 16rem !important
  }

  #navbarWrapper .lg\:row-gap-px,
  reach-portal .lg\:row-gap-px {
    grid-row-gap: 1px !important;
    row-gap: 1px !important
  }

  #navbarWrapper .lg\:grid-flow-row,
  reach-portal .lg\:grid-flow-row {
    grid-auto-flow: row !important
  }

  #navbarWrapper .lg\:grid-flow-col,
  reach-portal .lg\:grid-flow-col {
    grid-auto-flow: column !important
  }

  #navbarWrapper .lg\:grid-flow-row-dense,
  reach-portal .lg\:grid-flow-row-dense {
    grid-auto-flow: row dense !important
  }

  #navbarWrapper .lg\:grid-flow-col-dense,
  reach-portal .lg\:grid-flow-col-dense {
    grid-auto-flow: column dense !important
  }

  #navbarWrapper .lg\:grid-cols-1,
  reach-portal .lg\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important
  }

  #navbarWrapper .lg\:grid-cols-2,
  reach-portal .lg\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important
  }

  #navbarWrapper .lg\:grid-cols-3,
  reach-portal .lg\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important
  }

  #navbarWrapper .lg\:grid-cols-4,
  reach-portal .lg\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important
  }

  #navbarWrapper .lg\:grid-cols-5,
  reach-portal .lg\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important
  }

  #navbarWrapper .lg\:grid-cols-6,
  reach-portal .lg\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important
  }

  #navbarWrapper .lg\:grid-cols-7,
  reach-portal .lg\:grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr)) !important
  }

  #navbarWrapper .lg\:grid-cols-8,
  reach-portal .lg\:grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr)) !important
  }

  #navbarWrapper .lg\:grid-cols-9,
  reach-portal .lg\:grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr)) !important
  }

  #navbarWrapper .lg\:grid-cols-10,
  reach-portal .lg\:grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr)) !important
  }

  #navbarWrapper .lg\:grid-cols-11,
  reach-portal .lg\:grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr)) !important
  }

  #navbarWrapper .lg\:grid-cols-12,
  reach-portal .lg\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr)) !important
  }

  #navbarWrapper .lg\:grid-cols-none,
  reach-portal .lg\:grid-cols-none {
    grid-template-columns: none !important
  }

  #navbarWrapper .lg\:col-auto,
  reach-portal .lg\:col-auto {
    grid-column: auto !important
  }

  #navbarWrapper .lg\:col-span-1,
  reach-portal .lg\:col-span-1 {
    grid-column: span 1/span 1 !important
  }

  #navbarWrapper .lg\:col-span-2,
  reach-portal .lg\:col-span-2 {
    grid-column: span 2/span 2 !important
  }

  #navbarWrapper .lg\:col-span-3,
  reach-portal .lg\:col-span-3 {
    grid-column: span 3/span 3 !important
  }

  #navbarWrapper .lg\:col-span-4,
  reach-portal .lg\:col-span-4 {
    grid-column: span 4/span 4 !important
  }

  #navbarWrapper .lg\:col-span-5,
  reach-portal .lg\:col-span-5 {
    grid-column: span 5/span 5 !important
  }

  #navbarWrapper .lg\:col-span-6,
  reach-portal .lg\:col-span-6 {
    grid-column: span 6/span 6 !important
  }

  #navbarWrapper .lg\:col-span-7,
  reach-portal .lg\:col-span-7 {
    grid-column: span 7/span 7 !important
  }

  #navbarWrapper .lg\:col-span-8,
  reach-portal .lg\:col-span-8 {
    grid-column: span 8/span 8 !important
  }

  #navbarWrapper .lg\:col-span-9,
  reach-portal .lg\:col-span-9 {
    grid-column: span 9/span 9 !important
  }

  #navbarWrapper .lg\:col-span-10,
  reach-portal .lg\:col-span-10 {
    grid-column: span 10/span 10 !important
  }

  #navbarWrapper .lg\:col-span-11,
  reach-portal .lg\:col-span-11 {
    grid-column: span 11/span 11 !important
  }

  #navbarWrapper .lg\:col-span-12,
  reach-portal .lg\:col-span-12 {
    grid-column: span 12/span 12 !important
  }

  #navbarWrapper .lg\:col-start-1,
  reach-portal .lg\:col-start-1 {
    grid-column-start: 1 !important
  }

  #navbarWrapper .lg\:col-start-2,
  reach-portal .lg\:col-start-2 {
    grid-column-start: 2 !important
  }

  #navbarWrapper .lg\:col-start-3,
  reach-portal .lg\:col-start-3 {
    grid-column-start: 3 !important
  }

  #navbarWrapper .lg\:col-start-4,
  reach-portal .lg\:col-start-4 {
    grid-column-start: 4 !important
  }

  #navbarWrapper .lg\:col-start-5,
  reach-portal .lg\:col-start-5 {
    grid-column-start: 5 !important
  }

  #navbarWrapper .lg\:col-start-6,
  reach-portal .lg\:col-start-6 {
    grid-column-start: 6 !important
  }

  #navbarWrapper .lg\:col-start-7,
  reach-portal .lg\:col-start-7 {
    grid-column-start: 7 !important
  }

  #navbarWrapper .lg\:col-start-8,
  reach-portal .lg\:col-start-8 {
    grid-column-start: 8 !important
  }

  #navbarWrapper .lg\:col-start-9,
  reach-portal .lg\:col-start-9 {
    grid-column-start: 9 !important
  }

  #navbarWrapper .lg\:col-start-10,
  reach-portal .lg\:col-start-10 {
    grid-column-start: 10 !important
  }

  #navbarWrapper .lg\:col-start-11,
  reach-portal .lg\:col-start-11 {
    grid-column-start: 11 !important
  }

  #navbarWrapper .lg\:col-start-12,
  reach-portal .lg\:col-start-12 {
    grid-column-start: 12 !important
  }

  #navbarWrapper .lg\:col-start-13,
  reach-portal .lg\:col-start-13 {
    grid-column-start: 13 !important
  }

  #navbarWrapper .lg\:col-start-auto,
  reach-portal .lg\:col-start-auto {
    grid-column-start: auto !important
  }

  #navbarWrapper .lg\:col-end-1,
  reach-portal .lg\:col-end-1 {
    grid-column-end: 1 !important
  }

  #navbarWrapper .lg\:col-end-2,
  reach-portal .lg\:col-end-2 {
    grid-column-end: 2 !important
  }

  #navbarWrapper .lg\:col-end-3,
  reach-portal .lg\:col-end-3 {
    grid-column-end: 3 !important
  }

  #navbarWrapper .lg\:col-end-4,
  reach-portal .lg\:col-end-4 {
    grid-column-end: 4 !important
  }

  #navbarWrapper .lg\:col-end-5,
  reach-portal .lg\:col-end-5 {
    grid-column-end: 5 !important
  }

  #navbarWrapper .lg\:col-end-6,
  reach-portal .lg\:col-end-6 {
    grid-column-end: 6 !important
  }

  #navbarWrapper .lg\:col-end-7,
  reach-portal .lg\:col-end-7 {
    grid-column-end: 7 !important
  }

  #navbarWrapper .lg\:col-end-8,
  reach-portal .lg\:col-end-8 {
    grid-column-end: 8 !important
  }

  #navbarWrapper .lg\:col-end-9,
  reach-portal .lg\:col-end-9 {
    grid-column-end: 9 !important
  }

  #navbarWrapper .lg\:col-end-10,
  reach-portal .lg\:col-end-10 {
    grid-column-end: 10 !important
  }

  #navbarWrapper .lg\:col-end-11,
  reach-portal .lg\:col-end-11 {
    grid-column-end: 11 !important
  }

  #navbarWrapper .lg\:col-end-12,
  reach-portal .lg\:col-end-12 {
    grid-column-end: 12 !important
  }

  #navbarWrapper .lg\:col-end-13,
  reach-portal .lg\:col-end-13 {
    grid-column-end: 13 !important
  }

  #navbarWrapper .lg\:col-end-auto,
  reach-portal .lg\:col-end-auto {
    grid-column-end: auto !important
  }

  #navbarWrapper .lg\:grid-rows-1,
  reach-portal .lg\:grid-rows-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr)) !important
  }

  #navbarWrapper .lg\:grid-rows-2,
  reach-portal .lg\:grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr)) !important
  }

  #navbarWrapper .lg\:grid-rows-3,
  reach-portal .lg\:grid-rows-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr)) !important
  }

  #navbarWrapper .lg\:grid-rows-4,
  reach-portal .lg\:grid-rows-4 {
    grid-template-rows: repeat(4, minmax(0, 1fr)) !important
  }

  #navbarWrapper .lg\:grid-rows-5,
  reach-portal .lg\:grid-rows-5 {
    grid-template-rows: repeat(5, minmax(0, 1fr)) !important
  }

  #navbarWrapper .lg\:grid-rows-6,
  reach-portal .lg\:grid-rows-6 {
    grid-template-rows: repeat(6, minmax(0, 1fr)) !important
  }

  #navbarWrapper .lg\:grid-rows-none,
  reach-portal .lg\:grid-rows-none {
    grid-template-rows: none !important
  }

  #navbarWrapper .lg\:row-auto,
  reach-portal .lg\:row-auto {
    grid-row: auto !important
  }

  #navbarWrapper .lg\:row-span-1,
  reach-portal .lg\:row-span-1 {
    grid-row: span 1/span 1 !important
  }

  #navbarWrapper .lg\:row-span-2,
  reach-portal .lg\:row-span-2 {
    grid-row: span 2/span 2 !important
  }

  #navbarWrapper .lg\:row-span-3,
  reach-portal .lg\:row-span-3 {
    grid-row: span 3/span 3 !important
  }

  #navbarWrapper .lg\:row-span-4,
  reach-portal .lg\:row-span-4 {
    grid-row: span 4/span 4 !important
  }

  #navbarWrapper .lg\:row-span-5,
  reach-portal .lg\:row-span-5 {
    grid-row: span 5/span 5 !important
  }

  #navbarWrapper .lg\:row-span-6,
  reach-portal .lg\:row-span-6 {
    grid-row: span 6/span 6 !important
  }

  #navbarWrapper .lg\:row-start-1,
  reach-portal .lg\:row-start-1 {
    grid-row-start: 1 !important
  }

  #navbarWrapper .lg\:row-start-2,
  reach-portal .lg\:row-start-2 {
    grid-row-start: 2 !important
  }

  #navbarWrapper .lg\:row-start-3,
  reach-portal .lg\:row-start-3 {
    grid-row-start: 3 !important
  }

  #navbarWrapper .lg\:row-start-4,
  reach-portal .lg\:row-start-4 {
    grid-row-start: 4 !important
  }

  #navbarWrapper .lg\:row-start-5,
  reach-portal .lg\:row-start-5 {
    grid-row-start: 5 !important
  }

  #navbarWrapper .lg\:row-start-6,
  reach-portal .lg\:row-start-6 {
    grid-row-start: 6 !important
  }

  #navbarWrapper .lg\:row-start-7,
  reach-portal .lg\:row-start-7 {
    grid-row-start: 7 !important
  }

  #navbarWrapper .lg\:row-start-auto,
  reach-portal .lg\:row-start-auto {
    grid-row-start: auto !important
  }

  #navbarWrapper .lg\:row-end-1,
  reach-portal .lg\:row-end-1 {
    grid-row-end: 1 !important
  }

  #navbarWrapper .lg\:row-end-2,
  reach-portal .lg\:row-end-2 {
    grid-row-end: 2 !important
  }

  #navbarWrapper .lg\:row-end-3,
  reach-portal .lg\:row-end-3 {
    grid-row-end: 3 !important
  }

  #navbarWrapper .lg\:row-end-4,
  reach-portal .lg\:row-end-4 {
    grid-row-end: 4 !important
  }

  #navbarWrapper .lg\:row-end-5,
  reach-portal .lg\:row-end-5 {
    grid-row-end: 5 !important
  }

  #navbarWrapper .lg\:row-end-6,
  reach-portal .lg\:row-end-6 {
    grid-row-end: 6 !important
  }

  #navbarWrapper .lg\:row-end-7,
  reach-portal .lg\:row-end-7 {
    grid-row-end: 7 !important
  }

  #navbarWrapper .lg\:row-end-auto,
  reach-portal .lg\:row-end-auto {
    grid-row-end: auto !important
  }

  #navbarWrapper .lg\:transform,
  reach-portal .lg\:transform {
    --transform-translate-x: 0 !important;
    --transform-translate-y: 0 !important;
    --transform-rotate: 0 !important;
    --transform-skew-x: 0 !important;
    --transform-skew-y: 0 !important;
    --transform-scale-x: 1 !important;
    --transform-scale-y: 1 !important;
    transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y)) !important
  }

  #navbarWrapper .lg\:transform-none,
  reach-portal .lg\:transform-none {
    transform: none !important
  }

  #navbarWrapper .lg\:origin-center,
  reach-portal .lg\:origin-center {
    transform-origin: center !important
  }

  #navbarWrapper .lg\:origin-top,
  reach-portal .lg\:origin-top {
    transform-origin: top !important
  }

  #navbarWrapper .lg\:origin-top-right,
  reach-portal .lg\:origin-top-right {
    transform-origin: top right !important
  }

  #navbarWrapper .lg\:origin-right,
  reach-portal .lg\:origin-right {
    transform-origin: right !important
  }

  #navbarWrapper .lg\:origin-bottom-right,
  reach-portal .lg\:origin-bottom-right {
    transform-origin: bottom right !important
  }

  #navbarWrapper .lg\:origin-bottom,
  reach-portal .lg\:origin-bottom {
    transform-origin: bottom !important
  }

  #navbarWrapper .lg\:origin-bottom-left,
  reach-portal .lg\:origin-bottom-left {
    transform-origin: bottom left !important
  }

  #navbarWrapper .lg\:origin-left,
  reach-portal .lg\:origin-left {
    transform-origin: left !important
  }

  #navbarWrapper .lg\:origin-top-left,
  reach-portal .lg\:origin-top-left {
    transform-origin: top left !important
  }

  #navbarWrapper .lg\:scale-0,
  reach-portal .lg\:scale-0 {
    --transform-scale-x: 0 !important;
    --transform-scale-y: 0 !important
  }

  #navbarWrapper .lg\:scale-50,
  reach-portal .lg\:scale-50 {
    --transform-scale-x: .5 !important;
    --transform-scale-y: .5 !important
  }

  #navbarWrapper .lg\:scale-75,
  reach-portal .lg\:scale-75 {
    --transform-scale-x: .75 !important;
    --transform-scale-y: .75 !important
  }

  #navbarWrapper .lg\:scale-90,
  reach-portal .lg\:scale-90 {
    --transform-scale-x: .9 !important;
    --transform-scale-y: .9 !important
  }

  #navbarWrapper .lg\:scale-95,
  reach-portal .lg\:scale-95 {
    --transform-scale-x: .95 !important;
    --transform-scale-y: .95 !important
  }

  #navbarWrapper .lg\:scale-100,
  reach-portal .lg\:scale-100 {
    --transform-scale-x: 1 !important;
    --transform-scale-y: 1 !important
  }

  #navbarWrapper .lg\:scale-105,
  reach-portal .lg\:scale-105 {
    --transform-scale-x: 1.05 !important;
    --transform-scale-y: 1.05 !important
  }

  #navbarWrapper .lg\:scale-110,
  reach-portal .lg\:scale-110 {
    --transform-scale-x: 1.1 !important;
    --transform-scale-y: 1.1 !important
  }

  #navbarWrapper .lg\:scale-125,
  reach-portal .lg\:scale-125 {
    --transform-scale-x: 1.25 !important;
    --transform-scale-y: 1.25 !important
  }

  #navbarWrapper .lg\:scale-150,
  reach-portal .lg\:scale-150 {
    --transform-scale-x: 1.5 !important;
    --transform-scale-y: 1.5 !important
  }

  #navbarWrapper .lg\:scale-x-0,
  reach-portal .lg\:scale-x-0 {
    --transform-scale-x: 0 !important
  }

  #navbarWrapper .lg\:scale-x-50,
  reach-portal .lg\:scale-x-50 {
    --transform-scale-x: .5 !important
  }

  #navbarWrapper .lg\:scale-x-75,
  reach-portal .lg\:scale-x-75 {
    --transform-scale-x: .75 !important
  }

  #navbarWrapper .lg\:scale-x-90,
  reach-portal .lg\:scale-x-90 {
    --transform-scale-x: .9 !important
  }

  #navbarWrapper .lg\:scale-x-95,
  reach-portal .lg\:scale-x-95 {
    --transform-scale-x: .95 !important
  }

  #navbarWrapper .lg\:scale-x-100,
  reach-portal .lg\:scale-x-100 {
    --transform-scale-x: 1 !important
  }

  #navbarWrapper .lg\:scale-x-105,
  reach-portal .lg\:scale-x-105 {
    --transform-scale-x: 1.05 !important
  }

  #navbarWrapper .lg\:scale-x-110,
  reach-portal .lg\:scale-x-110 {
    --transform-scale-x: 1.1 !important
  }

  #navbarWrapper .lg\:scale-x-125,
  reach-portal .lg\:scale-x-125 {
    --transform-scale-x: 1.25 !important
  }

  #navbarWrapper .lg\:scale-x-150,
  reach-portal .lg\:scale-x-150 {
    --transform-scale-x: 1.5 !important
  }

  #navbarWrapper .lg\:scale-y-0,
  reach-portal .lg\:scale-y-0 {
    --transform-scale-y: 0 !important
  }

  #navbarWrapper .lg\:scale-y-50,
  reach-portal .lg\:scale-y-50 {
    --transform-scale-y: .5 !important
  }

  #navbarWrapper .lg\:scale-y-75,
  reach-portal .lg\:scale-y-75 {
    --transform-scale-y: .75 !important
  }

  #navbarWrapper .lg\:scale-y-90,
  reach-portal .lg\:scale-y-90 {
    --transform-scale-y: .9 !important
  }

  #navbarWrapper .lg\:scale-y-95,
  reach-portal .lg\:scale-y-95 {
    --transform-scale-y: .95 !important
  }

  #navbarWrapper .lg\:scale-y-100,
  reach-portal .lg\:scale-y-100 {
    --transform-scale-y: 1 !important
  }

  #navbarWrapper .lg\:scale-y-105,
  reach-portal .lg\:scale-y-105 {
    --transform-scale-y: 1.05 !important
  }

  #navbarWrapper .lg\:scale-y-110,
  reach-portal .lg\:scale-y-110 {
    --transform-scale-y: 1.1 !important
  }

  #navbarWrapper .lg\:scale-y-125,
  reach-portal .lg\:scale-y-125 {
    --transform-scale-y: 1.25 !important
  }

  #navbarWrapper .lg\:scale-y-150,
  reach-portal .lg\:scale-y-150 {
    --transform-scale-y: 1.5 !important
  }

  #navbarWrapper .lg\:hover\:scale-0:hover,
  reach-portal .lg\:hover\:scale-0:hover {
    --transform-scale-x: 0 !important;
    --transform-scale-y: 0 !important
  }

  #navbarWrapper .lg\:hover\:scale-50:hover,
  reach-portal .lg\:hover\:scale-50:hover {
    --transform-scale-x: .5 !important;
    --transform-scale-y: .5 !important
  }

  #navbarWrapper .lg\:hover\:scale-75:hover,
  reach-portal .lg\:hover\:scale-75:hover {
    --transform-scale-x: .75 !important;
    --transform-scale-y: .75 !important
  }

  #navbarWrapper .lg\:hover\:scale-90:hover,
  reach-portal .lg\:hover\:scale-90:hover {
    --transform-scale-x: .9 !important;
    --transform-scale-y: .9 !important
  }

  #navbarWrapper .lg\:hover\:scale-95:hover,
  reach-portal .lg\:hover\:scale-95:hover {
    --transform-scale-x: .95 !important;
    --transform-scale-y: .95 !important
  }

  #navbarWrapper .lg\:hover\:scale-100:hover,
  reach-portal .lg\:hover\:scale-100:hover {
    --transform-scale-x: 1 !important;
    --transform-scale-y: 1 !important
  }

  #navbarWrapper .lg\:hover\:scale-105:hover,
  reach-portal .lg\:hover\:scale-105:hover {
    --transform-scale-x: 1.05 !important;
    --transform-scale-y: 1.05 !important
  }

  #navbarWrapper .lg\:hover\:scale-110:hover,
  reach-portal .lg\:hover\:scale-110:hover {
    --transform-scale-x: 1.1 !important;
    --transform-scale-y: 1.1 !important
  }

  #navbarWrapper .lg\:hover\:scale-125:hover,
  reach-portal .lg\:hover\:scale-125:hover {
    --transform-scale-x: 1.25 !important;
    --transform-scale-y: 1.25 !important
  }

  #navbarWrapper .lg\:hover\:scale-150:hover,
  reach-portal .lg\:hover\:scale-150:hover {
    --transform-scale-x: 1.5 !important;
    --transform-scale-y: 1.5 !important
  }

  #navbarWrapper .lg\:hover\:scale-x-0:hover,
  reach-portal .lg\:hover\:scale-x-0:hover {
    --transform-scale-x: 0 !important
  }

  #navbarWrapper .lg\:hover\:scale-x-50:hover,
  reach-portal .lg\:hover\:scale-x-50:hover {
    --transform-scale-x: .5 !important
  }

  #navbarWrapper .lg\:hover\:scale-x-75:hover,
  reach-portal .lg\:hover\:scale-x-75:hover {
    --transform-scale-x: .75 !important
  }

  #navbarWrapper .lg\:hover\:scale-x-90:hover,
  reach-portal .lg\:hover\:scale-x-90:hover {
    --transform-scale-x: .9 !important
  }

  #navbarWrapper .lg\:hover\:scale-x-95:hover,
  reach-portal .lg\:hover\:scale-x-95:hover {
    --transform-scale-x: .95 !important
  }

  #navbarWrapper .lg\:hover\:scale-x-100:hover,
  reach-portal .lg\:hover\:scale-x-100:hover {
    --transform-scale-x: 1 !important
  }

  #navbarWrapper .lg\:hover\:scale-x-105:hover,
  reach-portal .lg\:hover\:scale-x-105:hover {
    --transform-scale-x: 1.05 !important
  }

  #navbarWrapper .lg\:hover\:scale-x-110:hover,
  reach-portal .lg\:hover\:scale-x-110:hover {
    --transform-scale-x: 1.1 !important
  }

  #navbarWrapper .lg\:hover\:scale-x-125:hover,
  reach-portal .lg\:hover\:scale-x-125:hover {
    --transform-scale-x: 1.25 !important
  }

  #navbarWrapper .lg\:hover\:scale-x-150:hover,
  reach-portal .lg\:hover\:scale-x-150:hover {
    --transform-scale-x: 1.5 !important
  }

  #navbarWrapper .lg\:hover\:scale-y-0:hover,
  reach-portal .lg\:hover\:scale-y-0:hover {
    --transform-scale-y: 0 !important
  }

  #navbarWrapper .lg\:hover\:scale-y-50:hover,
  reach-portal .lg\:hover\:scale-y-50:hover {
    --transform-scale-y: .5 !important
  }

  #navbarWrapper .lg\:hover\:scale-y-75:hover,
  reach-portal .lg\:hover\:scale-y-75:hover {
    --transform-scale-y: .75 !important
  }

  #navbarWrapper .lg\:hover\:scale-y-90:hover,
  reach-portal .lg\:hover\:scale-y-90:hover {
    --transform-scale-y: .9 !important
  }

  #navbarWrapper .lg\:hover\:scale-y-95:hover,
  reach-portal .lg\:hover\:scale-y-95:hover {
    --transform-scale-y: .95 !important
  }

  #navbarWrapper .lg\:hover\:scale-y-100:hover,
  reach-portal .lg\:hover\:scale-y-100:hover {
    --transform-scale-y: 1 !important
  }

  #navbarWrapper .lg\:hover\:scale-y-105:hover,
  reach-portal .lg\:hover\:scale-y-105:hover {
    --transform-scale-y: 1.05 !important
  }

  #navbarWrapper .lg\:hover\:scale-y-110:hover,
  reach-portal .lg\:hover\:scale-y-110:hover {
    --transform-scale-y: 1.1 !important
  }

  #navbarWrapper .lg\:hover\:scale-y-125:hover,
  reach-portal .lg\:hover\:scale-y-125:hover {
    --transform-scale-y: 1.25 !important
  }

  #navbarWrapper .lg\:hover\:scale-y-150:hover,
  reach-portal .lg\:hover\:scale-y-150:hover {
    --transform-scale-y: 1.5 !important
  }

  #navbarWrapper .lg\:focus\:scale-0:focus,
  reach-portal .lg\:focus\:scale-0:focus {
    --transform-scale-x: 0 !important;
    --transform-scale-y: 0 !important
  }

  #navbarWrapper .lg\:focus\:scale-50:focus,
  reach-portal .lg\:focus\:scale-50:focus {
    --transform-scale-x: .5 !important;
    --transform-scale-y: .5 !important
  }

  #navbarWrapper .lg\:focus\:scale-75:focus,
  reach-portal .lg\:focus\:scale-75:focus {
    --transform-scale-x: .75 !important;
    --transform-scale-y: .75 !important
  }

  #navbarWrapper .lg\:focus\:scale-90:focus,
  reach-portal .lg\:focus\:scale-90:focus {
    --transform-scale-x: .9 !important;
    --transform-scale-y: .9 !important
  }

  #navbarWrapper .lg\:focus\:scale-95:focus,
  reach-portal .lg\:focus\:scale-95:focus {
    --transform-scale-x: .95 !important;
    --transform-scale-y: .95 !important
  }

  #navbarWrapper .lg\:focus\:scale-100:focus,
  reach-portal .lg\:focus\:scale-100:focus {
    --transform-scale-x: 1 !important;
    --transform-scale-y: 1 !important
  }

  #navbarWrapper .lg\:focus\:scale-105:focus,
  reach-portal .lg\:focus\:scale-105:focus {
    --transform-scale-x: 1.05 !important;
    --transform-scale-y: 1.05 !important
  }

  #navbarWrapper .lg\:focus\:scale-110:focus,
  reach-portal .lg\:focus\:scale-110:focus {
    --transform-scale-x: 1.1 !important;
    --transform-scale-y: 1.1 !important
  }

  #navbarWrapper .lg\:focus\:scale-125:focus,
  reach-portal .lg\:focus\:scale-125:focus {
    --transform-scale-x: 1.25 !important;
    --transform-scale-y: 1.25 !important
  }

  #navbarWrapper .lg\:focus\:scale-150:focus,
  reach-portal .lg\:focus\:scale-150:focus {
    --transform-scale-x: 1.5 !important;
    --transform-scale-y: 1.5 !important
  }

  #navbarWrapper .lg\:focus\:scale-x-0:focus,
  reach-portal .lg\:focus\:scale-x-0:focus {
    --transform-scale-x: 0 !important
  }

  #navbarWrapper .lg\:focus\:scale-x-50:focus,
  reach-portal .lg\:focus\:scale-x-50:focus {
    --transform-scale-x: .5 !important
  }

  #navbarWrapper .lg\:focus\:scale-x-75:focus,
  reach-portal .lg\:focus\:scale-x-75:focus {
    --transform-scale-x: .75 !important
  }

  #navbarWrapper .lg\:focus\:scale-x-90:focus,
  reach-portal .lg\:focus\:scale-x-90:focus {
    --transform-scale-x: .9 !important
  }

  #navbarWrapper .lg\:focus\:scale-x-95:focus,
  reach-portal .lg\:focus\:scale-x-95:focus {
    --transform-scale-x: .95 !important
  }

  #navbarWrapper .lg\:focus\:scale-x-100:focus,
  reach-portal .lg\:focus\:scale-x-100:focus {
    --transform-scale-x: 1 !important
  }

  #navbarWrapper .lg\:focus\:scale-x-105:focus,
  reach-portal .lg\:focus\:scale-x-105:focus {
    --transform-scale-x: 1.05 !important
  }

  #navbarWrapper .lg\:focus\:scale-x-110:focus,
  reach-portal .lg\:focus\:scale-x-110:focus {
    --transform-scale-x: 1.1 !important
  }

  #navbarWrapper .lg\:focus\:scale-x-125:focus,
  reach-portal .lg\:focus\:scale-x-125:focus {
    --transform-scale-x: 1.25 !important
  }

  #navbarWrapper .lg\:focus\:scale-x-150:focus,
  reach-portal .lg\:focus\:scale-x-150:focus {
    --transform-scale-x: 1.5 !important
  }

  #navbarWrapper .lg\:focus\:scale-y-0:focus,
  reach-portal .lg\:focus\:scale-y-0:focus {
    --transform-scale-y: 0 !important
  }

  #navbarWrapper .lg\:focus\:scale-y-50:focus,
  reach-portal .lg\:focus\:scale-y-50:focus {
    --transform-scale-y: .5 !important
  }

  #navbarWrapper .lg\:focus\:scale-y-75:focus,
  reach-portal .lg\:focus\:scale-y-75:focus {
    --transform-scale-y: .75 !important
  }

  #navbarWrapper .lg\:focus\:scale-y-90:focus,
  reach-portal .lg\:focus\:scale-y-90:focus {
    --transform-scale-y: .9 !important
  }

  #navbarWrapper .lg\:focus\:scale-y-95:focus,
  reach-portal .lg\:focus\:scale-y-95:focus {
    --transform-scale-y: .95 !important
  }

  #navbarWrapper .lg\:focus\:scale-y-100:focus,
  reach-portal .lg\:focus\:scale-y-100:focus {
    --transform-scale-y: 1 !important
  }

  #navbarWrapper .lg\:focus\:scale-y-105:focus,
  reach-portal .lg\:focus\:scale-y-105:focus {
    --transform-scale-y: 1.05 !important
  }

  #navbarWrapper .lg\:focus\:scale-y-110:focus,
  reach-portal .lg\:focus\:scale-y-110:focus {
    --transform-scale-y: 1.1 !important
  }

  #navbarWrapper .lg\:focus\:scale-y-125:focus,
  reach-portal .lg\:focus\:scale-y-125:focus {
    --transform-scale-y: 1.25 !important
  }

  #navbarWrapper .lg\:focus\:scale-y-150:focus,
  reach-portal .lg\:focus\:scale-y-150:focus {
    --transform-scale-y: 1.5 !important
  }

  #navbarWrapper .lg\:rotate-0,
  reach-portal .lg\:rotate-0 {
    --transform-rotate: 0 !important
  }

  #navbarWrapper .lg\:rotate-45,
  reach-portal .lg\:rotate-45 {
    --transform-rotate: 45deg !important
  }

  #navbarWrapper .lg\:rotate-90,
  reach-portal .lg\:rotate-90 {
    --transform-rotate: 90deg !important
  }

  #navbarWrapper .lg\:rotate-180,
  reach-portal .lg\:rotate-180 {
    --transform-rotate: 180deg !important
  }

  #navbarWrapper .lg\:-rotate-180,
  reach-portal .lg\:-rotate-180 {
    --transform-rotate: -180deg !important
  }

  #navbarWrapper .lg\:-rotate-90,
  reach-portal .lg\:-rotate-90 {
    --transform-rotate: -90deg !important
  }

  #navbarWrapper .lg\:-rotate-45,
  reach-portal .lg\:-rotate-45 {
    --transform-rotate: -45deg !important
  }

  #navbarWrapper .lg\:hover\:rotate-0:hover,
  reach-portal .lg\:hover\:rotate-0:hover {
    --transform-rotate: 0 !important
  }

  #navbarWrapper .lg\:hover\:rotate-45:hover,
  reach-portal .lg\:hover\:rotate-45:hover {
    --transform-rotate: 45deg !important
  }

  #navbarWrapper .lg\:hover\:rotate-90:hover,
  reach-portal .lg\:hover\:rotate-90:hover {
    --transform-rotate: 90deg !important
  }

  #navbarWrapper .lg\:hover\:rotate-180:hover,
  reach-portal .lg\:hover\:rotate-180:hover {
    --transform-rotate: 180deg !important
  }

  #navbarWrapper .lg\:hover\:-rotate-180:hover,
  reach-portal .lg\:hover\:-rotate-180:hover {
    --transform-rotate: -180deg !important
  }

  #navbarWrapper .lg\:hover\:-rotate-90:hover,
  reach-portal .lg\:hover\:-rotate-90:hover {
    --transform-rotate: -90deg !important
  }

  #navbarWrapper .lg\:hover\:-rotate-45:hover,
  reach-portal .lg\:hover\:-rotate-45:hover {
    --transform-rotate: -45deg !important
  }

  #navbarWrapper .lg\:focus\:rotate-0:focus,
  reach-portal .lg\:focus\:rotate-0:focus {
    --transform-rotate: 0 !important
  }

  #navbarWrapper .lg\:focus\:rotate-45:focus,
  reach-portal .lg\:focus\:rotate-45:focus {
    --transform-rotate: 45deg !important
  }

  #navbarWrapper .lg\:focus\:rotate-90:focus,
  reach-portal .lg\:focus\:rotate-90:focus {
    --transform-rotate: 90deg !important
  }

  #navbarWrapper .lg\:focus\:rotate-180:focus,
  reach-portal .lg\:focus\:rotate-180:focus {
    --transform-rotate: 180deg !important
  }

  #navbarWrapper .lg\:focus\:-rotate-180:focus,
  reach-portal .lg\:focus\:-rotate-180:focus {
    --transform-rotate: -180deg !important
  }

  #navbarWrapper .lg\:focus\:-rotate-90:focus,
  reach-portal .lg\:focus\:-rotate-90:focus {
    --transform-rotate: -90deg !important
  }

  #navbarWrapper .lg\:focus\:-rotate-45:focus,
  reach-portal .lg\:focus\:-rotate-45:focus {
    --transform-rotate: -45deg !important
  }

  #navbarWrapper .lg\:translate-x-0,
  reach-portal .lg\:translate-x-0 {
    --transform-translate-x: 0 !important
  }

  #navbarWrapper .lg\:translate-x-1,
  reach-portal .lg\:translate-x-1 {
    --transform-translate-x: 0.25rem !important
  }

  #navbarWrapper .lg\:translate-x-2,
  reach-portal .lg\:translate-x-2 {
    --transform-translate-x: 0.5rem !important
  }

  #navbarWrapper .lg\:translate-x-3,
  reach-portal .lg\:translate-x-3 {
    --transform-translate-x: 0.75rem !important
  }

  #navbarWrapper .lg\:translate-x-4,
  reach-portal .lg\:translate-x-4 {
    --transform-translate-x: 1rem !important
  }

  #navbarWrapper .lg\:translate-x-5,
  reach-portal .lg\:translate-x-5 {
    --transform-translate-x: 1.25rem !important
  }

  #navbarWrapper .lg\:translate-x-6,
  reach-portal .lg\:translate-x-6 {
    --transform-translate-x: 1.5rem !important
  }

  #navbarWrapper .lg\:translate-x-8,
  reach-portal .lg\:translate-x-8 {
    --transform-translate-x: 2rem !important
  }

  #navbarWrapper .lg\:translate-x-10,
  reach-portal .lg\:translate-x-10 {
    --transform-translate-x: 2.5rem !important
  }

  #navbarWrapper .lg\:translate-x-12,
  reach-portal .lg\:translate-x-12 {
    --transform-translate-x: 3rem !important
  }

  #navbarWrapper .lg\:translate-x-16,
  reach-portal .lg\:translate-x-16 {
    --transform-translate-x: 4rem !important
  }

  #navbarWrapper .lg\:translate-x-20,
  reach-portal .lg\:translate-x-20 {
    --transform-translate-x: 5rem !important
  }

  #navbarWrapper .lg\:translate-x-24,
  reach-portal .lg\:translate-x-24 {
    --transform-translate-x: 6rem !important
  }

  #navbarWrapper .lg\:translate-x-32,
  reach-portal .lg\:translate-x-32 {
    --transform-translate-x: 8rem !important
  }

  #navbarWrapper .lg\:translate-x-40,
  reach-portal .lg\:translate-x-40 {
    --transform-translate-x: 10rem !important
  }

  #navbarWrapper .lg\:translate-x-48,
  reach-portal .lg\:translate-x-48 {
    --transform-translate-x: 12rem !important
  }

  #navbarWrapper .lg\:translate-x-56,
  reach-portal .lg\:translate-x-56 {
    --transform-translate-x: 14rem !important
  }

  #navbarWrapper .lg\:translate-x-64,
  reach-portal .lg\:translate-x-64 {
    --transform-translate-x: 16rem !important
  }

  #navbarWrapper .lg\:translate-x-px,
  reach-portal .lg\:translate-x-px {
    --transform-translate-x: 1px !important
  }

  #navbarWrapper .lg\:-translate-x-1,
  reach-portal .lg\:-translate-x-1 {
    --transform-translate-x: -0.25rem !important
  }

  #navbarWrapper .lg\:-translate-x-2,
  reach-portal .lg\:-translate-x-2 {
    --transform-translate-x: -0.5rem !important
  }

  #navbarWrapper .lg\:-translate-x-3,
  reach-portal .lg\:-translate-x-3 {
    --transform-translate-x: -0.75rem !important
  }

  #navbarWrapper .lg\:-translate-x-4,
  reach-portal .lg\:-translate-x-4 {
    --transform-translate-x: -1rem !important
  }

  #navbarWrapper .lg\:-translate-x-5,
  reach-portal .lg\:-translate-x-5 {
    --transform-translate-x: -1.25rem !important
  }

  #navbarWrapper .lg\:-translate-x-6,
  reach-portal .lg\:-translate-x-6 {
    --transform-translate-x: -1.5rem !important
  }

  #navbarWrapper .lg\:-translate-x-8,
  reach-portal .lg\:-translate-x-8 {
    --transform-translate-x: -2rem !important
  }

  #navbarWrapper .lg\:-translate-x-10,
  reach-portal .lg\:-translate-x-10 {
    --transform-translate-x: -2.5rem !important
  }

  #navbarWrapper .lg\:-translate-x-12,
  reach-portal .lg\:-translate-x-12 {
    --transform-translate-x: -3rem !important
  }

  #navbarWrapper .lg\:-translate-x-16,
  reach-portal .lg\:-translate-x-16 {
    --transform-translate-x: -4rem !important
  }

  #navbarWrapper .lg\:-translate-x-20,
  reach-portal .lg\:-translate-x-20 {
    --transform-translate-x: -5rem !important
  }

  #navbarWrapper .lg\:-translate-x-24,
  reach-portal .lg\:-translate-x-24 {
    --transform-translate-x: -6rem !important
  }

  #navbarWrapper .lg\:-translate-x-32,
  reach-portal .lg\:-translate-x-32 {
    --transform-translate-x: -8rem !important
  }

  #navbarWrapper .lg\:-translate-x-40,
  reach-portal .lg\:-translate-x-40 {
    --transform-translate-x: -10rem !important
  }

  #navbarWrapper .lg\:-translate-x-48,
  reach-portal .lg\:-translate-x-48 {
    --transform-translate-x: -12rem !important
  }

  #navbarWrapper .lg\:-translate-x-56,
  reach-portal .lg\:-translate-x-56 {
    --transform-translate-x: -14rem !important
  }

  #navbarWrapper .lg\:-translate-x-64,
  reach-portal .lg\:-translate-x-64 {
    --transform-translate-x: -16rem !important
  }

  #navbarWrapper .lg\:-translate-x-px,
  reach-portal .lg\:-translate-x-px {
    --transform-translate-x: -1px !important
  }

  #navbarWrapper .lg\:-translate-x-full,
  reach-portal .lg\:-translate-x-full {
    --transform-translate-x: -100% !important
  }

  #navbarWrapper .lg\:-translate-x-1\/2,
  reach-portal .lg\:-translate-x-1\/2 {
    --transform-translate-x: -50% !important
  }

  #navbarWrapper .lg\:translate-x-1\/2,
  reach-portal .lg\:translate-x-1\/2 {
    --transform-translate-x: 50% !important
  }

  #navbarWrapper .lg\:translate-x-full,
  reach-portal .lg\:translate-x-full {
    --transform-translate-x: 100% !important
  }

  #navbarWrapper .lg\:translate-y-0,
  reach-portal .lg\:translate-y-0 {
    --transform-translate-y: 0 !important
  }

  #navbarWrapper .lg\:translate-y-1,
  reach-portal .lg\:translate-y-1 {
    --transform-translate-y: 0.25rem !important
  }

  #navbarWrapper .lg\:translate-y-2,
  reach-portal .lg\:translate-y-2 {
    --transform-translate-y: 0.5rem !important
  }

  #navbarWrapper .lg\:translate-y-3,
  reach-portal .lg\:translate-y-3 {
    --transform-translate-y: 0.75rem !important
  }

  #navbarWrapper .lg\:translate-y-4,
  reach-portal .lg\:translate-y-4 {
    --transform-translate-y: 1rem !important
  }

  #navbarWrapper .lg\:translate-y-5,
  reach-portal .lg\:translate-y-5 {
    --transform-translate-y: 1.25rem !important
  }

  #navbarWrapper .lg\:translate-y-6,
  reach-portal .lg\:translate-y-6 {
    --transform-translate-y: 1.5rem !important
  }

  #navbarWrapper .lg\:translate-y-8,
  reach-portal .lg\:translate-y-8 {
    --transform-translate-y: 2rem !important
  }

  #navbarWrapper .lg\:translate-y-10,
  reach-portal .lg\:translate-y-10 {
    --transform-translate-y: 2.5rem !important
  }

  #navbarWrapper .lg\:translate-y-12,
  reach-portal .lg\:translate-y-12 {
    --transform-translate-y: 3rem !important
  }

  #navbarWrapper .lg\:translate-y-16,
  reach-portal .lg\:translate-y-16 {
    --transform-translate-y: 4rem !important
  }

  #navbarWrapper .lg\:translate-y-20,
  reach-portal .lg\:translate-y-20 {
    --transform-translate-y: 5rem !important
  }

  #navbarWrapper .lg\:translate-y-24,
  reach-portal .lg\:translate-y-24 {
    --transform-translate-y: 6rem !important
  }

  #navbarWrapper .lg\:translate-y-32,
  reach-portal .lg\:translate-y-32 {
    --transform-translate-y: 8rem !important
  }

  #navbarWrapper .lg\:translate-y-40,
  reach-portal .lg\:translate-y-40 {
    --transform-translate-y: 10rem !important
  }

  #navbarWrapper .lg\:translate-y-48,
  reach-portal .lg\:translate-y-48 {
    --transform-translate-y: 12rem !important
  }

  #navbarWrapper .lg\:translate-y-56,
  reach-portal .lg\:translate-y-56 {
    --transform-translate-y: 14rem !important
  }

  #navbarWrapper .lg\:translate-y-64,
  reach-portal .lg\:translate-y-64 {
    --transform-translate-y: 16rem !important
  }

  #navbarWrapper .lg\:translate-y-px,
  reach-portal .lg\:translate-y-px {
    --transform-translate-y: 1px !important
  }

  #navbarWrapper .lg\:-translate-y-1,
  reach-portal .lg\:-translate-y-1 {
    --transform-translate-y: -0.25rem !important
  }

  #navbarWrapper .lg\:-translate-y-2,
  reach-portal .lg\:-translate-y-2 {
    --transform-translate-y: -0.5rem !important
  }

  #navbarWrapper .lg\:-translate-y-3,
  reach-portal .lg\:-translate-y-3 {
    --transform-translate-y: -0.75rem !important
  }

  #navbarWrapper .lg\:-translate-y-4,
  reach-portal .lg\:-translate-y-4 {
    --transform-translate-y: -1rem !important
  }

  #navbarWrapper .lg\:-translate-y-5,
  reach-portal .lg\:-translate-y-5 {
    --transform-translate-y: -1.25rem !important
  }

  #navbarWrapper .lg\:-translate-y-6,
  reach-portal .lg\:-translate-y-6 {
    --transform-translate-y: -1.5rem !important
  }

  #navbarWrapper .lg\:-translate-y-8,
  reach-portal .lg\:-translate-y-8 {
    --transform-translate-y: -2rem !important
  }

  #navbarWrapper .lg\:-translate-y-10,
  reach-portal .lg\:-translate-y-10 {
    --transform-translate-y: -2.5rem !important
  }

  #navbarWrapper .lg\:-translate-y-12,
  reach-portal .lg\:-translate-y-12 {
    --transform-translate-y: -3rem !important
  }

  #navbarWrapper .lg\:-translate-y-16,
  reach-portal .lg\:-translate-y-16 {
    --transform-translate-y: -4rem !important
  }

  #navbarWrapper .lg\:-translate-y-20,
  reach-portal .lg\:-translate-y-20 {
    --transform-translate-y: -5rem !important
  }

  #navbarWrapper .lg\:-translate-y-24,
  reach-portal .lg\:-translate-y-24 {
    --transform-translate-y: -6rem !important
  }

  #navbarWrapper .lg\:-translate-y-32,
  reach-portal .lg\:-translate-y-32 {
    --transform-translate-y: -8rem !important
  }

  #navbarWrapper .lg\:-translate-y-40,
  reach-portal .lg\:-translate-y-40 {
    --transform-translate-y: -10rem !important
  }

  #navbarWrapper .lg\:-translate-y-48,
  reach-portal .lg\:-translate-y-48 {
    --transform-translate-y: -12rem !important
  }

  #navbarWrapper .lg\:-translate-y-56,
  reach-portal .lg\:-translate-y-56 {
    --transform-translate-y: -14rem !important
  }

  #navbarWrapper .lg\:-translate-y-64,
  reach-portal .lg\:-translate-y-64 {
    --transform-translate-y: -16rem !important
  }

  #navbarWrapper .lg\:-translate-y-px,
  reach-portal .lg\:-translate-y-px {
    --transform-translate-y: -1px !important
  }

  #navbarWrapper .lg\:-translate-y-full,
  reach-portal .lg\:-translate-y-full {
    --transform-translate-y: -100% !important
  }

  #navbarWrapper .lg\:-translate-y-1\/2,
  reach-portal .lg\:-translate-y-1\/2 {
    --transform-translate-y: -50% !important
  }

  #navbarWrapper .lg\:translate-y-1\/2,
  reach-portal .lg\:translate-y-1\/2 {
    --transform-translate-y: 50% !important
  }

  #navbarWrapper .lg\:translate-y-full,
  reach-portal .lg\:translate-y-full {
    --transform-translate-y: 100% !important
  }

  #navbarWrapper .lg\:hover\:translate-x-0:hover,
  reach-portal .lg\:hover\:translate-x-0:hover {
    --transform-translate-x: 0 !important
  }

  #navbarWrapper .lg\:hover\:translate-x-1:hover,
  reach-portal .lg\:hover\:translate-x-1:hover {
    --transform-translate-x: 0.25rem !important
  }

  #navbarWrapper .lg\:hover\:translate-x-2:hover,
  reach-portal .lg\:hover\:translate-x-2:hover {
    --transform-translate-x: 0.5rem !important
  }

  #navbarWrapper .lg\:hover\:translate-x-3:hover,
  reach-portal .lg\:hover\:translate-x-3:hover {
    --transform-translate-x: 0.75rem !important
  }

  #navbarWrapper .lg\:hover\:translate-x-4:hover,
  reach-portal .lg\:hover\:translate-x-4:hover {
    --transform-translate-x: 1rem !important
  }

  #navbarWrapper .lg\:hover\:translate-x-5:hover,
  reach-portal .lg\:hover\:translate-x-5:hover {
    --transform-translate-x: 1.25rem !important
  }

  #navbarWrapper .lg\:hover\:translate-x-6:hover,
  reach-portal .lg\:hover\:translate-x-6:hover {
    --transform-translate-x: 1.5rem !important
  }

  #navbarWrapper .lg\:hover\:translate-x-8:hover,
  reach-portal .lg\:hover\:translate-x-8:hover {
    --transform-translate-x: 2rem !important
  }

  #navbarWrapper .lg\:hover\:translate-x-10:hover,
  reach-portal .lg\:hover\:translate-x-10:hover {
    --transform-translate-x: 2.5rem !important
  }

  #navbarWrapper .lg\:hover\:translate-x-12:hover,
  reach-portal .lg\:hover\:translate-x-12:hover {
    --transform-translate-x: 3rem !important
  }

  #navbarWrapper .lg\:hover\:translate-x-16:hover,
  reach-portal .lg\:hover\:translate-x-16:hover {
    --transform-translate-x: 4rem !important
  }

  #navbarWrapper .lg\:hover\:translate-x-20:hover,
  reach-portal .lg\:hover\:translate-x-20:hover {
    --transform-translate-x: 5rem !important
  }

  #navbarWrapper .lg\:hover\:translate-x-24:hover,
  reach-portal .lg\:hover\:translate-x-24:hover {
    --transform-translate-x: 6rem !important
  }

  #navbarWrapper .lg\:hover\:translate-x-32:hover,
  reach-portal .lg\:hover\:translate-x-32:hover {
    --transform-translate-x: 8rem !important
  }

  #navbarWrapper .lg\:hover\:translate-x-40:hover,
  reach-portal .lg\:hover\:translate-x-40:hover {
    --transform-translate-x: 10rem !important
  }

  #navbarWrapper .lg\:hover\:translate-x-48:hover,
  reach-portal .lg\:hover\:translate-x-48:hover {
    --transform-translate-x: 12rem !important
  }

  #navbarWrapper .lg\:hover\:translate-x-56:hover,
  reach-portal .lg\:hover\:translate-x-56:hover {
    --transform-translate-x: 14rem !important
  }

  #navbarWrapper .lg\:hover\:translate-x-64:hover,
  reach-portal .lg\:hover\:translate-x-64:hover {
    --transform-translate-x: 16rem !important
  }

  #navbarWrapper .lg\:hover\:translate-x-px:hover,
  reach-portal .lg\:hover\:translate-x-px:hover {
    --transform-translate-x: 1px !important
  }

  #navbarWrapper .lg\:hover\:-translate-x-1:hover,
  reach-portal .lg\:hover\:-translate-x-1:hover {
    --transform-translate-x: -0.25rem !important
  }

  #navbarWrapper .lg\:hover\:-translate-x-2:hover,
  reach-portal .lg\:hover\:-translate-x-2:hover {
    --transform-translate-x: -0.5rem !important
  }

  #navbarWrapper .lg\:hover\:-translate-x-3:hover,
  reach-portal .lg\:hover\:-translate-x-3:hover {
    --transform-translate-x: -0.75rem !important
  }

  #navbarWrapper .lg\:hover\:-translate-x-4:hover,
  reach-portal .lg\:hover\:-translate-x-4:hover {
    --transform-translate-x: -1rem !important
  }

  #navbarWrapper .lg\:hover\:-translate-x-5:hover,
  reach-portal .lg\:hover\:-translate-x-5:hover {
    --transform-translate-x: -1.25rem !important
  }

  #navbarWrapper .lg\:hover\:-translate-x-6:hover,
  reach-portal .lg\:hover\:-translate-x-6:hover {
    --transform-translate-x: -1.5rem !important
  }

  #navbarWrapper .lg\:hover\:-translate-x-8:hover,
  reach-portal .lg\:hover\:-translate-x-8:hover {
    --transform-translate-x: -2rem !important
  }

  #navbarWrapper .lg\:hover\:-translate-x-10:hover,
  reach-portal .lg\:hover\:-translate-x-10:hover {
    --transform-translate-x: -2.5rem !important
  }

  #navbarWrapper .lg\:hover\:-translate-x-12:hover,
  reach-portal .lg\:hover\:-translate-x-12:hover {
    --transform-translate-x: -3rem !important
  }

  #navbarWrapper .lg\:hover\:-translate-x-16:hover,
  reach-portal .lg\:hover\:-translate-x-16:hover {
    --transform-translate-x: -4rem !important
  }

  #navbarWrapper .lg\:hover\:-translate-x-20:hover,
  reach-portal .lg\:hover\:-translate-x-20:hover {
    --transform-translate-x: -5rem !important
  }

  #navbarWrapper .lg\:hover\:-translate-x-24:hover,
  reach-portal .lg\:hover\:-translate-x-24:hover {
    --transform-translate-x: -6rem !important
  }

  #navbarWrapper .lg\:hover\:-translate-x-32:hover,
  reach-portal .lg\:hover\:-translate-x-32:hover {
    --transform-translate-x: -8rem !important
  }

  #navbarWrapper .lg\:hover\:-translate-x-40:hover,
  reach-portal .lg\:hover\:-translate-x-40:hover {
    --transform-translate-x: -10rem !important
  }

  #navbarWrapper .lg\:hover\:-translate-x-48:hover,
  reach-portal .lg\:hover\:-translate-x-48:hover {
    --transform-translate-x: -12rem !important
  }

  #navbarWrapper .lg\:hover\:-translate-x-56:hover,
  reach-portal .lg\:hover\:-translate-x-56:hover {
    --transform-translate-x: -14rem !important
  }

  #navbarWrapper .lg\:hover\:-translate-x-64:hover,
  reach-portal .lg\:hover\:-translate-x-64:hover {
    --transform-translate-x: -16rem !important
  }

  #navbarWrapper .lg\:hover\:-translate-x-px:hover,
  reach-portal .lg\:hover\:-translate-x-px:hover {
    --transform-translate-x: -1px !important
  }

  #navbarWrapper .lg\:hover\:-translate-x-full:hover,
  reach-portal .lg\:hover\:-translate-x-full:hover {
    --transform-translate-x: -100% !important
  }

  #navbarWrapper .lg\:hover\:-translate-x-1\/2:hover,
  reach-portal .lg\:hover\:-translate-x-1\/2:hover {
    --transform-translate-x: -50% !important
  }

  #navbarWrapper .lg\:hover\:translate-x-1\/2:hover,
  reach-portal .lg\:hover\:translate-x-1\/2:hover {
    --transform-translate-x: 50% !important
  }

  #navbarWrapper .lg\:hover\:translate-x-full:hover,
  reach-portal .lg\:hover\:translate-x-full:hover {
    --transform-translate-x: 100% !important
  }

  #navbarWrapper .lg\:hover\:translate-y-0:hover,
  reach-portal .lg\:hover\:translate-y-0:hover {
    --transform-translate-y: 0 !important
  }

  #navbarWrapper .lg\:hover\:translate-y-1:hover,
  reach-portal .lg\:hover\:translate-y-1:hover {
    --transform-translate-y: 0.25rem !important
  }

  #navbarWrapper .lg\:hover\:translate-y-2:hover,
  reach-portal .lg\:hover\:translate-y-2:hover {
    --transform-translate-y: 0.5rem !important
  }

  #navbarWrapper .lg\:hover\:translate-y-3:hover,
  reach-portal .lg\:hover\:translate-y-3:hover {
    --transform-translate-y: 0.75rem !important
  }

  #navbarWrapper .lg\:hover\:translate-y-4:hover,
  reach-portal .lg\:hover\:translate-y-4:hover {
    --transform-translate-y: 1rem !important
  }

  #navbarWrapper .lg\:hover\:translate-y-5:hover,
  reach-portal .lg\:hover\:translate-y-5:hover {
    --transform-translate-y: 1.25rem !important
  }

  #navbarWrapper .lg\:hover\:translate-y-6:hover,
  reach-portal .lg\:hover\:translate-y-6:hover {
    --transform-translate-y: 1.5rem !important
  }

  #navbarWrapper .lg\:hover\:translate-y-8:hover,
  reach-portal .lg\:hover\:translate-y-8:hover {
    --transform-translate-y: 2rem !important
  }

  #navbarWrapper .lg\:hover\:translate-y-10:hover,
  reach-portal .lg\:hover\:translate-y-10:hover {
    --transform-translate-y: 2.5rem !important
  }

  #navbarWrapper .lg\:hover\:translate-y-12:hover,
  reach-portal .lg\:hover\:translate-y-12:hover {
    --transform-translate-y: 3rem !important
  }

  #navbarWrapper .lg\:hover\:translate-y-16:hover,
  reach-portal .lg\:hover\:translate-y-16:hover {
    --transform-translate-y: 4rem !important
  }

  #navbarWrapper .lg\:hover\:translate-y-20:hover,
  reach-portal .lg\:hover\:translate-y-20:hover {
    --transform-translate-y: 5rem !important
  }

  #navbarWrapper .lg\:hover\:translate-y-24:hover,
  reach-portal .lg\:hover\:translate-y-24:hover {
    --transform-translate-y: 6rem !important
  }

  #navbarWrapper .lg\:hover\:translate-y-32:hover,
  reach-portal .lg\:hover\:translate-y-32:hover {
    --transform-translate-y: 8rem !important
  }

  #navbarWrapper .lg\:hover\:translate-y-40:hover,
  reach-portal .lg\:hover\:translate-y-40:hover {
    --transform-translate-y: 10rem !important
  }

  #navbarWrapper .lg\:hover\:translate-y-48:hover,
  reach-portal .lg\:hover\:translate-y-48:hover {
    --transform-translate-y: 12rem !important
  }

  #navbarWrapper .lg\:hover\:translate-y-56:hover,
  reach-portal .lg\:hover\:translate-y-56:hover {
    --transform-translate-y: 14rem !important
  }

  #navbarWrapper .lg\:hover\:translate-y-64:hover,
  reach-portal .lg\:hover\:translate-y-64:hover {
    --transform-translate-y: 16rem !important
  }

  #navbarWrapper .lg\:hover\:translate-y-px:hover,
  reach-portal .lg\:hover\:translate-y-px:hover {
    --transform-translate-y: 1px !important
  }

  #navbarWrapper .lg\:hover\:-translate-y-1:hover,
  reach-portal .lg\:hover\:-translate-y-1:hover {
    --transform-translate-y: -0.25rem !important
  }

  #navbarWrapper .lg\:hover\:-translate-y-2:hover,
  reach-portal .lg\:hover\:-translate-y-2:hover {
    --transform-translate-y: -0.5rem !important
  }

  #navbarWrapper .lg\:hover\:-translate-y-3:hover,
  reach-portal .lg\:hover\:-translate-y-3:hover {
    --transform-translate-y: -0.75rem !important
  }

  #navbarWrapper .lg\:hover\:-translate-y-4:hover,
  reach-portal .lg\:hover\:-translate-y-4:hover {
    --transform-translate-y: -1rem !important
  }

  #navbarWrapper .lg\:hover\:-translate-y-5:hover,
  reach-portal .lg\:hover\:-translate-y-5:hover {
    --transform-translate-y: -1.25rem !important
  }

  #navbarWrapper .lg\:hover\:-translate-y-6:hover,
  reach-portal .lg\:hover\:-translate-y-6:hover {
    --transform-translate-y: -1.5rem !important
  }

  #navbarWrapper .lg\:hover\:-translate-y-8:hover,
  reach-portal .lg\:hover\:-translate-y-8:hover {
    --transform-translate-y: -2rem !important
  }

  #navbarWrapper .lg\:hover\:-translate-y-10:hover,
  reach-portal .lg\:hover\:-translate-y-10:hover {
    --transform-translate-y: -2.5rem !important
  }

  #navbarWrapper .lg\:hover\:-translate-y-12:hover,
  reach-portal .lg\:hover\:-translate-y-12:hover {
    --transform-translate-y: -3rem !important
  }

  #navbarWrapper .lg\:hover\:-translate-y-16:hover,
  reach-portal .lg\:hover\:-translate-y-16:hover {
    --transform-translate-y: -4rem !important
  }

  #navbarWrapper .lg\:hover\:-translate-y-20:hover,
  reach-portal .lg\:hover\:-translate-y-20:hover {
    --transform-translate-y: -5rem !important
  }

  #navbarWrapper .lg\:hover\:-translate-y-24:hover,
  reach-portal .lg\:hover\:-translate-y-24:hover {
    --transform-translate-y: -6rem !important
  }

  #navbarWrapper .lg\:hover\:-translate-y-32:hover,
  reach-portal .lg\:hover\:-translate-y-32:hover {
    --transform-translate-y: -8rem !important
  }

  #navbarWrapper .lg\:hover\:-translate-y-40:hover,
  reach-portal .lg\:hover\:-translate-y-40:hover {
    --transform-translate-y: -10rem !important
  }

  #navbarWrapper .lg\:hover\:-translate-y-48:hover,
  reach-portal .lg\:hover\:-translate-y-48:hover {
    --transform-translate-y: -12rem !important
  }

  #navbarWrapper .lg\:hover\:-translate-y-56:hover,
  reach-portal .lg\:hover\:-translate-y-56:hover {
    --transform-translate-y: -14rem !important
  }

  #navbarWrapper .lg\:hover\:-translate-y-64:hover,
  reach-portal .lg\:hover\:-translate-y-64:hover {
    --transform-translate-y: -16rem !important
  }

  #navbarWrapper .lg\:hover\:-translate-y-px:hover,
  reach-portal .lg\:hover\:-translate-y-px:hover {
    --transform-translate-y: -1px !important
  }

  #navbarWrapper .lg\:hover\:-translate-y-full:hover,
  reach-portal .lg\:hover\:-translate-y-full:hover {
    --transform-translate-y: -100% !important
  }

  #navbarWrapper .lg\:hover\:-translate-y-1\/2:hover,
  reach-portal .lg\:hover\:-translate-y-1\/2:hover {
    --transform-translate-y: -50% !important
  }

  #navbarWrapper .lg\:hover\:translate-y-1\/2:hover,
  reach-portal .lg\:hover\:translate-y-1\/2:hover {
    --transform-translate-y: 50% !important
  }

  #navbarWrapper .lg\:hover\:translate-y-full:hover,
  reach-portal .lg\:hover\:translate-y-full:hover {
    --transform-translate-y: 100% !important
  }

  #navbarWrapper .lg\:focus\:translate-x-0:focus,
  reach-portal .lg\:focus\:translate-x-0:focus {
    --transform-translate-x: 0 !important
  }

  #navbarWrapper .lg\:focus\:translate-x-1:focus,
  reach-portal .lg\:focus\:translate-x-1:focus {
    --transform-translate-x: 0.25rem !important
  }

  #navbarWrapper .lg\:focus\:translate-x-2:focus,
  reach-portal .lg\:focus\:translate-x-2:focus {
    --transform-translate-x: 0.5rem !important
  }

  #navbarWrapper .lg\:focus\:translate-x-3:focus,
  reach-portal .lg\:focus\:translate-x-3:focus {
    --transform-translate-x: 0.75rem !important
  }

  #navbarWrapper .lg\:focus\:translate-x-4:focus,
  reach-portal .lg\:focus\:translate-x-4:focus {
    --transform-translate-x: 1rem !important
  }

  #navbarWrapper .lg\:focus\:translate-x-5:focus,
  reach-portal .lg\:focus\:translate-x-5:focus {
    --transform-translate-x: 1.25rem !important
  }

  #navbarWrapper .lg\:focus\:translate-x-6:focus,
  reach-portal .lg\:focus\:translate-x-6:focus {
    --transform-translate-x: 1.5rem !important
  }

  #navbarWrapper .lg\:focus\:translate-x-8:focus,
  reach-portal .lg\:focus\:translate-x-8:focus {
    --transform-translate-x: 2rem !important
  }

  #navbarWrapper .lg\:focus\:translate-x-10:focus,
  reach-portal .lg\:focus\:translate-x-10:focus {
    --transform-translate-x: 2.5rem !important
  }

  #navbarWrapper .lg\:focus\:translate-x-12:focus,
  reach-portal .lg\:focus\:translate-x-12:focus {
    --transform-translate-x: 3rem !important
  }

  #navbarWrapper .lg\:focus\:translate-x-16:focus,
  reach-portal .lg\:focus\:translate-x-16:focus {
    --transform-translate-x: 4rem !important
  }

  #navbarWrapper .lg\:focus\:translate-x-20:focus,
  reach-portal .lg\:focus\:translate-x-20:focus {
    --transform-translate-x: 5rem !important
  }

  #navbarWrapper .lg\:focus\:translate-x-24:focus,
  reach-portal .lg\:focus\:translate-x-24:focus {
    --transform-translate-x: 6rem !important
  }

  #navbarWrapper .lg\:focus\:translate-x-32:focus,
  reach-portal .lg\:focus\:translate-x-32:focus {
    --transform-translate-x: 8rem !important
  }

  #navbarWrapper .lg\:focus\:translate-x-40:focus,
  reach-portal .lg\:focus\:translate-x-40:focus {
    --transform-translate-x: 10rem !important
  }

  #navbarWrapper .lg\:focus\:translate-x-48:focus,
  reach-portal .lg\:focus\:translate-x-48:focus {
    --transform-translate-x: 12rem !important
  }

  #navbarWrapper .lg\:focus\:translate-x-56:focus,
  reach-portal .lg\:focus\:translate-x-56:focus {
    --transform-translate-x: 14rem !important
  }

  #navbarWrapper .lg\:focus\:translate-x-64:focus,
  reach-portal .lg\:focus\:translate-x-64:focus {
    --transform-translate-x: 16rem !important
  }

  #navbarWrapper .lg\:focus\:translate-x-px:focus,
  reach-portal .lg\:focus\:translate-x-px:focus {
    --transform-translate-x: 1px !important
  }

  #navbarWrapper .lg\:focus\:-translate-x-1:focus,
  reach-portal .lg\:focus\:-translate-x-1:focus {
    --transform-translate-x: -0.25rem !important
  }

  #navbarWrapper .lg\:focus\:-translate-x-2:focus,
  reach-portal .lg\:focus\:-translate-x-2:focus {
    --transform-translate-x: -0.5rem !important
  }

  #navbarWrapper .lg\:focus\:-translate-x-3:focus,
  reach-portal .lg\:focus\:-translate-x-3:focus {
    --transform-translate-x: -0.75rem !important
  }

  #navbarWrapper .lg\:focus\:-translate-x-4:focus,
  reach-portal .lg\:focus\:-translate-x-4:focus {
    --transform-translate-x: -1rem !important
  }

  #navbarWrapper .lg\:focus\:-translate-x-5:focus,
  reach-portal .lg\:focus\:-translate-x-5:focus {
    --transform-translate-x: -1.25rem !important
  }

  #navbarWrapper .lg\:focus\:-translate-x-6:focus,
  reach-portal .lg\:focus\:-translate-x-6:focus {
    --transform-translate-x: -1.5rem !important
  }

  #navbarWrapper .lg\:focus\:-translate-x-8:focus,
  reach-portal .lg\:focus\:-translate-x-8:focus {
    --transform-translate-x: -2rem !important
  }

  #navbarWrapper .lg\:focus\:-translate-x-10:focus,
  reach-portal .lg\:focus\:-translate-x-10:focus {
    --transform-translate-x: -2.5rem !important
  }

  #navbarWrapper .lg\:focus\:-translate-x-12:focus,
  reach-portal .lg\:focus\:-translate-x-12:focus {
    --transform-translate-x: -3rem !important
  }

  #navbarWrapper .lg\:focus\:-translate-x-16:focus,
  reach-portal .lg\:focus\:-translate-x-16:focus {
    --transform-translate-x: -4rem !important
  }

  #navbarWrapper .lg\:focus\:-translate-x-20:focus,
  reach-portal .lg\:focus\:-translate-x-20:focus {
    --transform-translate-x: -5rem !important
  }

  #navbarWrapper .lg\:focus\:-translate-x-24:focus,
  reach-portal .lg\:focus\:-translate-x-24:focus {
    --transform-translate-x: -6rem !important
  }

  #navbarWrapper .lg\:focus\:-translate-x-32:focus,
  reach-portal .lg\:focus\:-translate-x-32:focus {
    --transform-translate-x: -8rem !important
  }

  #navbarWrapper .lg\:focus\:-translate-x-40:focus,
  reach-portal .lg\:focus\:-translate-x-40:focus {
    --transform-translate-x: -10rem !important
  }

  #navbarWrapper .lg\:focus\:-translate-x-48:focus,
  reach-portal .lg\:focus\:-translate-x-48:focus {
    --transform-translate-x: -12rem !important
  }

  #navbarWrapper .lg\:focus\:-translate-x-56:focus,
  reach-portal .lg\:focus\:-translate-x-56:focus {
    --transform-translate-x: -14rem !important
  }

  #navbarWrapper .lg\:focus\:-translate-x-64:focus,
  reach-portal .lg\:focus\:-translate-x-64:focus {
    --transform-translate-x: -16rem !important
  }

  #navbarWrapper .lg\:focus\:-translate-x-px:focus,
  reach-portal .lg\:focus\:-translate-x-px:focus {
    --transform-translate-x: -1px !important
  }

  #navbarWrapper .lg\:focus\:-translate-x-full:focus,
  reach-portal .lg\:focus\:-translate-x-full:focus {
    --transform-translate-x: -100% !important
  }

  #navbarWrapper .lg\:focus\:-translate-x-1\/2:focus,
  reach-portal .lg\:focus\:-translate-x-1\/2:focus {
    --transform-translate-x: -50% !important
  }

  #navbarWrapper .lg\:focus\:translate-x-1\/2:focus,
  reach-portal .lg\:focus\:translate-x-1\/2:focus {
    --transform-translate-x: 50% !important
  }

  #navbarWrapper .lg\:focus\:translate-x-full:focus,
  reach-portal .lg\:focus\:translate-x-full:focus {
    --transform-translate-x: 100% !important
  }

  #navbarWrapper .lg\:focus\:translate-y-0:focus,
  reach-portal .lg\:focus\:translate-y-0:focus {
    --transform-translate-y: 0 !important
  }

  #navbarWrapper .lg\:focus\:translate-y-1:focus,
  reach-portal .lg\:focus\:translate-y-1:focus {
    --transform-translate-y: 0.25rem !important
  }

  #navbarWrapper .lg\:focus\:translate-y-2:focus,
  reach-portal .lg\:focus\:translate-y-2:focus {
    --transform-translate-y: 0.5rem !important
  }

  #navbarWrapper .lg\:focus\:translate-y-3:focus,
  reach-portal .lg\:focus\:translate-y-3:focus {
    --transform-translate-y: 0.75rem !important
  }

  #navbarWrapper .lg\:focus\:translate-y-4:focus,
  reach-portal .lg\:focus\:translate-y-4:focus {
    --transform-translate-y: 1rem !important
  }

  #navbarWrapper .lg\:focus\:translate-y-5:focus,
  reach-portal .lg\:focus\:translate-y-5:focus {
    --transform-translate-y: 1.25rem !important
  }

  #navbarWrapper .lg\:focus\:translate-y-6:focus,
  reach-portal .lg\:focus\:translate-y-6:focus {
    --transform-translate-y: 1.5rem !important
  }

  #navbarWrapper .lg\:focus\:translate-y-8:focus,
  reach-portal .lg\:focus\:translate-y-8:focus {
    --transform-translate-y: 2rem !important
  }

  #navbarWrapper .lg\:focus\:translate-y-10:focus,
  reach-portal .lg\:focus\:translate-y-10:focus {
    --transform-translate-y: 2.5rem !important
  }

  #navbarWrapper .lg\:focus\:translate-y-12:focus,
  reach-portal .lg\:focus\:translate-y-12:focus {
    --transform-translate-y: 3rem !important
  }

  #navbarWrapper .lg\:focus\:translate-y-16:focus,
  reach-portal .lg\:focus\:translate-y-16:focus {
    --transform-translate-y: 4rem !important
  }

  #navbarWrapper .lg\:focus\:translate-y-20:focus,
  reach-portal .lg\:focus\:translate-y-20:focus {
    --transform-translate-y: 5rem !important
  }

  #navbarWrapper .lg\:focus\:translate-y-24:focus,
  reach-portal .lg\:focus\:translate-y-24:focus {
    --transform-translate-y: 6rem !important
  }

  #navbarWrapper .lg\:focus\:translate-y-32:focus,
  reach-portal .lg\:focus\:translate-y-32:focus {
    --transform-translate-y: 8rem !important
  }

  #navbarWrapper .lg\:focus\:translate-y-40:focus,
  reach-portal .lg\:focus\:translate-y-40:focus {
    --transform-translate-y: 10rem !important
  }

  #navbarWrapper .lg\:focus\:translate-y-48:focus,
  reach-portal .lg\:focus\:translate-y-48:focus {
    --transform-translate-y: 12rem !important
  }

  #navbarWrapper .lg\:focus\:translate-y-56:focus,
  reach-portal .lg\:focus\:translate-y-56:focus {
    --transform-translate-y: 14rem !important
  }

  #navbarWrapper .lg\:focus\:translate-y-64:focus,
  reach-portal .lg\:focus\:translate-y-64:focus {
    --transform-translate-y: 16rem !important
  }

  #navbarWrapper .lg\:focus\:translate-y-px:focus,
  reach-portal .lg\:focus\:translate-y-px:focus {
    --transform-translate-y: 1px !important
  }

  #navbarWrapper .lg\:focus\:-translate-y-1:focus,
  reach-portal .lg\:focus\:-translate-y-1:focus {
    --transform-translate-y: -0.25rem !important
  }

  #navbarWrapper .lg\:focus\:-translate-y-2:focus,
  reach-portal .lg\:focus\:-translate-y-2:focus {
    --transform-translate-y: -0.5rem !important
  }

  #navbarWrapper .lg\:focus\:-translate-y-3:focus,
  reach-portal .lg\:focus\:-translate-y-3:focus {
    --transform-translate-y: -0.75rem !important
  }

  #navbarWrapper .lg\:focus\:-translate-y-4:focus,
  reach-portal .lg\:focus\:-translate-y-4:focus {
    --transform-translate-y: -1rem !important
  }

  #navbarWrapper .lg\:focus\:-translate-y-5:focus,
  reach-portal .lg\:focus\:-translate-y-5:focus {
    --transform-translate-y: -1.25rem !important
  }

  #navbarWrapper .lg\:focus\:-translate-y-6:focus,
  reach-portal .lg\:focus\:-translate-y-6:focus {
    --transform-translate-y: -1.5rem !important
  }

  #navbarWrapper .lg\:focus\:-translate-y-8:focus,
  reach-portal .lg\:focus\:-translate-y-8:focus {
    --transform-translate-y: -2rem !important
  }

  #navbarWrapper .lg\:focus\:-translate-y-10:focus,
  reach-portal .lg\:focus\:-translate-y-10:focus {
    --transform-translate-y: -2.5rem !important
  }

  #navbarWrapper .lg\:focus\:-translate-y-12:focus,
  reach-portal .lg\:focus\:-translate-y-12:focus {
    --transform-translate-y: -3rem !important
  }

  #navbarWrapper .lg\:focus\:-translate-y-16:focus,
  reach-portal .lg\:focus\:-translate-y-16:focus {
    --transform-translate-y: -4rem !important
  }

  #navbarWrapper .lg\:focus\:-translate-y-20:focus,
  reach-portal .lg\:focus\:-translate-y-20:focus {
    --transform-translate-y: -5rem !important
  }

  #navbarWrapper .lg\:focus\:-translate-y-24:focus,
  reach-portal .lg\:focus\:-translate-y-24:focus {
    --transform-translate-y: -6rem !important
  }

  #navbarWrapper .lg\:focus\:-translate-y-32:focus,
  reach-portal .lg\:focus\:-translate-y-32:focus {
    --transform-translate-y: -8rem !important
  }

  #navbarWrapper .lg\:focus\:-translate-y-40:focus,
  reach-portal .lg\:focus\:-translate-y-40:focus {
    --transform-translate-y: -10rem !important
  }

  #navbarWrapper .lg\:focus\:-translate-y-48:focus,
  reach-portal .lg\:focus\:-translate-y-48:focus {
    --transform-translate-y: -12rem !important
  }

  #navbarWrapper .lg\:focus\:-translate-y-56:focus,
  reach-portal .lg\:focus\:-translate-y-56:focus {
    --transform-translate-y: -14rem !important
  }

  #navbarWrapper .lg\:focus\:-translate-y-64:focus,
  reach-portal .lg\:focus\:-translate-y-64:focus {
    --transform-translate-y: -16rem !important
  }

  #navbarWrapper .lg\:focus\:-translate-y-px:focus,
  reach-portal .lg\:focus\:-translate-y-px:focus {
    --transform-translate-y: -1px !important
  }

  #navbarWrapper .lg\:focus\:-translate-y-full:focus,
  reach-portal .lg\:focus\:-translate-y-full:focus {
    --transform-translate-y: -100% !important
  }

  #navbarWrapper .lg\:focus\:-translate-y-1\/2:focus,
  reach-portal .lg\:focus\:-translate-y-1\/2:focus {
    --transform-translate-y: -50% !important
  }

  #navbarWrapper .lg\:focus\:translate-y-1\/2:focus,
  reach-portal .lg\:focus\:translate-y-1\/2:focus {
    --transform-translate-y: 50% !important
  }

  #navbarWrapper .lg\:focus\:translate-y-full:focus,
  reach-portal .lg\:focus\:translate-y-full:focus {
    --transform-translate-y: 100% !important
  }

  #navbarWrapper .lg\:skew-x-0,
  reach-portal .lg\:skew-x-0 {
    --transform-skew-x: 0 !important
  }

  #navbarWrapper .lg\:skew-x-3,
  reach-portal .lg\:skew-x-3 {
    --transform-skew-x: 3deg !important
  }

  #navbarWrapper .lg\:skew-x-6,
  reach-portal .lg\:skew-x-6 {
    --transform-skew-x: 6deg !important
  }

  #navbarWrapper .lg\:skew-x-12,
  reach-portal .lg\:skew-x-12 {
    --transform-skew-x: 12deg !important
  }

  #navbarWrapper .lg\:-skew-x-12,
  reach-portal .lg\:-skew-x-12 {
    --transform-skew-x: -12deg !important
  }

  #navbarWrapper .lg\:-skew-x-6,
  reach-portal .lg\:-skew-x-6 {
    --transform-skew-x: -6deg !important
  }

  #navbarWrapper .lg\:-skew-x-3,
  reach-portal .lg\:-skew-x-3 {
    --transform-skew-x: -3deg !important
  }

  #navbarWrapper .lg\:skew-y-0,
  reach-portal .lg\:skew-y-0 {
    --transform-skew-y: 0 !important
  }

  #navbarWrapper .lg\:skew-y-3,
  reach-portal .lg\:skew-y-3 {
    --transform-skew-y: 3deg !important
  }

  #navbarWrapper .lg\:skew-y-6,
  reach-portal .lg\:skew-y-6 {
    --transform-skew-y: 6deg !important
  }

  #navbarWrapper .lg\:skew-y-12,
  reach-portal .lg\:skew-y-12 {
    --transform-skew-y: 12deg !important
  }

  #navbarWrapper .lg\:-skew-y-12,
  reach-portal .lg\:-skew-y-12 {
    --transform-skew-y: -12deg !important
  }

  #navbarWrapper .lg\:-skew-y-6,
  reach-portal .lg\:-skew-y-6 {
    --transform-skew-y: -6deg !important
  }

  #navbarWrapper .lg\:-skew-y-3,
  reach-portal .lg\:-skew-y-3 {
    --transform-skew-y: -3deg !important
  }

  #navbarWrapper .lg\:hover\:skew-x-0:hover,
  reach-portal .lg\:hover\:skew-x-0:hover {
    --transform-skew-x: 0 !important
  }

  #navbarWrapper .lg\:hover\:skew-x-3:hover,
  reach-portal .lg\:hover\:skew-x-3:hover {
    --transform-skew-x: 3deg !important
  }

  #navbarWrapper .lg\:hover\:skew-x-6:hover,
  reach-portal .lg\:hover\:skew-x-6:hover {
    --transform-skew-x: 6deg !important
  }

  #navbarWrapper .lg\:hover\:skew-x-12:hover,
  reach-portal .lg\:hover\:skew-x-12:hover {
    --transform-skew-x: 12deg !important
  }

  #navbarWrapper .lg\:hover\:-skew-x-12:hover,
  reach-portal .lg\:hover\:-skew-x-12:hover {
    --transform-skew-x: -12deg !important
  }

  #navbarWrapper .lg\:hover\:-skew-x-6:hover,
  reach-portal .lg\:hover\:-skew-x-6:hover {
    --transform-skew-x: -6deg !important
  }

  #navbarWrapper .lg\:hover\:-skew-x-3:hover,
  reach-portal .lg\:hover\:-skew-x-3:hover {
    --transform-skew-x: -3deg !important
  }

  #navbarWrapper .lg\:hover\:skew-y-0:hover,
  reach-portal .lg\:hover\:skew-y-0:hover {
    --transform-skew-y: 0 !important
  }

  #navbarWrapper .lg\:hover\:skew-y-3:hover,
  reach-portal .lg\:hover\:skew-y-3:hover {
    --transform-skew-y: 3deg !important
  }

  #navbarWrapper .lg\:hover\:skew-y-6:hover,
  reach-portal .lg\:hover\:skew-y-6:hover {
    --transform-skew-y: 6deg !important
  }

  #navbarWrapper .lg\:hover\:skew-y-12:hover,
  reach-portal .lg\:hover\:skew-y-12:hover {
    --transform-skew-y: 12deg !important
  }

  #navbarWrapper .lg\:hover\:-skew-y-12:hover,
  reach-portal .lg\:hover\:-skew-y-12:hover {
    --transform-skew-y: -12deg !important
  }

  #navbarWrapper .lg\:hover\:-skew-y-6:hover,
  reach-portal .lg\:hover\:-skew-y-6:hover {
    --transform-skew-y: -6deg !important
  }

  #navbarWrapper .lg\:hover\:-skew-y-3:hover,
  reach-portal .lg\:hover\:-skew-y-3:hover {
    --transform-skew-y: -3deg !important
  }

  #navbarWrapper .lg\:focus\:skew-x-0:focus,
  reach-portal .lg\:focus\:skew-x-0:focus {
    --transform-skew-x: 0 !important
  }

  #navbarWrapper .lg\:focus\:skew-x-3:focus,
  reach-portal .lg\:focus\:skew-x-3:focus {
    --transform-skew-x: 3deg !important
  }

  #navbarWrapper .lg\:focus\:skew-x-6:focus,
  reach-portal .lg\:focus\:skew-x-6:focus {
    --transform-skew-x: 6deg !important
  }

  #navbarWrapper .lg\:focus\:skew-x-12:focus,
  reach-portal .lg\:focus\:skew-x-12:focus {
    --transform-skew-x: 12deg !important
  }

  #navbarWrapper .lg\:focus\:-skew-x-12:focus,
  reach-portal .lg\:focus\:-skew-x-12:focus {
    --transform-skew-x: -12deg !important
  }

  #navbarWrapper .lg\:focus\:-skew-x-6:focus,
  reach-portal .lg\:focus\:-skew-x-6:focus {
    --transform-skew-x: -6deg !important
  }

  #navbarWrapper .lg\:focus\:-skew-x-3:focus,
  reach-portal .lg\:focus\:-skew-x-3:focus {
    --transform-skew-x: -3deg !important
  }

  #navbarWrapper .lg\:focus\:skew-y-0:focus,
  reach-portal .lg\:focus\:skew-y-0:focus {
    --transform-skew-y: 0 !important
  }

  #navbarWrapper .lg\:focus\:skew-y-3:focus,
  reach-portal .lg\:focus\:skew-y-3:focus {
    --transform-skew-y: 3deg !important
  }

  #navbarWrapper .lg\:focus\:skew-y-6:focus,
  reach-portal .lg\:focus\:skew-y-6:focus {
    --transform-skew-y: 6deg !important
  }

  #navbarWrapper .lg\:focus\:skew-y-12:focus,
  reach-portal .lg\:focus\:skew-y-12:focus {
    --transform-skew-y: 12deg !important
  }

  #navbarWrapper .lg\:focus\:-skew-y-12:focus,
  reach-portal .lg\:focus\:-skew-y-12:focus {
    --transform-skew-y: -12deg !important
  }

  #navbarWrapper .lg\:focus\:-skew-y-6:focus,
  reach-portal .lg\:focus\:-skew-y-6:focus {
    --transform-skew-y: -6deg !important
  }

  #navbarWrapper .lg\:focus\:-skew-y-3:focus,
  reach-portal .lg\:focus\:-skew-y-3:focus {
    --transform-skew-y: -3deg !important
  }

  #navbarWrapper .lg\:transition-none,
  reach-portal .lg\:transition-none {
    transition-property: none !important
  }

  #navbarWrapper .lg\:transition-all,
  reach-portal .lg\:transition-all {
    transition-property: all !important
  }

  #navbarWrapper .lg\:transition,
  reach-portal .lg\:transition {
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform !important
  }

  #navbarWrapper .lg\:transition-colors,
  reach-portal .lg\:transition-colors {
    transition-property: background-color, border-color, color, fill, stroke !important
  }

  #navbarWrapper .lg\:transition-opacity,
  reach-portal .lg\:transition-opacity {
    transition-property: opacity !important
  }

  #navbarWrapper .lg\:transition-shadow,
  reach-portal .lg\:transition-shadow {
    transition-property: box-shadow !important
  }

  #navbarWrapper .lg\:transition-transform,
  reach-portal .lg\:transition-transform {
    transition-property: transform !important
  }

  #navbarWrapper .lg\:ease-linear,
  reach-portal .lg\:ease-linear {
    transition-timing-function: linear !important
  }

  #navbarWrapper .lg\:ease-in,
  reach-portal .lg\:ease-in {
    transition-timing-function: cubic-bezier(.4, 0, 1, 1) !important
  }

  #navbarWrapper .lg\:ease-out,
  reach-portal .lg\:ease-out {
    transition-timing-function: cubic-bezier(0, 0, .2, 1) !important
  }

  #navbarWrapper .lg\:ease-in-out,
  reach-portal .lg\:ease-in-out {
    transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important
  }

  #navbarWrapper .lg\:duration-75,
  reach-portal .lg\:duration-75 {
    transition-duration: 75ms !important
  }

  #navbarWrapper .lg\:duration-100,
  reach-portal .lg\:duration-100 {
    transition-duration: .1s !important
  }

  #navbarWrapper .lg\:duration-150,
  reach-portal .lg\:duration-150 {
    transition-duration: .15s !important
  }

  #navbarWrapper .lg\:duration-200,
  reach-portal .lg\:duration-200 {
    transition-duration: .2s !important
  }

  #navbarWrapper .lg\:duration-300,
  reach-portal .lg\:duration-300 {
    transition-duration: .3s !important
  }

  #navbarWrapper .lg\:duration-500,
  reach-portal .lg\:duration-500 {
    transition-duration: .5s !important
  }

  #navbarWrapper .lg\:duration-700,
  reach-portal .lg\:duration-700 {
    transition-duration: .7s !important
  }

  #navbarWrapper .lg\:duration-1000,
  reach-portal .lg\:duration-1000 {
    transition-duration: 1s !important
  }

  #navbarWrapper .lg\:delay-75,
  reach-portal .lg\:delay-75 {
    transition-delay: 75ms !important
  }

  #navbarWrapper .lg\:delay-100,
  reach-portal .lg\:delay-100 {
    transition-delay: .1s !important
  }

  #navbarWrapper .lg\:delay-150,
  reach-portal .lg\:delay-150 {
    transition-delay: .15s !important
  }

  #navbarWrapper .lg\:delay-200,
  reach-portal .lg\:delay-200 {
    transition-delay: .2s !important
  }

  #navbarWrapper .lg\:delay-300,
  reach-portal .lg\:delay-300 {
    transition-delay: .3s !important
  }

  #navbarWrapper .lg\:delay-500,
  reach-portal .lg\:delay-500 {
    transition-delay: .5s !important
  }

  #navbarWrapper .lg\:delay-700,
  reach-portal .lg\:delay-700 {
    transition-delay: .7s !important
  }

  #navbarWrapper .lg\:delay-1000,
  reach-portal .lg\:delay-1000 {
    transition-delay: 1s !important
  }
}

@media(min-width:1200px) {

  #navbarWrapper .xl\:space-y-0>:not(template)~:not(template),
  reach-portal .xl\:space-y-0>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(0px*var(--space-y-reverse)) !important;
    margin-top: calc(0px*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .xl\:space-x-0>:not(template)~:not(template),
  reach-portal .xl\:space-x-0>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(0px*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(0px*var(--space-x-reverse)) !important
  }

  #navbarWrapper .xl\:space-y-1>:not(template)~:not(template),
  reach-portal .xl\:space-y-1>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(.25rem*var(--space-y-reverse)) !important;
    margin-top: calc(.25rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .xl\:space-x-1>:not(template)~:not(template),
  reach-portal .xl\:space-x-1>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(.25rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(.25rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .xl\:space-y-2>:not(template)~:not(template),
  reach-portal .xl\:space-y-2>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(.5rem*var(--space-y-reverse)) !important;
    margin-top: calc(.5rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .xl\:space-x-2>:not(template)~:not(template),
  reach-portal .xl\:space-x-2>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(.5rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(.5rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .xl\:space-y-3>:not(template)~:not(template),
  reach-portal .xl\:space-y-3>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(.75rem*var(--space-y-reverse)) !important;
    margin-top: calc(.75rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .xl\:space-x-3>:not(template)~:not(template),
  reach-portal .xl\:space-x-3>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(.75rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(.75rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .xl\:space-y-4>:not(template)~:not(template),
  reach-portal .xl\:space-y-4>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(1rem*var(--space-y-reverse)) !important;
    margin-top: calc(1rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .xl\:space-x-4>:not(template)~:not(template),
  reach-portal .xl\:space-x-4>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(1rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(1rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .xl\:space-y-5>:not(template)~:not(template),
  reach-portal .xl\:space-y-5>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(1.25rem*var(--space-y-reverse)) !important;
    margin-top: calc(1.25rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .xl\:space-x-5>:not(template)~:not(template),
  reach-portal .xl\:space-x-5>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(1.25rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(1.25rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .xl\:space-y-6>:not(template)~:not(template),
  reach-portal .xl\:space-y-6>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(1.5rem*var(--space-y-reverse)) !important;
    margin-top: calc(1.5rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .xl\:space-x-6>:not(template)~:not(template),
  reach-portal .xl\:space-x-6>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(1.5rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(1.5rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .xl\:space-y-8>:not(template)~:not(template),
  reach-portal .xl\:space-y-8>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(2rem*var(--space-y-reverse)) !important;
    margin-top: calc(2rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .xl\:space-x-8>:not(template)~:not(template),
  reach-portal .xl\:space-x-8>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(2rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(2rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .xl\:space-y-10>:not(template)~:not(template),
  reach-portal .xl\:space-y-10>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(2.5rem*var(--space-y-reverse)) !important;
    margin-top: calc(2.5rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .xl\:space-x-10>:not(template)~:not(template),
  reach-portal .xl\:space-x-10>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(2.5rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(2.5rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .xl\:space-y-12>:not(template)~:not(template),
  reach-portal .xl\:space-y-12>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(3rem*var(--space-y-reverse)) !important;
    margin-top: calc(3rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .xl\:space-x-12>:not(template)~:not(template),
  reach-portal .xl\:space-x-12>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(3rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(3rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .xl\:space-y-16>:not(template)~:not(template),
  reach-portal .xl\:space-y-16>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(4rem*var(--space-y-reverse)) !important;
    margin-top: calc(4rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .xl\:space-x-16>:not(template)~:not(template),
  reach-portal .xl\:space-x-16>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(4rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(4rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .xl\:space-y-20>:not(template)~:not(template),
  reach-portal .xl\:space-y-20>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(5rem*var(--space-y-reverse)) !important;
    margin-top: calc(5rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .xl\:space-x-20>:not(template)~:not(template),
  reach-portal .xl\:space-x-20>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(5rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(5rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .xl\:space-y-24>:not(template)~:not(template),
  reach-portal .xl\:space-y-24>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(6rem*var(--space-y-reverse)) !important;
    margin-top: calc(6rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .xl\:space-x-24>:not(template)~:not(template),
  reach-portal .xl\:space-x-24>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(6rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(6rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .xl\:space-y-32>:not(template)~:not(template),
  reach-portal .xl\:space-y-32>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(8rem*var(--space-y-reverse)) !important;
    margin-top: calc(8rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .xl\:space-x-32>:not(template)~:not(template),
  reach-portal .xl\:space-x-32>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(8rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(8rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .xl\:space-y-40>:not(template)~:not(template),
  reach-portal .xl\:space-y-40>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(10rem*var(--space-y-reverse)) !important;
    margin-top: calc(10rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .xl\:space-x-40>:not(template)~:not(template),
  reach-portal .xl\:space-x-40>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(10rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(10rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .xl\:space-y-48>:not(template)~:not(template),
  reach-portal .xl\:space-y-48>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(12rem*var(--space-y-reverse)) !important;
    margin-top: calc(12rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .xl\:space-x-48>:not(template)~:not(template),
  reach-portal .xl\:space-x-48>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(12rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(12rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .xl\:space-y-56>:not(template)~:not(template),
  reach-portal .xl\:space-y-56>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(14rem*var(--space-y-reverse)) !important;
    margin-top: calc(14rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .xl\:space-x-56>:not(template)~:not(template),
  reach-portal .xl\:space-x-56>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(14rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(14rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .xl\:space-y-64>:not(template)~:not(template),
  reach-portal .xl\:space-y-64>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(16rem*var(--space-y-reverse)) !important;
    margin-top: calc(16rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .xl\:space-x-64>:not(template)~:not(template),
  reach-portal .xl\:space-x-64>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(16rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(16rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .xl\:space-y-px>:not(template)~:not(template),
  reach-portal .xl\:space-y-px>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(1px*var(--space-y-reverse)) !important;
    margin-top: calc(1px*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .xl\:space-x-px>:not(template)~:not(template),
  reach-portal .xl\:space-x-px>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(1px*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(1px*var(--space-x-reverse)) !important
  }

  #navbarWrapper .xl\:-space-y-1>:not(template)~:not(template),
  reach-portal .xl\:-space-y-1>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(-.25rem*var(--space-y-reverse)) !important;
    margin-top: calc(-.25rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .xl\:-space-x-1>:not(template)~:not(template),
  reach-portal .xl\:-space-x-1>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(-.25rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(-.25rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .xl\:-space-y-2>:not(template)~:not(template),
  reach-portal .xl\:-space-y-2>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(-.5rem*var(--space-y-reverse)) !important;
    margin-top: calc(-.5rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .xl\:-space-x-2>:not(template)~:not(template),
  reach-portal .xl\:-space-x-2>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(-.5rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(-.5rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .xl\:-space-y-3>:not(template)~:not(template),
  reach-portal .xl\:-space-y-3>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(-.75rem*var(--space-y-reverse)) !important;
    margin-top: calc(-.75rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .xl\:-space-x-3>:not(template)~:not(template),
  reach-portal .xl\:-space-x-3>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(-.75rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(-.75rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .xl\:-space-y-4>:not(template)~:not(template),
  reach-portal .xl\:-space-y-4>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(-1rem*var(--space-y-reverse)) !important;
    margin-top: calc(-1rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .xl\:-space-x-4>:not(template)~:not(template),
  reach-portal .xl\:-space-x-4>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(-1rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(-1rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .xl\:-space-y-5>:not(template)~:not(template),
  reach-portal .xl\:-space-y-5>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(-1.25rem*var(--space-y-reverse)) !important;
    margin-top: calc(-1.25rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .xl\:-space-x-5>:not(template)~:not(template),
  reach-portal .xl\:-space-x-5>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(-1.25rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(-1.25rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .xl\:-space-y-6>:not(template)~:not(template),
  reach-portal .xl\:-space-y-6>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(-1.5rem*var(--space-y-reverse)) !important;
    margin-top: calc(-1.5rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .xl\:-space-x-6>:not(template)~:not(template),
  reach-portal .xl\:-space-x-6>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(-1.5rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(-1.5rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .xl\:-space-y-8>:not(template)~:not(template),
  reach-portal .xl\:-space-y-8>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(-2rem*var(--space-y-reverse)) !important;
    margin-top: calc(-2rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .xl\:-space-x-8>:not(template)~:not(template),
  reach-portal .xl\:-space-x-8>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(-2rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(-2rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .xl\:-space-y-10>:not(template)~:not(template),
  reach-portal .xl\:-space-y-10>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(-2.5rem*var(--space-y-reverse)) !important;
    margin-top: calc(-2.5rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .xl\:-space-x-10>:not(template)~:not(template),
  reach-portal .xl\:-space-x-10>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(-2.5rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(-2.5rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .xl\:-space-y-12>:not(template)~:not(template),
  reach-portal .xl\:-space-y-12>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(-3rem*var(--space-y-reverse)) !important;
    margin-top: calc(-3rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .xl\:-space-x-12>:not(template)~:not(template),
  reach-portal .xl\:-space-x-12>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(-3rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(-3rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .xl\:-space-y-16>:not(template)~:not(template),
  reach-portal .xl\:-space-y-16>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(-4rem*var(--space-y-reverse)) !important;
    margin-top: calc(-4rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .xl\:-space-x-16>:not(template)~:not(template),
  reach-portal .xl\:-space-x-16>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(-4rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(-4rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .xl\:-space-y-20>:not(template)~:not(template),
  reach-portal .xl\:-space-y-20>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(-5rem*var(--space-y-reverse)) !important;
    margin-top: calc(-5rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .xl\:-space-x-20>:not(template)~:not(template),
  reach-portal .xl\:-space-x-20>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(-5rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(-5rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .xl\:-space-y-24>:not(template)~:not(template),
  reach-portal .xl\:-space-y-24>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(-6rem*var(--space-y-reverse)) !important;
    margin-top: calc(-6rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .xl\:-space-x-24>:not(template)~:not(template),
  reach-portal .xl\:-space-x-24>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(-6rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(-6rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .xl\:-space-y-32>:not(template)~:not(template),
  reach-portal .xl\:-space-y-32>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(-8rem*var(--space-y-reverse)) !important;
    margin-top: calc(-8rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .xl\:-space-x-32>:not(template)~:not(template),
  reach-portal .xl\:-space-x-32>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(-8rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(-8rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .xl\:-space-y-40>:not(template)~:not(template),
  reach-portal .xl\:-space-y-40>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(-10rem*var(--space-y-reverse)) !important;
    margin-top: calc(-10rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .xl\:-space-x-40>:not(template)~:not(template),
  reach-portal .xl\:-space-x-40>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(-10rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(-10rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .xl\:-space-y-48>:not(template)~:not(template),
  reach-portal .xl\:-space-y-48>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(-12rem*var(--space-y-reverse)) !important;
    margin-top: calc(-12rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .xl\:-space-x-48>:not(template)~:not(template),
  reach-portal .xl\:-space-x-48>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(-12rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(-12rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .xl\:-space-y-56>:not(template)~:not(template),
  reach-portal .xl\:-space-y-56>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(-14rem*var(--space-y-reverse)) !important;
    margin-top: calc(-14rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .xl\:-space-x-56>:not(template)~:not(template),
  reach-portal .xl\:-space-x-56>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(-14rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(-14rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .xl\:-space-y-64>:not(template)~:not(template),
  reach-portal .xl\:-space-y-64>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(-16rem*var(--space-y-reverse)) !important;
    margin-top: calc(-16rem*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .xl\:-space-x-64>:not(template)~:not(template),
  reach-portal .xl\:-space-x-64>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(-16rem*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(-16rem*var(--space-x-reverse)) !important
  }

  #navbarWrapper .xl\:-space-y-px>:not(template)~:not(template),
  reach-portal .xl\:-space-y-px>:not(template)~:not(template) {
    --space-y-reverse: 0 !important;
    margin-bottom: calc(-1px*var(--space-y-reverse)) !important;
    margin-top: calc(-1px*(1 - var(--space-y-reverse))) !important
  }

  #navbarWrapper .xl\:-space-x-px>:not(template)~:not(template),
  reach-portal .xl\:-space-x-px>:not(template)~:not(template) {
    --space-x-reverse: 0 !important;
    margin-left: calc(-1px*(1 - var(--space-x-reverse))) !important;
    margin-right: calc(-1px*var(--space-x-reverse)) !important
  }

  #navbarWrapper .xl\:space-y-reverse>:not(template)~:not(template),
  reach-portal .xl\:space-y-reverse>:not(template)~:not(template) {
    --space-y-reverse: 1 !important
  }

  #navbarWrapper .xl\:space-x-reverse>:not(template)~:not(template),
  reach-portal .xl\:space-x-reverse>:not(template)~:not(template) {
    --space-x-reverse: 1 !important
  }

  #navbarWrapper .xl\:divide-y-0>:not(template)~:not(template),
  reach-portal .xl\:divide-y-0>:not(template)~:not(template) {
    --divide-y-reverse: 0 !important;
    border-bottom-width: calc(0px*var(--divide-y-reverse)) !important;
    border-top-width: calc(0px*(1 - var(--divide-y-reverse))) !important
  }

  #navbarWrapper .xl\:divide-x-0>:not(template)~:not(template),
  reach-portal .xl\:divide-x-0>:not(template)~:not(template) {
    --divide-x-reverse: 0 !important;
    border-left-width: calc(0px*(1 - var(--divide-x-reverse))) !important;
    border-right-width: calc(0px*var(--divide-x-reverse)) !important
  }

  #navbarWrapper .xl\:divide-y-2>:not(template)~:not(template),
  reach-portal .xl\:divide-y-2>:not(template)~:not(template) {
    --divide-y-reverse: 0 !important;
    border-bottom-width: calc(2px*var(--divide-y-reverse)) !important;
    border-top-width: calc(2px*(1 - var(--divide-y-reverse))) !important
  }

  #navbarWrapper .xl\:divide-x-2>:not(template)~:not(template),
  reach-portal .xl\:divide-x-2>:not(template)~:not(template) {
    --divide-x-reverse: 0 !important;
    border-left-width: calc(2px*(1 - var(--divide-x-reverse))) !important;
    border-right-width: calc(2px*var(--divide-x-reverse)) !important
  }

  #navbarWrapper .xl\:divide-y-4>:not(template)~:not(template),
  reach-portal .xl\:divide-y-4>:not(template)~:not(template) {
    --divide-y-reverse: 0 !important;
    border-bottom-width: calc(4px*var(--divide-y-reverse)) !important;
    border-top-width: calc(4px*(1 - var(--divide-y-reverse))) !important
  }

  #navbarWrapper .xl\:divide-x-4>:not(template)~:not(template),
  reach-portal .xl\:divide-x-4>:not(template)~:not(template) {
    --divide-x-reverse: 0 !important;
    border-left-width: calc(4px*(1 - var(--divide-x-reverse))) !important;
    border-right-width: calc(4px*var(--divide-x-reverse)) !important
  }

  #navbarWrapper .xl\:divide-y-8>:not(template)~:not(template),
  reach-portal .xl\:divide-y-8>:not(template)~:not(template) {
    --divide-y-reverse: 0 !important;
    border-bottom-width: calc(8px*var(--divide-y-reverse)) !important;
    border-top-width: calc(8px*(1 - var(--divide-y-reverse))) !important
  }

  #navbarWrapper .xl\:divide-x-8>:not(template)~:not(template),
  reach-portal .xl\:divide-x-8>:not(template)~:not(template) {
    --divide-x-reverse: 0 !important;
    border-left-width: calc(8px*(1 - var(--divide-x-reverse))) !important;
    border-right-width: calc(8px*var(--divide-x-reverse)) !important
  }

  #navbarWrapper .xl\:divide-y>:not(template)~:not(template),
  reach-portal .xl\:divide-y>:not(template)~:not(template) {
    --divide-y-reverse: 0 !important;
    border-bottom-width: calc(1px*var(--divide-y-reverse)) !important;
    border-top-width: calc(1px*(1 - var(--divide-y-reverse))) !important
  }

  #navbarWrapper .xl\:divide-x>:not(template)~:not(template),
  reach-portal .xl\:divide-x>:not(template)~:not(template) {
    --divide-x-reverse: 0 !important;
    border-left-width: calc(1px*(1 - var(--divide-x-reverse))) !important;
    border-right-width: calc(1px*var(--divide-x-reverse)) !important
  }

  #navbarWrapper .xl\:divide-y-reverse>:not(template)~:not(template),
  reach-portal .xl\:divide-y-reverse>:not(template)~:not(template) {
    --divide-y-reverse: 1 !important
  }

  #navbarWrapper .xl\:divide-x-reverse>:not(template)~:not(template),
  reach-portal .xl\:divide-x-reverse>:not(template)~:not(template) {
    --divide-x-reverse: 1 !important
  }

  #navbarWrapper .xl\:divide-transparent>:not(template)~:not(template),
  reach-portal .xl\:divide-transparent>:not(template)~:not(template) {
    border-color: #0000 !important
  }

  #navbarWrapper .xl\:divide-current>:not(template)~:not(template),
  reach-portal .xl\:divide-current>:not(template)~:not(template) {
    border-color: currentColor !important
  }

  #navbarWrapper .xl\:divide-black>:not(template)~:not(template),
  reach-portal .xl\:divide-black>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #000 !important;
    border-color: rgba(0, 0, 0, var(--divide-opacity)) !important
  }

  #navbarWrapper .xl\:divide-white>:not(template)~:not(template),
  reach-portal .xl\:divide-white>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #fff !important;
    border-color: rgba(255, 255, 255, var(--divide-opacity)) !important
  }

  #navbarWrapper .xl\:divide-gray-100>:not(template)~:not(template),
  reach-portal .xl\:divide-gray-100>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #f7fafc !important;
    border-color: rgba(247, 250, 252, var(--divide-opacity)) !important
  }

  #navbarWrapper .xl\:divide-gray-200>:not(template)~:not(template),
  reach-portal .xl\:divide-gray-200>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #edf2f7 !important;
    border-color: rgba(237, 242, 247, var(--divide-opacity)) !important
  }

  #navbarWrapper .xl\:divide-gray-300>:not(template)~:not(template),
  reach-portal .xl\:divide-gray-300>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #e2e8f0 !important;
    border-color: rgba(226, 232, 240, var(--divide-opacity)) !important
  }

  #navbarWrapper .xl\:divide-gray-400>:not(template)~:not(template),
  reach-portal .xl\:divide-gray-400>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #cbd5e0 !important;
    border-color: rgba(203, 213, 224, var(--divide-opacity)) !important
  }

  #navbarWrapper .xl\:divide-gray-500>:not(template)~:not(template),
  reach-portal .xl\:divide-gray-500>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #a0aec0 !important;
    border-color: rgba(160, 174, 192, var(--divide-opacity)) !important
  }

  #navbarWrapper .xl\:divide-gray-600>:not(template)~:not(template),
  reach-portal .xl\:divide-gray-600>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #718096 !important;
    border-color: rgba(113, 128, 150, var(--divide-opacity)) !important
  }

  #navbarWrapper .xl\:divide-gray-700>:not(template)~:not(template),
  reach-portal .xl\:divide-gray-700>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #4a5568 !important;
    border-color: rgba(74, 85, 104, var(--divide-opacity)) !important
  }

  #navbarWrapper .xl\:divide-gray-800>:not(template)~:not(template),
  reach-portal .xl\:divide-gray-800>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #2d3748 !important;
    border-color: rgba(45, 55, 72, var(--divide-opacity)) !important
  }

  #navbarWrapper .xl\:divide-gray-900>:not(template)~:not(template),
  reach-portal .xl\:divide-gray-900>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #1a202c !important;
    border-color: rgba(26, 32, 44, var(--divide-opacity)) !important
  }

  #navbarWrapper .xl\:divide-red-100>:not(template)~:not(template),
  reach-portal .xl\:divide-red-100>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #fff5f5 !important;
    border-color: rgba(255, 245, 245, var(--divide-opacity)) !important
  }

  #navbarWrapper .xl\:divide-red-200>:not(template)~:not(template),
  reach-portal .xl\:divide-red-200>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #fed7d7 !important;
    border-color: rgba(254, 215, 215, var(--divide-opacity)) !important
  }

  #navbarWrapper .xl\:divide-red-300>:not(template)~:not(template),
  reach-portal .xl\:divide-red-300>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #feb2b2 !important;
    border-color: rgba(254, 178, 178, var(--divide-opacity)) !important
  }

  #navbarWrapper .xl\:divide-red-400>:not(template)~:not(template),
  reach-portal .xl\:divide-red-400>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #fc8181 !important;
    border-color: rgba(252, 129, 129, var(--divide-opacity)) !important
  }

  #navbarWrapper .xl\:divide-red-500>:not(template)~:not(template),
  reach-portal .xl\:divide-red-500>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #f56565 !important;
    border-color: rgba(245, 101, 101, var(--divide-opacity)) !important
  }

  #navbarWrapper .xl\:divide-red-600>:not(template)~:not(template),
  reach-portal .xl\:divide-red-600>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #e53e3e !important;
    border-color: rgba(229, 62, 62, var(--divide-opacity)) !important
  }

  #navbarWrapper .xl\:divide-red-700>:not(template)~:not(template),
  reach-portal .xl\:divide-red-700>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #c53030 !important;
    border-color: rgba(197, 48, 48, var(--divide-opacity)) !important
  }

  #navbarWrapper .xl\:divide-red-800>:not(template)~:not(template),
  reach-portal .xl\:divide-red-800>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #9b2c2c !important;
    border-color: rgba(155, 44, 44, var(--divide-opacity)) !important
  }

  #navbarWrapper .xl\:divide-red-900>:not(template)~:not(template),
  reach-portal .xl\:divide-red-900>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #742a2a !important;
    border-color: rgba(116, 42, 42, var(--divide-opacity)) !important
  }

  #navbarWrapper .xl\:divide-orange-100>:not(template)~:not(template),
  reach-portal .xl\:divide-orange-100>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #fffaf0 !important;
    border-color: rgba(255, 250, 240, var(--divide-opacity)) !important
  }

  #navbarWrapper .xl\:divide-orange-200>:not(template)~:not(template),
  reach-portal .xl\:divide-orange-200>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #feebc8 !important;
    border-color: rgba(254, 235, 200, var(--divide-opacity)) !important
  }

  #navbarWrapper .xl\:divide-orange-300>:not(template)~:not(template),
  reach-portal .xl\:divide-orange-300>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #fbd38d !important;
    border-color: rgba(251, 211, 141, var(--divide-opacity)) !important
  }

  #navbarWrapper .xl\:divide-orange-400>:not(template)~:not(template),
  reach-portal .xl\:divide-orange-400>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #f6ad55 !important;
    border-color: rgba(246, 173, 85, var(--divide-opacity)) !important
  }

  #navbarWrapper .xl\:divide-orange-500>:not(template)~:not(template),
  reach-portal .xl\:divide-orange-500>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #ed8936 !important;
    border-color: rgba(237, 137, 54, var(--divide-opacity)) !important
  }

  #navbarWrapper .xl\:divide-orange-600>:not(template)~:not(template),
  reach-portal .xl\:divide-orange-600>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #dd6b20 !important;
    border-color: rgba(221, 107, 32, var(--divide-opacity)) !important
  }

  #navbarWrapper .xl\:divide-orange-700>:not(template)~:not(template),
  reach-portal .xl\:divide-orange-700>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #c05621 !important;
    border-color: rgba(192, 86, 33, var(--divide-opacity)) !important
  }

  #navbarWrapper .xl\:divide-orange-800>:not(template)~:not(template),
  reach-portal .xl\:divide-orange-800>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #9c4221 !important;
    border-color: rgba(156, 66, 33, var(--divide-opacity)) !important
  }

  #navbarWrapper .xl\:divide-orange-900>:not(template)~:not(template),
  reach-portal .xl\:divide-orange-900>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #7b341e !important;
    border-color: rgba(123, 52, 30, var(--divide-opacity)) !important
  }

  #navbarWrapper .xl\:divide-yellow-100>:not(template)~:not(template),
  reach-portal .xl\:divide-yellow-100>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: ivory !important;
    border-color: rgba(255, 255, 240, var(--divide-opacity)) !important
  }

  #navbarWrapper .xl\:divide-yellow-200>:not(template)~:not(template),
  reach-portal .xl\:divide-yellow-200>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #fefcbf !important;
    border-color: rgba(254, 252, 191, var(--divide-opacity)) !important
  }

  #navbarWrapper .xl\:divide-yellow-300>:not(template)~:not(template),
  reach-portal .xl\:divide-yellow-300>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #faf089 !important;
    border-color: rgba(250, 240, 137, var(--divide-opacity)) !important
  }

  #navbarWrapper .xl\:divide-yellow-400>:not(template)~:not(template),
  reach-portal .xl\:divide-yellow-400>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #f6e05e !important;
    border-color: rgba(246, 224, 94, var(--divide-opacity)) !important
  }

  #navbarWrapper .xl\:divide-yellow-500>:not(template)~:not(template),
  reach-portal .xl\:divide-yellow-500>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #ecc94b !important;
    border-color: rgba(236, 201, 75, var(--divide-opacity)) !important
  }

  #navbarWrapper .xl\:divide-yellow-600>:not(template)~:not(template),
  reach-portal .xl\:divide-yellow-600>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #d69e2e !important;
    border-color: rgba(214, 158, 46, var(--divide-opacity)) !important
  }

  #navbarWrapper .xl\:divide-yellow-700>:not(template)~:not(template),
  reach-portal .xl\:divide-yellow-700>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #b7791f !important;
    border-color: rgba(183, 121, 31, var(--divide-opacity)) !important
  }

  #navbarWrapper .xl\:divide-yellow-800>:not(template)~:not(template),
  reach-portal .xl\:divide-yellow-800>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #975a16 !important;
    border-color: rgba(151, 90, 22, var(--divide-opacity)) !important
  }

  #navbarWrapper .xl\:divide-yellow-900>:not(template)~:not(template),
  reach-portal .xl\:divide-yellow-900>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #744210 !important;
    border-color: rgba(116, 66, 16, var(--divide-opacity)) !important
  }

  #navbarWrapper .xl\:divide-green-100>:not(template)~:not(template),
  reach-portal .xl\:divide-green-100>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #f0fff4 !important;
    border-color: rgba(240, 255, 244, var(--divide-opacity)) !important
  }

  #navbarWrapper .xl\:divide-green-200>:not(template)~:not(template),
  reach-portal .xl\:divide-green-200>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #c6f6d5 !important;
    border-color: rgba(198, 246, 213, var(--divide-opacity)) !important
  }

  #navbarWrapper .xl\:divide-green-300>:not(template)~:not(template),
  reach-portal .xl\:divide-green-300>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #9ae6b4 !important;
    border-color: rgba(154, 230, 180, var(--divide-opacity)) !important
  }

  #navbarWrapper .xl\:divide-green-400>:not(template)~:not(template),
  reach-portal .xl\:divide-green-400>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #68d391 !important;
    border-color: rgba(104, 211, 145, var(--divide-opacity)) !important
  }

  #navbarWrapper .xl\:divide-green-500>:not(template)~:not(template),
  reach-portal .xl\:divide-green-500>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #48bb78 !important;
    border-color: rgba(72, 187, 120, var(--divide-opacity)) !important
  }

  #navbarWrapper .xl\:divide-green-600>:not(template)~:not(template),
  reach-portal .xl\:divide-green-600>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #38a169 !important;
    border-color: rgba(56, 161, 105, var(--divide-opacity)) !important
  }

  #navbarWrapper .xl\:divide-green-700>:not(template)~:not(template),
  reach-portal .xl\:divide-green-700>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #2f855a !important;
    border-color: rgba(47, 133, 90, var(--divide-opacity)) !important
  }

  #navbarWrapper .xl\:divide-green-800>:not(template)~:not(template),
  reach-portal .xl\:divide-green-800>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #276749 !important;
    border-color: rgba(39, 103, 73, var(--divide-opacity)) !important
  }

  #navbarWrapper .xl\:divide-green-900>:not(template)~:not(template),
  reach-portal .xl\:divide-green-900>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #22543d !important;
    border-color: rgba(34, 84, 61, var(--divide-opacity)) !important
  }

  #navbarWrapper .xl\:divide-teal-100>:not(template)~:not(template),
  reach-portal .xl\:divide-teal-100>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #e6fffa !important;
    border-color: rgba(230, 255, 250, var(--divide-opacity)) !important
  }

  #navbarWrapper .xl\:divide-teal-200>:not(template)~:not(template),
  reach-portal .xl\:divide-teal-200>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #b2f5ea !important;
    border-color: rgba(178, 245, 234, var(--divide-opacity)) !important
  }

  #navbarWrapper .xl\:divide-teal-300>:not(template)~:not(template),
  reach-portal .xl\:divide-teal-300>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #81e6d9 !important;
    border-color: rgba(129, 230, 217, var(--divide-opacity)) !important
  }

  #navbarWrapper .xl\:divide-teal-400>:not(template)~:not(template),
  reach-portal .xl\:divide-teal-400>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #4fd1c5 !important;
    border-color: rgba(79, 209, 197, var(--divide-opacity)) !important
  }

  #navbarWrapper .xl\:divide-teal-500>:not(template)~:not(template),
  reach-portal .xl\:divide-teal-500>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #38b2ac !important;
    border-color: rgba(56, 178, 172, var(--divide-opacity)) !important
  }

  #navbarWrapper .xl\:divide-teal-600>:not(template)~:not(template),
  reach-portal .xl\:divide-teal-600>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #319795 !important;
    border-color: rgba(49, 151, 149, var(--divide-opacity)) !important
  }

  #navbarWrapper .xl\:divide-teal-700>:not(template)~:not(template),
  reach-portal .xl\:divide-teal-700>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #2c7a7b !important;
    border-color: rgba(44, 122, 123, var(--divide-opacity)) !important
  }

  #navbarWrapper .xl\:divide-teal-800>:not(template)~:not(template),
  reach-portal .xl\:divide-teal-800>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #285e61 !important;
    border-color: rgba(40, 94, 97, var(--divide-opacity)) !important
  }

  #navbarWrapper .xl\:divide-teal-900>:not(template)~:not(template),
  reach-portal .xl\:divide-teal-900>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #234e52 !important;
    border-color: rgba(35, 78, 82, var(--divide-opacity)) !important
  }

  #navbarWrapper .xl\:divide-blue-100>:not(template)~:not(template),
  reach-portal .xl\:divide-blue-100>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #ebf8ff !important;
    border-color: rgba(235, 248, 255, var(--divide-opacity)) !important
  }

  #navbarWrapper .xl\:divide-blue-200>:not(template)~:not(template),
  reach-portal .xl\:divide-blue-200>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #bee3f8 !important;
    border-color: rgba(190, 227, 248, var(--divide-opacity)) !important
  }

  #navbarWrapper .xl\:divide-blue-300>:not(template)~:not(template),
  reach-portal .xl\:divide-blue-300>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #90cdf4 !important;
    border-color: rgba(144, 205, 244, var(--divide-opacity)) !important
  }

  #navbarWrapper .xl\:divide-blue-400>:not(template)~:not(template),
  reach-portal .xl\:divide-blue-400>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #63b3ed !important;
    border-color: rgba(99, 179, 237, var(--divide-opacity)) !important
  }

  #navbarWrapper .xl\:divide-blue-500>:not(template)~:not(template),
  reach-portal .xl\:divide-blue-500>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #4299e1 !important;
    border-color: rgba(66, 153, 225, var(--divide-opacity)) !important
  }

  #navbarWrapper .xl\:divide-blue-600>:not(template)~:not(template),
  reach-portal .xl\:divide-blue-600>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #3182ce !important;
    border-color: rgba(49, 130, 206, var(--divide-opacity)) !important
  }

  #navbarWrapper .xl\:divide-blue-700>:not(template)~:not(template),
  reach-portal .xl\:divide-blue-700>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #2b6cb0 !important;
    border-color: rgba(43, 108, 176, var(--divide-opacity)) !important
  }

  #navbarWrapper .xl\:divide-blue-800>:not(template)~:not(template),
  reach-portal .xl\:divide-blue-800>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #2c5282 !important;
    border-color: rgba(44, 82, 130, var(--divide-opacity)) !important
  }

  #navbarWrapper .xl\:divide-blue-900>:not(template)~:not(template),
  reach-portal .xl\:divide-blue-900>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #2a4365 !important;
    border-color: rgba(42, 67, 101, var(--divide-opacity)) !important
  }

  #navbarWrapper .xl\:divide-indigo-100>:not(template)~:not(template),
  reach-portal .xl\:divide-indigo-100>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #ebf4ff !important;
    border-color: rgba(235, 244, 255, var(--divide-opacity)) !important
  }

  #navbarWrapper .xl\:divide-indigo-200>:not(template)~:not(template),
  reach-portal .xl\:divide-indigo-200>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #c3dafe !important;
    border-color: rgba(195, 218, 254, var(--divide-opacity)) !important
  }

  #navbarWrapper .xl\:divide-indigo-300>:not(template)~:not(template),
  reach-portal .xl\:divide-indigo-300>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #a3bffa !important;
    border-color: rgba(163, 191, 250, var(--divide-opacity)) !important
  }

  #navbarWrapper .xl\:divide-indigo-400>:not(template)~:not(template),
  reach-portal .xl\:divide-indigo-400>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #7f9cf5 !important;
    border-color: rgba(127, 156, 245, var(--divide-opacity)) !important
  }

  #navbarWrapper .xl\:divide-indigo-500>:not(template)~:not(template),
  reach-portal .xl\:divide-indigo-500>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #667eea !important;
    border-color: rgba(102, 126, 234, var(--divide-opacity)) !important
  }

  #navbarWrapper .xl\:divide-indigo-600>:not(template)~:not(template),
  reach-portal .xl\:divide-indigo-600>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #5a67d8 !important;
    border-color: rgba(90, 103, 216, var(--divide-opacity)) !important
  }

  #navbarWrapper .xl\:divide-indigo-700>:not(template)~:not(template),
  reach-portal .xl\:divide-indigo-700>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #4c51bf !important;
    border-color: rgba(76, 81, 191, var(--divide-opacity)) !important
  }

  #navbarWrapper .xl\:divide-indigo-800>:not(template)~:not(template),
  reach-portal .xl\:divide-indigo-800>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #434190 !important;
    border-color: rgba(67, 65, 144, var(--divide-opacity)) !important
  }

  #navbarWrapper .xl\:divide-indigo-900>:not(template)~:not(template),
  reach-portal .xl\:divide-indigo-900>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #3c366b !important;
    border-color: rgba(60, 54, 107, var(--divide-opacity)) !important
  }

  #navbarWrapper .xl\:divide-purple-100>:not(template)~:not(template),
  reach-portal .xl\:divide-purple-100>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #faf5ff !important;
    border-color: rgba(250, 245, 255, var(--divide-opacity)) !important
  }

  #navbarWrapper .xl\:divide-purple-200>:not(template)~:not(template),
  reach-portal .xl\:divide-purple-200>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #e9d8fd !important;
    border-color: rgba(233, 216, 253, var(--divide-opacity)) !important
  }

  #navbarWrapper .xl\:divide-purple-300>:not(template)~:not(template),
  reach-portal .xl\:divide-purple-300>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #d6bcfa !important;
    border-color: rgba(214, 188, 250, var(--divide-opacity)) !important
  }

  #navbarWrapper .xl\:divide-purple-400>:not(template)~:not(template),
  reach-portal .xl\:divide-purple-400>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #b794f4 !important;
    border-color: rgba(183, 148, 244, var(--divide-opacity)) !important
  }

  #navbarWrapper .xl\:divide-purple-500>:not(template)~:not(template),
  reach-portal .xl\:divide-purple-500>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #9f7aea !important;
    border-color: rgba(159, 122, 234, var(--divide-opacity)) !important
  }

  #navbarWrapper .xl\:divide-purple-600>:not(template)~:not(template),
  reach-portal .xl\:divide-purple-600>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #805ad5 !important;
    border-color: rgba(128, 90, 213, var(--divide-opacity)) !important
  }

  #navbarWrapper .xl\:divide-purple-700>:not(template)~:not(template),
  reach-portal .xl\:divide-purple-700>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #6b46c1 !important;
    border-color: rgba(107, 70, 193, var(--divide-opacity)) !important
  }

  #navbarWrapper .xl\:divide-purple-800>:not(template)~:not(template),
  reach-portal .xl\:divide-purple-800>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #553c9a !important;
    border-color: rgba(85, 60, 154, var(--divide-opacity)) !important
  }

  #navbarWrapper .xl\:divide-purple-900>:not(template)~:not(template),
  reach-portal .xl\:divide-purple-900>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #44337a !important;
    border-color: rgba(68, 51, 122, var(--divide-opacity)) !important
  }

  #navbarWrapper .xl\:divide-pink-100>:not(template)~:not(template),
  reach-portal .xl\:divide-pink-100>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #fff5f7 !important;
    border-color: rgba(255, 245, 247, var(--divide-opacity)) !important
  }

  #navbarWrapper .xl\:divide-pink-200>:not(template)~:not(template),
  reach-portal .xl\:divide-pink-200>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #fed7e2 !important;
    border-color: rgba(254, 215, 226, var(--divide-opacity)) !important
  }

  #navbarWrapper .xl\:divide-pink-300>:not(template)~:not(template),
  reach-portal .xl\:divide-pink-300>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #fbb6ce !important;
    border-color: rgba(251, 182, 206, var(--divide-opacity)) !important
  }

  #navbarWrapper .xl\:divide-pink-400>:not(template)~:not(template),
  reach-portal .xl\:divide-pink-400>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #f687b3 !important;
    border-color: rgba(246, 135, 179, var(--divide-opacity)) !important
  }

  #navbarWrapper .xl\:divide-pink-500>:not(template)~:not(template),
  reach-portal .xl\:divide-pink-500>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #ed64a6 !important;
    border-color: rgba(237, 100, 166, var(--divide-opacity)) !important
  }

  #navbarWrapper .xl\:divide-pink-600>:not(template)~:not(template),
  reach-portal .xl\:divide-pink-600>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #d53f8c !important;
    border-color: rgba(213, 63, 140, var(--divide-opacity)) !important
  }

  #navbarWrapper .xl\:divide-pink-700>:not(template)~:not(template),
  reach-portal .xl\:divide-pink-700>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #b83280 !important;
    border-color: rgba(184, 50, 128, var(--divide-opacity)) !important
  }

  #navbarWrapper .xl\:divide-pink-800>:not(template)~:not(template),
  reach-portal .xl\:divide-pink-800>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #97266d !important;
    border-color: rgba(151, 38, 109, var(--divide-opacity)) !important
  }

  #navbarWrapper .xl\:divide-pink-900>:not(template)~:not(template),
  reach-portal .xl\:divide-pink-900>:not(template)~:not(template) {
    --divide-opacity: 1 !important;
    border-color: #702459 !important;
    border-color: rgba(112, 36, 89, var(--divide-opacity)) !important
  }

  #navbarWrapper .xl\:divide-opacity-0>:not(template)~:not(template),
  reach-portal .xl\:divide-opacity-0>:not(template)~:not(template) {
    --divide-opacity: 0 !important
  }

  #navbarWrapper .xl\:divide-opacity-25>:not(template)~:not(template),
  reach-portal .xl\:divide-opacity-25>:not(template)~:not(template) {
    --divide-opacity: 0.25 !important
  }

  #navbarWrapper .xl\:divide-opacity-50>:not(template)~:not(template),
  reach-portal .xl\:divide-opacity-50>:not(template)~:not(template) {
    --divide-opacity: 0.5 !important
  }

  #navbarWrapper .xl\:divide-opacity-75>:not(template)~:not(template),
  reach-portal .xl\:divide-opacity-75>:not(template)~:not(template) {
    --divide-opacity: 0.75 !important
  }

  #navbarWrapper .xl\:divide-opacity-100>:not(template)~:not(template),
  reach-portal .xl\:divide-opacity-100>:not(template)~:not(template) {
    --divide-opacity: 1 !important
  }

  #navbarWrapper .xl\:sr-only,
  reach-portal .xl\:sr-only {
    clip: rect(0, 0, 0, 0) !important;
    border-width: 0 !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    white-space: nowrap !important;
    width: 1px !important
  }

  #navbarWrapper .xl\:not-sr-only,
  reach-portal .xl\:not-sr-only {
    clip: auto !important;
    height: auto !important;
    margin: 0 !important;
    overflow: visible !important;
    padding: 0 !important;
    position: static !important;
    white-space: normal !important;
    width: auto !important
  }

  #navbarWrapper .xl\:focus\:sr-only:focus,
  reach-portal .xl\:focus\:sr-only:focus {
    clip: rect(0, 0, 0, 0) !important;
    border-width: 0 !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    white-space: nowrap !important;
    width: 1px !important
  }

  #navbarWrapper .xl\:focus\:not-sr-only:focus,
  reach-portal .xl\:focus\:not-sr-only:focus {
    clip: auto !important;
    height: auto !important;
    margin: 0 !important;
    overflow: visible !important;
    padding: 0 !important;
    position: static !important;
    white-space: normal !important;
    width: auto !important
  }

  #navbarWrapper .xl\:appearance-none,
  reach-portal .xl\:appearance-none {
    -webkit-appearance: none !important;
    appearance: none !important
  }

  #navbarWrapper .xl\:bg-fixed,
  reach-portal .xl\:bg-fixed {
    background-attachment: fixed !important
  }

  #navbarWrapper .xl\:bg-local,
  reach-portal .xl\:bg-local {
    background-attachment: local !important
  }

  #navbarWrapper .xl\:bg-scroll,
  reach-portal .xl\:bg-scroll {
    background-attachment: scroll !important
  }

  #navbarWrapper .xl\:bg-transparent,
  reach-portal .xl\:bg-transparent {
    background-color: initial !important
  }

  #navbarWrapper .xl\:bg-current,
  reach-portal .xl\:bg-current {
    background-color: currentColor !important
  }

  #navbarWrapper .xl\:bg-black,
  reach-portal .xl\:bg-black {
    --bg-opacity: 1 !important;
    background-color: #000 !important;
    background-color: rgba(0, 0, 0, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:bg-white,
  reach-portal .xl\:bg-white {
    --bg-opacity: 1 !important;
    background-color: #fff !important;
    background-color: rgba(255, 255, 255, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:bg-gray-100,
  reach-portal .xl\:bg-gray-100 {
    --bg-opacity: 1 !important;
    background-color: #f7fafc !important;
    background-color: rgba(247, 250, 252, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:bg-gray-200,
  reach-portal .xl\:bg-gray-200 {
    --bg-opacity: 1 !important;
    background-color: #edf2f7 !important;
    background-color: rgba(237, 242, 247, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:bg-gray-300,
  reach-portal .xl\:bg-gray-300 {
    --bg-opacity: 1 !important;
    background-color: #e2e8f0 !important;
    background-color: rgba(226, 232, 240, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:bg-gray-400,
  reach-portal .xl\:bg-gray-400 {
    --bg-opacity: 1 !important;
    background-color: #cbd5e0 !important;
    background-color: rgba(203, 213, 224, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:bg-gray-500,
  reach-portal .xl\:bg-gray-500 {
    --bg-opacity: 1 !important;
    background-color: #a0aec0 !important;
    background-color: rgba(160, 174, 192, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:bg-gray-600,
  reach-portal .xl\:bg-gray-600 {
    --bg-opacity: 1 !important;
    background-color: #718096 !important;
    background-color: rgba(113, 128, 150, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:bg-gray-700,
  reach-portal .xl\:bg-gray-700 {
    --bg-opacity: 1 !important;
    background-color: #4a5568 !important;
    background-color: rgba(74, 85, 104, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:bg-gray-800,
  reach-portal .xl\:bg-gray-800 {
    --bg-opacity: 1 !important;
    background-color: #2d3748 !important;
    background-color: rgba(45, 55, 72, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:bg-gray-900,
  reach-portal .xl\:bg-gray-900 {
    --bg-opacity: 1 !important;
    background-color: #1a202c !important;
    background-color: rgba(26, 32, 44, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:bg-red-100,
  reach-portal .xl\:bg-red-100 {
    --bg-opacity: 1 !important;
    background-color: #fff5f5 !important;
    background-color: rgba(255, 245, 245, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:bg-red-200,
  reach-portal .xl\:bg-red-200 {
    --bg-opacity: 1 !important;
    background-color: #fed7d7 !important;
    background-color: rgba(254, 215, 215, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:bg-red-300,
  reach-portal .xl\:bg-red-300 {
    --bg-opacity: 1 !important;
    background-color: #feb2b2 !important;
    background-color: rgba(254, 178, 178, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:bg-red-400,
  reach-portal .xl\:bg-red-400 {
    --bg-opacity: 1 !important;
    background-color: #fc8181 !important;
    background-color: rgba(252, 129, 129, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:bg-red-500,
  reach-portal .xl\:bg-red-500 {
    --bg-opacity: 1 !important;
    background-color: #f56565 !important;
    background-color: rgba(245, 101, 101, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:bg-red-600,
  reach-portal .xl\:bg-red-600 {
    --bg-opacity: 1 !important;
    background-color: #e53e3e !important;
    background-color: rgba(229, 62, 62, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:bg-red-700,
  reach-portal .xl\:bg-red-700 {
    --bg-opacity: 1 !important;
    background-color: #c53030 !important;
    background-color: rgba(197, 48, 48, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:bg-red-800,
  reach-portal .xl\:bg-red-800 {
    --bg-opacity: 1 !important;
    background-color: #9b2c2c !important;
    background-color: rgba(155, 44, 44, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:bg-red-900,
  reach-portal .xl\:bg-red-900 {
    --bg-opacity: 1 !important;
    background-color: #742a2a !important;
    background-color: rgba(116, 42, 42, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:bg-orange-100,
  reach-portal .xl\:bg-orange-100 {
    --bg-opacity: 1 !important;
    background-color: #fffaf0 !important;
    background-color: rgba(255, 250, 240, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:bg-orange-200,
  reach-portal .xl\:bg-orange-200 {
    --bg-opacity: 1 !important;
    background-color: #feebc8 !important;
    background-color: rgba(254, 235, 200, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:bg-orange-300,
  reach-portal .xl\:bg-orange-300 {
    --bg-opacity: 1 !important;
    background-color: #fbd38d !important;
    background-color: rgba(251, 211, 141, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:bg-orange-400,
  reach-portal .xl\:bg-orange-400 {
    --bg-opacity: 1 !important;
    background-color: #f6ad55 !important;
    background-color: rgba(246, 173, 85, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:bg-orange-500,
  reach-portal .xl\:bg-orange-500 {
    --bg-opacity: 1 !important;
    background-color: #ed8936 !important;
    background-color: rgba(237, 137, 54, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:bg-orange-600,
  reach-portal .xl\:bg-orange-600 {
    --bg-opacity: 1 !important;
    background-color: #dd6b20 !important;
    background-color: rgba(221, 107, 32, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:bg-orange-700,
  reach-portal .xl\:bg-orange-700 {
    --bg-opacity: 1 !important;
    background-color: #c05621 !important;
    background-color: rgba(192, 86, 33, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:bg-orange-800,
  reach-portal .xl\:bg-orange-800 {
    --bg-opacity: 1 !important;
    background-color: #9c4221 !important;
    background-color: rgba(156, 66, 33, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:bg-orange-900,
  reach-portal .xl\:bg-orange-900 {
    --bg-opacity: 1 !important;
    background-color: #7b341e !important;
    background-color: rgba(123, 52, 30, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:bg-yellow-100,
  reach-portal .xl\:bg-yellow-100 {
    --bg-opacity: 1 !important;
    background-color: ivory !important;
    background-color: rgba(255, 255, 240, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:bg-yellow-200,
  reach-portal .xl\:bg-yellow-200 {
    --bg-opacity: 1 !important;
    background-color: #fefcbf !important;
    background-color: rgba(254, 252, 191, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:bg-yellow-300,
  reach-portal .xl\:bg-yellow-300 {
    --bg-opacity: 1 !important;
    background-color: #faf089 !important;
    background-color: rgba(250, 240, 137, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:bg-yellow-400,
  reach-portal .xl\:bg-yellow-400 {
    --bg-opacity: 1 !important;
    background-color: #f6e05e !important;
    background-color: rgba(246, 224, 94, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:bg-yellow-500,
  reach-portal .xl\:bg-yellow-500 {
    --bg-opacity: 1 !important;
    background-color: #ecc94b !important;
    background-color: rgba(236, 201, 75, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:bg-yellow-600,
  reach-portal .xl\:bg-yellow-600 {
    --bg-opacity: 1 !important;
    background-color: #d69e2e !important;
    background-color: rgba(214, 158, 46, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:bg-yellow-700,
  reach-portal .xl\:bg-yellow-700 {
    --bg-opacity: 1 !important;
    background-color: #b7791f !important;
    background-color: rgba(183, 121, 31, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:bg-yellow-800,
  reach-portal .xl\:bg-yellow-800 {
    --bg-opacity: 1 !important;
    background-color: #975a16 !important;
    background-color: rgba(151, 90, 22, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:bg-yellow-900,
  reach-portal .xl\:bg-yellow-900 {
    --bg-opacity: 1 !important;
    background-color: #744210 !important;
    background-color: rgba(116, 66, 16, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:bg-green-100,
  reach-portal .xl\:bg-green-100 {
    --bg-opacity: 1 !important;
    background-color: #f0fff4 !important;
    background-color: rgba(240, 255, 244, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:bg-green-200,
  reach-portal .xl\:bg-green-200 {
    --bg-opacity: 1 !important;
    background-color: #c6f6d5 !important;
    background-color: rgba(198, 246, 213, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:bg-green-300,
  reach-portal .xl\:bg-green-300 {
    --bg-opacity: 1 !important;
    background-color: #9ae6b4 !important;
    background-color: rgba(154, 230, 180, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:bg-green-400,
  reach-portal .xl\:bg-green-400 {
    --bg-opacity: 1 !important;
    background-color: #68d391 !important;
    background-color: rgba(104, 211, 145, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:bg-green-500,
  reach-portal .xl\:bg-green-500 {
    --bg-opacity: 1 !important;
    background-color: #48bb78 !important;
    background-color: rgba(72, 187, 120, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:bg-green-600,
  reach-portal .xl\:bg-green-600 {
    --bg-opacity: 1 !important;
    background-color: #38a169 !important;
    background-color: rgba(56, 161, 105, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:bg-green-700,
  reach-portal .xl\:bg-green-700 {
    --bg-opacity: 1 !important;
    background-color: #2f855a !important;
    background-color: rgba(47, 133, 90, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:bg-green-800,
  reach-portal .xl\:bg-green-800 {
    --bg-opacity: 1 !important;
    background-color: #276749 !important;
    background-color: rgba(39, 103, 73, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:bg-green-900,
  reach-portal .xl\:bg-green-900 {
    --bg-opacity: 1 !important;
    background-color: #22543d !important;
    background-color: rgba(34, 84, 61, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:bg-teal-100,
  reach-portal .xl\:bg-teal-100 {
    --bg-opacity: 1 !important;
    background-color: #e6fffa !important;
    background-color: rgba(230, 255, 250, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:bg-teal-200,
  reach-portal .xl\:bg-teal-200 {
    --bg-opacity: 1 !important;
    background-color: #b2f5ea !important;
    background-color: rgba(178, 245, 234, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:bg-teal-300,
  reach-portal .xl\:bg-teal-300 {
    --bg-opacity: 1 !important;
    background-color: #81e6d9 !important;
    background-color: rgba(129, 230, 217, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:bg-teal-400,
  reach-portal .xl\:bg-teal-400 {
    --bg-opacity: 1 !important;
    background-color: #4fd1c5 !important;
    background-color: rgba(79, 209, 197, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:bg-teal-500,
  reach-portal .xl\:bg-teal-500 {
    --bg-opacity: 1 !important;
    background-color: #38b2ac !important;
    background-color: rgba(56, 178, 172, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:bg-teal-600,
  reach-portal .xl\:bg-teal-600 {
    --bg-opacity: 1 !important;
    background-color: #319795 !important;
    background-color: rgba(49, 151, 149, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:bg-teal-700,
  reach-portal .xl\:bg-teal-700 {
    --bg-opacity: 1 !important;
    background-color: #2c7a7b !important;
    background-color: rgba(44, 122, 123, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:bg-teal-800,
  reach-portal .xl\:bg-teal-800 {
    --bg-opacity: 1 !important;
    background-color: #285e61 !important;
    background-color: rgba(40, 94, 97, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:bg-teal-900,
  reach-portal .xl\:bg-teal-900 {
    --bg-opacity: 1 !important;
    background-color: #234e52 !important;
    background-color: rgba(35, 78, 82, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:bg-blue-100,
  reach-portal .xl\:bg-blue-100 {
    --bg-opacity: 1 !important;
    background-color: #ebf8ff !important;
    background-color: rgba(235, 248, 255, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:bg-blue-200,
  reach-portal .xl\:bg-blue-200 {
    --bg-opacity: 1 !important;
    background-color: #bee3f8 !important;
    background-color: rgba(190, 227, 248, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:bg-blue-300,
  reach-portal .xl\:bg-blue-300 {
    --bg-opacity: 1 !important;
    background-color: #90cdf4 !important;
    background-color: rgba(144, 205, 244, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:bg-blue-400,
  reach-portal .xl\:bg-blue-400 {
    --bg-opacity: 1 !important;
    background-color: #63b3ed !important;
    background-color: rgba(99, 179, 237, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:bg-blue-500,
  reach-portal .xl\:bg-blue-500 {
    --bg-opacity: 1 !important;
    background-color: #4299e1 !important;
    background-color: rgba(66, 153, 225, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:bg-blue-600,
  reach-portal .xl\:bg-blue-600 {
    --bg-opacity: 1 !important;
    background-color: #3182ce !important;
    background-color: rgba(49, 130, 206, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:bg-blue-700,
  reach-portal .xl\:bg-blue-700 {
    --bg-opacity: 1 !important;
    background-color: #2b6cb0 !important;
    background-color: rgba(43, 108, 176, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:bg-blue-800,
  reach-portal .xl\:bg-blue-800 {
    --bg-opacity: 1 !important;
    background-color: #2c5282 !important;
    background-color: rgba(44, 82, 130, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:bg-blue-900,
  reach-portal .xl\:bg-blue-900 {
    --bg-opacity: 1 !important;
    background-color: #2a4365 !important;
    background-color: rgba(42, 67, 101, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:bg-indigo-100,
  reach-portal .xl\:bg-indigo-100 {
    --bg-opacity: 1 !important;
    background-color: #ebf4ff !important;
    background-color: rgba(235, 244, 255, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:bg-indigo-200,
  reach-portal .xl\:bg-indigo-200 {
    --bg-opacity: 1 !important;
    background-color: #c3dafe !important;
    background-color: rgba(195, 218, 254, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:bg-indigo-300,
  reach-portal .xl\:bg-indigo-300 {
    --bg-opacity: 1 !important;
    background-color: #a3bffa !important;
    background-color: rgba(163, 191, 250, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:bg-indigo-400,
  reach-portal .xl\:bg-indigo-400 {
    --bg-opacity: 1 !important;
    background-color: #7f9cf5 !important;
    background-color: rgba(127, 156, 245, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:bg-indigo-500,
  reach-portal .xl\:bg-indigo-500 {
    --bg-opacity: 1 !important;
    background-color: #667eea !important;
    background-color: rgba(102, 126, 234, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:bg-indigo-600,
  reach-portal .xl\:bg-indigo-600 {
    --bg-opacity: 1 !important;
    background-color: #5a67d8 !important;
    background-color: rgba(90, 103, 216, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:bg-indigo-700,
  reach-portal .xl\:bg-indigo-700 {
    --bg-opacity: 1 !important;
    background-color: #4c51bf !important;
    background-color: rgba(76, 81, 191, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:bg-indigo-800,
  reach-portal .xl\:bg-indigo-800 {
    --bg-opacity: 1 !important;
    background-color: #434190 !important;
    background-color: rgba(67, 65, 144, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:bg-indigo-900,
  reach-portal .xl\:bg-indigo-900 {
    --bg-opacity: 1 !important;
    background-color: #3c366b !important;
    background-color: rgba(60, 54, 107, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:bg-purple-100,
  reach-portal .xl\:bg-purple-100 {
    --bg-opacity: 1 !important;
    background-color: #faf5ff !important;
    background-color: rgba(250, 245, 255, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:bg-purple-200,
  reach-portal .xl\:bg-purple-200 {
    --bg-opacity: 1 !important;
    background-color: #e9d8fd !important;
    background-color: rgba(233, 216, 253, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:bg-purple-300,
  reach-portal .xl\:bg-purple-300 {
    --bg-opacity: 1 !important;
    background-color: #d6bcfa !important;
    background-color: rgba(214, 188, 250, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:bg-purple-400,
  reach-portal .xl\:bg-purple-400 {
    --bg-opacity: 1 !important;
    background-color: #b794f4 !important;
    background-color: rgba(183, 148, 244, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:bg-purple-500,
  reach-portal .xl\:bg-purple-500 {
    --bg-opacity: 1 !important;
    background-color: #9f7aea !important;
    background-color: rgba(159, 122, 234, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:bg-purple-600,
  reach-portal .xl\:bg-purple-600 {
    --bg-opacity: 1 !important;
    background-color: #805ad5 !important;
    background-color: rgba(128, 90, 213, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:bg-purple-700,
  reach-portal .xl\:bg-purple-700 {
    --bg-opacity: 1 !important;
    background-color: #6b46c1 !important;
    background-color: rgba(107, 70, 193, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:bg-purple-800,
  reach-portal .xl\:bg-purple-800 {
    --bg-opacity: 1 !important;
    background-color: #553c9a !important;
    background-color: rgba(85, 60, 154, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:bg-purple-900,
  reach-portal .xl\:bg-purple-900 {
    --bg-opacity: 1 !important;
    background-color: #44337a !important;
    background-color: rgba(68, 51, 122, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:bg-pink-100,
  reach-portal .xl\:bg-pink-100 {
    --bg-opacity: 1 !important;
    background-color: #fff5f7 !important;
    background-color: rgba(255, 245, 247, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:bg-pink-200,
  reach-portal .xl\:bg-pink-200 {
    --bg-opacity: 1 !important;
    background-color: #fed7e2 !important;
    background-color: rgba(254, 215, 226, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:bg-pink-300,
  reach-portal .xl\:bg-pink-300 {
    --bg-opacity: 1 !important;
    background-color: #fbb6ce !important;
    background-color: rgba(251, 182, 206, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:bg-pink-400,
  reach-portal .xl\:bg-pink-400 {
    --bg-opacity: 1 !important;
    background-color: #f687b3 !important;
    background-color: rgba(246, 135, 179, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:bg-pink-500,
  reach-portal .xl\:bg-pink-500 {
    --bg-opacity: 1 !important;
    background-color: #ed64a6 !important;
    background-color: rgba(237, 100, 166, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:bg-pink-600,
  reach-portal .xl\:bg-pink-600 {
    --bg-opacity: 1 !important;
    background-color: #d53f8c !important;
    background-color: rgba(213, 63, 140, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:bg-pink-700,
  reach-portal .xl\:bg-pink-700 {
    --bg-opacity: 1 !important;
    background-color: #b83280 !important;
    background-color: rgba(184, 50, 128, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:bg-pink-800,
  reach-portal .xl\:bg-pink-800 {
    --bg-opacity: 1 !important;
    background-color: #97266d !important;
    background-color: rgba(151, 38, 109, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:bg-pink-900,
  reach-portal .xl\:bg-pink-900 {
    --bg-opacity: 1 !important;
    background-color: #702459 !important;
    background-color: rgba(112, 36, 89, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:bg-listgray,
  reach-portal .xl\:bg-listgray {
    --bg-opacity: 1 !important;
    background-color: #f4f4f4 !important;
    background-color: rgba(244, 244, 244, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:bg-transparent:hover,
  reach-portal .xl\:hover\:bg-transparent:hover {
    background-color: initial !important
  }

  #navbarWrapper .xl\:hover\:bg-current:hover,
  reach-portal .xl\:hover\:bg-current:hover {
    background-color: currentColor !important
  }

  #navbarWrapper .xl\:hover\:bg-black:hover,
  reach-portal .xl\:hover\:bg-black:hover {
    --bg-opacity: 1 !important;
    background-color: #000 !important;
    background-color: rgba(0, 0, 0, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:bg-white:hover,
  reach-portal .xl\:hover\:bg-white:hover {
    --bg-opacity: 1 !important;
    background-color: #fff !important;
    background-color: rgba(255, 255, 255, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:bg-gray-100:hover,
  reach-portal .xl\:hover\:bg-gray-100:hover {
    --bg-opacity: 1 !important;
    background-color: #f7fafc !important;
    background-color: rgba(247, 250, 252, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:bg-gray-200:hover,
  reach-portal .xl\:hover\:bg-gray-200:hover {
    --bg-opacity: 1 !important;
    background-color: #edf2f7 !important;
    background-color: rgba(237, 242, 247, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:bg-gray-300:hover,
  reach-portal .xl\:hover\:bg-gray-300:hover {
    --bg-opacity: 1 !important;
    background-color: #e2e8f0 !important;
    background-color: rgba(226, 232, 240, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:bg-gray-400:hover,
  reach-portal .xl\:hover\:bg-gray-400:hover {
    --bg-opacity: 1 !important;
    background-color: #cbd5e0 !important;
    background-color: rgba(203, 213, 224, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:bg-gray-500:hover,
  reach-portal .xl\:hover\:bg-gray-500:hover {
    --bg-opacity: 1 !important;
    background-color: #a0aec0 !important;
    background-color: rgba(160, 174, 192, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:bg-gray-600:hover,
  reach-portal .xl\:hover\:bg-gray-600:hover {
    --bg-opacity: 1 !important;
    background-color: #718096 !important;
    background-color: rgba(113, 128, 150, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:bg-gray-700:hover,
  reach-portal .xl\:hover\:bg-gray-700:hover {
    --bg-opacity: 1 !important;
    background-color: #4a5568 !important;
    background-color: rgba(74, 85, 104, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:bg-gray-800:hover,
  reach-portal .xl\:hover\:bg-gray-800:hover {
    --bg-opacity: 1 !important;
    background-color: #2d3748 !important;
    background-color: rgba(45, 55, 72, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:bg-gray-900:hover,
  reach-portal .xl\:hover\:bg-gray-900:hover {
    --bg-opacity: 1 !important;
    background-color: #1a202c !important;
    background-color: rgba(26, 32, 44, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:bg-red-100:hover,
  reach-portal .xl\:hover\:bg-red-100:hover {
    --bg-opacity: 1 !important;
    background-color: #fff5f5 !important;
    background-color: rgba(255, 245, 245, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:bg-red-200:hover,
  reach-portal .xl\:hover\:bg-red-200:hover {
    --bg-opacity: 1 !important;
    background-color: #fed7d7 !important;
    background-color: rgba(254, 215, 215, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:bg-red-300:hover,
  reach-portal .xl\:hover\:bg-red-300:hover {
    --bg-opacity: 1 !important;
    background-color: #feb2b2 !important;
    background-color: rgba(254, 178, 178, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:bg-red-400:hover,
  reach-portal .xl\:hover\:bg-red-400:hover {
    --bg-opacity: 1 !important;
    background-color: #fc8181 !important;
    background-color: rgba(252, 129, 129, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:bg-red-500:hover,
  reach-portal .xl\:hover\:bg-red-500:hover {
    --bg-opacity: 1 !important;
    background-color: #f56565 !important;
    background-color: rgba(245, 101, 101, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:bg-red-600:hover,
  reach-portal .xl\:hover\:bg-red-600:hover {
    --bg-opacity: 1 !important;
    background-color: #e53e3e !important;
    background-color: rgba(229, 62, 62, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:bg-red-700:hover,
  reach-portal .xl\:hover\:bg-red-700:hover {
    --bg-opacity: 1 !important;
    background-color: #c53030 !important;
    background-color: rgba(197, 48, 48, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:bg-red-800:hover,
  reach-portal .xl\:hover\:bg-red-800:hover {
    --bg-opacity: 1 !important;
    background-color: #9b2c2c !important;
    background-color: rgba(155, 44, 44, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:bg-red-900:hover,
  reach-portal .xl\:hover\:bg-red-900:hover {
    --bg-opacity: 1 !important;
    background-color: #742a2a !important;
    background-color: rgba(116, 42, 42, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:bg-orange-100:hover,
  reach-portal .xl\:hover\:bg-orange-100:hover {
    --bg-opacity: 1 !important;
    background-color: #fffaf0 !important;
    background-color: rgba(255, 250, 240, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:bg-orange-200:hover,
  reach-portal .xl\:hover\:bg-orange-200:hover {
    --bg-opacity: 1 !important;
    background-color: #feebc8 !important;
    background-color: rgba(254, 235, 200, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:bg-orange-300:hover,
  reach-portal .xl\:hover\:bg-orange-300:hover {
    --bg-opacity: 1 !important;
    background-color: #fbd38d !important;
    background-color: rgba(251, 211, 141, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:bg-orange-400:hover,
  reach-portal .xl\:hover\:bg-orange-400:hover {
    --bg-opacity: 1 !important;
    background-color: #f6ad55 !important;
    background-color: rgba(246, 173, 85, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:bg-orange-500:hover,
  reach-portal .xl\:hover\:bg-orange-500:hover {
    --bg-opacity: 1 !important;
    background-color: #ed8936 !important;
    background-color: rgba(237, 137, 54, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:bg-orange-600:hover,
  reach-portal .xl\:hover\:bg-orange-600:hover {
    --bg-opacity: 1 !important;
    background-color: #dd6b20 !important;
    background-color: rgba(221, 107, 32, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:bg-orange-700:hover,
  reach-portal .xl\:hover\:bg-orange-700:hover {
    --bg-opacity: 1 !important;
    background-color: #c05621 !important;
    background-color: rgba(192, 86, 33, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:bg-orange-800:hover,
  reach-portal .xl\:hover\:bg-orange-800:hover {
    --bg-opacity: 1 !important;
    background-color: #9c4221 !important;
    background-color: rgba(156, 66, 33, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:bg-orange-900:hover,
  reach-portal .xl\:hover\:bg-orange-900:hover {
    --bg-opacity: 1 !important;
    background-color: #7b341e !important;
    background-color: rgba(123, 52, 30, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:bg-yellow-100:hover,
  reach-portal .xl\:hover\:bg-yellow-100:hover {
    --bg-opacity: 1 !important;
    background-color: ivory !important;
    background-color: rgba(255, 255, 240, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:bg-yellow-200:hover,
  reach-portal .xl\:hover\:bg-yellow-200:hover {
    --bg-opacity: 1 !important;
    background-color: #fefcbf !important;
    background-color: rgba(254, 252, 191, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:bg-yellow-300:hover,
  reach-portal .xl\:hover\:bg-yellow-300:hover {
    --bg-opacity: 1 !important;
    background-color: #faf089 !important;
    background-color: rgba(250, 240, 137, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:bg-yellow-400:hover,
  reach-portal .xl\:hover\:bg-yellow-400:hover {
    --bg-opacity: 1 !important;
    background-color: #f6e05e !important;
    background-color: rgba(246, 224, 94, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:bg-yellow-500:hover,
  reach-portal .xl\:hover\:bg-yellow-500:hover {
    --bg-opacity: 1 !important;
    background-color: #ecc94b !important;
    background-color: rgba(236, 201, 75, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:bg-yellow-600:hover,
  reach-portal .xl\:hover\:bg-yellow-600:hover {
    --bg-opacity: 1 !important;
    background-color: #d69e2e !important;
    background-color: rgba(214, 158, 46, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:bg-yellow-700:hover,
  reach-portal .xl\:hover\:bg-yellow-700:hover {
    --bg-opacity: 1 !important;
    background-color: #b7791f !important;
    background-color: rgba(183, 121, 31, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:bg-yellow-800:hover,
  reach-portal .xl\:hover\:bg-yellow-800:hover {
    --bg-opacity: 1 !important;
    background-color: #975a16 !important;
    background-color: rgba(151, 90, 22, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:bg-yellow-900:hover,
  reach-portal .xl\:hover\:bg-yellow-900:hover {
    --bg-opacity: 1 !important;
    background-color: #744210 !important;
    background-color: rgba(116, 66, 16, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:bg-green-100:hover,
  reach-portal .xl\:hover\:bg-green-100:hover {
    --bg-opacity: 1 !important;
    background-color: #f0fff4 !important;
    background-color: rgba(240, 255, 244, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:bg-green-200:hover,
  reach-portal .xl\:hover\:bg-green-200:hover {
    --bg-opacity: 1 !important;
    background-color: #c6f6d5 !important;
    background-color: rgba(198, 246, 213, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:bg-green-300:hover,
  reach-portal .xl\:hover\:bg-green-300:hover {
    --bg-opacity: 1 !important;
    background-color: #9ae6b4 !important;
    background-color: rgba(154, 230, 180, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:bg-green-400:hover,
  reach-portal .xl\:hover\:bg-green-400:hover {
    --bg-opacity: 1 !important;
    background-color: #68d391 !important;
    background-color: rgba(104, 211, 145, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:bg-green-500:hover,
  reach-portal .xl\:hover\:bg-green-500:hover {
    --bg-opacity: 1 !important;
    background-color: #48bb78 !important;
    background-color: rgba(72, 187, 120, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:bg-green-600:hover,
  reach-portal .xl\:hover\:bg-green-600:hover {
    --bg-opacity: 1 !important;
    background-color: #38a169 !important;
    background-color: rgba(56, 161, 105, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:bg-green-700:hover,
  reach-portal .xl\:hover\:bg-green-700:hover {
    --bg-opacity: 1 !important;
    background-color: #2f855a !important;
    background-color: rgba(47, 133, 90, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:bg-green-800:hover,
  reach-portal .xl\:hover\:bg-green-800:hover {
    --bg-opacity: 1 !important;
    background-color: #276749 !important;
    background-color: rgba(39, 103, 73, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:bg-green-900:hover,
  reach-portal .xl\:hover\:bg-green-900:hover {
    --bg-opacity: 1 !important;
    background-color: #22543d !important;
    background-color: rgba(34, 84, 61, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:bg-teal-100:hover,
  reach-portal .xl\:hover\:bg-teal-100:hover {
    --bg-opacity: 1 !important;
    background-color: #e6fffa !important;
    background-color: rgba(230, 255, 250, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:bg-teal-200:hover,
  reach-portal .xl\:hover\:bg-teal-200:hover {
    --bg-opacity: 1 !important;
    background-color: #b2f5ea !important;
    background-color: rgba(178, 245, 234, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:bg-teal-300:hover,
  reach-portal .xl\:hover\:bg-teal-300:hover {
    --bg-opacity: 1 !important;
    background-color: #81e6d9 !important;
    background-color: rgba(129, 230, 217, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:bg-teal-400:hover,
  reach-portal .xl\:hover\:bg-teal-400:hover {
    --bg-opacity: 1 !important;
    background-color: #4fd1c5 !important;
    background-color: rgba(79, 209, 197, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:bg-teal-500:hover,
  reach-portal .xl\:hover\:bg-teal-500:hover {
    --bg-opacity: 1 !important;
    background-color: #38b2ac !important;
    background-color: rgba(56, 178, 172, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:bg-teal-600:hover,
  reach-portal .xl\:hover\:bg-teal-600:hover {
    --bg-opacity: 1 !important;
    background-color: #319795 !important;
    background-color: rgba(49, 151, 149, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:bg-teal-700:hover,
  reach-portal .xl\:hover\:bg-teal-700:hover {
    --bg-opacity: 1 !important;
    background-color: #2c7a7b !important;
    background-color: rgba(44, 122, 123, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:bg-teal-800:hover,
  reach-portal .xl\:hover\:bg-teal-800:hover {
    --bg-opacity: 1 !important;
    background-color: #285e61 !important;
    background-color: rgba(40, 94, 97, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:bg-teal-900:hover,
  reach-portal .xl\:hover\:bg-teal-900:hover {
    --bg-opacity: 1 !important;
    background-color: #234e52 !important;
    background-color: rgba(35, 78, 82, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:bg-blue-100:hover,
  reach-portal .xl\:hover\:bg-blue-100:hover {
    --bg-opacity: 1 !important;
    background-color: #ebf8ff !important;
    background-color: rgba(235, 248, 255, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:bg-blue-200:hover,
  reach-portal .xl\:hover\:bg-blue-200:hover {
    --bg-opacity: 1 !important;
    background-color: #bee3f8 !important;
    background-color: rgba(190, 227, 248, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:bg-blue-300:hover,
  reach-portal .xl\:hover\:bg-blue-300:hover {
    --bg-opacity: 1 !important;
    background-color: #90cdf4 !important;
    background-color: rgba(144, 205, 244, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:bg-blue-400:hover,
  reach-portal .xl\:hover\:bg-blue-400:hover {
    --bg-opacity: 1 !important;
    background-color: #63b3ed !important;
    background-color: rgba(99, 179, 237, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:bg-blue-500:hover,
  reach-portal .xl\:hover\:bg-blue-500:hover {
    --bg-opacity: 1 !important;
    background-color: #4299e1 !important;
    background-color: rgba(66, 153, 225, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:bg-blue-600:hover,
  reach-portal .xl\:hover\:bg-blue-600:hover {
    --bg-opacity: 1 !important;
    background-color: #3182ce !important;
    background-color: rgba(49, 130, 206, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:bg-blue-700:hover,
  reach-portal .xl\:hover\:bg-blue-700:hover {
    --bg-opacity: 1 !important;
    background-color: #2b6cb0 !important;
    background-color: rgba(43, 108, 176, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:bg-blue-800:hover,
  reach-portal .xl\:hover\:bg-blue-800:hover {
    --bg-opacity: 1 !important;
    background-color: #2c5282 !important;
    background-color: rgba(44, 82, 130, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:bg-blue-900:hover,
  reach-portal .xl\:hover\:bg-blue-900:hover {
    --bg-opacity: 1 !important;
    background-color: #2a4365 !important;
    background-color: rgba(42, 67, 101, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:bg-indigo-100:hover,
  reach-portal .xl\:hover\:bg-indigo-100:hover {
    --bg-opacity: 1 !important;
    background-color: #ebf4ff !important;
    background-color: rgba(235, 244, 255, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:bg-indigo-200:hover,
  reach-portal .xl\:hover\:bg-indigo-200:hover {
    --bg-opacity: 1 !important;
    background-color: #c3dafe !important;
    background-color: rgba(195, 218, 254, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:bg-indigo-300:hover,
  reach-portal .xl\:hover\:bg-indigo-300:hover {
    --bg-opacity: 1 !important;
    background-color: #a3bffa !important;
    background-color: rgba(163, 191, 250, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:bg-indigo-400:hover,
  reach-portal .xl\:hover\:bg-indigo-400:hover {
    --bg-opacity: 1 !important;
    background-color: #7f9cf5 !important;
    background-color: rgba(127, 156, 245, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:bg-indigo-500:hover,
  reach-portal .xl\:hover\:bg-indigo-500:hover {
    --bg-opacity: 1 !important;
    background-color: #667eea !important;
    background-color: rgba(102, 126, 234, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:bg-indigo-600:hover,
  reach-portal .xl\:hover\:bg-indigo-600:hover {
    --bg-opacity: 1 !important;
    background-color: #5a67d8 !important;
    background-color: rgba(90, 103, 216, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:bg-indigo-700:hover,
  reach-portal .xl\:hover\:bg-indigo-700:hover {
    --bg-opacity: 1 !important;
    background-color: #4c51bf !important;
    background-color: rgba(76, 81, 191, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:bg-indigo-800:hover,
  reach-portal .xl\:hover\:bg-indigo-800:hover {
    --bg-opacity: 1 !important;
    background-color: #434190 !important;
    background-color: rgba(67, 65, 144, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:bg-indigo-900:hover,
  reach-portal .xl\:hover\:bg-indigo-900:hover {
    --bg-opacity: 1 !important;
    background-color: #3c366b !important;
    background-color: rgba(60, 54, 107, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:bg-purple-100:hover,
  reach-portal .xl\:hover\:bg-purple-100:hover {
    --bg-opacity: 1 !important;
    background-color: #faf5ff !important;
    background-color: rgba(250, 245, 255, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:bg-purple-200:hover,
  reach-portal .xl\:hover\:bg-purple-200:hover {
    --bg-opacity: 1 !important;
    background-color: #e9d8fd !important;
    background-color: rgba(233, 216, 253, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:bg-purple-300:hover,
  reach-portal .xl\:hover\:bg-purple-300:hover {
    --bg-opacity: 1 !important;
    background-color: #d6bcfa !important;
    background-color: rgba(214, 188, 250, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:bg-purple-400:hover,
  reach-portal .xl\:hover\:bg-purple-400:hover {
    --bg-opacity: 1 !important;
    background-color: #b794f4 !important;
    background-color: rgba(183, 148, 244, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:bg-purple-500:hover,
  reach-portal .xl\:hover\:bg-purple-500:hover {
    --bg-opacity: 1 !important;
    background-color: #9f7aea !important;
    background-color: rgba(159, 122, 234, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:bg-purple-600:hover,
  reach-portal .xl\:hover\:bg-purple-600:hover {
    --bg-opacity: 1 !important;
    background-color: #805ad5 !important;
    background-color: rgba(128, 90, 213, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:bg-purple-700:hover,
  reach-portal .xl\:hover\:bg-purple-700:hover {
    --bg-opacity: 1 !important;
    background-color: #6b46c1 !important;
    background-color: rgba(107, 70, 193, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:bg-purple-800:hover,
  reach-portal .xl\:hover\:bg-purple-800:hover {
    --bg-opacity: 1 !important;
    background-color: #553c9a !important;
    background-color: rgba(85, 60, 154, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:bg-purple-900:hover,
  reach-portal .xl\:hover\:bg-purple-900:hover {
    --bg-opacity: 1 !important;
    background-color: #44337a !important;
    background-color: rgba(68, 51, 122, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:bg-pink-100:hover,
  reach-portal .xl\:hover\:bg-pink-100:hover {
    --bg-opacity: 1 !important;
    background-color: #fff5f7 !important;
    background-color: rgba(255, 245, 247, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:bg-pink-200:hover,
  reach-portal .xl\:hover\:bg-pink-200:hover {
    --bg-opacity: 1 !important;
    background-color: #fed7e2 !important;
    background-color: rgba(254, 215, 226, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:bg-pink-300:hover,
  reach-portal .xl\:hover\:bg-pink-300:hover {
    --bg-opacity: 1 !important;
    background-color: #fbb6ce !important;
    background-color: rgba(251, 182, 206, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:bg-pink-400:hover,
  reach-portal .xl\:hover\:bg-pink-400:hover {
    --bg-opacity: 1 !important;
    background-color: #f687b3 !important;
    background-color: rgba(246, 135, 179, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:bg-pink-500:hover,
  reach-portal .xl\:hover\:bg-pink-500:hover {
    --bg-opacity: 1 !important;
    background-color: #ed64a6 !important;
    background-color: rgba(237, 100, 166, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:bg-pink-600:hover,
  reach-portal .xl\:hover\:bg-pink-600:hover {
    --bg-opacity: 1 !important;
    background-color: #d53f8c !important;
    background-color: rgba(213, 63, 140, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:bg-pink-700:hover,
  reach-portal .xl\:hover\:bg-pink-700:hover {
    --bg-opacity: 1 !important;
    background-color: #b83280 !important;
    background-color: rgba(184, 50, 128, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:bg-pink-800:hover,
  reach-portal .xl\:hover\:bg-pink-800:hover {
    --bg-opacity: 1 !important;
    background-color: #97266d !important;
    background-color: rgba(151, 38, 109, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:bg-pink-900:hover,
  reach-portal .xl\:hover\:bg-pink-900:hover {
    --bg-opacity: 1 !important;
    background-color: #702459 !important;
    background-color: rgba(112, 36, 89, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:bg-listgray:hover,
  reach-portal .xl\:hover\:bg-listgray:hover {
    --bg-opacity: 1 !important;
    background-color: #f4f4f4 !important;
    background-color: rgba(244, 244, 244, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:bg-transparent:focus,
  reach-portal .xl\:focus\:bg-transparent:focus {
    background-color: initial !important
  }

  #navbarWrapper .xl\:focus\:bg-current:focus,
  reach-portal .xl\:focus\:bg-current:focus {
    background-color: currentColor !important
  }

  #navbarWrapper .xl\:focus\:bg-black:focus,
  reach-portal .xl\:focus\:bg-black:focus {
    --bg-opacity: 1 !important;
    background-color: #000 !important;
    background-color: rgba(0, 0, 0, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:bg-white:focus,
  reach-portal .xl\:focus\:bg-white:focus {
    --bg-opacity: 1 !important;
    background-color: #fff !important;
    background-color: rgba(255, 255, 255, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:bg-gray-100:focus,
  reach-portal .xl\:focus\:bg-gray-100:focus {
    --bg-opacity: 1 !important;
    background-color: #f7fafc !important;
    background-color: rgba(247, 250, 252, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:bg-gray-200:focus,
  reach-portal .xl\:focus\:bg-gray-200:focus {
    --bg-opacity: 1 !important;
    background-color: #edf2f7 !important;
    background-color: rgba(237, 242, 247, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:bg-gray-300:focus,
  reach-portal .xl\:focus\:bg-gray-300:focus {
    --bg-opacity: 1 !important;
    background-color: #e2e8f0 !important;
    background-color: rgba(226, 232, 240, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:bg-gray-400:focus,
  reach-portal .xl\:focus\:bg-gray-400:focus {
    --bg-opacity: 1 !important;
    background-color: #cbd5e0 !important;
    background-color: rgba(203, 213, 224, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:bg-gray-500:focus,
  reach-portal .xl\:focus\:bg-gray-500:focus {
    --bg-opacity: 1 !important;
    background-color: #a0aec0 !important;
    background-color: rgba(160, 174, 192, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:bg-gray-600:focus,
  reach-portal .xl\:focus\:bg-gray-600:focus {
    --bg-opacity: 1 !important;
    background-color: #718096 !important;
    background-color: rgba(113, 128, 150, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:bg-gray-700:focus,
  reach-portal .xl\:focus\:bg-gray-700:focus {
    --bg-opacity: 1 !important;
    background-color: #4a5568 !important;
    background-color: rgba(74, 85, 104, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:bg-gray-800:focus,
  reach-portal .xl\:focus\:bg-gray-800:focus {
    --bg-opacity: 1 !important;
    background-color: #2d3748 !important;
    background-color: rgba(45, 55, 72, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:bg-gray-900:focus,
  reach-portal .xl\:focus\:bg-gray-900:focus {
    --bg-opacity: 1 !important;
    background-color: #1a202c !important;
    background-color: rgba(26, 32, 44, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:bg-red-100:focus,
  reach-portal .xl\:focus\:bg-red-100:focus {
    --bg-opacity: 1 !important;
    background-color: #fff5f5 !important;
    background-color: rgba(255, 245, 245, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:bg-red-200:focus,
  reach-portal .xl\:focus\:bg-red-200:focus {
    --bg-opacity: 1 !important;
    background-color: #fed7d7 !important;
    background-color: rgba(254, 215, 215, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:bg-red-300:focus,
  reach-portal .xl\:focus\:bg-red-300:focus {
    --bg-opacity: 1 !important;
    background-color: #feb2b2 !important;
    background-color: rgba(254, 178, 178, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:bg-red-400:focus,
  reach-portal .xl\:focus\:bg-red-400:focus {
    --bg-opacity: 1 !important;
    background-color: #fc8181 !important;
    background-color: rgba(252, 129, 129, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:bg-red-500:focus,
  reach-portal .xl\:focus\:bg-red-500:focus {
    --bg-opacity: 1 !important;
    background-color: #f56565 !important;
    background-color: rgba(245, 101, 101, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:bg-red-600:focus,
  reach-portal .xl\:focus\:bg-red-600:focus {
    --bg-opacity: 1 !important;
    background-color: #e53e3e !important;
    background-color: rgba(229, 62, 62, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:bg-red-700:focus,
  reach-portal .xl\:focus\:bg-red-700:focus {
    --bg-opacity: 1 !important;
    background-color: #c53030 !important;
    background-color: rgba(197, 48, 48, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:bg-red-800:focus,
  reach-portal .xl\:focus\:bg-red-800:focus {
    --bg-opacity: 1 !important;
    background-color: #9b2c2c !important;
    background-color: rgba(155, 44, 44, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:bg-red-900:focus,
  reach-portal .xl\:focus\:bg-red-900:focus {
    --bg-opacity: 1 !important;
    background-color: #742a2a !important;
    background-color: rgba(116, 42, 42, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:bg-orange-100:focus,
  reach-portal .xl\:focus\:bg-orange-100:focus {
    --bg-opacity: 1 !important;
    background-color: #fffaf0 !important;
    background-color: rgba(255, 250, 240, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:bg-orange-200:focus,
  reach-portal .xl\:focus\:bg-orange-200:focus {
    --bg-opacity: 1 !important;
    background-color: #feebc8 !important;
    background-color: rgba(254, 235, 200, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:bg-orange-300:focus,
  reach-portal .xl\:focus\:bg-orange-300:focus {
    --bg-opacity: 1 !important;
    background-color: #fbd38d !important;
    background-color: rgba(251, 211, 141, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:bg-orange-400:focus,
  reach-portal .xl\:focus\:bg-orange-400:focus {
    --bg-opacity: 1 !important;
    background-color: #f6ad55 !important;
    background-color: rgba(246, 173, 85, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:bg-orange-500:focus,
  reach-portal .xl\:focus\:bg-orange-500:focus {
    --bg-opacity: 1 !important;
    background-color: #ed8936 !important;
    background-color: rgba(237, 137, 54, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:bg-orange-600:focus,
  reach-portal .xl\:focus\:bg-orange-600:focus {
    --bg-opacity: 1 !important;
    background-color: #dd6b20 !important;
    background-color: rgba(221, 107, 32, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:bg-orange-700:focus,
  reach-portal .xl\:focus\:bg-orange-700:focus {
    --bg-opacity: 1 !important;
    background-color: #c05621 !important;
    background-color: rgba(192, 86, 33, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:bg-orange-800:focus,
  reach-portal .xl\:focus\:bg-orange-800:focus {
    --bg-opacity: 1 !important;
    background-color: #9c4221 !important;
    background-color: rgba(156, 66, 33, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:bg-orange-900:focus,
  reach-portal .xl\:focus\:bg-orange-900:focus {
    --bg-opacity: 1 !important;
    background-color: #7b341e !important;
    background-color: rgba(123, 52, 30, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:bg-yellow-100:focus,
  reach-portal .xl\:focus\:bg-yellow-100:focus {
    --bg-opacity: 1 !important;
    background-color: ivory !important;
    background-color: rgba(255, 255, 240, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:bg-yellow-200:focus,
  reach-portal .xl\:focus\:bg-yellow-200:focus {
    --bg-opacity: 1 !important;
    background-color: #fefcbf !important;
    background-color: rgba(254, 252, 191, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:bg-yellow-300:focus,
  reach-portal .xl\:focus\:bg-yellow-300:focus {
    --bg-opacity: 1 !important;
    background-color: #faf089 !important;
    background-color: rgba(250, 240, 137, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:bg-yellow-400:focus,
  reach-portal .xl\:focus\:bg-yellow-400:focus {
    --bg-opacity: 1 !important;
    background-color: #f6e05e !important;
    background-color: rgba(246, 224, 94, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:bg-yellow-500:focus,
  reach-portal .xl\:focus\:bg-yellow-500:focus {
    --bg-opacity: 1 !important;
    background-color: #ecc94b !important;
    background-color: rgba(236, 201, 75, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:bg-yellow-600:focus,
  reach-portal .xl\:focus\:bg-yellow-600:focus {
    --bg-opacity: 1 !important;
    background-color: #d69e2e !important;
    background-color: rgba(214, 158, 46, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:bg-yellow-700:focus,
  reach-portal .xl\:focus\:bg-yellow-700:focus {
    --bg-opacity: 1 !important;
    background-color: #b7791f !important;
    background-color: rgba(183, 121, 31, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:bg-yellow-800:focus,
  reach-portal .xl\:focus\:bg-yellow-800:focus {
    --bg-opacity: 1 !important;
    background-color: #975a16 !important;
    background-color: rgba(151, 90, 22, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:bg-yellow-900:focus,
  reach-portal .xl\:focus\:bg-yellow-900:focus {
    --bg-opacity: 1 !important;
    background-color: #744210 !important;
    background-color: rgba(116, 66, 16, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:bg-green-100:focus,
  reach-portal .xl\:focus\:bg-green-100:focus {
    --bg-opacity: 1 !important;
    background-color: #f0fff4 !important;
    background-color: rgba(240, 255, 244, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:bg-green-200:focus,
  reach-portal .xl\:focus\:bg-green-200:focus {
    --bg-opacity: 1 !important;
    background-color: #c6f6d5 !important;
    background-color: rgba(198, 246, 213, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:bg-green-300:focus,
  reach-portal .xl\:focus\:bg-green-300:focus {
    --bg-opacity: 1 !important;
    background-color: #9ae6b4 !important;
    background-color: rgba(154, 230, 180, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:bg-green-400:focus,
  reach-portal .xl\:focus\:bg-green-400:focus {
    --bg-opacity: 1 !important;
    background-color: #68d391 !important;
    background-color: rgba(104, 211, 145, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:bg-green-500:focus,
  reach-portal .xl\:focus\:bg-green-500:focus {
    --bg-opacity: 1 !important;
    background-color: #48bb78 !important;
    background-color: rgba(72, 187, 120, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:bg-green-600:focus,
  reach-portal .xl\:focus\:bg-green-600:focus {
    --bg-opacity: 1 !important;
    background-color: #38a169 !important;
    background-color: rgba(56, 161, 105, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:bg-green-700:focus,
  reach-portal .xl\:focus\:bg-green-700:focus {
    --bg-opacity: 1 !important;
    background-color: #2f855a !important;
    background-color: rgba(47, 133, 90, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:bg-green-800:focus,
  reach-portal .xl\:focus\:bg-green-800:focus {
    --bg-opacity: 1 !important;
    background-color: #276749 !important;
    background-color: rgba(39, 103, 73, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:bg-green-900:focus,
  reach-portal .xl\:focus\:bg-green-900:focus {
    --bg-opacity: 1 !important;
    background-color: #22543d !important;
    background-color: rgba(34, 84, 61, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:bg-teal-100:focus,
  reach-portal .xl\:focus\:bg-teal-100:focus {
    --bg-opacity: 1 !important;
    background-color: #e6fffa !important;
    background-color: rgba(230, 255, 250, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:bg-teal-200:focus,
  reach-portal .xl\:focus\:bg-teal-200:focus {
    --bg-opacity: 1 !important;
    background-color: #b2f5ea !important;
    background-color: rgba(178, 245, 234, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:bg-teal-300:focus,
  reach-portal .xl\:focus\:bg-teal-300:focus {
    --bg-opacity: 1 !important;
    background-color: #81e6d9 !important;
    background-color: rgba(129, 230, 217, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:bg-teal-400:focus,
  reach-portal .xl\:focus\:bg-teal-400:focus {
    --bg-opacity: 1 !important;
    background-color: #4fd1c5 !important;
    background-color: rgba(79, 209, 197, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:bg-teal-500:focus,
  reach-portal .xl\:focus\:bg-teal-500:focus {
    --bg-opacity: 1 !important;
    background-color: #38b2ac !important;
    background-color: rgba(56, 178, 172, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:bg-teal-600:focus,
  reach-portal .xl\:focus\:bg-teal-600:focus {
    --bg-opacity: 1 !important;
    background-color: #319795 !important;
    background-color: rgba(49, 151, 149, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:bg-teal-700:focus,
  reach-portal .xl\:focus\:bg-teal-700:focus {
    --bg-opacity: 1 !important;
    background-color: #2c7a7b !important;
    background-color: rgba(44, 122, 123, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:bg-teal-800:focus,
  reach-portal .xl\:focus\:bg-teal-800:focus {
    --bg-opacity: 1 !important;
    background-color: #285e61 !important;
    background-color: rgba(40, 94, 97, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:bg-teal-900:focus,
  reach-portal .xl\:focus\:bg-teal-900:focus {
    --bg-opacity: 1 !important;
    background-color: #234e52 !important;
    background-color: rgba(35, 78, 82, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:bg-blue-100:focus,
  reach-portal .xl\:focus\:bg-blue-100:focus {
    --bg-opacity: 1 !important;
    background-color: #ebf8ff !important;
    background-color: rgba(235, 248, 255, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:bg-blue-200:focus,
  reach-portal .xl\:focus\:bg-blue-200:focus {
    --bg-opacity: 1 !important;
    background-color: #bee3f8 !important;
    background-color: rgba(190, 227, 248, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:bg-blue-300:focus,
  reach-portal .xl\:focus\:bg-blue-300:focus {
    --bg-opacity: 1 !important;
    background-color: #90cdf4 !important;
    background-color: rgba(144, 205, 244, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:bg-blue-400:focus,
  reach-portal .xl\:focus\:bg-blue-400:focus {
    --bg-opacity: 1 !important;
    background-color: #63b3ed !important;
    background-color: rgba(99, 179, 237, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:bg-blue-500:focus,
  reach-portal .xl\:focus\:bg-blue-500:focus {
    --bg-opacity: 1 !important;
    background-color: #4299e1 !important;
    background-color: rgba(66, 153, 225, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:bg-blue-600:focus,
  reach-portal .xl\:focus\:bg-blue-600:focus {
    --bg-opacity: 1 !important;
    background-color: #3182ce !important;
    background-color: rgba(49, 130, 206, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:bg-blue-700:focus,
  reach-portal .xl\:focus\:bg-blue-700:focus {
    --bg-opacity: 1 !important;
    background-color: #2b6cb0 !important;
    background-color: rgba(43, 108, 176, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:bg-blue-800:focus,
  reach-portal .xl\:focus\:bg-blue-800:focus {
    --bg-opacity: 1 !important;
    background-color: #2c5282 !important;
    background-color: rgba(44, 82, 130, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:bg-blue-900:focus,
  reach-portal .xl\:focus\:bg-blue-900:focus {
    --bg-opacity: 1 !important;
    background-color: #2a4365 !important;
    background-color: rgba(42, 67, 101, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:bg-indigo-100:focus,
  reach-portal .xl\:focus\:bg-indigo-100:focus {
    --bg-opacity: 1 !important;
    background-color: #ebf4ff !important;
    background-color: rgba(235, 244, 255, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:bg-indigo-200:focus,
  reach-portal .xl\:focus\:bg-indigo-200:focus {
    --bg-opacity: 1 !important;
    background-color: #c3dafe !important;
    background-color: rgba(195, 218, 254, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:bg-indigo-300:focus,
  reach-portal .xl\:focus\:bg-indigo-300:focus {
    --bg-opacity: 1 !important;
    background-color: #a3bffa !important;
    background-color: rgba(163, 191, 250, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:bg-indigo-400:focus,
  reach-portal .xl\:focus\:bg-indigo-400:focus {
    --bg-opacity: 1 !important;
    background-color: #7f9cf5 !important;
    background-color: rgba(127, 156, 245, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:bg-indigo-500:focus,
  reach-portal .xl\:focus\:bg-indigo-500:focus {
    --bg-opacity: 1 !important;
    background-color: #667eea !important;
    background-color: rgba(102, 126, 234, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:bg-indigo-600:focus,
  reach-portal .xl\:focus\:bg-indigo-600:focus {
    --bg-opacity: 1 !important;
    background-color: #5a67d8 !important;
    background-color: rgba(90, 103, 216, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:bg-indigo-700:focus,
  reach-portal .xl\:focus\:bg-indigo-700:focus {
    --bg-opacity: 1 !important;
    background-color: #4c51bf !important;
    background-color: rgba(76, 81, 191, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:bg-indigo-800:focus,
  reach-portal .xl\:focus\:bg-indigo-800:focus {
    --bg-opacity: 1 !important;
    background-color: #434190 !important;
    background-color: rgba(67, 65, 144, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:bg-indigo-900:focus,
  reach-portal .xl\:focus\:bg-indigo-900:focus {
    --bg-opacity: 1 !important;
    background-color: #3c366b !important;
    background-color: rgba(60, 54, 107, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:bg-purple-100:focus,
  reach-portal .xl\:focus\:bg-purple-100:focus {
    --bg-opacity: 1 !important;
    background-color: #faf5ff !important;
    background-color: rgba(250, 245, 255, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:bg-purple-200:focus,
  reach-portal .xl\:focus\:bg-purple-200:focus {
    --bg-opacity: 1 !important;
    background-color: #e9d8fd !important;
    background-color: rgba(233, 216, 253, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:bg-purple-300:focus,
  reach-portal .xl\:focus\:bg-purple-300:focus {
    --bg-opacity: 1 !important;
    background-color: #d6bcfa !important;
    background-color: rgba(214, 188, 250, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:bg-purple-400:focus,
  reach-portal .xl\:focus\:bg-purple-400:focus {
    --bg-opacity: 1 !important;
    background-color: #b794f4 !important;
    background-color: rgba(183, 148, 244, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:bg-purple-500:focus,
  reach-portal .xl\:focus\:bg-purple-500:focus {
    --bg-opacity: 1 !important;
    background-color: #9f7aea !important;
    background-color: rgba(159, 122, 234, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:bg-purple-600:focus,
  reach-portal .xl\:focus\:bg-purple-600:focus {
    --bg-opacity: 1 !important;
    background-color: #805ad5 !important;
    background-color: rgba(128, 90, 213, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:bg-purple-700:focus,
  reach-portal .xl\:focus\:bg-purple-700:focus {
    --bg-opacity: 1 !important;
    background-color: #6b46c1 !important;
    background-color: rgba(107, 70, 193, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:bg-purple-800:focus,
  reach-portal .xl\:focus\:bg-purple-800:focus {
    --bg-opacity: 1 !important;
    background-color: #553c9a !important;
    background-color: rgba(85, 60, 154, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:bg-purple-900:focus,
  reach-portal .xl\:focus\:bg-purple-900:focus {
    --bg-opacity: 1 !important;
    background-color: #44337a !important;
    background-color: rgba(68, 51, 122, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:bg-pink-100:focus,
  reach-portal .xl\:focus\:bg-pink-100:focus {
    --bg-opacity: 1 !important;
    background-color: #fff5f7 !important;
    background-color: rgba(255, 245, 247, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:bg-pink-200:focus,
  reach-portal .xl\:focus\:bg-pink-200:focus {
    --bg-opacity: 1 !important;
    background-color: #fed7e2 !important;
    background-color: rgba(254, 215, 226, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:bg-pink-300:focus,
  reach-portal .xl\:focus\:bg-pink-300:focus {
    --bg-opacity: 1 !important;
    background-color: #fbb6ce !important;
    background-color: rgba(251, 182, 206, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:bg-pink-400:focus,
  reach-portal .xl\:focus\:bg-pink-400:focus {
    --bg-opacity: 1 !important;
    background-color: #f687b3 !important;
    background-color: rgba(246, 135, 179, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:bg-pink-500:focus,
  reach-portal .xl\:focus\:bg-pink-500:focus {
    --bg-opacity: 1 !important;
    background-color: #ed64a6 !important;
    background-color: rgba(237, 100, 166, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:bg-pink-600:focus,
  reach-portal .xl\:focus\:bg-pink-600:focus {
    --bg-opacity: 1 !important;
    background-color: #d53f8c !important;
    background-color: rgba(213, 63, 140, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:bg-pink-700:focus,
  reach-portal .xl\:focus\:bg-pink-700:focus {
    --bg-opacity: 1 !important;
    background-color: #b83280 !important;
    background-color: rgba(184, 50, 128, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:bg-pink-800:focus,
  reach-portal .xl\:focus\:bg-pink-800:focus {
    --bg-opacity: 1 !important;
    background-color: #97266d !important;
    background-color: rgba(151, 38, 109, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:bg-pink-900:focus,
  reach-portal .xl\:focus\:bg-pink-900:focus {
    --bg-opacity: 1 !important;
    background-color: #702459 !important;
    background-color: rgba(112, 36, 89, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:bg-listgray:focus,
  reach-portal .xl\:focus\:bg-listgray:focus {
    --bg-opacity: 1 !important;
    background-color: #f4f4f4 !important;
    background-color: rgba(244, 244, 244, var(--bg-opacity)) !important
  }

  #navbarWrapper .xl\:bg-opacity-0,
  reach-portal .xl\:bg-opacity-0 {
    --bg-opacity: 0 !important
  }

  #navbarWrapper .xl\:bg-opacity-25,
  reach-portal .xl\:bg-opacity-25 {
    --bg-opacity: 0.25 !important
  }

  #navbarWrapper .xl\:bg-opacity-50,
  reach-portal .xl\:bg-opacity-50 {
    --bg-opacity: 0.5 !important
  }

  #navbarWrapper .xl\:bg-opacity-75,
  reach-portal .xl\:bg-opacity-75 {
    --bg-opacity: 0.75 !important
  }

  #navbarWrapper .xl\:bg-opacity-100,
  reach-portal .xl\:bg-opacity-100 {
    --bg-opacity: 1 !important
  }

  #navbarWrapper .xl\:hover\:bg-opacity-0:hover,
  reach-portal .xl\:hover\:bg-opacity-0:hover {
    --bg-opacity: 0 !important
  }

  #navbarWrapper .xl\:hover\:bg-opacity-25:hover,
  reach-portal .xl\:hover\:bg-opacity-25:hover {
    --bg-opacity: 0.25 !important
  }

  #navbarWrapper .xl\:hover\:bg-opacity-50:hover,
  reach-portal .xl\:hover\:bg-opacity-50:hover {
    --bg-opacity: 0.5 !important
  }

  #navbarWrapper .xl\:hover\:bg-opacity-75:hover,
  reach-portal .xl\:hover\:bg-opacity-75:hover {
    --bg-opacity: 0.75 !important
  }

  #navbarWrapper .xl\:hover\:bg-opacity-100:hover,
  reach-portal .xl\:hover\:bg-opacity-100:hover {
    --bg-opacity: 1 !important
  }

  #navbarWrapper .xl\:focus\:bg-opacity-0:focus,
  reach-portal .xl\:focus\:bg-opacity-0:focus {
    --bg-opacity: 0 !important
  }

  #navbarWrapper .xl\:focus\:bg-opacity-25:focus,
  reach-portal .xl\:focus\:bg-opacity-25:focus {
    --bg-opacity: 0.25 !important
  }

  #navbarWrapper .xl\:focus\:bg-opacity-50:focus,
  reach-portal .xl\:focus\:bg-opacity-50:focus {
    --bg-opacity: 0.5 !important
  }

  #navbarWrapper .xl\:focus\:bg-opacity-75:focus,
  reach-portal .xl\:focus\:bg-opacity-75:focus {
    --bg-opacity: 0.75 !important
  }

  #navbarWrapper .xl\:focus\:bg-opacity-100:focus,
  reach-portal .xl\:focus\:bg-opacity-100:focus {
    --bg-opacity: 1 !important
  }

  #navbarWrapper .xl\:bg-bottom,
  reach-portal .xl\:bg-bottom {
    background-position: bottom !important
  }

  #navbarWrapper .xl\:bg-center,
  reach-portal .xl\:bg-center {
    background-position: 50% !important
  }

  #navbarWrapper .xl\:bg-left,
  reach-portal .xl\:bg-left {
    background-position: 0 !important
  }

  #navbarWrapper .xl\:bg-left-bottom,
  reach-portal .xl\:bg-left-bottom {
    background-position: 0 100% !important
  }

  #navbarWrapper .xl\:bg-left-top,
  reach-portal .xl\:bg-left-top {
    background-position: 0 0 !important
  }

  #navbarWrapper .xl\:bg-right,
  reach-portal .xl\:bg-right {
    background-position: 100% !important
  }

  #navbarWrapper .xl\:bg-right-bottom,
  reach-portal .xl\:bg-right-bottom {
    background-position: 100% 100% !important
  }

  #navbarWrapper .xl\:bg-right-top,
  reach-portal .xl\:bg-right-top {
    background-position: 100% 0 !important
  }

  #navbarWrapper .xl\:bg-top,
  reach-portal .xl\:bg-top {
    background-position: top !important
  }

  #navbarWrapper .xl\:bg-repeat,
  reach-portal .xl\:bg-repeat {
    background-repeat: repeat !important
  }

  #navbarWrapper .xl\:bg-no-repeat,
  reach-portal .xl\:bg-no-repeat {
    background-repeat: no-repeat !important
  }

  #navbarWrapper .xl\:bg-repeat-x,
  reach-portal .xl\:bg-repeat-x {
    background-repeat: repeat-x !important
  }

  #navbarWrapper .xl\:bg-repeat-y,
  reach-portal .xl\:bg-repeat-y {
    background-repeat: repeat-y !important
  }

  #navbarWrapper .xl\:bg-repeat-round,
  reach-portal .xl\:bg-repeat-round {
    background-repeat: round !important
  }

  #navbarWrapper .xl\:bg-repeat-space,
  reach-portal .xl\:bg-repeat-space {
    background-repeat: space !important
  }

  #navbarWrapper .xl\:bg-auto,
  reach-portal .xl\:bg-auto {
    background-size: auto !important
  }

  #navbarWrapper .xl\:bg-cover,
  reach-portal .xl\:bg-cover {
    background-size: cover !important
  }

  #navbarWrapper .xl\:bg-contain,
  reach-portal .xl\:bg-contain {
    background-size: contain !important
  }

  #navbarWrapper .xl\:border-collapse,
  reach-portal .xl\:border-collapse {
    border-collapse: collapse !important
  }

  #navbarWrapper .xl\:border-separate,
  reach-portal .xl\:border-separate {
    border-collapse: initial !important
  }

  #navbarWrapper .xl\:border-transparent,
  reach-portal .xl\:border-transparent {
    border-color: #0000 !important
  }

  #navbarWrapper .xl\:border-current,
  reach-portal .xl\:border-current {
    border-color: currentColor !important
  }

  #navbarWrapper .xl\:border-black,
  reach-portal .xl\:border-black {
    --border-opacity: 1 !important;
    border-color: #000 !important;
    border-color: rgba(0, 0, 0, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:border-white,
  reach-portal .xl\:border-white {
    --border-opacity: 1 !important;
    border-color: #fff !important;
    border-color: rgba(255, 255, 255, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:border-gray-100,
  reach-portal .xl\:border-gray-100 {
    --border-opacity: 1 !important;
    border-color: #f7fafc !important;
    border-color: rgba(247, 250, 252, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:border-gray-200,
  reach-portal .xl\:border-gray-200 {
    --border-opacity: 1 !important;
    border-color: #edf2f7 !important;
    border-color: rgba(237, 242, 247, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:border-gray-300,
  reach-portal .xl\:border-gray-300 {
    --border-opacity: 1 !important;
    border-color: #e2e8f0 !important;
    border-color: rgba(226, 232, 240, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:border-gray-400,
  reach-portal .xl\:border-gray-400 {
    --border-opacity: 1 !important;
    border-color: #cbd5e0 !important;
    border-color: rgba(203, 213, 224, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:border-gray-500,
  reach-portal .xl\:border-gray-500 {
    --border-opacity: 1 !important;
    border-color: #a0aec0 !important;
    border-color: rgba(160, 174, 192, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:border-gray-600,
  reach-portal .xl\:border-gray-600 {
    --border-opacity: 1 !important;
    border-color: #718096 !important;
    border-color: rgba(113, 128, 150, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:border-gray-700,
  reach-portal .xl\:border-gray-700 {
    --border-opacity: 1 !important;
    border-color: #4a5568 !important;
    border-color: rgba(74, 85, 104, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:border-gray-800,
  reach-portal .xl\:border-gray-800 {
    --border-opacity: 1 !important;
    border-color: #2d3748 !important;
    border-color: rgba(45, 55, 72, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:border-gray-900,
  reach-portal .xl\:border-gray-900 {
    --border-opacity: 1 !important;
    border-color: #1a202c !important;
    border-color: rgba(26, 32, 44, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:border-red-100,
  reach-portal .xl\:border-red-100 {
    --border-opacity: 1 !important;
    border-color: #fff5f5 !important;
    border-color: rgba(255, 245, 245, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:border-red-200,
  reach-portal .xl\:border-red-200 {
    --border-opacity: 1 !important;
    border-color: #fed7d7 !important;
    border-color: rgba(254, 215, 215, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:border-red-300,
  reach-portal .xl\:border-red-300 {
    --border-opacity: 1 !important;
    border-color: #feb2b2 !important;
    border-color: rgba(254, 178, 178, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:border-red-400,
  reach-portal .xl\:border-red-400 {
    --border-opacity: 1 !important;
    border-color: #fc8181 !important;
    border-color: rgba(252, 129, 129, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:border-red-500,
  reach-portal .xl\:border-red-500 {
    --border-opacity: 1 !important;
    border-color: #f56565 !important;
    border-color: rgba(245, 101, 101, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:border-red-600,
  reach-portal .xl\:border-red-600 {
    --border-opacity: 1 !important;
    border-color: #e53e3e !important;
    border-color: rgba(229, 62, 62, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:border-red-700,
  reach-portal .xl\:border-red-700 {
    --border-opacity: 1 !important;
    border-color: #c53030 !important;
    border-color: rgba(197, 48, 48, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:border-red-800,
  reach-portal .xl\:border-red-800 {
    --border-opacity: 1 !important;
    border-color: #9b2c2c !important;
    border-color: rgba(155, 44, 44, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:border-red-900,
  reach-portal .xl\:border-red-900 {
    --border-opacity: 1 !important;
    border-color: #742a2a !important;
    border-color: rgba(116, 42, 42, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:border-orange-100,
  reach-portal .xl\:border-orange-100 {
    --border-opacity: 1 !important;
    border-color: #fffaf0 !important;
    border-color: rgba(255, 250, 240, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:border-orange-200,
  reach-portal .xl\:border-orange-200 {
    --border-opacity: 1 !important;
    border-color: #feebc8 !important;
    border-color: rgba(254, 235, 200, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:border-orange-300,
  reach-portal .xl\:border-orange-300 {
    --border-opacity: 1 !important;
    border-color: #fbd38d !important;
    border-color: rgba(251, 211, 141, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:border-orange-400,
  reach-portal .xl\:border-orange-400 {
    --border-opacity: 1 !important;
    border-color: #f6ad55 !important;
    border-color: rgba(246, 173, 85, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:border-orange-500,
  reach-portal .xl\:border-orange-500 {
    --border-opacity: 1 !important;
    border-color: #ed8936 !important;
    border-color: rgba(237, 137, 54, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:border-orange-600,
  reach-portal .xl\:border-orange-600 {
    --border-opacity: 1 !important;
    border-color: #dd6b20 !important;
    border-color: rgba(221, 107, 32, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:border-orange-700,
  reach-portal .xl\:border-orange-700 {
    --border-opacity: 1 !important;
    border-color: #c05621 !important;
    border-color: rgba(192, 86, 33, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:border-orange-800,
  reach-portal .xl\:border-orange-800 {
    --border-opacity: 1 !important;
    border-color: #9c4221 !important;
    border-color: rgba(156, 66, 33, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:border-orange-900,
  reach-portal .xl\:border-orange-900 {
    --border-opacity: 1 !important;
    border-color: #7b341e !important;
    border-color: rgba(123, 52, 30, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:border-yellow-100,
  reach-portal .xl\:border-yellow-100 {
    --border-opacity: 1 !important;
    border-color: ivory !important;
    border-color: rgba(255, 255, 240, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:border-yellow-200,
  reach-portal .xl\:border-yellow-200 {
    --border-opacity: 1 !important;
    border-color: #fefcbf !important;
    border-color: rgba(254, 252, 191, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:border-yellow-300,
  reach-portal .xl\:border-yellow-300 {
    --border-opacity: 1 !important;
    border-color: #faf089 !important;
    border-color: rgba(250, 240, 137, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:border-yellow-400,
  reach-portal .xl\:border-yellow-400 {
    --border-opacity: 1 !important;
    border-color: #f6e05e !important;
    border-color: rgba(246, 224, 94, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:border-yellow-500,
  reach-portal .xl\:border-yellow-500 {
    --border-opacity: 1 !important;
    border-color: #ecc94b !important;
    border-color: rgba(236, 201, 75, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:border-yellow-600,
  reach-portal .xl\:border-yellow-600 {
    --border-opacity: 1 !important;
    border-color: #d69e2e !important;
    border-color: rgba(214, 158, 46, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:border-yellow-700,
  reach-portal .xl\:border-yellow-700 {
    --border-opacity: 1 !important;
    border-color: #b7791f !important;
    border-color: rgba(183, 121, 31, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:border-yellow-800,
  reach-portal .xl\:border-yellow-800 {
    --border-opacity: 1 !important;
    border-color: #975a16 !important;
    border-color: rgba(151, 90, 22, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:border-yellow-900,
  reach-portal .xl\:border-yellow-900 {
    --border-opacity: 1 !important;
    border-color: #744210 !important;
    border-color: rgba(116, 66, 16, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:border-green-100,
  reach-portal .xl\:border-green-100 {
    --border-opacity: 1 !important;
    border-color: #f0fff4 !important;
    border-color: rgba(240, 255, 244, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:border-green-200,
  reach-portal .xl\:border-green-200 {
    --border-opacity: 1 !important;
    border-color: #c6f6d5 !important;
    border-color: rgba(198, 246, 213, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:border-green-300,
  reach-portal .xl\:border-green-300 {
    --border-opacity: 1 !important;
    border-color: #9ae6b4 !important;
    border-color: rgba(154, 230, 180, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:border-green-400,
  reach-portal .xl\:border-green-400 {
    --border-opacity: 1 !important;
    border-color: #68d391 !important;
    border-color: rgba(104, 211, 145, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:border-green-500,
  reach-portal .xl\:border-green-500 {
    --border-opacity: 1 !important;
    border-color: #48bb78 !important;
    border-color: rgba(72, 187, 120, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:border-green-600,
  reach-portal .xl\:border-green-600 {
    --border-opacity: 1 !important;
    border-color: #38a169 !important;
    border-color: rgba(56, 161, 105, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:border-green-700,
  reach-portal .xl\:border-green-700 {
    --border-opacity: 1 !important;
    border-color: #2f855a !important;
    border-color: rgba(47, 133, 90, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:border-green-800,
  reach-portal .xl\:border-green-800 {
    --border-opacity: 1 !important;
    border-color: #276749 !important;
    border-color: rgba(39, 103, 73, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:border-green-900,
  reach-portal .xl\:border-green-900 {
    --border-opacity: 1 !important;
    border-color: #22543d !important;
    border-color: rgba(34, 84, 61, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:border-teal-100,
  reach-portal .xl\:border-teal-100 {
    --border-opacity: 1 !important;
    border-color: #e6fffa !important;
    border-color: rgba(230, 255, 250, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:border-teal-200,
  reach-portal .xl\:border-teal-200 {
    --border-opacity: 1 !important;
    border-color: #b2f5ea !important;
    border-color: rgba(178, 245, 234, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:border-teal-300,
  reach-portal .xl\:border-teal-300 {
    --border-opacity: 1 !important;
    border-color: #81e6d9 !important;
    border-color: rgba(129, 230, 217, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:border-teal-400,
  reach-portal .xl\:border-teal-400 {
    --border-opacity: 1 !important;
    border-color: #4fd1c5 !important;
    border-color: rgba(79, 209, 197, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:border-teal-500,
  reach-portal .xl\:border-teal-500 {
    --border-opacity: 1 !important;
    border-color: #38b2ac !important;
    border-color: rgba(56, 178, 172, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:border-teal-600,
  reach-portal .xl\:border-teal-600 {
    --border-opacity: 1 !important;
    border-color: #319795 !important;
    border-color: rgba(49, 151, 149, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:border-teal-700,
  reach-portal .xl\:border-teal-700 {
    --border-opacity: 1 !important;
    border-color: #2c7a7b !important;
    border-color: rgba(44, 122, 123, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:border-teal-800,
  reach-portal .xl\:border-teal-800 {
    --border-opacity: 1 !important;
    border-color: #285e61 !important;
    border-color: rgba(40, 94, 97, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:border-teal-900,
  reach-portal .xl\:border-teal-900 {
    --border-opacity: 1 !important;
    border-color: #234e52 !important;
    border-color: rgba(35, 78, 82, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:border-blue-100,
  reach-portal .xl\:border-blue-100 {
    --border-opacity: 1 !important;
    border-color: #ebf8ff !important;
    border-color: rgba(235, 248, 255, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:border-blue-200,
  reach-portal .xl\:border-blue-200 {
    --border-opacity: 1 !important;
    border-color: #bee3f8 !important;
    border-color: rgba(190, 227, 248, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:border-blue-300,
  reach-portal .xl\:border-blue-300 {
    --border-opacity: 1 !important;
    border-color: #90cdf4 !important;
    border-color: rgba(144, 205, 244, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:border-blue-400,
  reach-portal .xl\:border-blue-400 {
    --border-opacity: 1 !important;
    border-color: #63b3ed !important;
    border-color: rgba(99, 179, 237, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:border-blue-500,
  reach-portal .xl\:border-blue-500 {
    --border-opacity: 1 !important;
    border-color: #4299e1 !important;
    border-color: rgba(66, 153, 225, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:border-blue-600,
  reach-portal .xl\:border-blue-600 {
    --border-opacity: 1 !important;
    border-color: #3182ce !important;
    border-color: rgba(49, 130, 206, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:border-blue-700,
  reach-portal .xl\:border-blue-700 {
    --border-opacity: 1 !important;
    border-color: #2b6cb0 !important;
    border-color: rgba(43, 108, 176, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:border-blue-800,
  reach-portal .xl\:border-blue-800 {
    --border-opacity: 1 !important;
    border-color: #2c5282 !important;
    border-color: rgba(44, 82, 130, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:border-blue-900,
  reach-portal .xl\:border-blue-900 {
    --border-opacity: 1 !important;
    border-color: #2a4365 !important;
    border-color: rgba(42, 67, 101, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:border-indigo-100,
  reach-portal .xl\:border-indigo-100 {
    --border-opacity: 1 !important;
    border-color: #ebf4ff !important;
    border-color: rgba(235, 244, 255, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:border-indigo-200,
  reach-portal .xl\:border-indigo-200 {
    --border-opacity: 1 !important;
    border-color: #c3dafe !important;
    border-color: rgba(195, 218, 254, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:border-indigo-300,
  reach-portal .xl\:border-indigo-300 {
    --border-opacity: 1 !important;
    border-color: #a3bffa !important;
    border-color: rgba(163, 191, 250, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:border-indigo-400,
  reach-portal .xl\:border-indigo-400 {
    --border-opacity: 1 !important;
    border-color: #7f9cf5 !important;
    border-color: rgba(127, 156, 245, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:border-indigo-500,
  reach-portal .xl\:border-indigo-500 {
    --border-opacity: 1 !important;
    border-color: #667eea !important;
    border-color: rgba(102, 126, 234, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:border-indigo-600,
  reach-portal .xl\:border-indigo-600 {
    --border-opacity: 1 !important;
    border-color: #5a67d8 !important;
    border-color: rgba(90, 103, 216, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:border-indigo-700,
  reach-portal .xl\:border-indigo-700 {
    --border-opacity: 1 !important;
    border-color: #4c51bf !important;
    border-color: rgba(76, 81, 191, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:border-indigo-800,
  reach-portal .xl\:border-indigo-800 {
    --border-opacity: 1 !important;
    border-color: #434190 !important;
    border-color: rgba(67, 65, 144, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:border-indigo-900,
  reach-portal .xl\:border-indigo-900 {
    --border-opacity: 1 !important;
    border-color: #3c366b !important;
    border-color: rgba(60, 54, 107, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:border-purple-100,
  reach-portal .xl\:border-purple-100 {
    --border-opacity: 1 !important;
    border-color: #faf5ff !important;
    border-color: rgba(250, 245, 255, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:border-purple-200,
  reach-portal .xl\:border-purple-200 {
    --border-opacity: 1 !important;
    border-color: #e9d8fd !important;
    border-color: rgba(233, 216, 253, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:border-purple-300,
  reach-portal .xl\:border-purple-300 {
    --border-opacity: 1 !important;
    border-color: #d6bcfa !important;
    border-color: rgba(214, 188, 250, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:border-purple-400,
  reach-portal .xl\:border-purple-400 {
    --border-opacity: 1 !important;
    border-color: #b794f4 !important;
    border-color: rgba(183, 148, 244, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:border-purple-500,
  reach-portal .xl\:border-purple-500 {
    --border-opacity: 1 !important;
    border-color: #9f7aea !important;
    border-color: rgba(159, 122, 234, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:border-purple-600,
  reach-portal .xl\:border-purple-600 {
    --border-opacity: 1 !important;
    border-color: #805ad5 !important;
    border-color: rgba(128, 90, 213, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:border-purple-700,
  reach-portal .xl\:border-purple-700 {
    --border-opacity: 1 !important;
    border-color: #6b46c1 !important;
    border-color: rgba(107, 70, 193, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:border-purple-800,
  reach-portal .xl\:border-purple-800 {
    --border-opacity: 1 !important;
    border-color: #553c9a !important;
    border-color: rgba(85, 60, 154, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:border-purple-900,
  reach-portal .xl\:border-purple-900 {
    --border-opacity: 1 !important;
    border-color: #44337a !important;
    border-color: rgba(68, 51, 122, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:border-pink-100,
  reach-portal .xl\:border-pink-100 {
    --border-opacity: 1 !important;
    border-color: #fff5f7 !important;
    border-color: rgba(255, 245, 247, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:border-pink-200,
  reach-portal .xl\:border-pink-200 {
    --border-opacity: 1 !important;
    border-color: #fed7e2 !important;
    border-color: rgba(254, 215, 226, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:border-pink-300,
  reach-portal .xl\:border-pink-300 {
    --border-opacity: 1 !important;
    border-color: #fbb6ce !important;
    border-color: rgba(251, 182, 206, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:border-pink-400,
  reach-portal .xl\:border-pink-400 {
    --border-opacity: 1 !important;
    border-color: #f687b3 !important;
    border-color: rgba(246, 135, 179, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:border-pink-500,
  reach-portal .xl\:border-pink-500 {
    --border-opacity: 1 !important;
    border-color: #ed64a6 !important;
    border-color: rgba(237, 100, 166, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:border-pink-600,
  reach-portal .xl\:border-pink-600 {
    --border-opacity: 1 !important;
    border-color: #d53f8c !important;
    border-color: rgba(213, 63, 140, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:border-pink-700,
  reach-portal .xl\:border-pink-700 {
    --border-opacity: 1 !important;
    border-color: #b83280 !important;
    border-color: rgba(184, 50, 128, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:border-pink-800,
  reach-portal .xl\:border-pink-800 {
    --border-opacity: 1 !important;
    border-color: #97266d !important;
    border-color: rgba(151, 38, 109, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:border-pink-900,
  reach-portal .xl\:border-pink-900 {
    --border-opacity: 1 !important;
    border-color: #702459 !important;
    border-color: rgba(112, 36, 89, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:border-transparent:hover,
  reach-portal .xl\:hover\:border-transparent:hover {
    border-color: #0000 !important
  }

  #navbarWrapper .xl\:hover\:border-current:hover,
  reach-portal .xl\:hover\:border-current:hover {
    border-color: currentColor !important
  }

  #navbarWrapper .xl\:hover\:border-black:hover,
  reach-portal .xl\:hover\:border-black:hover {
    --border-opacity: 1 !important;
    border-color: #000 !important;
    border-color: rgba(0, 0, 0, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:border-white:hover,
  reach-portal .xl\:hover\:border-white:hover {
    --border-opacity: 1 !important;
    border-color: #fff !important;
    border-color: rgba(255, 255, 255, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:border-gray-100:hover,
  reach-portal .xl\:hover\:border-gray-100:hover {
    --border-opacity: 1 !important;
    border-color: #f7fafc !important;
    border-color: rgba(247, 250, 252, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:border-gray-200:hover,
  reach-portal .xl\:hover\:border-gray-200:hover {
    --border-opacity: 1 !important;
    border-color: #edf2f7 !important;
    border-color: rgba(237, 242, 247, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:border-gray-300:hover,
  reach-portal .xl\:hover\:border-gray-300:hover {
    --border-opacity: 1 !important;
    border-color: #e2e8f0 !important;
    border-color: rgba(226, 232, 240, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:border-gray-400:hover,
  reach-portal .xl\:hover\:border-gray-400:hover {
    --border-opacity: 1 !important;
    border-color: #cbd5e0 !important;
    border-color: rgba(203, 213, 224, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:border-gray-500:hover,
  reach-portal .xl\:hover\:border-gray-500:hover {
    --border-opacity: 1 !important;
    border-color: #a0aec0 !important;
    border-color: rgba(160, 174, 192, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:border-gray-600:hover,
  reach-portal .xl\:hover\:border-gray-600:hover {
    --border-opacity: 1 !important;
    border-color: #718096 !important;
    border-color: rgba(113, 128, 150, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:border-gray-700:hover,
  reach-portal .xl\:hover\:border-gray-700:hover {
    --border-opacity: 1 !important;
    border-color: #4a5568 !important;
    border-color: rgba(74, 85, 104, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:border-gray-800:hover,
  reach-portal .xl\:hover\:border-gray-800:hover {
    --border-opacity: 1 !important;
    border-color: #2d3748 !important;
    border-color: rgba(45, 55, 72, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:border-gray-900:hover,
  reach-portal .xl\:hover\:border-gray-900:hover {
    --border-opacity: 1 !important;
    border-color: #1a202c !important;
    border-color: rgba(26, 32, 44, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:border-red-100:hover,
  reach-portal .xl\:hover\:border-red-100:hover {
    --border-opacity: 1 !important;
    border-color: #fff5f5 !important;
    border-color: rgba(255, 245, 245, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:border-red-200:hover,
  reach-portal .xl\:hover\:border-red-200:hover {
    --border-opacity: 1 !important;
    border-color: #fed7d7 !important;
    border-color: rgba(254, 215, 215, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:border-red-300:hover,
  reach-portal .xl\:hover\:border-red-300:hover {
    --border-opacity: 1 !important;
    border-color: #feb2b2 !important;
    border-color: rgba(254, 178, 178, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:border-red-400:hover,
  reach-portal .xl\:hover\:border-red-400:hover {
    --border-opacity: 1 !important;
    border-color: #fc8181 !important;
    border-color: rgba(252, 129, 129, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:border-red-500:hover,
  reach-portal .xl\:hover\:border-red-500:hover {
    --border-opacity: 1 !important;
    border-color: #f56565 !important;
    border-color: rgba(245, 101, 101, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:border-red-600:hover,
  reach-portal .xl\:hover\:border-red-600:hover {
    --border-opacity: 1 !important;
    border-color: #e53e3e !important;
    border-color: rgba(229, 62, 62, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:border-red-700:hover,
  reach-portal .xl\:hover\:border-red-700:hover {
    --border-opacity: 1 !important;
    border-color: #c53030 !important;
    border-color: rgba(197, 48, 48, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:border-red-800:hover,
  reach-portal .xl\:hover\:border-red-800:hover {
    --border-opacity: 1 !important;
    border-color: #9b2c2c !important;
    border-color: rgba(155, 44, 44, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:border-red-900:hover,
  reach-portal .xl\:hover\:border-red-900:hover {
    --border-opacity: 1 !important;
    border-color: #742a2a !important;
    border-color: rgba(116, 42, 42, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:border-orange-100:hover,
  reach-portal .xl\:hover\:border-orange-100:hover {
    --border-opacity: 1 !important;
    border-color: #fffaf0 !important;
    border-color: rgba(255, 250, 240, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:border-orange-200:hover,
  reach-portal .xl\:hover\:border-orange-200:hover {
    --border-opacity: 1 !important;
    border-color: #feebc8 !important;
    border-color: rgba(254, 235, 200, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:border-orange-300:hover,
  reach-portal .xl\:hover\:border-orange-300:hover {
    --border-opacity: 1 !important;
    border-color: #fbd38d !important;
    border-color: rgba(251, 211, 141, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:border-orange-400:hover,
  reach-portal .xl\:hover\:border-orange-400:hover {
    --border-opacity: 1 !important;
    border-color: #f6ad55 !important;
    border-color: rgba(246, 173, 85, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:border-orange-500:hover,
  reach-portal .xl\:hover\:border-orange-500:hover {
    --border-opacity: 1 !important;
    border-color: #ed8936 !important;
    border-color: rgba(237, 137, 54, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:border-orange-600:hover,
  reach-portal .xl\:hover\:border-orange-600:hover {
    --border-opacity: 1 !important;
    border-color: #dd6b20 !important;
    border-color: rgba(221, 107, 32, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:border-orange-700:hover,
  reach-portal .xl\:hover\:border-orange-700:hover {
    --border-opacity: 1 !important;
    border-color: #c05621 !important;
    border-color: rgba(192, 86, 33, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:border-orange-800:hover,
  reach-portal .xl\:hover\:border-orange-800:hover {
    --border-opacity: 1 !important;
    border-color: #9c4221 !important;
    border-color: rgba(156, 66, 33, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:border-orange-900:hover,
  reach-portal .xl\:hover\:border-orange-900:hover {
    --border-opacity: 1 !important;
    border-color: #7b341e !important;
    border-color: rgba(123, 52, 30, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:border-yellow-100:hover,
  reach-portal .xl\:hover\:border-yellow-100:hover {
    --border-opacity: 1 !important;
    border-color: ivory !important;
    border-color: rgba(255, 255, 240, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:border-yellow-200:hover,
  reach-portal .xl\:hover\:border-yellow-200:hover {
    --border-opacity: 1 !important;
    border-color: #fefcbf !important;
    border-color: rgba(254, 252, 191, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:border-yellow-300:hover,
  reach-portal .xl\:hover\:border-yellow-300:hover {
    --border-opacity: 1 !important;
    border-color: #faf089 !important;
    border-color: rgba(250, 240, 137, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:border-yellow-400:hover,
  reach-portal .xl\:hover\:border-yellow-400:hover {
    --border-opacity: 1 !important;
    border-color: #f6e05e !important;
    border-color: rgba(246, 224, 94, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:border-yellow-500:hover,
  reach-portal .xl\:hover\:border-yellow-500:hover {
    --border-opacity: 1 !important;
    border-color: #ecc94b !important;
    border-color: rgba(236, 201, 75, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:border-yellow-600:hover,
  reach-portal .xl\:hover\:border-yellow-600:hover {
    --border-opacity: 1 !important;
    border-color: #d69e2e !important;
    border-color: rgba(214, 158, 46, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:border-yellow-700:hover,
  reach-portal .xl\:hover\:border-yellow-700:hover {
    --border-opacity: 1 !important;
    border-color: #b7791f !important;
    border-color: rgba(183, 121, 31, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:border-yellow-800:hover,
  reach-portal .xl\:hover\:border-yellow-800:hover {
    --border-opacity: 1 !important;
    border-color: #975a16 !important;
    border-color: rgba(151, 90, 22, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:border-yellow-900:hover,
  reach-portal .xl\:hover\:border-yellow-900:hover {
    --border-opacity: 1 !important;
    border-color: #744210 !important;
    border-color: rgba(116, 66, 16, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:border-green-100:hover,
  reach-portal .xl\:hover\:border-green-100:hover {
    --border-opacity: 1 !important;
    border-color: #f0fff4 !important;
    border-color: rgba(240, 255, 244, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:border-green-200:hover,
  reach-portal .xl\:hover\:border-green-200:hover {
    --border-opacity: 1 !important;
    border-color: #c6f6d5 !important;
    border-color: rgba(198, 246, 213, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:border-green-300:hover,
  reach-portal .xl\:hover\:border-green-300:hover {
    --border-opacity: 1 !important;
    border-color: #9ae6b4 !important;
    border-color: rgba(154, 230, 180, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:border-green-400:hover,
  reach-portal .xl\:hover\:border-green-400:hover {
    --border-opacity: 1 !important;
    border-color: #68d391 !important;
    border-color: rgba(104, 211, 145, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:border-green-500:hover,
  reach-portal .xl\:hover\:border-green-500:hover {
    --border-opacity: 1 !important;
    border-color: #48bb78 !important;
    border-color: rgba(72, 187, 120, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:border-green-600:hover,
  reach-portal .xl\:hover\:border-green-600:hover {
    --border-opacity: 1 !important;
    border-color: #38a169 !important;
    border-color: rgba(56, 161, 105, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:border-green-700:hover,
  reach-portal .xl\:hover\:border-green-700:hover {
    --border-opacity: 1 !important;
    border-color: #2f855a !important;
    border-color: rgba(47, 133, 90, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:border-green-800:hover,
  reach-portal .xl\:hover\:border-green-800:hover {
    --border-opacity: 1 !important;
    border-color: #276749 !important;
    border-color: rgba(39, 103, 73, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:border-green-900:hover,
  reach-portal .xl\:hover\:border-green-900:hover {
    --border-opacity: 1 !important;
    border-color: #22543d !important;
    border-color: rgba(34, 84, 61, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:border-teal-100:hover,
  reach-portal .xl\:hover\:border-teal-100:hover {
    --border-opacity: 1 !important;
    border-color: #e6fffa !important;
    border-color: rgba(230, 255, 250, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:border-teal-200:hover,
  reach-portal .xl\:hover\:border-teal-200:hover {
    --border-opacity: 1 !important;
    border-color: #b2f5ea !important;
    border-color: rgba(178, 245, 234, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:border-teal-300:hover,
  reach-portal .xl\:hover\:border-teal-300:hover {
    --border-opacity: 1 !important;
    border-color: #81e6d9 !important;
    border-color: rgba(129, 230, 217, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:border-teal-400:hover,
  reach-portal .xl\:hover\:border-teal-400:hover {
    --border-opacity: 1 !important;
    border-color: #4fd1c5 !important;
    border-color: rgba(79, 209, 197, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:border-teal-500:hover,
  reach-portal .xl\:hover\:border-teal-500:hover {
    --border-opacity: 1 !important;
    border-color: #38b2ac !important;
    border-color: rgba(56, 178, 172, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:border-teal-600:hover,
  reach-portal .xl\:hover\:border-teal-600:hover {
    --border-opacity: 1 !important;
    border-color: #319795 !important;
    border-color: rgba(49, 151, 149, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:border-teal-700:hover,
  reach-portal .xl\:hover\:border-teal-700:hover {
    --border-opacity: 1 !important;
    border-color: #2c7a7b !important;
    border-color: rgba(44, 122, 123, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:border-teal-800:hover,
  reach-portal .xl\:hover\:border-teal-800:hover {
    --border-opacity: 1 !important;
    border-color: #285e61 !important;
    border-color: rgba(40, 94, 97, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:border-teal-900:hover,
  reach-portal .xl\:hover\:border-teal-900:hover {
    --border-opacity: 1 !important;
    border-color: #234e52 !important;
    border-color: rgba(35, 78, 82, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:border-blue-100:hover,
  reach-portal .xl\:hover\:border-blue-100:hover {
    --border-opacity: 1 !important;
    border-color: #ebf8ff !important;
    border-color: rgba(235, 248, 255, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:border-blue-200:hover,
  reach-portal .xl\:hover\:border-blue-200:hover {
    --border-opacity: 1 !important;
    border-color: #bee3f8 !important;
    border-color: rgba(190, 227, 248, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:border-blue-300:hover,
  reach-portal .xl\:hover\:border-blue-300:hover {
    --border-opacity: 1 !important;
    border-color: #90cdf4 !important;
    border-color: rgba(144, 205, 244, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:border-blue-400:hover,
  reach-portal .xl\:hover\:border-blue-400:hover {
    --border-opacity: 1 !important;
    border-color: #63b3ed !important;
    border-color: rgba(99, 179, 237, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:border-blue-500:hover,
  reach-portal .xl\:hover\:border-blue-500:hover {
    --border-opacity: 1 !important;
    border-color: #4299e1 !important;
    border-color: rgba(66, 153, 225, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:border-blue-600:hover,
  reach-portal .xl\:hover\:border-blue-600:hover {
    --border-opacity: 1 !important;
    border-color: #3182ce !important;
    border-color: rgba(49, 130, 206, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:border-blue-700:hover,
  reach-portal .xl\:hover\:border-blue-700:hover {
    --border-opacity: 1 !important;
    border-color: #2b6cb0 !important;
    border-color: rgba(43, 108, 176, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:border-blue-800:hover,
  reach-portal .xl\:hover\:border-blue-800:hover {
    --border-opacity: 1 !important;
    border-color: #2c5282 !important;
    border-color: rgba(44, 82, 130, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:border-blue-900:hover,
  reach-portal .xl\:hover\:border-blue-900:hover {
    --border-opacity: 1 !important;
    border-color: #2a4365 !important;
    border-color: rgba(42, 67, 101, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:border-indigo-100:hover,
  reach-portal .xl\:hover\:border-indigo-100:hover {
    --border-opacity: 1 !important;
    border-color: #ebf4ff !important;
    border-color: rgba(235, 244, 255, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:border-indigo-200:hover,
  reach-portal .xl\:hover\:border-indigo-200:hover {
    --border-opacity: 1 !important;
    border-color: #c3dafe !important;
    border-color: rgba(195, 218, 254, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:border-indigo-300:hover,
  reach-portal .xl\:hover\:border-indigo-300:hover {
    --border-opacity: 1 !important;
    border-color: #a3bffa !important;
    border-color: rgba(163, 191, 250, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:border-indigo-400:hover,
  reach-portal .xl\:hover\:border-indigo-400:hover {
    --border-opacity: 1 !important;
    border-color: #7f9cf5 !important;
    border-color: rgba(127, 156, 245, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:border-indigo-500:hover,
  reach-portal .xl\:hover\:border-indigo-500:hover {
    --border-opacity: 1 !important;
    border-color: #667eea !important;
    border-color: rgba(102, 126, 234, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:border-indigo-600:hover,
  reach-portal .xl\:hover\:border-indigo-600:hover {
    --border-opacity: 1 !important;
    border-color: #5a67d8 !important;
    border-color: rgba(90, 103, 216, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:border-indigo-700:hover,
  reach-portal .xl\:hover\:border-indigo-700:hover {
    --border-opacity: 1 !important;
    border-color: #4c51bf !important;
    border-color: rgba(76, 81, 191, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:border-indigo-800:hover,
  reach-portal .xl\:hover\:border-indigo-800:hover {
    --border-opacity: 1 !important;
    border-color: #434190 !important;
    border-color: rgba(67, 65, 144, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:border-indigo-900:hover,
  reach-portal .xl\:hover\:border-indigo-900:hover {
    --border-opacity: 1 !important;
    border-color: #3c366b !important;
    border-color: rgba(60, 54, 107, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:border-purple-100:hover,
  reach-portal .xl\:hover\:border-purple-100:hover {
    --border-opacity: 1 !important;
    border-color: #faf5ff !important;
    border-color: rgba(250, 245, 255, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:border-purple-200:hover,
  reach-portal .xl\:hover\:border-purple-200:hover {
    --border-opacity: 1 !important;
    border-color: #e9d8fd !important;
    border-color: rgba(233, 216, 253, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:border-purple-300:hover,
  reach-portal .xl\:hover\:border-purple-300:hover {
    --border-opacity: 1 !important;
    border-color: #d6bcfa !important;
    border-color: rgba(214, 188, 250, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:border-purple-400:hover,
  reach-portal .xl\:hover\:border-purple-400:hover {
    --border-opacity: 1 !important;
    border-color: #b794f4 !important;
    border-color: rgba(183, 148, 244, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:border-purple-500:hover,
  reach-portal .xl\:hover\:border-purple-500:hover {
    --border-opacity: 1 !important;
    border-color: #9f7aea !important;
    border-color: rgba(159, 122, 234, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:border-purple-600:hover,
  reach-portal .xl\:hover\:border-purple-600:hover {
    --border-opacity: 1 !important;
    border-color: #805ad5 !important;
    border-color: rgba(128, 90, 213, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:border-purple-700:hover,
  reach-portal .xl\:hover\:border-purple-700:hover {
    --border-opacity: 1 !important;
    border-color: #6b46c1 !important;
    border-color: rgba(107, 70, 193, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:border-purple-800:hover,
  reach-portal .xl\:hover\:border-purple-800:hover {
    --border-opacity: 1 !important;
    border-color: #553c9a !important;
    border-color: rgba(85, 60, 154, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:border-purple-900:hover,
  reach-portal .xl\:hover\:border-purple-900:hover {
    --border-opacity: 1 !important;
    border-color: #44337a !important;
    border-color: rgba(68, 51, 122, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:border-pink-100:hover,
  reach-portal .xl\:hover\:border-pink-100:hover {
    --border-opacity: 1 !important;
    border-color: #fff5f7 !important;
    border-color: rgba(255, 245, 247, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:border-pink-200:hover,
  reach-portal .xl\:hover\:border-pink-200:hover {
    --border-opacity: 1 !important;
    border-color: #fed7e2 !important;
    border-color: rgba(254, 215, 226, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:border-pink-300:hover,
  reach-portal .xl\:hover\:border-pink-300:hover {
    --border-opacity: 1 !important;
    border-color: #fbb6ce !important;
    border-color: rgba(251, 182, 206, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:border-pink-400:hover,
  reach-portal .xl\:hover\:border-pink-400:hover {
    --border-opacity: 1 !important;
    border-color: #f687b3 !important;
    border-color: rgba(246, 135, 179, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:border-pink-500:hover,
  reach-portal .xl\:hover\:border-pink-500:hover {
    --border-opacity: 1 !important;
    border-color: #ed64a6 !important;
    border-color: rgba(237, 100, 166, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:border-pink-600:hover,
  reach-portal .xl\:hover\:border-pink-600:hover {
    --border-opacity: 1 !important;
    border-color: #d53f8c !important;
    border-color: rgba(213, 63, 140, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:border-pink-700:hover,
  reach-portal .xl\:hover\:border-pink-700:hover {
    --border-opacity: 1 !important;
    border-color: #b83280 !important;
    border-color: rgba(184, 50, 128, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:border-pink-800:hover,
  reach-portal .xl\:hover\:border-pink-800:hover {
    --border-opacity: 1 !important;
    border-color: #97266d !important;
    border-color: rgba(151, 38, 109, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:border-pink-900:hover,
  reach-portal .xl\:hover\:border-pink-900:hover {
    --border-opacity: 1 !important;
    border-color: #702459 !important;
    border-color: rgba(112, 36, 89, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:border-transparent:focus,
  reach-portal .xl\:focus\:border-transparent:focus {
    border-color: #0000 !important
  }

  #navbarWrapper .xl\:focus\:border-current:focus,
  reach-portal .xl\:focus\:border-current:focus {
    border-color: currentColor !important
  }

  #navbarWrapper .xl\:focus\:border-black:focus,
  reach-portal .xl\:focus\:border-black:focus {
    --border-opacity: 1 !important;
    border-color: #000 !important;
    border-color: rgba(0, 0, 0, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:border-white:focus,
  reach-portal .xl\:focus\:border-white:focus {
    --border-opacity: 1 !important;
    border-color: #fff !important;
    border-color: rgba(255, 255, 255, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:border-gray-100:focus,
  reach-portal .xl\:focus\:border-gray-100:focus {
    --border-opacity: 1 !important;
    border-color: #f7fafc !important;
    border-color: rgba(247, 250, 252, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:border-gray-200:focus,
  reach-portal .xl\:focus\:border-gray-200:focus {
    --border-opacity: 1 !important;
    border-color: #edf2f7 !important;
    border-color: rgba(237, 242, 247, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:border-gray-300:focus,
  reach-portal .xl\:focus\:border-gray-300:focus {
    --border-opacity: 1 !important;
    border-color: #e2e8f0 !important;
    border-color: rgba(226, 232, 240, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:border-gray-400:focus,
  reach-portal .xl\:focus\:border-gray-400:focus {
    --border-opacity: 1 !important;
    border-color: #cbd5e0 !important;
    border-color: rgba(203, 213, 224, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:border-gray-500:focus,
  reach-portal .xl\:focus\:border-gray-500:focus {
    --border-opacity: 1 !important;
    border-color: #a0aec0 !important;
    border-color: rgba(160, 174, 192, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:border-gray-600:focus,
  reach-portal .xl\:focus\:border-gray-600:focus {
    --border-opacity: 1 !important;
    border-color: #718096 !important;
    border-color: rgba(113, 128, 150, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:border-gray-700:focus,
  reach-portal .xl\:focus\:border-gray-700:focus {
    --border-opacity: 1 !important;
    border-color: #4a5568 !important;
    border-color: rgba(74, 85, 104, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:border-gray-800:focus,
  reach-portal .xl\:focus\:border-gray-800:focus {
    --border-opacity: 1 !important;
    border-color: #2d3748 !important;
    border-color: rgba(45, 55, 72, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:border-gray-900:focus,
  reach-portal .xl\:focus\:border-gray-900:focus {
    --border-opacity: 1 !important;
    border-color: #1a202c !important;
    border-color: rgba(26, 32, 44, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:border-red-100:focus,
  reach-portal .xl\:focus\:border-red-100:focus {
    --border-opacity: 1 !important;
    border-color: #fff5f5 !important;
    border-color: rgba(255, 245, 245, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:border-red-200:focus,
  reach-portal .xl\:focus\:border-red-200:focus {
    --border-opacity: 1 !important;
    border-color: #fed7d7 !important;
    border-color: rgba(254, 215, 215, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:border-red-300:focus,
  reach-portal .xl\:focus\:border-red-300:focus {
    --border-opacity: 1 !important;
    border-color: #feb2b2 !important;
    border-color: rgba(254, 178, 178, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:border-red-400:focus,
  reach-portal .xl\:focus\:border-red-400:focus {
    --border-opacity: 1 !important;
    border-color: #fc8181 !important;
    border-color: rgba(252, 129, 129, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:border-red-500:focus,
  reach-portal .xl\:focus\:border-red-500:focus {
    --border-opacity: 1 !important;
    border-color: #f56565 !important;
    border-color: rgba(245, 101, 101, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:border-red-600:focus,
  reach-portal .xl\:focus\:border-red-600:focus {
    --border-opacity: 1 !important;
    border-color: #e53e3e !important;
    border-color: rgba(229, 62, 62, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:border-red-700:focus,
  reach-portal .xl\:focus\:border-red-700:focus {
    --border-opacity: 1 !important;
    border-color: #c53030 !important;
    border-color: rgba(197, 48, 48, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:border-red-800:focus,
  reach-portal .xl\:focus\:border-red-800:focus {
    --border-opacity: 1 !important;
    border-color: #9b2c2c !important;
    border-color: rgba(155, 44, 44, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:border-red-900:focus,
  reach-portal .xl\:focus\:border-red-900:focus {
    --border-opacity: 1 !important;
    border-color: #742a2a !important;
    border-color: rgba(116, 42, 42, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:border-orange-100:focus,
  reach-portal .xl\:focus\:border-orange-100:focus {
    --border-opacity: 1 !important;
    border-color: #fffaf0 !important;
    border-color: rgba(255, 250, 240, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:border-orange-200:focus,
  reach-portal .xl\:focus\:border-orange-200:focus {
    --border-opacity: 1 !important;
    border-color: #feebc8 !important;
    border-color: rgba(254, 235, 200, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:border-orange-300:focus,
  reach-portal .xl\:focus\:border-orange-300:focus {
    --border-opacity: 1 !important;
    border-color: #fbd38d !important;
    border-color: rgba(251, 211, 141, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:border-orange-400:focus,
  reach-portal .xl\:focus\:border-orange-400:focus {
    --border-opacity: 1 !important;
    border-color: #f6ad55 !important;
    border-color: rgba(246, 173, 85, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:border-orange-500:focus,
  reach-portal .xl\:focus\:border-orange-500:focus {
    --border-opacity: 1 !important;
    border-color: #ed8936 !important;
    border-color: rgba(237, 137, 54, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:border-orange-600:focus,
  reach-portal .xl\:focus\:border-orange-600:focus {
    --border-opacity: 1 !important;
    border-color: #dd6b20 !important;
    border-color: rgba(221, 107, 32, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:border-orange-700:focus,
  reach-portal .xl\:focus\:border-orange-700:focus {
    --border-opacity: 1 !important;
    border-color: #c05621 !important;
    border-color: rgba(192, 86, 33, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:border-orange-800:focus,
  reach-portal .xl\:focus\:border-orange-800:focus {
    --border-opacity: 1 !important;
    border-color: #9c4221 !important;
    border-color: rgba(156, 66, 33, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:border-orange-900:focus,
  reach-portal .xl\:focus\:border-orange-900:focus {
    --border-opacity: 1 !important;
    border-color: #7b341e !important;
    border-color: rgba(123, 52, 30, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:border-yellow-100:focus,
  reach-portal .xl\:focus\:border-yellow-100:focus {
    --border-opacity: 1 !important;
    border-color: ivory !important;
    border-color: rgba(255, 255, 240, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:border-yellow-200:focus,
  reach-portal .xl\:focus\:border-yellow-200:focus {
    --border-opacity: 1 !important;
    border-color: #fefcbf !important;
    border-color: rgba(254, 252, 191, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:border-yellow-300:focus,
  reach-portal .xl\:focus\:border-yellow-300:focus {
    --border-opacity: 1 !important;
    border-color: #faf089 !important;
    border-color: rgba(250, 240, 137, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:border-yellow-400:focus,
  reach-portal .xl\:focus\:border-yellow-400:focus {
    --border-opacity: 1 !important;
    border-color: #f6e05e !important;
    border-color: rgba(246, 224, 94, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:border-yellow-500:focus,
  reach-portal .xl\:focus\:border-yellow-500:focus {
    --border-opacity: 1 !important;
    border-color: #ecc94b !important;
    border-color: rgba(236, 201, 75, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:border-yellow-600:focus,
  reach-portal .xl\:focus\:border-yellow-600:focus {
    --border-opacity: 1 !important;
    border-color: #d69e2e !important;
    border-color: rgba(214, 158, 46, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:border-yellow-700:focus,
  reach-portal .xl\:focus\:border-yellow-700:focus {
    --border-opacity: 1 !important;
    border-color: #b7791f !important;
    border-color: rgba(183, 121, 31, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:border-yellow-800:focus,
  reach-portal .xl\:focus\:border-yellow-800:focus {
    --border-opacity: 1 !important;
    border-color: #975a16 !important;
    border-color: rgba(151, 90, 22, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:border-yellow-900:focus,
  reach-portal .xl\:focus\:border-yellow-900:focus {
    --border-opacity: 1 !important;
    border-color: #744210 !important;
    border-color: rgba(116, 66, 16, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:border-green-100:focus,
  reach-portal .xl\:focus\:border-green-100:focus {
    --border-opacity: 1 !important;
    border-color: #f0fff4 !important;
    border-color: rgba(240, 255, 244, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:border-green-200:focus,
  reach-portal .xl\:focus\:border-green-200:focus {
    --border-opacity: 1 !important;
    border-color: #c6f6d5 !important;
    border-color: rgba(198, 246, 213, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:border-green-300:focus,
  reach-portal .xl\:focus\:border-green-300:focus {
    --border-opacity: 1 !important;
    border-color: #9ae6b4 !important;
    border-color: rgba(154, 230, 180, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:border-green-400:focus,
  reach-portal .xl\:focus\:border-green-400:focus {
    --border-opacity: 1 !important;
    border-color: #68d391 !important;
    border-color: rgba(104, 211, 145, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:border-green-500:focus,
  reach-portal .xl\:focus\:border-green-500:focus {
    --border-opacity: 1 !important;
    border-color: #48bb78 !important;
    border-color: rgba(72, 187, 120, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:border-green-600:focus,
  reach-portal .xl\:focus\:border-green-600:focus {
    --border-opacity: 1 !important;
    border-color: #38a169 !important;
    border-color: rgba(56, 161, 105, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:border-green-700:focus,
  reach-portal .xl\:focus\:border-green-700:focus {
    --border-opacity: 1 !important;
    border-color: #2f855a !important;
    border-color: rgba(47, 133, 90, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:border-green-800:focus,
  reach-portal .xl\:focus\:border-green-800:focus {
    --border-opacity: 1 !important;
    border-color: #276749 !important;
    border-color: rgba(39, 103, 73, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:border-green-900:focus,
  reach-portal .xl\:focus\:border-green-900:focus {
    --border-opacity: 1 !important;
    border-color: #22543d !important;
    border-color: rgba(34, 84, 61, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:border-teal-100:focus,
  reach-portal .xl\:focus\:border-teal-100:focus {
    --border-opacity: 1 !important;
    border-color: #e6fffa !important;
    border-color: rgba(230, 255, 250, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:border-teal-200:focus,
  reach-portal .xl\:focus\:border-teal-200:focus {
    --border-opacity: 1 !important;
    border-color: #b2f5ea !important;
    border-color: rgba(178, 245, 234, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:border-teal-300:focus,
  reach-portal .xl\:focus\:border-teal-300:focus {
    --border-opacity: 1 !important;
    border-color: #81e6d9 !important;
    border-color: rgba(129, 230, 217, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:border-teal-400:focus,
  reach-portal .xl\:focus\:border-teal-400:focus {
    --border-opacity: 1 !important;
    border-color: #4fd1c5 !important;
    border-color: rgba(79, 209, 197, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:border-teal-500:focus,
  reach-portal .xl\:focus\:border-teal-500:focus {
    --border-opacity: 1 !important;
    border-color: #38b2ac !important;
    border-color: rgba(56, 178, 172, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:border-teal-600:focus,
  reach-portal .xl\:focus\:border-teal-600:focus {
    --border-opacity: 1 !important;
    border-color: #319795 !important;
    border-color: rgba(49, 151, 149, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:border-teal-700:focus,
  reach-portal .xl\:focus\:border-teal-700:focus {
    --border-opacity: 1 !important;
    border-color: #2c7a7b !important;
    border-color: rgba(44, 122, 123, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:border-teal-800:focus,
  reach-portal .xl\:focus\:border-teal-800:focus {
    --border-opacity: 1 !important;
    border-color: #285e61 !important;
    border-color: rgba(40, 94, 97, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:border-teal-900:focus,
  reach-portal .xl\:focus\:border-teal-900:focus {
    --border-opacity: 1 !important;
    border-color: #234e52 !important;
    border-color: rgba(35, 78, 82, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:border-blue-100:focus,
  reach-portal .xl\:focus\:border-blue-100:focus {
    --border-opacity: 1 !important;
    border-color: #ebf8ff !important;
    border-color: rgba(235, 248, 255, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:border-blue-200:focus,
  reach-portal .xl\:focus\:border-blue-200:focus {
    --border-opacity: 1 !important;
    border-color: #bee3f8 !important;
    border-color: rgba(190, 227, 248, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:border-blue-300:focus,
  reach-portal .xl\:focus\:border-blue-300:focus {
    --border-opacity: 1 !important;
    border-color: #90cdf4 !important;
    border-color: rgba(144, 205, 244, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:border-blue-400:focus,
  reach-portal .xl\:focus\:border-blue-400:focus {
    --border-opacity: 1 !important;
    border-color: #63b3ed !important;
    border-color: rgba(99, 179, 237, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:border-blue-500:focus,
  reach-portal .xl\:focus\:border-blue-500:focus {
    --border-opacity: 1 !important;
    border-color: #4299e1 !important;
    border-color: rgba(66, 153, 225, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:border-blue-600:focus,
  reach-portal .xl\:focus\:border-blue-600:focus {
    --border-opacity: 1 !important;
    border-color: #3182ce !important;
    border-color: rgba(49, 130, 206, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:border-blue-700:focus,
  reach-portal .xl\:focus\:border-blue-700:focus {
    --border-opacity: 1 !important;
    border-color: #2b6cb0 !important;
    border-color: rgba(43, 108, 176, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:border-blue-800:focus,
  reach-portal .xl\:focus\:border-blue-800:focus {
    --border-opacity: 1 !important;
    border-color: #2c5282 !important;
    border-color: rgba(44, 82, 130, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:border-blue-900:focus,
  reach-portal .xl\:focus\:border-blue-900:focus {
    --border-opacity: 1 !important;
    border-color: #2a4365 !important;
    border-color: rgba(42, 67, 101, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:border-indigo-100:focus,
  reach-portal .xl\:focus\:border-indigo-100:focus {
    --border-opacity: 1 !important;
    border-color: #ebf4ff !important;
    border-color: rgba(235, 244, 255, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:border-indigo-200:focus,
  reach-portal .xl\:focus\:border-indigo-200:focus {
    --border-opacity: 1 !important;
    border-color: #c3dafe !important;
    border-color: rgba(195, 218, 254, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:border-indigo-300:focus,
  reach-portal .xl\:focus\:border-indigo-300:focus {
    --border-opacity: 1 !important;
    border-color: #a3bffa !important;
    border-color: rgba(163, 191, 250, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:border-indigo-400:focus,
  reach-portal .xl\:focus\:border-indigo-400:focus {
    --border-opacity: 1 !important;
    border-color: #7f9cf5 !important;
    border-color: rgba(127, 156, 245, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:border-indigo-500:focus,
  reach-portal .xl\:focus\:border-indigo-500:focus {
    --border-opacity: 1 !important;
    border-color: #667eea !important;
    border-color: rgba(102, 126, 234, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:border-indigo-600:focus,
  reach-portal .xl\:focus\:border-indigo-600:focus {
    --border-opacity: 1 !important;
    border-color: #5a67d8 !important;
    border-color: rgba(90, 103, 216, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:border-indigo-700:focus,
  reach-portal .xl\:focus\:border-indigo-700:focus {
    --border-opacity: 1 !important;
    border-color: #4c51bf !important;
    border-color: rgba(76, 81, 191, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:border-indigo-800:focus,
  reach-portal .xl\:focus\:border-indigo-800:focus {
    --border-opacity: 1 !important;
    border-color: #434190 !important;
    border-color: rgba(67, 65, 144, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:border-indigo-900:focus,
  reach-portal .xl\:focus\:border-indigo-900:focus {
    --border-opacity: 1 !important;
    border-color: #3c366b !important;
    border-color: rgba(60, 54, 107, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:border-purple-100:focus,
  reach-portal .xl\:focus\:border-purple-100:focus {
    --border-opacity: 1 !important;
    border-color: #faf5ff !important;
    border-color: rgba(250, 245, 255, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:border-purple-200:focus,
  reach-portal .xl\:focus\:border-purple-200:focus {
    --border-opacity: 1 !important;
    border-color: #e9d8fd !important;
    border-color: rgba(233, 216, 253, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:border-purple-300:focus,
  reach-portal .xl\:focus\:border-purple-300:focus {
    --border-opacity: 1 !important;
    border-color: #d6bcfa !important;
    border-color: rgba(214, 188, 250, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:border-purple-400:focus,
  reach-portal .xl\:focus\:border-purple-400:focus {
    --border-opacity: 1 !important;
    border-color: #b794f4 !important;
    border-color: rgba(183, 148, 244, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:border-purple-500:focus,
  reach-portal .xl\:focus\:border-purple-500:focus {
    --border-opacity: 1 !important;
    border-color: #9f7aea !important;
    border-color: rgba(159, 122, 234, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:border-purple-600:focus,
  reach-portal .xl\:focus\:border-purple-600:focus {
    --border-opacity: 1 !important;
    border-color: #805ad5 !important;
    border-color: rgba(128, 90, 213, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:border-purple-700:focus,
  reach-portal .xl\:focus\:border-purple-700:focus {
    --border-opacity: 1 !important;
    border-color: #6b46c1 !important;
    border-color: rgba(107, 70, 193, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:border-purple-800:focus,
  reach-portal .xl\:focus\:border-purple-800:focus {
    --border-opacity: 1 !important;
    border-color: #553c9a !important;
    border-color: rgba(85, 60, 154, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:border-purple-900:focus,
  reach-portal .xl\:focus\:border-purple-900:focus {
    --border-opacity: 1 !important;
    border-color: #44337a !important;
    border-color: rgba(68, 51, 122, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:border-pink-100:focus,
  reach-portal .xl\:focus\:border-pink-100:focus {
    --border-opacity: 1 !important;
    border-color: #fff5f7 !important;
    border-color: rgba(255, 245, 247, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:border-pink-200:focus,
  reach-portal .xl\:focus\:border-pink-200:focus {
    --border-opacity: 1 !important;
    border-color: #fed7e2 !important;
    border-color: rgba(254, 215, 226, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:border-pink-300:focus,
  reach-portal .xl\:focus\:border-pink-300:focus {
    --border-opacity: 1 !important;
    border-color: #fbb6ce !important;
    border-color: rgba(251, 182, 206, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:border-pink-400:focus,
  reach-portal .xl\:focus\:border-pink-400:focus {
    --border-opacity: 1 !important;
    border-color: #f687b3 !important;
    border-color: rgba(246, 135, 179, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:border-pink-500:focus,
  reach-portal .xl\:focus\:border-pink-500:focus {
    --border-opacity: 1 !important;
    border-color: #ed64a6 !important;
    border-color: rgba(237, 100, 166, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:border-pink-600:focus,
  reach-portal .xl\:focus\:border-pink-600:focus {
    --border-opacity: 1 !important;
    border-color: #d53f8c !important;
    border-color: rgba(213, 63, 140, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:border-pink-700:focus,
  reach-portal .xl\:focus\:border-pink-700:focus {
    --border-opacity: 1 !important;
    border-color: #b83280 !important;
    border-color: rgba(184, 50, 128, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:border-pink-800:focus,
  reach-portal .xl\:focus\:border-pink-800:focus {
    --border-opacity: 1 !important;
    border-color: #97266d !important;
    border-color: rgba(151, 38, 109, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:border-pink-900:focus,
  reach-portal .xl\:focus\:border-pink-900:focus {
    --border-opacity: 1 !important;
    border-color: #702459 !important;
    border-color: rgba(112, 36, 89, var(--border-opacity)) !important
  }

  #navbarWrapper .xl\:border-opacity-0,
  reach-portal .xl\:border-opacity-0 {
    --border-opacity: 0 !important
  }

  #navbarWrapper .xl\:border-opacity-25,
  reach-portal .xl\:border-opacity-25 {
    --border-opacity: 0.25 !important
  }

  #navbarWrapper .xl\:border-opacity-50,
  reach-portal .xl\:border-opacity-50 {
    --border-opacity: 0.5 !important
  }

  #navbarWrapper .xl\:border-opacity-75,
  reach-portal .xl\:border-opacity-75 {
    --border-opacity: 0.75 !important
  }

  #navbarWrapper .xl\:border-opacity-100,
  reach-portal .xl\:border-opacity-100 {
    --border-opacity: 1 !important
  }

  #navbarWrapper .xl\:hover\:border-opacity-0:hover,
  reach-portal .xl\:hover\:border-opacity-0:hover {
    --border-opacity: 0 !important
  }

  #navbarWrapper .xl\:hover\:border-opacity-25:hover,
  reach-portal .xl\:hover\:border-opacity-25:hover {
    --border-opacity: 0.25 !important
  }

  #navbarWrapper .xl\:hover\:border-opacity-50:hover,
  reach-portal .xl\:hover\:border-opacity-50:hover {
    --border-opacity: 0.5 !important
  }

  #navbarWrapper .xl\:hover\:border-opacity-75:hover,
  reach-portal .xl\:hover\:border-opacity-75:hover {
    --border-opacity: 0.75 !important
  }

  #navbarWrapper .xl\:hover\:border-opacity-100:hover,
  reach-portal .xl\:hover\:border-opacity-100:hover {
    --border-opacity: 1 !important
  }

  #navbarWrapper .xl\:focus\:border-opacity-0:focus,
  reach-portal .xl\:focus\:border-opacity-0:focus {
    --border-opacity: 0 !important
  }

  #navbarWrapper .xl\:focus\:border-opacity-25:focus,
  reach-portal .xl\:focus\:border-opacity-25:focus {
    --border-opacity: 0.25 !important
  }

  #navbarWrapper .xl\:focus\:border-opacity-50:focus,
  reach-portal .xl\:focus\:border-opacity-50:focus {
    --border-opacity: 0.5 !important
  }

  #navbarWrapper .xl\:focus\:border-opacity-75:focus,
  reach-portal .xl\:focus\:border-opacity-75:focus {
    --border-opacity: 0.75 !important
  }

  #navbarWrapper .xl\:focus\:border-opacity-100:focus,
  reach-portal .xl\:focus\:border-opacity-100:focus {
    --border-opacity: 1 !important
  }

  #navbarWrapper .xl\:rounded-none,
  reach-portal .xl\:rounded-none {
    border-radius: 0 !important
  }

  #navbarWrapper .xl\:rounded-sm,
  reach-portal .xl\:rounded-sm {
    border-radius: .125rem !important
  }

  #navbarWrapper .xl\:rounded,
  #navbarWrapper .xl\:rounded-md,
  reach-portal .xl\:rounded,
  reach-portal .xl\:rounded-md {
    border-radius: .375rem !important
  }

  #navbarWrapper .xl\:rounded-lg,
  reach-portal .xl\:rounded-lg {
    border-radius: .5rem !important
  }

  #navbarWrapper .xl\:rounded-full,
  reach-portal .xl\:rounded-full {
    border-radius: 9999px !important
  }

  #navbarWrapper .xl\:rounded-t-none,
  reach-portal .xl\:rounded-t-none {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important
  }

  #navbarWrapper .xl\:rounded-r-none,
  reach-portal .xl\:rounded-r-none {
    border-bottom-right-radius: 0 !important;
    border-top-right-radius: 0 !important
  }

  #navbarWrapper .xl\:rounded-b-none,
  reach-portal .xl\:rounded-b-none {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important
  }

  #navbarWrapper .xl\:rounded-l-none,
  reach-portal .xl\:rounded-l-none {
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important
  }

  #navbarWrapper .xl\:rounded-t-sm,
  reach-portal .xl\:rounded-t-sm {
    border-top-left-radius: .125rem !important;
    border-top-right-radius: .125rem !important
  }

  #navbarWrapper .xl\:rounded-r-sm,
  reach-portal .xl\:rounded-r-sm {
    border-bottom-right-radius: .125rem !important;
    border-top-right-radius: .125rem !important
  }

  #navbarWrapper .xl\:rounded-b-sm,
  reach-portal .xl\:rounded-b-sm {
    border-bottom-left-radius: .125rem !important;
    border-bottom-right-radius: .125rem !important
  }

  #navbarWrapper .xl\:rounded-l-sm,
  reach-portal .xl\:rounded-l-sm {
    border-bottom-left-radius: .125rem !important;
    border-top-left-radius: .125rem !important
  }

  #navbarWrapper .xl\:rounded-t,
  reach-portal .xl\:rounded-t {
    border-top-left-radius: .375rem !important;
    border-top-right-radius: .375rem !important
  }

  #navbarWrapper .xl\:rounded-r,
  reach-portal .xl\:rounded-r {
    border-bottom-right-radius: .375rem !important;
    border-top-right-radius: .375rem !important
  }

  #navbarWrapper .xl\:rounded-b,
  reach-portal .xl\:rounded-b {
    border-bottom-left-radius: .375rem !important;
    border-bottom-right-radius: .375rem !important
  }

  #navbarWrapper .xl\:rounded-l,
  reach-portal .xl\:rounded-l {
    border-bottom-left-radius: .375rem !important;
    border-top-left-radius: .375rem !important
  }

  #navbarWrapper .xl\:rounded-t-md,
  reach-portal .xl\:rounded-t-md {
    border-top-left-radius: .375rem !important;
    border-top-right-radius: .375rem !important
  }

  #navbarWrapper .xl\:rounded-r-md,
  reach-portal .xl\:rounded-r-md {
    border-bottom-right-radius: .375rem !important;
    border-top-right-radius: .375rem !important
  }

  #navbarWrapper .xl\:rounded-b-md,
  reach-portal .xl\:rounded-b-md {
    border-bottom-left-radius: .375rem !important;
    border-bottom-right-radius: .375rem !important
  }

  #navbarWrapper .xl\:rounded-l-md,
  reach-portal .xl\:rounded-l-md {
    border-bottom-left-radius: .375rem !important;
    border-top-left-radius: .375rem !important
  }

  #navbarWrapper .xl\:rounded-t-lg,
  reach-portal .xl\:rounded-t-lg {
    border-top-left-radius: .5rem !important;
    border-top-right-radius: .5rem !important
  }

  #navbarWrapper .xl\:rounded-r-lg,
  reach-portal .xl\:rounded-r-lg {
    border-bottom-right-radius: .5rem !important;
    border-top-right-radius: .5rem !important
  }

  #navbarWrapper .xl\:rounded-b-lg,
  reach-portal .xl\:rounded-b-lg {
    border-bottom-left-radius: .5rem !important;
    border-bottom-right-radius: .5rem !important
  }

  #navbarWrapper .xl\:rounded-l-lg,
  reach-portal .xl\:rounded-l-lg {
    border-bottom-left-radius: .5rem !important;
    border-top-left-radius: .5rem !important
  }

  #navbarWrapper .xl\:rounded-t-full,
  reach-portal .xl\:rounded-t-full {
    border-top-left-radius: 9999px !important;
    border-top-right-radius: 9999px !important
  }

  #navbarWrapper .xl\:rounded-r-full,
  reach-portal .xl\:rounded-r-full {
    border-bottom-right-radius: 9999px !important;
    border-top-right-radius: 9999px !important
  }

  #navbarWrapper .xl\:rounded-b-full,
  reach-portal .xl\:rounded-b-full {
    border-bottom-left-radius: 9999px !important;
    border-bottom-right-radius: 9999px !important
  }

  #navbarWrapper .xl\:rounded-l-full,
  reach-portal .xl\:rounded-l-full {
    border-bottom-left-radius: 9999px !important;
    border-top-left-radius: 9999px !important
  }

  #navbarWrapper .xl\:rounded-tl-none,
  reach-portal .xl\:rounded-tl-none {
    border-top-left-radius: 0 !important
  }

  #navbarWrapper .xl\:rounded-tr-none,
  reach-portal .xl\:rounded-tr-none {
    border-top-right-radius: 0 !important
  }

  #navbarWrapper .xl\:rounded-br-none,
  reach-portal .xl\:rounded-br-none {
    border-bottom-right-radius: 0 !important
  }

  #navbarWrapper .xl\:rounded-bl-none,
  reach-portal .xl\:rounded-bl-none {
    border-bottom-left-radius: 0 !important
  }

  #navbarWrapper .xl\:rounded-tl-sm,
  reach-portal .xl\:rounded-tl-sm {
    border-top-left-radius: .125rem !important
  }

  #navbarWrapper .xl\:rounded-tr-sm,
  reach-portal .xl\:rounded-tr-sm {
    border-top-right-radius: .125rem !important
  }

  #navbarWrapper .xl\:rounded-br-sm,
  reach-portal .xl\:rounded-br-sm {
    border-bottom-right-radius: .125rem !important
  }

  #navbarWrapper .xl\:rounded-bl-sm,
  reach-portal .xl\:rounded-bl-sm {
    border-bottom-left-radius: .125rem !important
  }

  #navbarWrapper .xl\:rounded-tl,
  reach-portal .xl\:rounded-tl {
    border-top-left-radius: .375rem !important
  }

  #navbarWrapper .xl\:rounded-tr,
  reach-portal .xl\:rounded-tr {
    border-top-right-radius: .375rem !important
  }

  #navbarWrapper .xl\:rounded-br,
  reach-portal .xl\:rounded-br {
    border-bottom-right-radius: .375rem !important
  }

  #navbarWrapper .xl\:rounded-bl,
  reach-portal .xl\:rounded-bl {
    border-bottom-left-radius: .375rem !important
  }

  #navbarWrapper .xl\:rounded-tl-md,
  reach-portal .xl\:rounded-tl-md {
    border-top-left-radius: .375rem !important
  }

  #navbarWrapper .xl\:rounded-tr-md,
  reach-portal .xl\:rounded-tr-md {
    border-top-right-radius: .375rem !important
  }

  #navbarWrapper .xl\:rounded-br-md,
  reach-portal .xl\:rounded-br-md {
    border-bottom-right-radius: .375rem !important
  }

  #navbarWrapper .xl\:rounded-bl-md,
  reach-portal .xl\:rounded-bl-md {
    border-bottom-left-radius: .375rem !important
  }

  #navbarWrapper .xl\:rounded-tl-lg,
  reach-portal .xl\:rounded-tl-lg {
    border-top-left-radius: .5rem !important
  }

  #navbarWrapper .xl\:rounded-tr-lg,
  reach-portal .xl\:rounded-tr-lg {
    border-top-right-radius: .5rem !important
  }

  #navbarWrapper .xl\:rounded-br-lg,
  reach-portal .xl\:rounded-br-lg {
    border-bottom-right-radius: .5rem !important
  }

  #navbarWrapper .xl\:rounded-bl-lg,
  reach-portal .xl\:rounded-bl-lg {
    border-bottom-left-radius: .5rem !important
  }

  #navbarWrapper .xl\:rounded-tl-full,
  reach-portal .xl\:rounded-tl-full {
    border-top-left-radius: 9999px !important
  }

  #navbarWrapper .xl\:rounded-tr-full,
  reach-portal .xl\:rounded-tr-full {
    border-top-right-radius: 9999px !important
  }

  #navbarWrapper .xl\:rounded-br-full,
  reach-portal .xl\:rounded-br-full {
    border-bottom-right-radius: 9999px !important
  }

  #navbarWrapper .xl\:rounded-bl-full,
  reach-portal .xl\:rounded-bl-full {
    border-bottom-left-radius: 9999px !important
  }

  #navbarWrapper .xl\:border-solid,
  reach-portal .xl\:border-solid {
    border-style: solid !important
  }

  #navbarWrapper .xl\:border-dashed,
  reach-portal .xl\:border-dashed {
    border-style: dashed !important
  }

  #navbarWrapper .xl\:border-dotted,
  reach-portal .xl\:border-dotted {
    border-style: dotted !important
  }

  #navbarWrapper .xl\:border-double,
  reach-portal .xl\:border-double {
    border-style: double !important
  }

  #navbarWrapper .xl\:border-none,
  reach-portal .xl\:border-none {
    border-style: none !important
  }

  #navbarWrapper .xl\:border-0,
  reach-portal .xl\:border-0 {
    border-width: 0 !important
  }

  #navbarWrapper .xl\:border-2,
  reach-portal .xl\:border-2 {
    border-width: 2px !important
  }

  #navbarWrapper .xl\:border-4,
  reach-portal .xl\:border-4 {
    border-width: 4px !important
  }

  #navbarWrapper .xl\:border-8,
  reach-portal .xl\:border-8 {
    border-width: 8px !important
  }

  #navbarWrapper .xl\:border,
  reach-portal .xl\:border {
    border-width: 1px !important
  }

  #navbarWrapper .xl\:border-t-0,
  reach-portal .xl\:border-t-0 {
    border-top-width: 0 !important
  }

  #navbarWrapper .xl\:border-r-0,
  reach-portal .xl\:border-r-0 {
    border-right-width: 0 !important
  }

  #navbarWrapper .xl\:border-b-0,
  reach-portal .xl\:border-b-0 {
    border-bottom-width: 0 !important
  }

  #navbarWrapper .xl\:border-l-0,
  reach-portal .xl\:border-l-0 {
    border-left-width: 0 !important
  }

  #navbarWrapper .xl\:border-t-2,
  reach-portal .xl\:border-t-2 {
    border-top-width: 2px !important
  }

  #navbarWrapper .xl\:border-r-2,
  reach-portal .xl\:border-r-2 {
    border-right-width: 2px !important
  }

  #navbarWrapper .xl\:border-b-2,
  reach-portal .xl\:border-b-2 {
    border-bottom-width: 2px !important
  }

  #navbarWrapper .xl\:border-l-2,
  reach-portal .xl\:border-l-2 {
    border-left-width: 2px !important
  }

  #navbarWrapper .xl\:border-t-4,
  reach-portal .xl\:border-t-4 {
    border-top-width: 4px !important
  }

  #navbarWrapper .xl\:border-r-4,
  reach-portal .xl\:border-r-4 {
    border-right-width: 4px !important
  }

  #navbarWrapper .xl\:border-b-4,
  reach-portal .xl\:border-b-4 {
    border-bottom-width: 4px !important
  }

  #navbarWrapper .xl\:border-l-4,
  reach-portal .xl\:border-l-4 {
    border-left-width: 4px !important
  }

  #navbarWrapper .xl\:border-t-8,
  reach-portal .xl\:border-t-8 {
    border-top-width: 8px !important
  }

  #navbarWrapper .xl\:border-r-8,
  reach-portal .xl\:border-r-8 {
    border-right-width: 8px !important
  }

  #navbarWrapper .xl\:border-b-8,
  reach-portal .xl\:border-b-8 {
    border-bottom-width: 8px !important
  }

  #navbarWrapper .xl\:border-l-8,
  reach-portal .xl\:border-l-8 {
    border-left-width: 8px !important
  }

  #navbarWrapper .xl\:border-t,
  reach-portal .xl\:border-t {
    border-top-width: 1px !important
  }

  #navbarWrapper .xl\:border-r,
  reach-portal .xl\:border-r {
    border-right-width: 1px !important
  }

  #navbarWrapper .xl\:border-b,
  reach-portal .xl\:border-b {
    border-bottom-width: 1px !important
  }

  #navbarWrapper .xl\:border-l,
  reach-portal .xl\:border-l {
    border-left-width: 1px !important
  }

  #navbarWrapper .xl\:box-border,
  reach-portal .xl\:box-border {
    box-sizing: border-box !important
  }

  #navbarWrapper .xl\:box-content,
  reach-portal .xl\:box-content {
    box-sizing: initial !important
  }

  #navbarWrapper .xl\:cursor-auto,
  reach-portal .xl\:cursor-auto {
    cursor: auto !important
  }

  #navbarWrapper .xl\:cursor-default,
  reach-portal .xl\:cursor-default {
    cursor: default !important
  }

  #navbarWrapper .xl\:cursor-pointer,
  reach-portal .xl\:cursor-pointer {
    cursor: pointer !important
  }

  #navbarWrapper .xl\:cursor-wait,
  reach-portal .xl\:cursor-wait {
    cursor: wait !important
  }

  #navbarWrapper .xl\:cursor-text,
  reach-portal .xl\:cursor-text {
    cursor: text !important
  }

  #navbarWrapper .xl\:cursor-move,
  reach-portal .xl\:cursor-move {
    cursor: move !important
  }

  #navbarWrapper .xl\:cursor-not-allowed,
  reach-portal .xl\:cursor-not-allowed {
    cursor: not-allowed !important
  }

  #navbarWrapper .xl\:block,
  reach-portal .xl\:block {
    display: block !important
  }

  #navbarWrapper .xl\:inline-block,
  reach-portal .xl\:inline-block {
    display: inline-block !important
  }

  #navbarWrapper .xl\:inline,
  reach-portal .xl\:inline {
    display: inline !important
  }

  #navbarWrapper .xl\:flex,
  reach-portal .xl\:flex {
    display: flex !important
  }

  #navbarWrapper .xl\:inline-flex,
  reach-portal .xl\:inline-flex {
    display: inline-flex !important
  }

  #navbarWrapper .xl\:table,
  reach-portal .xl\:table {
    display: table !important
  }

  #navbarWrapper .xl\:table-caption,
  reach-portal .xl\:table-caption {
    display: table-caption !important
  }

  #navbarWrapper .xl\:table-cell,
  reach-portal .xl\:table-cell {
    display: table-cell !important
  }

  #navbarWrapper .xl\:table-column,
  reach-portal .xl\:table-column {
    display: table-column !important
  }

  #navbarWrapper .xl\:table-column-group,
  reach-portal .xl\:table-column-group {
    display: table-column-group !important
  }

  #navbarWrapper .xl\:table-footer-group,
  reach-portal .xl\:table-footer-group {
    display: table-footer-group !important
  }

  #navbarWrapper .xl\:table-header-group,
  reach-portal .xl\:table-header-group {
    display: table-header-group !important
  }

  #navbarWrapper .xl\:table-row-group,
  reach-portal .xl\:table-row-group {
    display: table-row-group !important
  }

  #navbarWrapper .xl\:table-row,
  reach-portal .xl\:table-row {
    display: table-row !important
  }

  #navbarWrapper .xl\:flow-root,
  reach-portal .xl\:flow-root {
    display: flow-root !important
  }

  #navbarWrapper .xl\:grid,
  reach-portal .xl\:grid {
    display: grid !important
  }

  #navbarWrapper .xl\:inline-grid,
  reach-portal .xl\:inline-grid {
    display: inline-grid !important
  }

  #navbarWrapper .xl\:hidden,
  reach-portal .xl\:hidden {
    display: none !important
  }

  #navbarWrapper .xl\:flex-row,
  reach-portal .xl\:flex-row {
    flex-direction: row !important
  }

  #navbarWrapper .xl\:flex-row-reverse,
  reach-portal .xl\:flex-row-reverse {
    flex-direction: row-reverse !important
  }

  #navbarWrapper .xl\:flex-col,
  reach-portal .xl\:flex-col {
    flex-direction: column !important
  }

  #navbarWrapper .xl\:flex-col-reverse,
  reach-portal .xl\:flex-col-reverse {
    flex-direction: column-reverse !important
  }

  #navbarWrapper .xl\:flex-wrap,
  reach-portal .xl\:flex-wrap {
    flex-wrap: wrap !important
  }

  #navbarWrapper .xl\:flex-wrap-reverse,
  reach-portal .xl\:flex-wrap-reverse {
    flex-wrap: wrap-reverse !important
  }

  #navbarWrapper .xl\:flex-no-wrap,
  reach-portal .xl\:flex-no-wrap {
    flex-wrap: nowrap !important
  }

  #navbarWrapper .xl\:items-start,
  reach-portal .xl\:items-start {
    align-items: flex-start !important
  }

  #navbarWrapper .xl\:items-end,
  reach-portal .xl\:items-end {
    align-items: flex-end !important
  }

  #navbarWrapper .xl\:items-center,
  reach-portal .xl\:items-center {
    align-items: center !important
  }

  #navbarWrapper .xl\:items-baseline,
  reach-portal .xl\:items-baseline {
    align-items: baseline !important
  }

  #navbarWrapper .xl\:items-stretch,
  reach-portal .xl\:items-stretch {
    align-items: stretch !important
  }

  #navbarWrapper .xl\:self-auto,
  reach-portal .xl\:self-auto {
    align-self: auto !important
  }

  #navbarWrapper .xl\:self-start,
  reach-portal .xl\:self-start {
    align-self: flex-start !important
  }

  #navbarWrapper .xl\:self-end,
  reach-portal .xl\:self-end {
    align-self: flex-end !important
  }

  #navbarWrapper .xl\:self-center,
  reach-portal .xl\:self-center {
    align-self: center !important
  }

  #navbarWrapper .xl\:self-stretch,
  reach-portal .xl\:self-stretch {
    align-self: stretch !important
  }

  #navbarWrapper .xl\:justify-start,
  reach-portal .xl\:justify-start {
    justify-content: flex-start !important
  }

  #navbarWrapper .xl\:justify-end,
  reach-portal .xl\:justify-end {
    justify-content: flex-end !important
  }

  #navbarWrapper .xl\:justify-center,
  reach-portal .xl\:justify-center {
    justify-content: center !important
  }

  #navbarWrapper .xl\:justify-between,
  reach-portal .xl\:justify-between {
    justify-content: space-between !important
  }

  #navbarWrapper .xl\:justify-around,
  reach-portal .xl\:justify-around {
    justify-content: space-around !important
  }

  #navbarWrapper .xl\:justify-evenly,
  reach-portal .xl\:justify-evenly {
    justify-content: space-evenly !important
  }

  #navbarWrapper .xl\:content-center,
  reach-portal .xl\:content-center {
    align-content: center !important
  }

  #navbarWrapper .xl\:content-start,
  reach-portal .xl\:content-start {
    align-content: flex-start !important
  }

  #navbarWrapper .xl\:content-end,
  reach-portal .xl\:content-end {
    align-content: flex-end !important
  }

  #navbarWrapper .xl\:content-between,
  reach-portal .xl\:content-between {
    align-content: space-between !important
  }

  #navbarWrapper .xl\:content-around,
  reach-portal .xl\:content-around {
    align-content: space-around !important
  }

  #navbarWrapper .xl\:flex-1,
  reach-portal .xl\:flex-1 {
    flex: 1 1 !important
  }

  #navbarWrapper .xl\:flex-auto,
  reach-portal .xl\:flex-auto {
    flex: 1 1 auto !important
  }

  #navbarWrapper .xl\:flex-initial,
  reach-portal .xl\:flex-initial {
    flex: 0 1 auto !important
  }

  #navbarWrapper .xl\:flex-none,
  reach-portal .xl\:flex-none {
    flex: none !important
  }

  #navbarWrapper .xl\:flex-grow-0,
  reach-portal .xl\:flex-grow-0 {
    flex-grow: 0 !important
  }

  #navbarWrapper .xl\:flex-grow,
  reach-portal .xl\:flex-grow {
    flex-grow: 1 !important
  }

  #navbarWrapper .xl\:flex-shrink-0,
  reach-portal .xl\:flex-shrink-0 {
    flex-shrink: 0 !important
  }

  #navbarWrapper .xl\:flex-shrink,
  reach-portal .xl\:flex-shrink {
    flex-shrink: 1 !important
  }

  #navbarWrapper .xl\:order-1,
  reach-portal .xl\:order-1 {
    order: 1 !important
  }

  #navbarWrapper .xl\:order-2,
  reach-portal .xl\:order-2 {
    order: 2 !important
  }

  #navbarWrapper .xl\:order-3,
  reach-portal .xl\:order-3 {
    order: 3 !important
  }

  #navbarWrapper .xl\:order-4,
  reach-portal .xl\:order-4 {
    order: 4 !important
  }

  #navbarWrapper .xl\:order-5,
  reach-portal .xl\:order-5 {
    order: 5 !important
  }

  #navbarWrapper .xl\:order-6,
  reach-portal .xl\:order-6 {
    order: 6 !important
  }

  #navbarWrapper .xl\:order-7,
  reach-portal .xl\:order-7 {
    order: 7 !important
  }

  #navbarWrapper .xl\:order-8,
  reach-portal .xl\:order-8 {
    order: 8 !important
  }

  #navbarWrapper .xl\:order-9,
  reach-portal .xl\:order-9 {
    order: 9 !important
  }

  #navbarWrapper .xl\:order-10,
  reach-portal .xl\:order-10 {
    order: 10 !important
  }

  #navbarWrapper .xl\:order-11,
  reach-portal .xl\:order-11 {
    order: 11 !important
  }

  #navbarWrapper .xl\:order-12,
  reach-portal .xl\:order-12 {
    order: 12 !important
  }

  #navbarWrapper .xl\:order-first,
  reach-portal .xl\:order-first {
    order: -9999 !important
  }

  #navbarWrapper .xl\:order-last,
  reach-portal .xl\:order-last {
    order: 9999 !important
  }

  #navbarWrapper .xl\:order-none,
  reach-portal .xl\:order-none {
    order: 0 !important
  }

  #navbarWrapper .xl\:float-right,
  reach-portal .xl\:float-right {
    float: right !important
  }

  #navbarWrapper .xl\:float-left,
  reach-portal .xl\:float-left {
    float: left !important
  }

  #navbarWrapper .xl\:float-none,
  reach-portal .xl\:float-none {
    float: none !important
  }

  #navbarWrapper .xl\:clearfix:after,
  reach-portal .xl\:clearfix:after {
    clear: both !important;
    content: "" !important;
    display: table !important
  }

  #navbarWrapper .xl\:clear-left,
  reach-portal .xl\:clear-left {
    clear: left !important
  }

  #navbarWrapper .xl\:clear-right,
  reach-portal .xl\:clear-right {
    clear: right !important
  }

  #navbarWrapper .xl\:clear-both,
  reach-portal .xl\:clear-both {
    clear: both !important
  }

  #navbarWrapper .xl\:clear-none,
  reach-portal .xl\:clear-none {
    clear: none !important
  }

  #navbarWrapper .xl\:font-display,
  reach-portal .xl\:font-display {
    font-family: Gilroy, sans-serif !important
  }

  #navbarWrapper .xl\:font-body,
  reach-portal .xl\:font-body {
    font-family: Graphik, sans-serif !important
  }

  #navbarWrapper .xl\:font-hairline,
  reach-portal .xl\:font-hairline {
    font-weight: 100 !important
  }

  #navbarWrapper .xl\:font-thin,
  reach-portal .xl\:font-thin {
    font-weight: 200 !important
  }

  #navbarWrapper .xl\:font-light,
  reach-portal .xl\:font-light {
    font-weight: 300 !important
  }

  #navbarWrapper .xl\:font-normal,
  reach-portal .xl\:font-normal {
    font-weight: 400 !important
  }

  #navbarWrapper .xl\:font-medium,
  reach-portal .xl\:font-medium {
    font-weight: 500 !important
  }

  #navbarWrapper .xl\:font-semibold,
  reach-portal .xl\:font-semibold {
    font-weight: 600 !important
  }

  #navbarWrapper .xl\:font-bold,
  reach-portal .xl\:font-bold {
    font-weight: 700 !important
  }

  #navbarWrapper .xl\:font-extrabold,
  reach-portal .xl\:font-extrabold {
    font-weight: 800 !important
  }

  #navbarWrapper .xl\:font-black,
  reach-portal .xl\:font-black {
    font-weight: 900 !important
  }

  #navbarWrapper .xl\:hover\:font-hairline:hover,
  reach-portal .xl\:hover\:font-hairline:hover {
    font-weight: 100 !important
  }

  #navbarWrapper .xl\:hover\:font-thin:hover,
  reach-portal .xl\:hover\:font-thin:hover {
    font-weight: 200 !important
  }

  #navbarWrapper .xl\:hover\:font-light:hover,
  reach-portal .xl\:hover\:font-light:hover {
    font-weight: 300 !important
  }

  #navbarWrapper .xl\:hover\:font-normal:hover,
  reach-portal .xl\:hover\:font-normal:hover {
    font-weight: 400 !important
  }

  #navbarWrapper .xl\:hover\:font-medium:hover,
  reach-portal .xl\:hover\:font-medium:hover {
    font-weight: 500 !important
  }

  #navbarWrapper .xl\:hover\:font-semibold:hover,
  reach-portal .xl\:hover\:font-semibold:hover {
    font-weight: 600 !important
  }

  #navbarWrapper .xl\:hover\:font-bold:hover,
  reach-portal .xl\:hover\:font-bold:hover {
    font-weight: 700 !important
  }

  #navbarWrapper .xl\:hover\:font-extrabold:hover,
  reach-portal .xl\:hover\:font-extrabold:hover {
    font-weight: 800 !important
  }

  #navbarWrapper .xl\:hover\:font-black:hover,
  reach-portal .xl\:hover\:font-black:hover {
    font-weight: 900 !important
  }

  #navbarWrapper .xl\:focus\:font-hairline:focus,
  reach-portal .xl\:focus\:font-hairline:focus {
    font-weight: 100 !important
  }

  #navbarWrapper .xl\:focus\:font-thin:focus,
  reach-portal .xl\:focus\:font-thin:focus {
    font-weight: 200 !important
  }

  #navbarWrapper .xl\:focus\:font-light:focus,
  reach-portal .xl\:focus\:font-light:focus {
    font-weight: 300 !important
  }

  #navbarWrapper .xl\:focus\:font-normal:focus,
  reach-portal .xl\:focus\:font-normal:focus {
    font-weight: 400 !important
  }

  #navbarWrapper .xl\:focus\:font-medium:focus,
  reach-portal .xl\:focus\:font-medium:focus {
    font-weight: 500 !important
  }

  #navbarWrapper .xl\:focus\:font-semibold:focus,
  reach-portal .xl\:focus\:font-semibold:focus {
    font-weight: 600 !important
  }

  #navbarWrapper .xl\:focus\:font-bold:focus,
  reach-portal .xl\:focus\:font-bold:focus {
    font-weight: 700 !important
  }

  #navbarWrapper .xl\:focus\:font-extrabold:focus,
  reach-portal .xl\:focus\:font-extrabold:focus {
    font-weight: 800 !important
  }

  #navbarWrapper .xl\:focus\:font-black:focus,
  reach-portal .xl\:focus\:font-black:focus {
    font-weight: 900 !important
  }

  #navbarWrapper .xl\:h-0,
  reach-portal .xl\:h-0 {
    height: 0 !important
  }

  #navbarWrapper .xl\:h-1,
  reach-portal .xl\:h-1 {
    height: .25rem !important
  }

  #navbarWrapper .xl\:h-2,
  reach-portal .xl\:h-2 {
    height: .5rem !important
  }

  #navbarWrapper .xl\:h-3,
  reach-portal .xl\:h-3 {
    height: .75rem !important
  }

  #navbarWrapper .xl\:h-4,
  reach-portal .xl\:h-4 {
    height: 1rem !important
  }

  #navbarWrapper .xl\:h-5,
  reach-portal .xl\:h-5 {
    height: 1.25rem !important
  }

  #navbarWrapper .xl\:h-6,
  reach-portal .xl\:h-6 {
    height: 1.5rem !important
  }

  #navbarWrapper .xl\:h-8,
  reach-portal .xl\:h-8 {
    height: 2rem !important
  }

  #navbarWrapper .xl\:h-10,
  reach-portal .xl\:h-10 {
    height: 2.5rem !important
  }

  #navbarWrapper .xl\:h-12,
  reach-portal .xl\:h-12 {
    height: 3rem !important
  }

  #navbarWrapper .xl\:h-16,
  reach-portal .xl\:h-16 {
    height: 4rem !important
  }

  #navbarWrapper .xl\:h-20,
  reach-portal .xl\:h-20 {
    height: 5rem !important
  }

  #navbarWrapper .xl\:h-24,
  reach-portal .xl\:h-24 {
    height: 6rem !important
  }

  #navbarWrapper .xl\:h-32,
  reach-portal .xl\:h-32 {
    height: 8rem !important
  }

  #navbarWrapper .xl\:h-40,
  reach-portal .xl\:h-40 {
    height: 10rem !important
  }

  #navbarWrapper .xl\:h-48,
  reach-portal .xl\:h-48 {
    height: 12rem !important
  }

  #navbarWrapper .xl\:h-56,
  reach-portal .xl\:h-56 {
    height: 14rem !important
  }

  #navbarWrapper .xl\:h-64,
  reach-portal .xl\:h-64 {
    height: 16rem !important
  }

  #navbarWrapper .xl\:h-auto,
  reach-portal .xl\:h-auto {
    height: auto !important
  }

  #navbarWrapper .xl\:h-px,
  reach-portal .xl\:h-px {
    height: 1px !important
  }

  #navbarWrapper .xl\:h-full,
  reach-portal .xl\:h-full {
    height: 100% !important
  }

  #navbarWrapper .xl\:h-screen,
  reach-portal .xl\:h-screen {
    height: 100vh !important
  }

  #navbarWrapper .xl\:text-xs,
  reach-portal .xl\:text-xs {
    font-size: .75rem !important
  }

  #navbarWrapper .xl\:text-sm,
  reach-portal .xl\:text-sm {
    font-size: .875rem !important
  }

  #navbarWrapper .xl\:text-base,
  reach-portal .xl\:text-base {
    font-size: 1rem !important
  }

  #navbarWrapper .xl\:text-lg,
  reach-portal .xl\:text-lg {
    font-size: 1.125rem !important
  }

  #navbarWrapper .xl\:text-xl,
  reach-portal .xl\:text-xl {
    font-size: 1.25rem !important
  }

  #navbarWrapper .xl\:text-2xl,
  reach-portal .xl\:text-2xl {
    font-size: 1.5rem !important
  }

  #navbarWrapper .xl\:text-3xl,
  reach-portal .xl\:text-3xl {
    font-size: 1.875rem !important
  }

  #navbarWrapper .xl\:text-4xl,
  reach-portal .xl\:text-4xl {
    font-size: 2.25rem !important
  }

  #navbarWrapper .xl\:text-5xl,
  reach-portal .xl\:text-5xl {
    font-size: 3rem !important
  }

  #navbarWrapper .xl\:text-6xl,
  reach-portal .xl\:text-6xl {
    font-size: 4rem !important
  }

  #navbarWrapper .xl\:leading-3,
  reach-portal .xl\:leading-3 {
    line-height: .75rem !important
  }

  #navbarWrapper .xl\:leading-4,
  reach-portal .xl\:leading-4 {
    line-height: 1rem !important
  }

  #navbarWrapper .xl\:leading-5,
  reach-portal .xl\:leading-5 {
    line-height: 1.25rem !important
  }

  #navbarWrapper .xl\:leading-6,
  reach-portal .xl\:leading-6 {
    line-height: 1.5rem !important
  }

  #navbarWrapper .xl\:leading-7,
  reach-portal .xl\:leading-7 {
    line-height: 1.75rem !important
  }

  #navbarWrapper .xl\:leading-8,
  reach-portal .xl\:leading-8 {
    line-height: 2rem !important
  }

  #navbarWrapper .xl\:leading-9,
  reach-portal .xl\:leading-9 {
    line-height: 2.25rem !important
  }

  #navbarWrapper .xl\:leading-10,
  reach-portal .xl\:leading-10 {
    line-height: 2.5rem !important
  }

  #navbarWrapper .xl\:leading-none,
  reach-portal .xl\:leading-none {
    line-height: 1 !important
  }

  #navbarWrapper .xl\:leading-tight,
  reach-portal .xl\:leading-tight {
    line-height: 1.25 !important
  }

  #navbarWrapper .xl\:leading-snug,
  reach-portal .xl\:leading-snug {
    line-height: 1.375 !important
  }

  #navbarWrapper .xl\:leading-normal,
  reach-portal .xl\:leading-normal {
    line-height: 1.5 !important
  }

  #navbarWrapper .xl\:leading-relaxed,
  reach-portal .xl\:leading-relaxed {
    line-height: 1.625 !important
  }

  #navbarWrapper .xl\:leading-loose,
  reach-portal .xl\:leading-loose {
    line-height: 2 !important
  }

  #navbarWrapper .xl\:list-inside,
  reach-portal .xl\:list-inside {
    list-style-position: inside !important
  }

  #navbarWrapper .xl\:list-outside,
  reach-portal .xl\:list-outside {
    list-style-position: outside !important
  }

  #navbarWrapper .xl\:list-none,
  reach-portal .xl\:list-none {
    list-style-type: none !important
  }

  #navbarWrapper .xl\:list-disc,
  reach-portal .xl\:list-disc {
    list-style-type: disc !important
  }

  #navbarWrapper .xl\:list-decimal,
  reach-portal .xl\:list-decimal {
    list-style-type: decimal !important
  }

  #navbarWrapper .xl\:m-0,
  reach-portal .xl\:m-0 {
    margin: 0 !important
  }

  #navbarWrapper .xl\:m-1,
  reach-portal .xl\:m-1 {
    margin: .25rem !important
  }

  #navbarWrapper .xl\:m-2,
  reach-portal .xl\:m-2 {
    margin: .5rem !important
  }

  #navbarWrapper .xl\:m-3,
  reach-portal .xl\:m-3 {
    margin: .75rem !important
  }

  #navbarWrapper .xl\:m-4,
  reach-portal .xl\:m-4 {
    margin: 1rem !important
  }

  #navbarWrapper .xl\:m-5,
  reach-portal .xl\:m-5 {
    margin: 1.25rem !important
  }

  #navbarWrapper .xl\:m-6,
  reach-portal .xl\:m-6 {
    margin: 1.5rem !important
  }

  #navbarWrapper .xl\:m-8,
  reach-portal .xl\:m-8 {
    margin: 2rem !important
  }

  #navbarWrapper .xl\:m-10,
  reach-portal .xl\:m-10 {
    margin: 2.5rem !important
  }

  #navbarWrapper .xl\:m-12,
  reach-portal .xl\:m-12 {
    margin: 3rem !important
  }

  #navbarWrapper .xl\:m-16,
  reach-portal .xl\:m-16 {
    margin: 4rem !important
  }

  #navbarWrapper .xl\:m-20,
  reach-portal .xl\:m-20 {
    margin: 5rem !important
  }

  #navbarWrapper .xl\:m-24,
  reach-portal .xl\:m-24 {
    margin: 6rem !important
  }

  #navbarWrapper .xl\:m-32,
  reach-portal .xl\:m-32 {
    margin: 8rem !important
  }

  #navbarWrapper .xl\:m-40,
  reach-portal .xl\:m-40 {
    margin: 10rem !important
  }

  #navbarWrapper .xl\:m-48,
  reach-portal .xl\:m-48 {
    margin: 12rem !important
  }

  #navbarWrapper .xl\:m-56,
  reach-portal .xl\:m-56 {
    margin: 14rem !important
  }

  #navbarWrapper .xl\:m-64,
  reach-portal .xl\:m-64 {
    margin: 16rem !important
  }

  #navbarWrapper .xl\:m-auto,
  reach-portal .xl\:m-auto {
    margin: auto !important
  }

  #navbarWrapper .xl\:m-px,
  reach-portal .xl\:m-px {
    margin: 1px !important
  }

  #navbarWrapper .xl\:-m-1,
  reach-portal .xl\:-m-1 {
    margin: -.25rem !important
  }

  #navbarWrapper .xl\:-m-2,
  reach-portal .xl\:-m-2 {
    margin: -.5rem !important
  }

  #navbarWrapper .xl\:-m-3,
  reach-portal .xl\:-m-3 {
    margin: -.75rem !important
  }

  #navbarWrapper .xl\:-m-4,
  reach-portal .xl\:-m-4 {
    margin: -1rem !important
  }

  #navbarWrapper .xl\:-m-5,
  reach-portal .xl\:-m-5 {
    margin: -1.25rem !important
  }

  #navbarWrapper .xl\:-m-6,
  reach-portal .xl\:-m-6 {
    margin: -1.5rem !important
  }

  #navbarWrapper .xl\:-m-8,
  reach-portal .xl\:-m-8 {
    margin: -2rem !important
  }

  #navbarWrapper .xl\:-m-10,
  reach-portal .xl\:-m-10 {
    margin: -2.5rem !important
  }

  #navbarWrapper .xl\:-m-12,
  reach-portal .xl\:-m-12 {
    margin: -3rem !important
  }

  #navbarWrapper .xl\:-m-16,
  reach-portal .xl\:-m-16 {
    margin: -4rem !important
  }

  #navbarWrapper .xl\:-m-20,
  reach-portal .xl\:-m-20 {
    margin: -5rem !important
  }

  #navbarWrapper .xl\:-m-24,
  reach-portal .xl\:-m-24 {
    margin: -6rem !important
  }

  #navbarWrapper .xl\:-m-32,
  reach-portal .xl\:-m-32 {
    margin: -8rem !important
  }

  #navbarWrapper .xl\:-m-40,
  reach-portal .xl\:-m-40 {
    margin: -10rem !important
  }

  #navbarWrapper .xl\:-m-48,
  reach-portal .xl\:-m-48 {
    margin: -12rem !important
  }

  #navbarWrapper .xl\:-m-56,
  reach-portal .xl\:-m-56 {
    margin: -14rem !important
  }

  #navbarWrapper .xl\:-m-64,
  reach-portal .xl\:-m-64 {
    margin: -16rem !important
  }

  #navbarWrapper .xl\:-m-px,
  reach-portal .xl\:-m-px {
    margin: -1px !important
  }

  #navbarWrapper .xl\:my-0,
  reach-portal .xl\:my-0 {
    margin-bottom: 0 !important;
    margin-top: 0 !important
  }

  #navbarWrapper .xl\:mx-0,
  reach-portal .xl\:mx-0 {
    margin-left: 0 !important;
    margin-right: 0 !important
  }

  #navbarWrapper .xl\:my-1,
  reach-portal .xl\:my-1 {
    margin-bottom: .25rem !important;
    margin-top: .25rem !important
  }

  #navbarWrapper .xl\:mx-1,
  reach-portal .xl\:mx-1 {
    margin-left: .25rem !important;
    margin-right: .25rem !important
  }

  #navbarWrapper .xl\:my-2,
  reach-portal .xl\:my-2 {
    margin-bottom: .5rem !important;
    margin-top: .5rem !important
  }

  #navbarWrapper .xl\:mx-2,
  reach-portal .xl\:mx-2 {
    margin-left: .5rem !important;
    margin-right: .5rem !important
  }

  #navbarWrapper .xl\:my-3,
  reach-portal .xl\:my-3 {
    margin-bottom: .75rem !important;
    margin-top: .75rem !important
  }

  #navbarWrapper .xl\:mx-3,
  reach-portal .xl\:mx-3 {
    margin-left: .75rem !important;
    margin-right: .75rem !important
  }

  #navbarWrapper .xl\:my-4,
  reach-portal .xl\:my-4 {
    margin-bottom: 1rem !important;
    margin-top: 1rem !important
  }

  #navbarWrapper .xl\:mx-4,
  reach-portal .xl\:mx-4 {
    margin-left: 1rem !important;
    margin-right: 1rem !important
  }

  #navbarWrapper .xl\:my-5,
  reach-portal .xl\:my-5 {
    margin-bottom: 1.25rem !important;
    margin-top: 1.25rem !important
  }

  #navbarWrapper .xl\:mx-5,
  reach-portal .xl\:mx-5 {
    margin-left: 1.25rem !important;
    margin-right: 1.25rem !important
  }

  #navbarWrapper .xl\:my-6,
  reach-portal .xl\:my-6 {
    margin-bottom: 1.5rem !important;
    margin-top: 1.5rem !important
  }

  #navbarWrapper .xl\:mx-6,
  reach-portal .xl\:mx-6 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important
  }

  #navbarWrapper .xl\:my-8,
  reach-portal .xl\:my-8 {
    margin-bottom: 2rem !important;
    margin-top: 2rem !important
  }

  #navbarWrapper .xl\:mx-8,
  reach-portal .xl\:mx-8 {
    margin-left: 2rem !important;
    margin-right: 2rem !important
  }

  #navbarWrapper .xl\:my-10,
  reach-portal .xl\:my-10 {
    margin-bottom: 2.5rem !important;
    margin-top: 2.5rem !important
  }

  #navbarWrapper .xl\:mx-10,
  reach-portal .xl\:mx-10 {
    margin-left: 2.5rem !important;
    margin-right: 2.5rem !important
  }

  #navbarWrapper .xl\:my-12,
  reach-portal .xl\:my-12 {
    margin-bottom: 3rem !important;
    margin-top: 3rem !important
  }

  #navbarWrapper .xl\:mx-12,
  reach-portal .xl\:mx-12 {
    margin-left: 3rem !important;
    margin-right: 3rem !important
  }

  #navbarWrapper .xl\:my-16,
  reach-portal .xl\:my-16 {
    margin-bottom: 4rem !important;
    margin-top: 4rem !important
  }

  #navbarWrapper .xl\:mx-16,
  reach-portal .xl\:mx-16 {
    margin-left: 4rem !important;
    margin-right: 4rem !important
  }

  #navbarWrapper .xl\:my-20,
  reach-portal .xl\:my-20 {
    margin-bottom: 5rem !important;
    margin-top: 5rem !important
  }

  #navbarWrapper .xl\:mx-20,
  reach-portal .xl\:mx-20 {
    margin-left: 5rem !important;
    margin-right: 5rem !important
  }

  #navbarWrapper .xl\:my-24,
  reach-portal .xl\:my-24 {
    margin-bottom: 6rem !important;
    margin-top: 6rem !important
  }

  #navbarWrapper .xl\:mx-24,
  reach-portal .xl\:mx-24 {
    margin-left: 6rem !important;
    margin-right: 6rem !important
  }

  #navbarWrapper .xl\:my-32,
  reach-portal .xl\:my-32 {
    margin-bottom: 8rem !important;
    margin-top: 8rem !important
  }

  #navbarWrapper .xl\:mx-32,
  reach-portal .xl\:mx-32 {
    margin-left: 8rem !important;
    margin-right: 8rem !important
  }

  #navbarWrapper .xl\:my-40,
  reach-portal .xl\:my-40 {
    margin-bottom: 10rem !important;
    margin-top: 10rem !important
  }

  #navbarWrapper .xl\:mx-40,
  reach-portal .xl\:mx-40 {
    margin-left: 10rem !important;
    margin-right: 10rem !important
  }

  #navbarWrapper .xl\:my-48,
  reach-portal .xl\:my-48 {
    margin-bottom: 12rem !important;
    margin-top: 12rem !important
  }

  #navbarWrapper .xl\:mx-48,
  reach-portal .xl\:mx-48 {
    margin-left: 12rem !important;
    margin-right: 12rem !important
  }

  #navbarWrapper .xl\:my-56,
  reach-portal .xl\:my-56 {
    margin-bottom: 14rem !important;
    margin-top: 14rem !important
  }

  #navbarWrapper .xl\:mx-56,
  reach-portal .xl\:mx-56 {
    margin-left: 14rem !important;
    margin-right: 14rem !important
  }

  #navbarWrapper .xl\:my-64,
  reach-portal .xl\:my-64 {
    margin-bottom: 16rem !important;
    margin-top: 16rem !important
  }

  #navbarWrapper .xl\:mx-64,
  reach-portal .xl\:mx-64 {
    margin-left: 16rem !important;
    margin-right: 16rem !important
  }

  #navbarWrapper .xl\:my-auto,
  reach-portal .xl\:my-auto {
    margin-bottom: auto !important;
    margin-top: auto !important
  }

  #navbarWrapper .xl\:mx-auto,
  reach-portal .xl\:mx-auto {
    margin-left: auto !important;
    margin-right: auto !important
  }

  #navbarWrapper .xl\:my-px,
  reach-portal .xl\:my-px {
    margin-bottom: 1px !important;
    margin-top: 1px !important
  }

  #navbarWrapper .xl\:mx-px,
  reach-portal .xl\:mx-px {
    margin-left: 1px !important;
    margin-right: 1px !important
  }

  #navbarWrapper .xl\:-my-1,
  reach-portal .xl\:-my-1 {
    margin-bottom: -.25rem !important;
    margin-top: -.25rem !important
  }

  #navbarWrapper .xl\:-mx-1,
  reach-portal .xl\:-mx-1 {
    margin-left: -.25rem !important;
    margin-right: -.25rem !important
  }

  #navbarWrapper .xl\:-my-2,
  reach-portal .xl\:-my-2 {
    margin-bottom: -.5rem !important;
    margin-top: -.5rem !important
  }

  #navbarWrapper .xl\:-mx-2,
  reach-portal .xl\:-mx-2 {
    margin-left: -.5rem !important;
    margin-right: -.5rem !important
  }

  #navbarWrapper .xl\:-my-3,
  reach-portal .xl\:-my-3 {
    margin-bottom: -.75rem !important;
    margin-top: -.75rem !important
  }

  #navbarWrapper .xl\:-mx-3,
  reach-portal .xl\:-mx-3 {
    margin-left: -.75rem !important;
    margin-right: -.75rem !important
  }

  #navbarWrapper .xl\:-my-4,
  reach-portal .xl\:-my-4 {
    margin-bottom: -1rem !important;
    margin-top: -1rem !important
  }

  #navbarWrapper .xl\:-mx-4,
  reach-portal .xl\:-mx-4 {
    margin-left: -1rem !important;
    margin-right: -1rem !important
  }

  #navbarWrapper .xl\:-my-5,
  reach-portal .xl\:-my-5 {
    margin-bottom: -1.25rem !important;
    margin-top: -1.25rem !important
  }

  #navbarWrapper .xl\:-mx-5,
  reach-portal .xl\:-mx-5 {
    margin-left: -1.25rem !important;
    margin-right: -1.25rem !important
  }

  #navbarWrapper .xl\:-my-6,
  reach-portal .xl\:-my-6 {
    margin-bottom: -1.5rem !important;
    margin-top: -1.5rem !important
  }

  #navbarWrapper .xl\:-mx-6,
  reach-portal .xl\:-mx-6 {
    margin-left: -1.5rem !important;
    margin-right: -1.5rem !important
  }

  #navbarWrapper .xl\:-my-8,
  reach-portal .xl\:-my-8 {
    margin-bottom: -2rem !important;
    margin-top: -2rem !important
  }

  #navbarWrapper .xl\:-mx-8,
  reach-portal .xl\:-mx-8 {
    margin-left: -2rem !important;
    margin-right: -2rem !important
  }

  #navbarWrapper .xl\:-my-10,
  reach-portal .xl\:-my-10 {
    margin-bottom: -2.5rem !important;
    margin-top: -2.5rem !important
  }

  #navbarWrapper .xl\:-mx-10,
  reach-portal .xl\:-mx-10 {
    margin-left: -2.5rem !important;
    margin-right: -2.5rem !important
  }

  #navbarWrapper .xl\:-my-12,
  reach-portal .xl\:-my-12 {
    margin-bottom: -3rem !important;
    margin-top: -3rem !important
  }

  #navbarWrapper .xl\:-mx-12,
  reach-portal .xl\:-mx-12 {
    margin-left: -3rem !important;
    margin-right: -3rem !important
  }

  #navbarWrapper .xl\:-my-16,
  reach-portal .xl\:-my-16 {
    margin-bottom: -4rem !important;
    margin-top: -4rem !important
  }

  #navbarWrapper .xl\:-mx-16,
  reach-portal .xl\:-mx-16 {
    margin-left: -4rem !important;
    margin-right: -4rem !important
  }

  #navbarWrapper .xl\:-my-20,
  reach-portal .xl\:-my-20 {
    margin-bottom: -5rem !important;
    margin-top: -5rem !important
  }

  #navbarWrapper .xl\:-mx-20,
  reach-portal .xl\:-mx-20 {
    margin-left: -5rem !important;
    margin-right: -5rem !important
  }

  #navbarWrapper .xl\:-my-24,
  reach-portal .xl\:-my-24 {
    margin-bottom: -6rem !important;
    margin-top: -6rem !important
  }

  #navbarWrapper .xl\:-mx-24,
  reach-portal .xl\:-mx-24 {
    margin-left: -6rem !important;
    margin-right: -6rem !important
  }

  #navbarWrapper .xl\:-my-32,
  reach-portal .xl\:-my-32 {
    margin-bottom: -8rem !important;
    margin-top: -8rem !important
  }

  #navbarWrapper .xl\:-mx-32,
  reach-portal .xl\:-mx-32 {
    margin-left: -8rem !important;
    margin-right: -8rem !important
  }

  #navbarWrapper .xl\:-my-40,
  reach-portal .xl\:-my-40 {
    margin-bottom: -10rem !important;
    margin-top: -10rem !important
  }

  #navbarWrapper .xl\:-mx-40,
  reach-portal .xl\:-mx-40 {
    margin-left: -10rem !important;
    margin-right: -10rem !important
  }

  #navbarWrapper .xl\:-my-48,
  reach-portal .xl\:-my-48 {
    margin-bottom: -12rem !important;
    margin-top: -12rem !important
  }

  #navbarWrapper .xl\:-mx-48,
  reach-portal .xl\:-mx-48 {
    margin-left: -12rem !important;
    margin-right: -12rem !important
  }

  #navbarWrapper .xl\:-my-56,
  reach-portal .xl\:-my-56 {
    margin-bottom: -14rem !important;
    margin-top: -14rem !important
  }

  #navbarWrapper .xl\:-mx-56,
  reach-portal .xl\:-mx-56 {
    margin-left: -14rem !important;
    margin-right: -14rem !important
  }

  #navbarWrapper .xl\:-my-64,
  reach-portal .xl\:-my-64 {
    margin-bottom: -16rem !important;
    margin-top: -16rem !important
  }

  #navbarWrapper .xl\:-mx-64,
  reach-portal .xl\:-mx-64 {
    margin-left: -16rem !important;
    margin-right: -16rem !important
  }

  #navbarWrapper .xl\:-my-px,
  reach-portal .xl\:-my-px {
    margin-bottom: -1px !important;
    margin-top: -1px !important
  }

  #navbarWrapper .xl\:-mx-px,
  reach-portal .xl\:-mx-px {
    margin-left: -1px !important;
    margin-right: -1px !important
  }

  #navbarWrapper .xl\:mt-0,
  reach-portal .xl\:mt-0 {
    margin-top: 0 !important
  }

  #navbarWrapper .xl\:mr-0,
  reach-portal .xl\:mr-0 {
    margin-right: 0 !important
  }

  #navbarWrapper .xl\:mb-0,
  reach-portal .xl\:mb-0 {
    margin-bottom: 0 !important
  }

  #navbarWrapper .xl\:ml-0,
  reach-portal .xl\:ml-0 {
    margin-left: 0 !important
  }

  #navbarWrapper .xl\:mt-1,
  reach-portal .xl\:mt-1 {
    margin-top: .25rem !important
  }

  #navbarWrapper .xl\:mr-1,
  reach-portal .xl\:mr-1 {
    margin-right: .25rem !important
  }

  #navbarWrapper .xl\:mb-1,
  reach-portal .xl\:mb-1 {
    margin-bottom: .25rem !important
  }

  #navbarWrapper .xl\:ml-1,
  reach-portal .xl\:ml-1 {
    margin-left: .25rem !important
  }

  #navbarWrapper .xl\:mt-2,
  reach-portal .xl\:mt-2 {
    margin-top: .5rem !important
  }

  #navbarWrapper .xl\:mr-2,
  reach-portal .xl\:mr-2 {
    margin-right: .5rem !important
  }

  #navbarWrapper .xl\:mb-2,
  reach-portal .xl\:mb-2 {
    margin-bottom: .5rem !important
  }

  #navbarWrapper .xl\:ml-2,
  reach-portal .xl\:ml-2 {
    margin-left: .5rem !important
  }

  #navbarWrapper .xl\:mt-3,
  reach-portal .xl\:mt-3 {
    margin-top: .75rem !important
  }

  #navbarWrapper .xl\:mr-3,
  reach-portal .xl\:mr-3 {
    margin-right: .75rem !important
  }

  #navbarWrapper .xl\:mb-3,
  reach-portal .xl\:mb-3 {
    margin-bottom: .75rem !important
  }

  #navbarWrapper .xl\:ml-3,
  reach-portal .xl\:ml-3 {
    margin-left: .75rem !important
  }

  #navbarWrapper .xl\:mt-4,
  reach-portal .xl\:mt-4 {
    margin-top: 1rem !important
  }

  #navbarWrapper .xl\:mr-4,
  reach-portal .xl\:mr-4 {
    margin-right: 1rem !important
  }

  #navbarWrapper .xl\:mb-4,
  reach-portal .xl\:mb-4 {
    margin-bottom: 1rem !important
  }

  #navbarWrapper .xl\:ml-4,
  reach-portal .xl\:ml-4 {
    margin-left: 1rem !important
  }

  #navbarWrapper .xl\:mt-5,
  reach-portal .xl\:mt-5 {
    margin-top: 1.25rem !important
  }

  #navbarWrapper .xl\:mr-5,
  reach-portal .xl\:mr-5 {
    margin-right: 1.25rem !important
  }

  #navbarWrapper .xl\:mb-5,
  reach-portal .xl\:mb-5 {
    margin-bottom: 1.25rem !important
  }

  #navbarWrapper .xl\:ml-5,
  reach-portal .xl\:ml-5 {
    margin-left: 1.25rem !important
  }

  #navbarWrapper .xl\:mt-6,
  reach-portal .xl\:mt-6 {
    margin-top: 1.5rem !important
  }

  #navbarWrapper .xl\:mr-6,
  reach-portal .xl\:mr-6 {
    margin-right: 1.5rem !important
  }

  #navbarWrapper .xl\:mb-6,
  reach-portal .xl\:mb-6 {
    margin-bottom: 1.5rem !important
  }

  #navbarWrapper .xl\:ml-6,
  reach-portal .xl\:ml-6 {
    margin-left: 1.5rem !important
  }

  #navbarWrapper .xl\:mt-8,
  reach-portal .xl\:mt-8 {
    margin-top: 2rem !important
  }

  #navbarWrapper .xl\:mr-8,
  reach-portal .xl\:mr-8 {
    margin-right: 2rem !important
  }

  #navbarWrapper .xl\:mb-8,
  reach-portal .xl\:mb-8 {
    margin-bottom: 2rem !important
  }

  #navbarWrapper .xl\:ml-8,
  reach-portal .xl\:ml-8 {
    margin-left: 2rem !important
  }

  #navbarWrapper .xl\:mt-10,
  reach-portal .xl\:mt-10 {
    margin-top: 2.5rem !important
  }

  #navbarWrapper .xl\:mr-10,
  reach-portal .xl\:mr-10 {
    margin-right: 2.5rem !important
  }

  #navbarWrapper .xl\:mb-10,
  reach-portal .xl\:mb-10 {
    margin-bottom: 2.5rem !important
  }

  #navbarWrapper .xl\:ml-10,
  reach-portal .xl\:ml-10 {
    margin-left: 2.5rem !important
  }

  #navbarWrapper .xl\:mt-12,
  reach-portal .xl\:mt-12 {
    margin-top: 3rem !important
  }

  #navbarWrapper .xl\:mr-12,
  reach-portal .xl\:mr-12 {
    margin-right: 3rem !important
  }

  #navbarWrapper .xl\:mb-12,
  reach-portal .xl\:mb-12 {
    margin-bottom: 3rem !important
  }

  #navbarWrapper .xl\:ml-12,
  reach-portal .xl\:ml-12 {
    margin-left: 3rem !important
  }

  #navbarWrapper .xl\:mt-16,
  reach-portal .xl\:mt-16 {
    margin-top: 4rem !important
  }

  #navbarWrapper .xl\:mr-16,
  reach-portal .xl\:mr-16 {
    margin-right: 4rem !important
  }

  #navbarWrapper .xl\:mb-16,
  reach-portal .xl\:mb-16 {
    margin-bottom: 4rem !important
  }

  #navbarWrapper .xl\:ml-16,
  reach-portal .xl\:ml-16 {
    margin-left: 4rem !important
  }

  #navbarWrapper .xl\:mt-20,
  reach-portal .xl\:mt-20 {
    margin-top: 5rem !important
  }

  #navbarWrapper .xl\:mr-20,
  reach-portal .xl\:mr-20 {
    margin-right: 5rem !important
  }

  #navbarWrapper .xl\:mb-20,
  reach-portal .xl\:mb-20 {
    margin-bottom: 5rem !important
  }

  #navbarWrapper .xl\:ml-20,
  reach-portal .xl\:ml-20 {
    margin-left: 5rem !important
  }

  #navbarWrapper .xl\:mt-24,
  reach-portal .xl\:mt-24 {
    margin-top: 6rem !important
  }

  #navbarWrapper .xl\:mr-24,
  reach-portal .xl\:mr-24 {
    margin-right: 6rem !important
  }

  #navbarWrapper .xl\:mb-24,
  reach-portal .xl\:mb-24 {
    margin-bottom: 6rem !important
  }

  #navbarWrapper .xl\:ml-24,
  reach-portal .xl\:ml-24 {
    margin-left: 6rem !important
  }

  #navbarWrapper .xl\:mt-32,
  reach-portal .xl\:mt-32 {
    margin-top: 8rem !important
  }

  #navbarWrapper .xl\:mr-32,
  reach-portal .xl\:mr-32 {
    margin-right: 8rem !important
  }

  #navbarWrapper .xl\:mb-32,
  reach-portal .xl\:mb-32 {
    margin-bottom: 8rem !important
  }

  #navbarWrapper .xl\:ml-32,
  reach-portal .xl\:ml-32 {
    margin-left: 8rem !important
  }

  #navbarWrapper .xl\:mt-40,
  reach-portal .xl\:mt-40 {
    margin-top: 10rem !important
  }

  #navbarWrapper .xl\:mr-40,
  reach-portal .xl\:mr-40 {
    margin-right: 10rem !important
  }

  #navbarWrapper .xl\:mb-40,
  reach-portal .xl\:mb-40 {
    margin-bottom: 10rem !important
  }

  #navbarWrapper .xl\:ml-40,
  reach-portal .xl\:ml-40 {
    margin-left: 10rem !important
  }

  #navbarWrapper .xl\:mt-48,
  reach-portal .xl\:mt-48 {
    margin-top: 12rem !important
  }

  #navbarWrapper .xl\:mr-48,
  reach-portal .xl\:mr-48 {
    margin-right: 12rem !important
  }

  #navbarWrapper .xl\:mb-48,
  reach-portal .xl\:mb-48 {
    margin-bottom: 12rem !important
  }

  #navbarWrapper .xl\:ml-48,
  reach-portal .xl\:ml-48 {
    margin-left: 12rem !important
  }

  #navbarWrapper .xl\:mt-56,
  reach-portal .xl\:mt-56 {
    margin-top: 14rem !important
  }

  #navbarWrapper .xl\:mr-56,
  reach-portal .xl\:mr-56 {
    margin-right: 14rem !important
  }

  #navbarWrapper .xl\:mb-56,
  reach-portal .xl\:mb-56 {
    margin-bottom: 14rem !important
  }

  #navbarWrapper .xl\:ml-56,
  reach-portal .xl\:ml-56 {
    margin-left: 14rem !important
  }

  #navbarWrapper .xl\:mt-64,
  reach-portal .xl\:mt-64 {
    margin-top: 16rem !important
  }

  #navbarWrapper .xl\:mr-64,
  reach-portal .xl\:mr-64 {
    margin-right: 16rem !important
  }

  #navbarWrapper .xl\:mb-64,
  reach-portal .xl\:mb-64 {
    margin-bottom: 16rem !important
  }

  #navbarWrapper .xl\:ml-64,
  reach-portal .xl\:ml-64 {
    margin-left: 16rem !important
  }

  #navbarWrapper .xl\:mt-auto,
  reach-portal .xl\:mt-auto {
    margin-top: auto !important
  }

  #navbarWrapper .xl\:mr-auto,
  reach-portal .xl\:mr-auto {
    margin-right: auto !important
  }

  #navbarWrapper .xl\:mb-auto,
  reach-portal .xl\:mb-auto {
    margin-bottom: auto !important
  }

  #navbarWrapper .xl\:ml-auto,
  reach-portal .xl\:ml-auto {
    margin-left: auto !important
  }

  #navbarWrapper .xl\:mt-px,
  reach-portal .xl\:mt-px {
    margin-top: 1px !important
  }

  #navbarWrapper .xl\:mr-px,
  reach-portal .xl\:mr-px {
    margin-right: 1px !important
  }

  #navbarWrapper .xl\:mb-px,
  reach-portal .xl\:mb-px {
    margin-bottom: 1px !important
  }

  #navbarWrapper .xl\:ml-px,
  reach-portal .xl\:ml-px {
    margin-left: 1px !important
  }

  #navbarWrapper .xl\:-mt-1,
  reach-portal .xl\:-mt-1 {
    margin-top: -.25rem !important
  }

  #navbarWrapper .xl\:-mr-1,
  reach-portal .xl\:-mr-1 {
    margin-right: -.25rem !important
  }

  #navbarWrapper .xl\:-mb-1,
  reach-portal .xl\:-mb-1 {
    margin-bottom: -.25rem !important
  }

  #navbarWrapper .xl\:-ml-1,
  reach-portal .xl\:-ml-1 {
    margin-left: -.25rem !important
  }

  #navbarWrapper .xl\:-mt-2,
  reach-portal .xl\:-mt-2 {
    margin-top: -.5rem !important
  }

  #navbarWrapper .xl\:-mr-2,
  reach-portal .xl\:-mr-2 {
    margin-right: -.5rem !important
  }

  #navbarWrapper .xl\:-mb-2,
  reach-portal .xl\:-mb-2 {
    margin-bottom: -.5rem !important
  }

  #navbarWrapper .xl\:-ml-2,
  reach-portal .xl\:-ml-2 {
    margin-left: -.5rem !important
  }

  #navbarWrapper .xl\:-mt-3,
  reach-portal .xl\:-mt-3 {
    margin-top: -.75rem !important
  }

  #navbarWrapper .xl\:-mr-3,
  reach-portal .xl\:-mr-3 {
    margin-right: -.75rem !important
  }

  #navbarWrapper .xl\:-mb-3,
  reach-portal .xl\:-mb-3 {
    margin-bottom: -.75rem !important
  }

  #navbarWrapper .xl\:-ml-3,
  reach-portal .xl\:-ml-3 {
    margin-left: -.75rem !important
  }

  #navbarWrapper .xl\:-mt-4,
  reach-portal .xl\:-mt-4 {
    margin-top: -1rem !important
  }

  #navbarWrapper .xl\:-mr-4,
  reach-portal .xl\:-mr-4 {
    margin-right: -1rem !important
  }

  #navbarWrapper .xl\:-mb-4,
  reach-portal .xl\:-mb-4 {
    margin-bottom: -1rem !important
  }

  #navbarWrapper .xl\:-ml-4,
  reach-portal .xl\:-ml-4 {
    margin-left: -1rem !important
  }

  #navbarWrapper .xl\:-mt-5,
  reach-portal .xl\:-mt-5 {
    margin-top: -1.25rem !important
  }

  #navbarWrapper .xl\:-mr-5,
  reach-portal .xl\:-mr-5 {
    margin-right: -1.25rem !important
  }

  #navbarWrapper .xl\:-mb-5,
  reach-portal .xl\:-mb-5 {
    margin-bottom: -1.25rem !important
  }

  #navbarWrapper .xl\:-ml-5,
  reach-portal .xl\:-ml-5 {
    margin-left: -1.25rem !important
  }

  #navbarWrapper .xl\:-mt-6,
  reach-portal .xl\:-mt-6 {
    margin-top: -1.5rem !important
  }

  #navbarWrapper .xl\:-mr-6,
  reach-portal .xl\:-mr-6 {
    margin-right: -1.5rem !important
  }

  #navbarWrapper .xl\:-mb-6,
  reach-portal .xl\:-mb-6 {
    margin-bottom: -1.5rem !important
  }

  #navbarWrapper .xl\:-ml-6,
  reach-portal .xl\:-ml-6 {
    margin-left: -1.5rem !important
  }

  #navbarWrapper .xl\:-mt-8,
  reach-portal .xl\:-mt-8 {
    margin-top: -2rem !important
  }

  #navbarWrapper .xl\:-mr-8,
  reach-portal .xl\:-mr-8 {
    margin-right: -2rem !important
  }

  #navbarWrapper .xl\:-mb-8,
  reach-portal .xl\:-mb-8 {
    margin-bottom: -2rem !important
  }

  #navbarWrapper .xl\:-ml-8,
  reach-portal .xl\:-ml-8 {
    margin-left: -2rem !important
  }

  #navbarWrapper .xl\:-mt-10,
  reach-portal .xl\:-mt-10 {
    margin-top: -2.5rem !important
  }

  #navbarWrapper .xl\:-mr-10,
  reach-portal .xl\:-mr-10 {
    margin-right: -2.5rem !important
  }

  #navbarWrapper .xl\:-mb-10,
  reach-portal .xl\:-mb-10 {
    margin-bottom: -2.5rem !important
  }

  #navbarWrapper .xl\:-ml-10,
  reach-portal .xl\:-ml-10 {
    margin-left: -2.5rem !important
  }

  #navbarWrapper .xl\:-mt-12,
  reach-portal .xl\:-mt-12 {
    margin-top: -3rem !important
  }

  #navbarWrapper .xl\:-mr-12,
  reach-portal .xl\:-mr-12 {
    margin-right: -3rem !important
  }

  #navbarWrapper .xl\:-mb-12,
  reach-portal .xl\:-mb-12 {
    margin-bottom: -3rem !important
  }

  #navbarWrapper .xl\:-ml-12,
  reach-portal .xl\:-ml-12 {
    margin-left: -3rem !important
  }

  #navbarWrapper .xl\:-mt-16,
  reach-portal .xl\:-mt-16 {
    margin-top: -4rem !important
  }

  #navbarWrapper .xl\:-mr-16,
  reach-portal .xl\:-mr-16 {
    margin-right: -4rem !important
  }

  #navbarWrapper .xl\:-mb-16,
  reach-portal .xl\:-mb-16 {
    margin-bottom: -4rem !important
  }

  #navbarWrapper .xl\:-ml-16,
  reach-portal .xl\:-ml-16 {
    margin-left: -4rem !important
  }

  #navbarWrapper .xl\:-mt-20,
  reach-portal .xl\:-mt-20 {
    margin-top: -5rem !important
  }

  #navbarWrapper .xl\:-mr-20,
  reach-portal .xl\:-mr-20 {
    margin-right: -5rem !important
  }

  #navbarWrapper .xl\:-mb-20,
  reach-portal .xl\:-mb-20 {
    margin-bottom: -5rem !important
  }

  #navbarWrapper .xl\:-ml-20,
  reach-portal .xl\:-ml-20 {
    margin-left: -5rem !important
  }

  #navbarWrapper .xl\:-mt-24,
  reach-portal .xl\:-mt-24 {
    margin-top: -6rem !important
  }

  #navbarWrapper .xl\:-mr-24,
  reach-portal .xl\:-mr-24 {
    margin-right: -6rem !important
  }

  #navbarWrapper .xl\:-mb-24,
  reach-portal .xl\:-mb-24 {
    margin-bottom: -6rem !important
  }

  #navbarWrapper .xl\:-ml-24,
  reach-portal .xl\:-ml-24 {
    margin-left: -6rem !important
  }

  #navbarWrapper .xl\:-mt-32,
  reach-portal .xl\:-mt-32 {
    margin-top: -8rem !important
  }

  #navbarWrapper .xl\:-mr-32,
  reach-portal .xl\:-mr-32 {
    margin-right: -8rem !important
  }

  #navbarWrapper .xl\:-mb-32,
  reach-portal .xl\:-mb-32 {
    margin-bottom: -8rem !important
  }

  #navbarWrapper .xl\:-ml-32,
  reach-portal .xl\:-ml-32 {
    margin-left: -8rem !important
  }

  #navbarWrapper .xl\:-mt-40,
  reach-portal .xl\:-mt-40 {
    margin-top: -10rem !important
  }

  #navbarWrapper .xl\:-mr-40,
  reach-portal .xl\:-mr-40 {
    margin-right: -10rem !important
  }

  #navbarWrapper .xl\:-mb-40,
  reach-portal .xl\:-mb-40 {
    margin-bottom: -10rem !important
  }

  #navbarWrapper .xl\:-ml-40,
  reach-portal .xl\:-ml-40 {
    margin-left: -10rem !important
  }

  #navbarWrapper .xl\:-mt-48,
  reach-portal .xl\:-mt-48 {
    margin-top: -12rem !important
  }

  #navbarWrapper .xl\:-mr-48,
  reach-portal .xl\:-mr-48 {
    margin-right: -12rem !important
  }

  #navbarWrapper .xl\:-mb-48,
  reach-portal .xl\:-mb-48 {
    margin-bottom: -12rem !important
  }

  #navbarWrapper .xl\:-ml-48,
  reach-portal .xl\:-ml-48 {
    margin-left: -12rem !important
  }

  #navbarWrapper .xl\:-mt-56,
  reach-portal .xl\:-mt-56 {
    margin-top: -14rem !important
  }

  #navbarWrapper .xl\:-mr-56,
  reach-portal .xl\:-mr-56 {
    margin-right: -14rem !important
  }

  #navbarWrapper .xl\:-mb-56,
  reach-portal .xl\:-mb-56 {
    margin-bottom: -14rem !important
  }

  #navbarWrapper .xl\:-ml-56,
  reach-portal .xl\:-ml-56 {
    margin-left: -14rem !important
  }

  #navbarWrapper .xl\:-mt-64,
  reach-portal .xl\:-mt-64 {
    margin-top: -16rem !important
  }

  #navbarWrapper .xl\:-mr-64,
  reach-portal .xl\:-mr-64 {
    margin-right: -16rem !important
  }

  #navbarWrapper .xl\:-mb-64,
  reach-portal .xl\:-mb-64 {
    margin-bottom: -16rem !important
  }

  #navbarWrapper .xl\:-ml-64,
  reach-portal .xl\:-ml-64 {
    margin-left: -16rem !important
  }

  #navbarWrapper .xl\:-mt-px,
  reach-portal .xl\:-mt-px {
    margin-top: -1px !important
  }

  #navbarWrapper .xl\:-mr-px,
  reach-portal .xl\:-mr-px {
    margin-right: -1px !important
  }

  #navbarWrapper .xl\:-mb-px,
  reach-portal .xl\:-mb-px {
    margin-bottom: -1px !important
  }

  #navbarWrapper .xl\:-ml-px,
  reach-portal .xl\:-ml-px {
    margin-left: -1px !important
  }

  #navbarWrapper .xl\:max-h-full,
  reach-portal .xl\:max-h-full {
    max-height: 100% !important
  }

  #navbarWrapper .xl\:max-h-screen,
  reach-portal .xl\:max-h-screen {
    max-height: 100vh !important
  }

  #navbarWrapper .xl\:max-w-none,
  reach-portal .xl\:max-w-none {
    max-width: none !important
  }

  #navbarWrapper .xl\:max-w-xs,
  reach-portal .xl\:max-w-xs {
    max-width: 20rem !important
  }

  #navbarWrapper .xl\:max-w-sm,
  reach-portal .xl\:max-w-sm {
    max-width: 24rem !important
  }

  #navbarWrapper .xl\:max-w-md,
  reach-portal .xl\:max-w-md {
    max-width: 28rem !important
  }

  #navbarWrapper .xl\:max-w-lg,
  reach-portal .xl\:max-w-lg {
    max-width: 32rem !important
  }

  #navbarWrapper .xl\:max-w-xl,
  reach-portal .xl\:max-w-xl {
    max-width: 36rem !important
  }

  #navbarWrapper .xl\:max-w-2xl,
  reach-portal .xl\:max-w-2xl {
    max-width: 42rem !important
  }

  #navbarWrapper .xl\:max-w-3xl,
  reach-portal .xl\:max-w-3xl {
    max-width: 48rem !important
  }

  #navbarWrapper .xl\:max-w-4xl,
  reach-portal .xl\:max-w-4xl {
    max-width: 56rem !important
  }

  #navbarWrapper .xl\:max-w-5xl,
  reach-portal .xl\:max-w-5xl {
    max-width: 64rem !important
  }

  #navbarWrapper .xl\:max-w-6xl,
  reach-portal .xl\:max-w-6xl {
    max-width: 72rem !important
  }

  #navbarWrapper .xl\:max-w-full,
  reach-portal .xl\:max-w-full {
    max-width: 100% !important
  }

  #navbarWrapper .xl\:max-w-screen-sm,
  reach-portal .xl\:max-w-screen-sm {
    max-width: 576px !important
  }

  #navbarWrapper .xl\:max-w-screen-md,
  reach-portal .xl\:max-w-screen-md {
    max-width: 768px !important
  }

  #navbarWrapper .xl\:max-w-screen-lg,
  reach-portal .xl\:max-w-screen-lg {
    max-width: 992px !important
  }

  #navbarWrapper .xl\:max-w-screen-xl,
  reach-portal .xl\:max-w-screen-xl {
    max-width: 1200px !important
  }

  #navbarWrapper .xl\:min-h-0,
  reach-portal .xl\:min-h-0 {
    min-height: 0 !important
  }

  #navbarWrapper .xl\:min-h-full,
  reach-portal .xl\:min-h-full {
    min-height: 100% !important
  }

  #navbarWrapper .xl\:min-h-screen,
  reach-portal .xl\:min-h-screen {
    min-height: 100vh !important
  }

  #navbarWrapper .xl\:min-w-0,
  reach-portal .xl\:min-w-0 {
    min-width: 0 !important
  }

  #navbarWrapper .xl\:min-w-full,
  reach-portal .xl\:min-w-full {
    min-width: 100% !important
  }

  #navbarWrapper .xl\:object-contain,
  reach-portal .xl\:object-contain {
    object-fit: contain !important
  }

  #navbarWrapper .xl\:object-cover,
  reach-portal .xl\:object-cover {
    object-fit: cover !important
  }

  #navbarWrapper .xl\:object-fill,
  reach-portal .xl\:object-fill {
    object-fit: fill !important
  }

  #navbarWrapper .xl\:object-none,
  reach-portal .xl\:object-none {
    object-fit: none !important
  }

  #navbarWrapper .xl\:object-scale-down,
  reach-portal .xl\:object-scale-down {
    object-fit: scale-down !important
  }

  #navbarWrapper .xl\:object-bottom,
  reach-portal .xl\:object-bottom {
    object-position: bottom !important
  }

  #navbarWrapper .xl\:object-center,
  reach-portal .xl\:object-center {
    object-position: center !important
  }

  #navbarWrapper .xl\:object-left,
  reach-portal .xl\:object-left {
    object-position: left !important
  }

  #navbarWrapper .xl\:object-left-bottom,
  reach-portal .xl\:object-left-bottom {
    object-position: left bottom !important
  }

  #navbarWrapper .xl\:object-left-top,
  reach-portal .xl\:object-left-top {
    object-position: left top !important
  }

  #navbarWrapper .xl\:object-right,
  reach-portal .xl\:object-right {
    object-position: right !important
  }

  #navbarWrapper .xl\:object-right-bottom,
  reach-portal .xl\:object-right-bottom {
    object-position: right bottom !important
  }

  #navbarWrapper .xl\:object-right-top,
  reach-portal .xl\:object-right-top {
    object-position: right top !important
  }

  #navbarWrapper .xl\:object-top,
  reach-portal .xl\:object-top {
    object-position: top !important
  }

  #navbarWrapper .xl\:opacity-0,
  reach-portal .xl\:opacity-0 {
    opacity: 0 !important
  }

  #navbarWrapper .xl\:opacity-25,
  reach-portal .xl\:opacity-25 {
    opacity: .25 !important
  }

  #navbarWrapper .xl\:opacity-50,
  reach-portal .xl\:opacity-50 {
    opacity: .5 !important
  }

  #navbarWrapper .xl\:opacity-75,
  reach-portal .xl\:opacity-75 {
    opacity: .75 !important
  }

  #navbarWrapper .xl\:opacity-100,
  reach-portal .xl\:opacity-100 {
    opacity: 1 !important
  }

  #navbarWrapper .xl\:hover\:opacity-0:hover,
  reach-portal .xl\:hover\:opacity-0:hover {
    opacity: 0 !important
  }

  #navbarWrapper .xl\:hover\:opacity-25:hover,
  reach-portal .xl\:hover\:opacity-25:hover {
    opacity: .25 !important
  }

  #navbarWrapper .xl\:hover\:opacity-50:hover,
  reach-portal .xl\:hover\:opacity-50:hover {
    opacity: .5 !important
  }

  #navbarWrapper .xl\:hover\:opacity-75:hover,
  reach-portal .xl\:hover\:opacity-75:hover {
    opacity: .75 !important
  }

  #navbarWrapper .xl\:hover\:opacity-100:hover,
  reach-portal .xl\:hover\:opacity-100:hover {
    opacity: 1 !important
  }

  #navbarWrapper .xl\:focus\:outline-none:focus,
  #navbarWrapper .xl\:outline-none,
  reach-portal .xl\:focus\:outline-none:focus,
  reach-portal .xl\:outline-none {
    outline: 0 !important
  }

  #navbarWrapper .xl\:overflow-auto,
  reach-portal .xl\:overflow-auto {
    overflow: auto !important
  }

  #navbarWrapper .xl\:overflow-hidden,
  reach-portal .xl\:overflow-hidden {
    overflow: hidden !important
  }

  #navbarWrapper .xl\:overflow-visible,
  reach-portal .xl\:overflow-visible {
    overflow: visible !important
  }

  #navbarWrapper .xl\:overflow-scroll,
  reach-portal .xl\:overflow-scroll {
    overflow: scroll !important
  }

  #navbarWrapper .xl\:overflow-x-auto,
  reach-portal .xl\:overflow-x-auto {
    overflow-x: auto !important
  }

  #navbarWrapper .xl\:overflow-y-auto,
  reach-portal .xl\:overflow-y-auto {
    overflow-y: auto !important
  }

  #navbarWrapper .xl\:overflow-x-hidden,
  reach-portal .xl\:overflow-x-hidden {
    overflow-x: hidden !important
  }

  #navbarWrapper .xl\:overflow-y-hidden,
  reach-portal .xl\:overflow-y-hidden {
    overflow-y: hidden !important
  }

  #navbarWrapper .xl\:overflow-x-visible,
  reach-portal .xl\:overflow-x-visible {
    overflow-x: visible !important
  }

  #navbarWrapper .xl\:overflow-y-visible,
  reach-portal .xl\:overflow-y-visible {
    overflow-y: visible !important
  }

  #navbarWrapper .xl\:overflow-x-scroll,
  reach-portal .xl\:overflow-x-scroll {
    overflow-x: scroll !important
  }

  #navbarWrapper .xl\:overflow-y-scroll,
  reach-portal .xl\:overflow-y-scroll {
    overflow-y: scroll !important
  }

  #navbarWrapper .xl\:scrolling-touch,
  reach-portal .xl\:scrolling-touch {
    -webkit-overflow-scrolling: touch !important
  }

  #navbarWrapper .xl\:scrolling-auto,
  reach-portal .xl\:scrolling-auto {
    -webkit-overflow-scrolling: auto !important
  }

  #navbarWrapper .xl\:p-0,
  reach-portal .xl\:p-0 {
    padding: 0 !important
  }

  #navbarWrapper .xl\:p-1,
  reach-portal .xl\:p-1 {
    padding: .25rem !important
  }

  #navbarWrapper .xl\:p-2,
  reach-portal .xl\:p-2 {
    padding: .5rem !important
  }

  #navbarWrapper .xl\:p-3,
  reach-portal .xl\:p-3 {
    padding: .75rem !important
  }

  #navbarWrapper .xl\:p-4,
  reach-portal .xl\:p-4 {
    padding: 1rem !important
  }

  #navbarWrapper .xl\:p-5,
  reach-portal .xl\:p-5 {
    padding: 1.25rem !important
  }

  #navbarWrapper .xl\:p-6,
  reach-portal .xl\:p-6 {
    padding: 1.5rem !important
  }

  #navbarWrapper .xl\:p-8,
  reach-portal .xl\:p-8 {
    padding: 2rem !important
  }

  #navbarWrapper .xl\:p-10,
  reach-portal .xl\:p-10 {
    padding: 2.5rem !important
  }

  #navbarWrapper .xl\:p-12,
  reach-portal .xl\:p-12 {
    padding: 3rem !important
  }

  #navbarWrapper .xl\:p-16,
  reach-portal .xl\:p-16 {
    padding: 4rem !important
  }

  #navbarWrapper .xl\:p-20,
  reach-portal .xl\:p-20 {
    padding: 5rem !important
  }

  #navbarWrapper .xl\:p-24,
  reach-portal .xl\:p-24 {
    padding: 6rem !important
  }

  #navbarWrapper .xl\:p-32,
  reach-portal .xl\:p-32 {
    padding: 8rem !important
  }

  #navbarWrapper .xl\:p-40,
  reach-portal .xl\:p-40 {
    padding: 10rem !important
  }

  #navbarWrapper .xl\:p-48,
  reach-portal .xl\:p-48 {
    padding: 12rem !important
  }

  #navbarWrapper .xl\:p-56,
  reach-portal .xl\:p-56 {
    padding: 14rem !important
  }

  #navbarWrapper .xl\:p-64,
  reach-portal .xl\:p-64 {
    padding: 16rem !important
  }

  #navbarWrapper .xl\:p-px,
  reach-portal .xl\:p-px {
    padding: 1px !important
  }

  #navbarWrapper .xl\:py-0,
  reach-portal .xl\:py-0 {
    padding-bottom: 0 !important;
    padding-top: 0 !important
  }

  #navbarWrapper .xl\:px-0,
  reach-portal .xl\:px-0 {
    padding-left: 0 !important;
    padding-right: 0 !important
  }

  #navbarWrapper .xl\:py-1,
  reach-portal .xl\:py-1 {
    padding-bottom: .25rem !important;
    padding-top: .25rem !important
  }

  #navbarWrapper .xl\:px-1,
  reach-portal .xl\:px-1 {
    padding-left: .25rem !important;
    padding-right: .25rem !important
  }

  #navbarWrapper .xl\:py-2,
  reach-portal .xl\:py-2 {
    padding-bottom: .5rem !important;
    padding-top: .5rem !important
  }

  #navbarWrapper .xl\:px-2,
  reach-portal .xl\:px-2 {
    padding-left: .5rem !important;
    padding-right: .5rem !important
  }

  #navbarWrapper .xl\:py-3,
  reach-portal .xl\:py-3 {
    padding-bottom: .75rem !important;
    padding-top: .75rem !important
  }

  #navbarWrapper .xl\:px-3,
  reach-portal .xl\:px-3 {
    padding-left: .75rem !important;
    padding-right: .75rem !important
  }

  #navbarWrapper .xl\:py-4,
  reach-portal .xl\:py-4 {
    padding-bottom: 1rem !important;
    padding-top: 1rem !important
  }

  #navbarWrapper .xl\:px-4,
  reach-portal .xl\:px-4 {
    padding-left: 1rem !important;
    padding-right: 1rem !important
  }

  #navbarWrapper .xl\:py-5,
  reach-portal .xl\:py-5 {
    padding-bottom: 1.25rem !important;
    padding-top: 1.25rem !important
  }

  #navbarWrapper .xl\:px-5,
  reach-portal .xl\:px-5 {
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important
  }

  #navbarWrapper .xl\:py-6,
  reach-portal .xl\:py-6 {
    padding-bottom: 1.5rem !important;
    padding-top: 1.5rem !important
  }

  #navbarWrapper .xl\:px-6,
  reach-portal .xl\:px-6 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important
  }

  #navbarWrapper .xl\:py-8,
  reach-portal .xl\:py-8 {
    padding-bottom: 2rem !important;
    padding-top: 2rem !important
  }

  #navbarWrapper .xl\:px-8,
  reach-portal .xl\:px-8 {
    padding-left: 2rem !important;
    padding-right: 2rem !important
  }

  #navbarWrapper .xl\:py-10,
  reach-portal .xl\:py-10 {
    padding-bottom: 2.5rem !important;
    padding-top: 2.5rem !important
  }

  #navbarWrapper .xl\:px-10,
  reach-portal .xl\:px-10 {
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important
  }

  #navbarWrapper .xl\:py-12,
  reach-portal .xl\:py-12 {
    padding-bottom: 3rem !important;
    padding-top: 3rem !important
  }

  #navbarWrapper .xl\:px-12,
  reach-portal .xl\:px-12 {
    padding-left: 3rem !important;
    padding-right: 3rem !important
  }

  #navbarWrapper .xl\:py-16,
  reach-portal .xl\:py-16 {
    padding-bottom: 4rem !important;
    padding-top: 4rem !important
  }

  #navbarWrapper .xl\:px-16,
  reach-portal .xl\:px-16 {
    padding-left: 4rem !important;
    padding-right: 4rem !important
  }

  #navbarWrapper .xl\:py-20,
  reach-portal .xl\:py-20 {
    padding-bottom: 5rem !important;
    padding-top: 5rem !important
  }

  #navbarWrapper .xl\:px-20,
  reach-portal .xl\:px-20 {
    padding-left: 5rem !important;
    padding-right: 5rem !important
  }

  #navbarWrapper .xl\:py-24,
  reach-portal .xl\:py-24 {
    padding-bottom: 6rem !important;
    padding-top: 6rem !important
  }

  #navbarWrapper .xl\:px-24,
  reach-portal .xl\:px-24 {
    padding-left: 6rem !important;
    padding-right: 6rem !important
  }

  #navbarWrapper .xl\:py-32,
  reach-portal .xl\:py-32 {
    padding-bottom: 8rem !important;
    padding-top: 8rem !important
  }

  #navbarWrapper .xl\:px-32,
  reach-portal .xl\:px-32 {
    padding-left: 8rem !important;
    padding-right: 8rem !important
  }

  #navbarWrapper .xl\:py-40,
  reach-portal .xl\:py-40 {
    padding-bottom: 10rem !important;
    padding-top: 10rem !important
  }

  #navbarWrapper .xl\:px-40,
  reach-portal .xl\:px-40 {
    padding-left: 10rem !important;
    padding-right: 10rem !important
  }

  #navbarWrapper .xl\:py-48,
  reach-portal .xl\:py-48 {
    padding-bottom: 12rem !important;
    padding-top: 12rem !important
  }

  #navbarWrapper .xl\:px-48,
  reach-portal .xl\:px-48 {
    padding-left: 12rem !important;
    padding-right: 12rem !important
  }

  #navbarWrapper .xl\:py-56,
  reach-portal .xl\:py-56 {
    padding-bottom: 14rem !important;
    padding-top: 14rem !important
  }

  #navbarWrapper .xl\:px-56,
  reach-portal .xl\:px-56 {
    padding-left: 14rem !important;
    padding-right: 14rem !important
  }

  #navbarWrapper .xl\:py-64,
  reach-portal .xl\:py-64 {
    padding-bottom: 16rem !important;
    padding-top: 16rem !important
  }

  #navbarWrapper .xl\:px-64,
  reach-portal .xl\:px-64 {
    padding-left: 16rem !important;
    padding-right: 16rem !important
  }

  #navbarWrapper .xl\:py-px,
  reach-portal .xl\:py-px {
    padding-bottom: 1px !important;
    padding-top: 1px !important
  }

  #navbarWrapper .xl\:px-px,
  reach-portal .xl\:px-px {
    padding-left: 1px !important;
    padding-right: 1px !important
  }

  #navbarWrapper .xl\:pt-0,
  reach-portal .xl\:pt-0 {
    padding-top: 0 !important
  }

  #navbarWrapper .xl\:pr-0,
  reach-portal .xl\:pr-0 {
    padding-right: 0 !important
  }

  #navbarWrapper .xl\:pb-0,
  reach-portal .xl\:pb-0 {
    padding-bottom: 0 !important
  }

  #navbarWrapper .xl\:pl-0,
  reach-portal .xl\:pl-0 {
    padding-left: 0 !important
  }

  #navbarWrapper .xl\:pt-1,
  reach-portal .xl\:pt-1 {
    padding-top: .25rem !important
  }

  #navbarWrapper .xl\:pr-1,
  reach-portal .xl\:pr-1 {
    padding-right: .25rem !important
  }

  #navbarWrapper .xl\:pb-1,
  reach-portal .xl\:pb-1 {
    padding-bottom: .25rem !important
  }

  #navbarWrapper .xl\:pl-1,
  reach-portal .xl\:pl-1 {
    padding-left: .25rem !important
  }

  #navbarWrapper .xl\:pt-2,
  reach-portal .xl\:pt-2 {
    padding-top: .5rem !important
  }

  #navbarWrapper .xl\:pr-2,
  reach-portal .xl\:pr-2 {
    padding-right: .5rem !important
  }

  #navbarWrapper .xl\:pb-2,
  reach-portal .xl\:pb-2 {
    padding-bottom: .5rem !important
  }

  #navbarWrapper .xl\:pl-2,
  reach-portal .xl\:pl-2 {
    padding-left: .5rem !important
  }

  #navbarWrapper .xl\:pt-3,
  reach-portal .xl\:pt-3 {
    padding-top: .75rem !important
  }

  #navbarWrapper .xl\:pr-3,
  reach-portal .xl\:pr-3 {
    padding-right: .75rem !important
  }

  #navbarWrapper .xl\:pb-3,
  reach-portal .xl\:pb-3 {
    padding-bottom: .75rem !important
  }

  #navbarWrapper .xl\:pl-3,
  reach-portal .xl\:pl-3 {
    padding-left: .75rem !important
  }

  #navbarWrapper .xl\:pt-4,
  reach-portal .xl\:pt-4 {
    padding-top: 1rem !important
  }

  #navbarWrapper .xl\:pr-4,
  reach-portal .xl\:pr-4 {
    padding-right: 1rem !important
  }

  #navbarWrapper .xl\:pb-4,
  reach-portal .xl\:pb-4 {
    padding-bottom: 1rem !important
  }

  #navbarWrapper .xl\:pl-4,
  reach-portal .xl\:pl-4 {
    padding-left: 1rem !important
  }

  #navbarWrapper .xl\:pt-5,
  reach-portal .xl\:pt-5 {
    padding-top: 1.25rem !important
  }

  #navbarWrapper .xl\:pr-5,
  reach-portal .xl\:pr-5 {
    padding-right: 1.25rem !important
  }

  #navbarWrapper .xl\:pb-5,
  reach-portal .xl\:pb-5 {
    padding-bottom: 1.25rem !important
  }

  #navbarWrapper .xl\:pl-5,
  reach-portal .xl\:pl-5 {
    padding-left: 1.25rem !important
  }

  #navbarWrapper .xl\:pt-6,
  reach-portal .xl\:pt-6 {
    padding-top: 1.5rem !important
  }

  #navbarWrapper .xl\:pr-6,
  reach-portal .xl\:pr-6 {
    padding-right: 1.5rem !important
  }

  #navbarWrapper .xl\:pb-6,
  reach-portal .xl\:pb-6 {
    padding-bottom: 1.5rem !important
  }

  #navbarWrapper .xl\:pl-6,
  reach-portal .xl\:pl-6 {
    padding-left: 1.5rem !important
  }

  #navbarWrapper .xl\:pt-8,
  reach-portal .xl\:pt-8 {
    padding-top: 2rem !important
  }

  #navbarWrapper .xl\:pr-8,
  reach-portal .xl\:pr-8 {
    padding-right: 2rem !important
  }

  #navbarWrapper .xl\:pb-8,
  reach-portal .xl\:pb-8 {
    padding-bottom: 2rem !important
  }

  #navbarWrapper .xl\:pl-8,
  reach-portal .xl\:pl-8 {
    padding-left: 2rem !important
  }

  #navbarWrapper .xl\:pt-10,
  reach-portal .xl\:pt-10 {
    padding-top: 2.5rem !important
  }

  #navbarWrapper .xl\:pr-10,
  reach-portal .xl\:pr-10 {
    padding-right: 2.5rem !important
  }

  #navbarWrapper .xl\:pb-10,
  reach-portal .xl\:pb-10 {
    padding-bottom: 2.5rem !important
  }

  #navbarWrapper .xl\:pl-10,
  reach-portal .xl\:pl-10 {
    padding-left: 2.5rem !important
  }

  #navbarWrapper .xl\:pt-12,
  reach-portal .xl\:pt-12 {
    padding-top: 3rem !important
  }

  #navbarWrapper .xl\:pr-12,
  reach-portal .xl\:pr-12 {
    padding-right: 3rem !important
  }

  #navbarWrapper .xl\:pb-12,
  reach-portal .xl\:pb-12 {
    padding-bottom: 3rem !important
  }

  #navbarWrapper .xl\:pl-12,
  reach-portal .xl\:pl-12 {
    padding-left: 3rem !important
  }

  #navbarWrapper .xl\:pt-16,
  reach-portal .xl\:pt-16 {
    padding-top: 4rem !important
  }

  #navbarWrapper .xl\:pr-16,
  reach-portal .xl\:pr-16 {
    padding-right: 4rem !important
  }

  #navbarWrapper .xl\:pb-16,
  reach-portal .xl\:pb-16 {
    padding-bottom: 4rem !important
  }

  #navbarWrapper .xl\:pl-16,
  reach-portal .xl\:pl-16 {
    padding-left: 4rem !important
  }

  #navbarWrapper .xl\:pt-20,
  reach-portal .xl\:pt-20 {
    padding-top: 5rem !important
  }

  #navbarWrapper .xl\:pr-20,
  reach-portal .xl\:pr-20 {
    padding-right: 5rem !important
  }

  #navbarWrapper .xl\:pb-20,
  reach-portal .xl\:pb-20 {
    padding-bottom: 5rem !important
  }

  #navbarWrapper .xl\:pl-20,
  reach-portal .xl\:pl-20 {
    padding-left: 5rem !important
  }

  #navbarWrapper .xl\:pt-24,
  reach-portal .xl\:pt-24 {
    padding-top: 6rem !important
  }

  #navbarWrapper .xl\:pr-24,
  reach-portal .xl\:pr-24 {
    padding-right: 6rem !important
  }

  #navbarWrapper .xl\:pb-24,
  reach-portal .xl\:pb-24 {
    padding-bottom: 6rem !important
  }

  #navbarWrapper .xl\:pl-24,
  reach-portal .xl\:pl-24 {
    padding-left: 6rem !important
  }

  #navbarWrapper .xl\:pt-32,
  reach-portal .xl\:pt-32 {
    padding-top: 8rem !important
  }

  #navbarWrapper .xl\:pr-32,
  reach-portal .xl\:pr-32 {
    padding-right: 8rem !important
  }

  #navbarWrapper .xl\:pb-32,
  reach-portal .xl\:pb-32 {
    padding-bottom: 8rem !important
  }

  #navbarWrapper .xl\:pl-32,
  reach-portal .xl\:pl-32 {
    padding-left: 8rem !important
  }

  #navbarWrapper .xl\:pt-40,
  reach-portal .xl\:pt-40 {
    padding-top: 10rem !important
  }

  #navbarWrapper .xl\:pr-40,
  reach-portal .xl\:pr-40 {
    padding-right: 10rem !important
  }

  #navbarWrapper .xl\:pb-40,
  reach-portal .xl\:pb-40 {
    padding-bottom: 10rem !important
  }

  #navbarWrapper .xl\:pl-40,
  reach-portal .xl\:pl-40 {
    padding-left: 10rem !important
  }

  #navbarWrapper .xl\:pt-48,
  reach-portal .xl\:pt-48 {
    padding-top: 12rem !important
  }

  #navbarWrapper .xl\:pr-48,
  reach-portal .xl\:pr-48 {
    padding-right: 12rem !important
  }

  #navbarWrapper .xl\:pb-48,
  reach-portal .xl\:pb-48 {
    padding-bottom: 12rem !important
  }

  #navbarWrapper .xl\:pl-48,
  reach-portal .xl\:pl-48 {
    padding-left: 12rem !important
  }

  #navbarWrapper .xl\:pt-56,
  reach-portal .xl\:pt-56 {
    padding-top: 14rem !important
  }

  #navbarWrapper .xl\:pr-56,
  reach-portal .xl\:pr-56 {
    padding-right: 14rem !important
  }

  #navbarWrapper .xl\:pb-56,
  reach-portal .xl\:pb-56 {
    padding-bottom: 14rem !important
  }

  #navbarWrapper .xl\:pl-56,
  reach-portal .xl\:pl-56 {
    padding-left: 14rem !important
  }

  #navbarWrapper .xl\:pt-64,
  reach-portal .xl\:pt-64 {
    padding-top: 16rem !important
  }

  #navbarWrapper .xl\:pr-64,
  reach-portal .xl\:pr-64 {
    padding-right: 16rem !important
  }

  #navbarWrapper .xl\:pb-64,
  reach-portal .xl\:pb-64 {
    padding-bottom: 16rem !important
  }

  #navbarWrapper .xl\:pl-64,
  reach-portal .xl\:pl-64 {
    padding-left: 16rem !important
  }

  #navbarWrapper .xl\:pt-px,
  reach-portal .xl\:pt-px {
    padding-top: 1px !important
  }

  #navbarWrapper .xl\:pr-px,
  reach-portal .xl\:pr-px {
    padding-right: 1px !important
  }

  #navbarWrapper .xl\:pb-px,
  reach-portal .xl\:pb-px {
    padding-bottom: 1px !important
  }

  #navbarWrapper .xl\:pl-px,
  reach-portal .xl\:pl-px {
    padding-left: 1px !important
  }

  #navbarWrapper .xl\:placeholder-transparent::placeholder,
  reach-portal .xl\:placeholder-transparent::placeholder {
    color: #0000 !important
  }

  #navbarWrapper .xl\:placeholder-current::placeholder,
  reach-portal .xl\:placeholder-current::placeholder {
    color: currentColor !important
  }

  #navbarWrapper .xl\:placeholder-black::placeholder,
  reach-portal .xl\:placeholder-black::placeholder {
    --placeholder-opacity: 1 !important;
    color: #000 !important;
    color: rgba(0, 0, 0, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:placeholder-white::placeholder,
  reach-portal .xl\:placeholder-white::placeholder {
    --placeholder-opacity: 1 !important;
    color: #fff !important;
    color: rgba(255, 255, 255, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:placeholder-gray-100::placeholder,
  reach-portal .xl\:placeholder-gray-100::placeholder {
    --placeholder-opacity: 1 !important;
    color: #f7fafc !important;
    color: rgba(247, 250, 252, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:placeholder-gray-200::placeholder,
  reach-portal .xl\:placeholder-gray-200::placeholder {
    --placeholder-opacity: 1 !important;
    color: #edf2f7 !important;
    color: rgba(237, 242, 247, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:placeholder-gray-300::placeholder,
  reach-portal .xl\:placeholder-gray-300::placeholder {
    --placeholder-opacity: 1 !important;
    color: #e2e8f0 !important;
    color: rgba(226, 232, 240, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:placeholder-gray-400::placeholder,
  reach-portal .xl\:placeholder-gray-400::placeholder {
    --placeholder-opacity: 1 !important;
    color: #cbd5e0 !important;
    color: rgba(203, 213, 224, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:placeholder-gray-500::placeholder,
  reach-portal .xl\:placeholder-gray-500::placeholder {
    --placeholder-opacity: 1 !important;
    color: #a0aec0 !important;
    color: rgba(160, 174, 192, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:placeholder-gray-600::placeholder,
  reach-portal .xl\:placeholder-gray-600::placeholder {
    --placeholder-opacity: 1 !important;
    color: #718096 !important;
    color: rgba(113, 128, 150, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:placeholder-gray-700::placeholder,
  reach-portal .xl\:placeholder-gray-700::placeholder {
    --placeholder-opacity: 1 !important;
    color: #4a5568 !important;
    color: rgba(74, 85, 104, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:placeholder-gray-800::placeholder,
  reach-portal .xl\:placeholder-gray-800::placeholder {
    --placeholder-opacity: 1 !important;
    color: #2d3748 !important;
    color: rgba(45, 55, 72, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:placeholder-gray-900::placeholder,
  reach-portal .xl\:placeholder-gray-900::placeholder {
    --placeholder-opacity: 1 !important;
    color: #1a202c !important;
    color: rgba(26, 32, 44, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:placeholder-red-100::placeholder,
  reach-portal .xl\:placeholder-red-100::placeholder {
    --placeholder-opacity: 1 !important;
    color: #fff5f5 !important;
    color: rgba(255, 245, 245, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:placeholder-red-200::placeholder,
  reach-portal .xl\:placeholder-red-200::placeholder {
    --placeholder-opacity: 1 !important;
    color: #fed7d7 !important;
    color: rgba(254, 215, 215, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:placeholder-red-300::placeholder,
  reach-portal .xl\:placeholder-red-300::placeholder {
    --placeholder-opacity: 1 !important;
    color: #feb2b2 !important;
    color: rgba(254, 178, 178, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:placeholder-red-400::placeholder,
  reach-portal .xl\:placeholder-red-400::placeholder {
    --placeholder-opacity: 1 !important;
    color: #fc8181 !important;
    color: rgba(252, 129, 129, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:placeholder-red-500::placeholder,
  reach-portal .xl\:placeholder-red-500::placeholder {
    --placeholder-opacity: 1 !important;
    color: #f56565 !important;
    color: rgba(245, 101, 101, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:placeholder-red-600::placeholder,
  reach-portal .xl\:placeholder-red-600::placeholder {
    --placeholder-opacity: 1 !important;
    color: #e53e3e !important;
    color: rgba(229, 62, 62, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:placeholder-red-700::placeholder,
  reach-portal .xl\:placeholder-red-700::placeholder {
    --placeholder-opacity: 1 !important;
    color: #c53030 !important;
    color: rgba(197, 48, 48, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:placeholder-red-800::placeholder,
  reach-portal .xl\:placeholder-red-800::placeholder {
    --placeholder-opacity: 1 !important;
    color: #9b2c2c !important;
    color: rgba(155, 44, 44, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:placeholder-red-900::placeholder,
  reach-portal .xl\:placeholder-red-900::placeholder {
    --placeholder-opacity: 1 !important;
    color: #742a2a !important;
    color: rgba(116, 42, 42, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:placeholder-orange-100::placeholder,
  reach-portal .xl\:placeholder-orange-100::placeholder {
    --placeholder-opacity: 1 !important;
    color: #fffaf0 !important;
    color: rgba(255, 250, 240, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:placeholder-orange-200::placeholder,
  reach-portal .xl\:placeholder-orange-200::placeholder {
    --placeholder-opacity: 1 !important;
    color: #feebc8 !important;
    color: rgba(254, 235, 200, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:placeholder-orange-300::placeholder,
  reach-portal .xl\:placeholder-orange-300::placeholder {
    --placeholder-opacity: 1 !important;
    color: #fbd38d !important;
    color: rgba(251, 211, 141, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:placeholder-orange-400::placeholder,
  reach-portal .xl\:placeholder-orange-400::placeholder {
    --placeholder-opacity: 1 !important;
    color: #f6ad55 !important;
    color: rgba(246, 173, 85, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:placeholder-orange-500::placeholder,
  reach-portal .xl\:placeholder-orange-500::placeholder {
    --placeholder-opacity: 1 !important;
    color: #ed8936 !important;
    color: rgba(237, 137, 54, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:placeholder-orange-600::placeholder,
  reach-portal .xl\:placeholder-orange-600::placeholder {
    --placeholder-opacity: 1 !important;
    color: #dd6b20 !important;
    color: rgba(221, 107, 32, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:placeholder-orange-700::placeholder,
  reach-portal .xl\:placeholder-orange-700::placeholder {
    --placeholder-opacity: 1 !important;
    color: #c05621 !important;
    color: rgba(192, 86, 33, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:placeholder-orange-800::placeholder,
  reach-portal .xl\:placeholder-orange-800::placeholder {
    --placeholder-opacity: 1 !important;
    color: #9c4221 !important;
    color: rgba(156, 66, 33, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:placeholder-orange-900::placeholder,
  reach-portal .xl\:placeholder-orange-900::placeholder {
    --placeholder-opacity: 1 !important;
    color: #7b341e !important;
    color: rgba(123, 52, 30, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:placeholder-yellow-100::placeholder,
  reach-portal .xl\:placeholder-yellow-100::placeholder {
    --placeholder-opacity: 1 !important;
    color: ivory !important;
    color: rgba(255, 255, 240, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:placeholder-yellow-200::placeholder,
  reach-portal .xl\:placeholder-yellow-200::placeholder {
    --placeholder-opacity: 1 !important;
    color: #fefcbf !important;
    color: rgba(254, 252, 191, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:placeholder-yellow-300::placeholder,
  reach-portal .xl\:placeholder-yellow-300::placeholder {
    --placeholder-opacity: 1 !important;
    color: #faf089 !important;
    color: rgba(250, 240, 137, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:placeholder-yellow-400::placeholder,
  reach-portal .xl\:placeholder-yellow-400::placeholder {
    --placeholder-opacity: 1 !important;
    color: #f6e05e !important;
    color: rgba(246, 224, 94, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:placeholder-yellow-500::placeholder,
  reach-portal .xl\:placeholder-yellow-500::placeholder {
    --placeholder-opacity: 1 !important;
    color: #ecc94b !important;
    color: rgba(236, 201, 75, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:placeholder-yellow-600::placeholder,
  reach-portal .xl\:placeholder-yellow-600::placeholder {
    --placeholder-opacity: 1 !important;
    color: #d69e2e !important;
    color: rgba(214, 158, 46, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:placeholder-yellow-700::placeholder,
  reach-portal .xl\:placeholder-yellow-700::placeholder {
    --placeholder-opacity: 1 !important;
    color: #b7791f !important;
    color: rgba(183, 121, 31, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:placeholder-yellow-800::placeholder,
  reach-portal .xl\:placeholder-yellow-800::placeholder {
    --placeholder-opacity: 1 !important;
    color: #975a16 !important;
    color: rgba(151, 90, 22, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:placeholder-yellow-900::placeholder,
  reach-portal .xl\:placeholder-yellow-900::placeholder {
    --placeholder-opacity: 1 !important;
    color: #744210 !important;
    color: rgba(116, 66, 16, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:placeholder-green-100::placeholder,
  reach-portal .xl\:placeholder-green-100::placeholder {
    --placeholder-opacity: 1 !important;
    color: #f0fff4 !important;
    color: rgba(240, 255, 244, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:placeholder-green-200::placeholder,
  reach-portal .xl\:placeholder-green-200::placeholder {
    --placeholder-opacity: 1 !important;
    color: #c6f6d5 !important;
    color: rgba(198, 246, 213, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:placeholder-green-300::placeholder,
  reach-portal .xl\:placeholder-green-300::placeholder {
    --placeholder-opacity: 1 !important;
    color: #9ae6b4 !important;
    color: rgba(154, 230, 180, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:placeholder-green-400::placeholder,
  reach-portal .xl\:placeholder-green-400::placeholder {
    --placeholder-opacity: 1 !important;
    color: #68d391 !important;
    color: rgba(104, 211, 145, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:placeholder-green-500::placeholder,
  reach-portal .xl\:placeholder-green-500::placeholder {
    --placeholder-opacity: 1 !important;
    color: #48bb78 !important;
    color: rgba(72, 187, 120, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:placeholder-green-600::placeholder,
  reach-portal .xl\:placeholder-green-600::placeholder {
    --placeholder-opacity: 1 !important;
    color: #38a169 !important;
    color: rgba(56, 161, 105, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:placeholder-green-700::placeholder,
  reach-portal .xl\:placeholder-green-700::placeholder {
    --placeholder-opacity: 1 !important;
    color: #2f855a !important;
    color: rgba(47, 133, 90, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:placeholder-green-800::placeholder,
  reach-portal .xl\:placeholder-green-800::placeholder {
    --placeholder-opacity: 1 !important;
    color: #276749 !important;
    color: rgba(39, 103, 73, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:placeholder-green-900::placeholder,
  reach-portal .xl\:placeholder-green-900::placeholder {
    --placeholder-opacity: 1 !important;
    color: #22543d !important;
    color: rgba(34, 84, 61, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:placeholder-teal-100::placeholder,
  reach-portal .xl\:placeholder-teal-100::placeholder {
    --placeholder-opacity: 1 !important;
    color: #e6fffa !important;
    color: rgba(230, 255, 250, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:placeholder-teal-200::placeholder,
  reach-portal .xl\:placeholder-teal-200::placeholder {
    --placeholder-opacity: 1 !important;
    color: #b2f5ea !important;
    color: rgba(178, 245, 234, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:placeholder-teal-300::placeholder,
  reach-portal .xl\:placeholder-teal-300::placeholder {
    --placeholder-opacity: 1 !important;
    color: #81e6d9 !important;
    color: rgba(129, 230, 217, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:placeholder-teal-400::placeholder,
  reach-portal .xl\:placeholder-teal-400::placeholder {
    --placeholder-opacity: 1 !important;
    color: #4fd1c5 !important;
    color: rgba(79, 209, 197, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:placeholder-teal-500::placeholder,
  reach-portal .xl\:placeholder-teal-500::placeholder {
    --placeholder-opacity: 1 !important;
    color: #38b2ac !important;
    color: rgba(56, 178, 172, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:placeholder-teal-600::placeholder,
  reach-portal .xl\:placeholder-teal-600::placeholder {
    --placeholder-opacity: 1 !important;
    color: #319795 !important;
    color: rgba(49, 151, 149, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:placeholder-teal-700::placeholder,
  reach-portal .xl\:placeholder-teal-700::placeholder {
    --placeholder-opacity: 1 !important;
    color: #2c7a7b !important;
    color: rgba(44, 122, 123, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:placeholder-teal-800::placeholder,
  reach-portal .xl\:placeholder-teal-800::placeholder {
    --placeholder-opacity: 1 !important;
    color: #285e61 !important;
    color: rgba(40, 94, 97, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:placeholder-teal-900::placeholder,
  reach-portal .xl\:placeholder-teal-900::placeholder {
    --placeholder-opacity: 1 !important;
    color: #234e52 !important;
    color: rgba(35, 78, 82, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:placeholder-blue-100::placeholder,
  reach-portal .xl\:placeholder-blue-100::placeholder {
    --placeholder-opacity: 1 !important;
    color: #ebf8ff !important;
    color: rgba(235, 248, 255, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:placeholder-blue-200::placeholder,
  reach-portal .xl\:placeholder-blue-200::placeholder {
    --placeholder-opacity: 1 !important;
    color: #bee3f8 !important;
    color: rgba(190, 227, 248, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:placeholder-blue-300::placeholder,
  reach-portal .xl\:placeholder-blue-300::placeholder {
    --placeholder-opacity: 1 !important;
    color: #90cdf4 !important;
    color: rgba(144, 205, 244, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:placeholder-blue-400::placeholder,
  reach-portal .xl\:placeholder-blue-400::placeholder {
    --placeholder-opacity: 1 !important;
    color: #63b3ed !important;
    color: rgba(99, 179, 237, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:placeholder-blue-500::placeholder,
  reach-portal .xl\:placeholder-blue-500::placeholder {
    --placeholder-opacity: 1 !important;
    color: #4299e1 !important;
    color: rgba(66, 153, 225, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:placeholder-blue-600::placeholder,
  reach-portal .xl\:placeholder-blue-600::placeholder {
    --placeholder-opacity: 1 !important;
    color: #3182ce !important;
    color: rgba(49, 130, 206, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:placeholder-blue-700::placeholder,
  reach-portal .xl\:placeholder-blue-700::placeholder {
    --placeholder-opacity: 1 !important;
    color: #2b6cb0 !important;
    color: rgba(43, 108, 176, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:placeholder-blue-800::placeholder,
  reach-portal .xl\:placeholder-blue-800::placeholder {
    --placeholder-opacity: 1 !important;
    color: #2c5282 !important;
    color: rgba(44, 82, 130, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:placeholder-blue-900::placeholder,
  reach-portal .xl\:placeholder-blue-900::placeholder {
    --placeholder-opacity: 1 !important;
    color: #2a4365 !important;
    color: rgba(42, 67, 101, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:placeholder-indigo-100::placeholder,
  reach-portal .xl\:placeholder-indigo-100::placeholder {
    --placeholder-opacity: 1 !important;
    color: #ebf4ff !important;
    color: rgba(235, 244, 255, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:placeholder-indigo-200::placeholder,
  reach-portal .xl\:placeholder-indigo-200::placeholder {
    --placeholder-opacity: 1 !important;
    color: #c3dafe !important;
    color: rgba(195, 218, 254, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:placeholder-indigo-300::placeholder,
  reach-portal .xl\:placeholder-indigo-300::placeholder {
    --placeholder-opacity: 1 !important;
    color: #a3bffa !important;
    color: rgba(163, 191, 250, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:placeholder-indigo-400::placeholder,
  reach-portal .xl\:placeholder-indigo-400::placeholder {
    --placeholder-opacity: 1 !important;
    color: #7f9cf5 !important;
    color: rgba(127, 156, 245, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:placeholder-indigo-500::placeholder,
  reach-portal .xl\:placeholder-indigo-500::placeholder {
    --placeholder-opacity: 1 !important;
    color: #667eea !important;
    color: rgba(102, 126, 234, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:placeholder-indigo-600::placeholder,
  reach-portal .xl\:placeholder-indigo-600::placeholder {
    --placeholder-opacity: 1 !important;
    color: #5a67d8 !important;
    color: rgba(90, 103, 216, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:placeholder-indigo-700::placeholder,
  reach-portal .xl\:placeholder-indigo-700::placeholder {
    --placeholder-opacity: 1 !important;
    color: #4c51bf !important;
    color: rgba(76, 81, 191, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:placeholder-indigo-800::placeholder,
  reach-portal .xl\:placeholder-indigo-800::placeholder {
    --placeholder-opacity: 1 !important;
    color: #434190 !important;
    color: rgba(67, 65, 144, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:placeholder-indigo-900::placeholder,
  reach-portal .xl\:placeholder-indigo-900::placeholder {
    --placeholder-opacity: 1 !important;
    color: #3c366b !important;
    color: rgba(60, 54, 107, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:placeholder-purple-100::placeholder,
  reach-portal .xl\:placeholder-purple-100::placeholder {
    --placeholder-opacity: 1 !important;
    color: #faf5ff !important;
    color: rgba(250, 245, 255, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:placeholder-purple-200::placeholder,
  reach-portal .xl\:placeholder-purple-200::placeholder {
    --placeholder-opacity: 1 !important;
    color: #e9d8fd !important;
    color: rgba(233, 216, 253, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:placeholder-purple-300::placeholder,
  reach-portal .xl\:placeholder-purple-300::placeholder {
    --placeholder-opacity: 1 !important;
    color: #d6bcfa !important;
    color: rgba(214, 188, 250, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:placeholder-purple-400::placeholder,
  reach-portal .xl\:placeholder-purple-400::placeholder {
    --placeholder-opacity: 1 !important;
    color: #b794f4 !important;
    color: rgba(183, 148, 244, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:placeholder-purple-500::placeholder,
  reach-portal .xl\:placeholder-purple-500::placeholder {
    --placeholder-opacity: 1 !important;
    color: #9f7aea !important;
    color: rgba(159, 122, 234, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:placeholder-purple-600::placeholder,
  reach-portal .xl\:placeholder-purple-600::placeholder {
    --placeholder-opacity: 1 !important;
    color: #805ad5 !important;
    color: rgba(128, 90, 213, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:placeholder-purple-700::placeholder,
  reach-portal .xl\:placeholder-purple-700::placeholder {
    --placeholder-opacity: 1 !important;
    color: #6b46c1 !important;
    color: rgba(107, 70, 193, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:placeholder-purple-800::placeholder,
  reach-portal .xl\:placeholder-purple-800::placeholder {
    --placeholder-opacity: 1 !important;
    color: #553c9a !important;
    color: rgba(85, 60, 154, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:placeholder-purple-900::placeholder,
  reach-portal .xl\:placeholder-purple-900::placeholder {
    --placeholder-opacity: 1 !important;
    color: #44337a !important;
    color: rgba(68, 51, 122, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:placeholder-pink-100::placeholder,
  reach-portal .xl\:placeholder-pink-100::placeholder {
    --placeholder-opacity: 1 !important;
    color: #fff5f7 !important;
    color: rgba(255, 245, 247, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:placeholder-pink-200::placeholder,
  reach-portal .xl\:placeholder-pink-200::placeholder {
    --placeholder-opacity: 1 !important;
    color: #fed7e2 !important;
    color: rgba(254, 215, 226, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:placeholder-pink-300::placeholder,
  reach-portal .xl\:placeholder-pink-300::placeholder {
    --placeholder-opacity: 1 !important;
    color: #fbb6ce !important;
    color: rgba(251, 182, 206, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:placeholder-pink-400::placeholder,
  reach-portal .xl\:placeholder-pink-400::placeholder {
    --placeholder-opacity: 1 !important;
    color: #f687b3 !important;
    color: rgba(246, 135, 179, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:placeholder-pink-500::placeholder,
  reach-portal .xl\:placeholder-pink-500::placeholder {
    --placeholder-opacity: 1 !important;
    color: #ed64a6 !important;
    color: rgba(237, 100, 166, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:placeholder-pink-600::placeholder,
  reach-portal .xl\:placeholder-pink-600::placeholder {
    --placeholder-opacity: 1 !important;
    color: #d53f8c !important;
    color: rgba(213, 63, 140, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:placeholder-pink-700::placeholder,
  reach-portal .xl\:placeholder-pink-700::placeholder {
    --placeholder-opacity: 1 !important;
    color: #b83280 !important;
    color: rgba(184, 50, 128, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:placeholder-pink-800::placeholder,
  reach-portal .xl\:placeholder-pink-800::placeholder {
    --placeholder-opacity: 1 !important;
    color: #97266d !important;
    color: rgba(151, 38, 109, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:placeholder-pink-900::placeholder,
  reach-portal .xl\:placeholder-pink-900::placeholder {
    --placeholder-opacity: 1 !important;
    color: #702459 !important;
    color: rgba(112, 36, 89, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:placeholder-transparent:focus::placeholder,
  reach-portal .xl\:focus\:placeholder-transparent:focus::placeholder {
    color: #0000 !important
  }

  #navbarWrapper .xl\:focus\:placeholder-current:focus::placeholder,
  reach-portal .xl\:focus\:placeholder-current:focus::placeholder {
    color: currentColor !important
  }

  #navbarWrapper .xl\:focus\:placeholder-black:focus::placeholder,
  reach-portal .xl\:focus\:placeholder-black:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #000 !important;
    color: rgba(0, 0, 0, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:placeholder-white:focus::placeholder,
  reach-portal .xl\:focus\:placeholder-white:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #fff !important;
    color: rgba(255, 255, 255, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:placeholder-gray-100:focus::placeholder,
  reach-portal .xl\:focus\:placeholder-gray-100:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #f7fafc !important;
    color: rgba(247, 250, 252, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:placeholder-gray-200:focus::placeholder,
  reach-portal .xl\:focus\:placeholder-gray-200:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #edf2f7 !important;
    color: rgba(237, 242, 247, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:placeholder-gray-300:focus::placeholder,
  reach-portal .xl\:focus\:placeholder-gray-300:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #e2e8f0 !important;
    color: rgba(226, 232, 240, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:placeholder-gray-400:focus::placeholder,
  reach-portal .xl\:focus\:placeholder-gray-400:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #cbd5e0 !important;
    color: rgba(203, 213, 224, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:placeholder-gray-500:focus::placeholder,
  reach-portal .xl\:focus\:placeholder-gray-500:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #a0aec0 !important;
    color: rgba(160, 174, 192, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:placeholder-gray-600:focus::placeholder,
  reach-portal .xl\:focus\:placeholder-gray-600:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #718096 !important;
    color: rgba(113, 128, 150, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:placeholder-gray-700:focus::placeholder,
  reach-portal .xl\:focus\:placeholder-gray-700:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #4a5568 !important;
    color: rgba(74, 85, 104, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:placeholder-gray-800:focus::placeholder,
  reach-portal .xl\:focus\:placeholder-gray-800:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #2d3748 !important;
    color: rgba(45, 55, 72, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:placeholder-gray-900:focus::placeholder,
  reach-portal .xl\:focus\:placeholder-gray-900:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #1a202c !important;
    color: rgba(26, 32, 44, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:placeholder-red-100:focus::placeholder,
  reach-portal .xl\:focus\:placeholder-red-100:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #fff5f5 !important;
    color: rgba(255, 245, 245, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:placeholder-red-200:focus::placeholder,
  reach-portal .xl\:focus\:placeholder-red-200:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #fed7d7 !important;
    color: rgba(254, 215, 215, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:placeholder-red-300:focus::placeholder,
  reach-portal .xl\:focus\:placeholder-red-300:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #feb2b2 !important;
    color: rgba(254, 178, 178, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:placeholder-red-400:focus::placeholder,
  reach-portal .xl\:focus\:placeholder-red-400:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #fc8181 !important;
    color: rgba(252, 129, 129, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:placeholder-red-500:focus::placeholder,
  reach-portal .xl\:focus\:placeholder-red-500:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #f56565 !important;
    color: rgba(245, 101, 101, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:placeholder-red-600:focus::placeholder,
  reach-portal .xl\:focus\:placeholder-red-600:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #e53e3e !important;
    color: rgba(229, 62, 62, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:placeholder-red-700:focus::placeholder,
  reach-portal .xl\:focus\:placeholder-red-700:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #c53030 !important;
    color: rgba(197, 48, 48, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:placeholder-red-800:focus::placeholder,
  reach-portal .xl\:focus\:placeholder-red-800:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #9b2c2c !important;
    color: rgba(155, 44, 44, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:placeholder-red-900:focus::placeholder,
  reach-portal .xl\:focus\:placeholder-red-900:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #742a2a !important;
    color: rgba(116, 42, 42, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:placeholder-orange-100:focus::placeholder,
  reach-portal .xl\:focus\:placeholder-orange-100:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #fffaf0 !important;
    color: rgba(255, 250, 240, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:placeholder-orange-200:focus::placeholder,
  reach-portal .xl\:focus\:placeholder-orange-200:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #feebc8 !important;
    color: rgba(254, 235, 200, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:placeholder-orange-300:focus::placeholder,
  reach-portal .xl\:focus\:placeholder-orange-300:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #fbd38d !important;
    color: rgba(251, 211, 141, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:placeholder-orange-400:focus::placeholder,
  reach-portal .xl\:focus\:placeholder-orange-400:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #f6ad55 !important;
    color: rgba(246, 173, 85, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:placeholder-orange-500:focus::placeholder,
  reach-portal .xl\:focus\:placeholder-orange-500:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #ed8936 !important;
    color: rgba(237, 137, 54, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:placeholder-orange-600:focus::placeholder,
  reach-portal .xl\:focus\:placeholder-orange-600:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #dd6b20 !important;
    color: rgba(221, 107, 32, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:placeholder-orange-700:focus::placeholder,
  reach-portal .xl\:focus\:placeholder-orange-700:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #c05621 !important;
    color: rgba(192, 86, 33, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:placeholder-orange-800:focus::placeholder,
  reach-portal .xl\:focus\:placeholder-orange-800:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #9c4221 !important;
    color: rgba(156, 66, 33, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:placeholder-orange-900:focus::placeholder,
  reach-portal .xl\:focus\:placeholder-orange-900:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #7b341e !important;
    color: rgba(123, 52, 30, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:placeholder-yellow-100:focus::placeholder,
  reach-portal .xl\:focus\:placeholder-yellow-100:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: ivory !important;
    color: rgba(255, 255, 240, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:placeholder-yellow-200:focus::placeholder,
  reach-portal .xl\:focus\:placeholder-yellow-200:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #fefcbf !important;
    color: rgba(254, 252, 191, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:placeholder-yellow-300:focus::placeholder,
  reach-portal .xl\:focus\:placeholder-yellow-300:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #faf089 !important;
    color: rgba(250, 240, 137, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:placeholder-yellow-400:focus::placeholder,
  reach-portal .xl\:focus\:placeholder-yellow-400:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #f6e05e !important;
    color: rgba(246, 224, 94, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:placeholder-yellow-500:focus::placeholder,
  reach-portal .xl\:focus\:placeholder-yellow-500:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #ecc94b !important;
    color: rgba(236, 201, 75, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:placeholder-yellow-600:focus::placeholder,
  reach-portal .xl\:focus\:placeholder-yellow-600:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #d69e2e !important;
    color: rgba(214, 158, 46, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:placeholder-yellow-700:focus::placeholder,
  reach-portal .xl\:focus\:placeholder-yellow-700:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #b7791f !important;
    color: rgba(183, 121, 31, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:placeholder-yellow-800:focus::placeholder,
  reach-portal .xl\:focus\:placeholder-yellow-800:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #975a16 !important;
    color: rgba(151, 90, 22, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:placeholder-yellow-900:focus::placeholder,
  reach-portal .xl\:focus\:placeholder-yellow-900:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #744210 !important;
    color: rgba(116, 66, 16, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:placeholder-green-100:focus::placeholder,
  reach-portal .xl\:focus\:placeholder-green-100:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #f0fff4 !important;
    color: rgba(240, 255, 244, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:placeholder-green-200:focus::placeholder,
  reach-portal .xl\:focus\:placeholder-green-200:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #c6f6d5 !important;
    color: rgba(198, 246, 213, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:placeholder-green-300:focus::placeholder,
  reach-portal .xl\:focus\:placeholder-green-300:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #9ae6b4 !important;
    color: rgba(154, 230, 180, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:placeholder-green-400:focus::placeholder,
  reach-portal .xl\:focus\:placeholder-green-400:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #68d391 !important;
    color: rgba(104, 211, 145, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:placeholder-green-500:focus::placeholder,
  reach-portal .xl\:focus\:placeholder-green-500:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #48bb78 !important;
    color: rgba(72, 187, 120, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:placeholder-green-600:focus::placeholder,
  reach-portal .xl\:focus\:placeholder-green-600:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #38a169 !important;
    color: rgba(56, 161, 105, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:placeholder-green-700:focus::placeholder,
  reach-portal .xl\:focus\:placeholder-green-700:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #2f855a !important;
    color: rgba(47, 133, 90, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:placeholder-green-800:focus::placeholder,
  reach-portal .xl\:focus\:placeholder-green-800:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #276749 !important;
    color: rgba(39, 103, 73, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:placeholder-green-900:focus::placeholder,
  reach-portal .xl\:focus\:placeholder-green-900:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #22543d !important;
    color: rgba(34, 84, 61, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:placeholder-teal-100:focus::placeholder,
  reach-portal .xl\:focus\:placeholder-teal-100:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #e6fffa !important;
    color: rgba(230, 255, 250, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:placeholder-teal-200:focus::placeholder,
  reach-portal .xl\:focus\:placeholder-teal-200:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #b2f5ea !important;
    color: rgba(178, 245, 234, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:placeholder-teal-300:focus::placeholder,
  reach-portal .xl\:focus\:placeholder-teal-300:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #81e6d9 !important;
    color: rgba(129, 230, 217, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:placeholder-teal-400:focus::placeholder,
  reach-portal .xl\:focus\:placeholder-teal-400:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #4fd1c5 !important;
    color: rgba(79, 209, 197, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:placeholder-teal-500:focus::placeholder,
  reach-portal .xl\:focus\:placeholder-teal-500:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #38b2ac !important;
    color: rgba(56, 178, 172, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:placeholder-teal-600:focus::placeholder,
  reach-portal .xl\:focus\:placeholder-teal-600:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #319795 !important;
    color: rgba(49, 151, 149, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:placeholder-teal-700:focus::placeholder,
  reach-portal .xl\:focus\:placeholder-teal-700:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #2c7a7b !important;
    color: rgba(44, 122, 123, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:placeholder-teal-800:focus::placeholder,
  reach-portal .xl\:focus\:placeholder-teal-800:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #285e61 !important;
    color: rgba(40, 94, 97, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:placeholder-teal-900:focus::placeholder,
  reach-portal .xl\:focus\:placeholder-teal-900:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #234e52 !important;
    color: rgba(35, 78, 82, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:placeholder-blue-100:focus::placeholder,
  reach-portal .xl\:focus\:placeholder-blue-100:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #ebf8ff !important;
    color: rgba(235, 248, 255, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:placeholder-blue-200:focus::placeholder,
  reach-portal .xl\:focus\:placeholder-blue-200:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #bee3f8 !important;
    color: rgba(190, 227, 248, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:placeholder-blue-300:focus::placeholder,
  reach-portal .xl\:focus\:placeholder-blue-300:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #90cdf4 !important;
    color: rgba(144, 205, 244, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:placeholder-blue-400:focus::placeholder,
  reach-portal .xl\:focus\:placeholder-blue-400:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #63b3ed !important;
    color: rgba(99, 179, 237, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:placeholder-blue-500:focus::placeholder,
  reach-portal .xl\:focus\:placeholder-blue-500:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #4299e1 !important;
    color: rgba(66, 153, 225, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:placeholder-blue-600:focus::placeholder,
  reach-portal .xl\:focus\:placeholder-blue-600:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #3182ce !important;
    color: rgba(49, 130, 206, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:placeholder-blue-700:focus::placeholder,
  reach-portal .xl\:focus\:placeholder-blue-700:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #2b6cb0 !important;
    color: rgba(43, 108, 176, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:placeholder-blue-800:focus::placeholder,
  reach-portal .xl\:focus\:placeholder-blue-800:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #2c5282 !important;
    color: rgba(44, 82, 130, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:placeholder-blue-900:focus::placeholder,
  reach-portal .xl\:focus\:placeholder-blue-900:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #2a4365 !important;
    color: rgba(42, 67, 101, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:placeholder-indigo-100:focus::placeholder,
  reach-portal .xl\:focus\:placeholder-indigo-100:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #ebf4ff !important;
    color: rgba(235, 244, 255, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:placeholder-indigo-200:focus::placeholder,
  reach-portal .xl\:focus\:placeholder-indigo-200:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #c3dafe !important;
    color: rgba(195, 218, 254, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:placeholder-indigo-300:focus::placeholder,
  reach-portal .xl\:focus\:placeholder-indigo-300:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #a3bffa !important;
    color: rgba(163, 191, 250, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:placeholder-indigo-400:focus::placeholder,
  reach-portal .xl\:focus\:placeholder-indigo-400:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #7f9cf5 !important;
    color: rgba(127, 156, 245, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:placeholder-indigo-500:focus::placeholder,
  reach-portal .xl\:focus\:placeholder-indigo-500:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #667eea !important;
    color: rgba(102, 126, 234, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:placeholder-indigo-600:focus::placeholder,
  reach-portal .xl\:focus\:placeholder-indigo-600:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #5a67d8 !important;
    color: rgba(90, 103, 216, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:placeholder-indigo-700:focus::placeholder,
  reach-portal .xl\:focus\:placeholder-indigo-700:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #4c51bf !important;
    color: rgba(76, 81, 191, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:placeholder-indigo-800:focus::placeholder,
  reach-portal .xl\:focus\:placeholder-indigo-800:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #434190 !important;
    color: rgba(67, 65, 144, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:placeholder-indigo-900:focus::placeholder,
  reach-portal .xl\:focus\:placeholder-indigo-900:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #3c366b !important;
    color: rgba(60, 54, 107, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:placeholder-purple-100:focus::placeholder,
  reach-portal .xl\:focus\:placeholder-purple-100:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #faf5ff !important;
    color: rgba(250, 245, 255, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:placeholder-purple-200:focus::placeholder,
  reach-portal .xl\:focus\:placeholder-purple-200:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #e9d8fd !important;
    color: rgba(233, 216, 253, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:placeholder-purple-300:focus::placeholder,
  reach-portal .xl\:focus\:placeholder-purple-300:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #d6bcfa !important;
    color: rgba(214, 188, 250, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:placeholder-purple-400:focus::placeholder,
  reach-portal .xl\:focus\:placeholder-purple-400:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #b794f4 !important;
    color: rgba(183, 148, 244, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:placeholder-purple-500:focus::placeholder,
  reach-portal .xl\:focus\:placeholder-purple-500:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #9f7aea !important;
    color: rgba(159, 122, 234, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:placeholder-purple-600:focus::placeholder,
  reach-portal .xl\:focus\:placeholder-purple-600:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #805ad5 !important;
    color: rgba(128, 90, 213, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:placeholder-purple-700:focus::placeholder,
  reach-portal .xl\:focus\:placeholder-purple-700:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #6b46c1 !important;
    color: rgba(107, 70, 193, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:placeholder-purple-800:focus::placeholder,
  reach-portal .xl\:focus\:placeholder-purple-800:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #553c9a !important;
    color: rgba(85, 60, 154, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:placeholder-purple-900:focus::placeholder,
  reach-portal .xl\:focus\:placeholder-purple-900:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #44337a !important;
    color: rgba(68, 51, 122, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:placeholder-pink-100:focus::placeholder,
  reach-portal .xl\:focus\:placeholder-pink-100:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #fff5f7 !important;
    color: rgba(255, 245, 247, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:placeholder-pink-200:focus::placeholder,
  reach-portal .xl\:focus\:placeholder-pink-200:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #fed7e2 !important;
    color: rgba(254, 215, 226, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:placeholder-pink-300:focus::placeholder,
  reach-portal .xl\:focus\:placeholder-pink-300:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #fbb6ce !important;
    color: rgba(251, 182, 206, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:placeholder-pink-400:focus::placeholder,
  reach-portal .xl\:focus\:placeholder-pink-400:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #f687b3 !important;
    color: rgba(246, 135, 179, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:placeholder-pink-500:focus::placeholder,
  reach-portal .xl\:focus\:placeholder-pink-500:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #ed64a6 !important;
    color: rgba(237, 100, 166, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:placeholder-pink-600:focus::placeholder,
  reach-portal .xl\:focus\:placeholder-pink-600:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #d53f8c !important;
    color: rgba(213, 63, 140, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:placeholder-pink-700:focus::placeholder,
  reach-portal .xl\:focus\:placeholder-pink-700:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #b83280 !important;
    color: rgba(184, 50, 128, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:placeholder-pink-800:focus::placeholder,
  reach-portal .xl\:focus\:placeholder-pink-800:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #97266d !important;
    color: rgba(151, 38, 109, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:placeholder-pink-900:focus::placeholder,
  reach-portal .xl\:focus\:placeholder-pink-900:focus::placeholder {
    --placeholder-opacity: 1 !important;
    color: #702459 !important;
    color: rgba(112, 36, 89, var(--placeholder-opacity)) !important
  }

  #navbarWrapper .xl\:placeholder-opacity-0::placeholder,
  reach-portal .xl\:placeholder-opacity-0::placeholder {
    --placeholder-opacity: 0 !important
  }

  #navbarWrapper .xl\:placeholder-opacity-25::placeholder,
  reach-portal .xl\:placeholder-opacity-25::placeholder {
    --placeholder-opacity: 0.25 !important
  }

  #navbarWrapper .xl\:placeholder-opacity-50::placeholder,
  reach-portal .xl\:placeholder-opacity-50::placeholder {
    --placeholder-opacity: 0.5 !important
  }

  #navbarWrapper .xl\:placeholder-opacity-75::placeholder,
  reach-portal .xl\:placeholder-opacity-75::placeholder {
    --placeholder-opacity: 0.75 !important
  }

  #navbarWrapper .xl\:placeholder-opacity-100::placeholder,
  reach-portal .xl\:placeholder-opacity-100::placeholder {
    --placeholder-opacity: 1 !important
  }

  #navbarWrapper .xl\:focus\:placeholder-opacity-0:focus::placeholder,
  reach-portal .xl\:focus\:placeholder-opacity-0:focus::placeholder {
    --placeholder-opacity: 0 !important
  }

  #navbarWrapper .xl\:focus\:placeholder-opacity-25:focus::placeholder,
  reach-portal .xl\:focus\:placeholder-opacity-25:focus::placeholder {
    --placeholder-opacity: 0.25 !important
  }

  #navbarWrapper .xl\:focus\:placeholder-opacity-50:focus::placeholder,
  reach-portal .xl\:focus\:placeholder-opacity-50:focus::placeholder {
    --placeholder-opacity: 0.5 !important
  }

  #navbarWrapper .xl\:focus\:placeholder-opacity-75:focus::placeholder,
  reach-portal .xl\:focus\:placeholder-opacity-75:focus::placeholder {
    --placeholder-opacity: 0.75 !important
  }

  #navbarWrapper .xl\:focus\:placeholder-opacity-100:focus::placeholder,
  reach-portal .xl\:focus\:placeholder-opacity-100:focus::placeholder {
    --placeholder-opacity: 1 !important
  }

  #navbarWrapper .xl\:pointer-events-none,
  reach-portal .xl\:pointer-events-none {
    pointer-events: none !important
  }

  #navbarWrapper .xl\:pointer-events-auto,
  reach-portal .xl\:pointer-events-auto {
    pointer-events: auto !important
  }

  #navbarWrapper .xl\:static,
  reach-portal .xl\:static {
    position: static !important
  }

  #navbarWrapper .xl\:fixed,
  reach-portal .xl\:fixed {
    position: fixed !important
  }

  #navbarWrapper .xl\:absolute,
  reach-portal .xl\:absolute {
    position: absolute !important
  }

  #navbarWrapper .xl\:relative,
  reach-portal .xl\:relative {
    position: relative !important
  }

  #navbarWrapper .xl\:sticky,
  reach-portal .xl\:sticky {
    position: -webkit-sticky !important;
    position: sticky !important
  }

  #navbarWrapper .xl\:inset-0,
  reach-portal .xl\:inset-0 {
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important
  }

  #navbarWrapper .xl\:inset-auto,
  reach-portal .xl\:inset-auto {
    bottom: auto !important;
    left: auto !important;
    right: auto !important;
    top: auto !important
  }

  #navbarWrapper .xl\:inset-y-0,
  reach-portal .xl\:inset-y-0 {
    bottom: 0 !important;
    top: 0 !important
  }

  #navbarWrapper .xl\:inset-x-0,
  reach-portal .xl\:inset-x-0 {
    left: 0 !important;
    right: 0 !important
  }

  #navbarWrapper .xl\:inset-y-auto,
  reach-portal .xl\:inset-y-auto {
    bottom: auto !important;
    top: auto !important
  }

  #navbarWrapper .xl\:inset-x-auto,
  reach-portal .xl\:inset-x-auto {
    left: auto !important;
    right: auto !important
  }

  #navbarWrapper .xl\:top-0,
  reach-portal .xl\:top-0 {
    top: 0 !important
  }

  #navbarWrapper .xl\:right-0,
  reach-portal .xl\:right-0 {
    right: 0 !important
  }

  #navbarWrapper .xl\:bottom-0,
  reach-portal .xl\:bottom-0 {
    bottom: 0 !important
  }

  #navbarWrapper .xl\:left-0,
  reach-portal .xl\:left-0 {
    left: 0 !important
  }

  #navbarWrapper .xl\:top-auto,
  reach-portal .xl\:top-auto {
    top: auto !important
  }

  #navbarWrapper .xl\:right-auto,
  reach-portal .xl\:right-auto {
    right: auto !important
  }

  #navbarWrapper .xl\:bottom-auto,
  reach-portal .xl\:bottom-auto {
    bottom: auto !important
  }

  #navbarWrapper .xl\:left-auto,
  reach-portal .xl\:left-auto {
    left: auto !important
  }

  #navbarWrapper .xl\:resize-none,
  reach-portal .xl\:resize-none {
    resize: none !important
  }

  #navbarWrapper .xl\:resize-y,
  reach-portal .xl\:resize-y {
    resize: vertical !important
  }

  #navbarWrapper .xl\:resize-x,
  reach-portal .xl\:resize-x {
    resize: horizontal !important
  }

  #navbarWrapper .xl\:resize,
  reach-portal .xl\:resize {
    resize: both !important
  }

  #navbarWrapper .xl\:shadow-xs,
  reach-portal .xl\:shadow-xs {
    box-shadow: 0 0 0 1px #0000000d !important
  }

  #navbarWrapper .xl\:shadow-sm,
  reach-portal .xl\:shadow-sm {
    box-shadow: 0 1px 2px 0 #0000000d !important
  }

  #navbarWrapper .xl\:shadow,
  reach-portal .xl\:shadow {
    box-shadow: 0 .125rem .25rem #00000040 !important
  }

  #navbarWrapper .xl\:shadow-md,
  reach-portal .xl\:shadow-md {
    box-shadow: 0 .125rem .625rem #0003 !important
  }

  #navbarWrapper .xl\:shadow-lg,
  reach-portal .xl\:shadow-lg {
    box-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d !important
  }

  #navbarWrapper .xl\:shadow-xl,
  reach-portal .xl\:shadow-xl {
    box-shadow: 0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a !important
  }

  #navbarWrapper .xl\:shadow-2xl,
  reach-portal .xl\:shadow-2xl {
    box-shadow: 0 25px 50px -12px #00000040 !important
  }

  #navbarWrapper .xl\:shadow-inner,
  reach-portal .xl\:shadow-inner {
    box-shadow: inset 0 2px 4px 0 #0000000f !important
  }

  #navbarWrapper .xl\:shadow-outline,
  reach-portal .xl\:shadow-outline {
    box-shadow: 0 0 0 3px #4299e180 !important
  }

  #navbarWrapper .xl\:shadow-none,
  reach-portal .xl\:shadow-none {
    box-shadow: none !important
  }

  #navbarWrapper .xl\:hover\:shadow-xs:hover,
  reach-portal .xl\:hover\:shadow-xs:hover {
    box-shadow: 0 0 0 1px #0000000d !important
  }

  #navbarWrapper .xl\:hover\:shadow-sm:hover,
  reach-portal .xl\:hover\:shadow-sm:hover {
    box-shadow: 0 1px 2px 0 #0000000d !important
  }

  #navbarWrapper .xl\:hover\:shadow:hover,
  reach-portal .xl\:hover\:shadow:hover {
    box-shadow: 0 .125rem .25rem #00000040 !important
  }

  #navbarWrapper .xl\:hover\:shadow-md:hover,
  reach-portal .xl\:hover\:shadow-md:hover {
    box-shadow: 0 .125rem .625rem #0003 !important
  }

  #navbarWrapper .xl\:hover\:shadow-lg:hover,
  reach-portal .xl\:hover\:shadow-lg:hover {
    box-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d !important
  }

  #navbarWrapper .xl\:hover\:shadow-xl:hover,
  reach-portal .xl\:hover\:shadow-xl:hover {
    box-shadow: 0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a !important
  }

  #navbarWrapper .xl\:hover\:shadow-2xl:hover,
  reach-portal .xl\:hover\:shadow-2xl:hover {
    box-shadow: 0 25px 50px -12px #00000040 !important
  }

  #navbarWrapper .xl\:hover\:shadow-inner:hover,
  reach-portal .xl\:hover\:shadow-inner:hover {
    box-shadow: inset 0 2px 4px 0 #0000000f !important
  }

  #navbarWrapper .xl\:hover\:shadow-outline:hover,
  reach-portal .xl\:hover\:shadow-outline:hover {
    box-shadow: 0 0 0 3px #4299e180 !important
  }

  #navbarWrapper .xl\:hover\:shadow-none:hover,
  reach-portal .xl\:hover\:shadow-none:hover {
    box-shadow: none !important
  }

  #navbarWrapper .xl\:focus\:shadow-xs:focus,
  reach-portal .xl\:focus\:shadow-xs:focus {
    box-shadow: 0 0 0 1px #0000000d !important
  }

  #navbarWrapper .xl\:focus\:shadow-sm:focus,
  reach-portal .xl\:focus\:shadow-sm:focus {
    box-shadow: 0 1px 2px 0 #0000000d !important
  }

  #navbarWrapper .xl\:focus\:shadow:focus,
  reach-portal .xl\:focus\:shadow:focus {
    box-shadow: 0 .125rem .25rem #00000040 !important
  }

  #navbarWrapper .xl\:focus\:shadow-md:focus,
  reach-portal .xl\:focus\:shadow-md:focus {
    box-shadow: 0 .125rem .625rem #0003 !important
  }

  #navbarWrapper .xl\:focus\:shadow-lg:focus,
  reach-portal .xl\:focus\:shadow-lg:focus {
    box-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d !important
  }

  #navbarWrapper .xl\:focus\:shadow-xl:focus,
  reach-portal .xl\:focus\:shadow-xl:focus {
    box-shadow: 0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a !important
  }

  #navbarWrapper .xl\:focus\:shadow-2xl:focus,
  reach-portal .xl\:focus\:shadow-2xl:focus {
    box-shadow: 0 25px 50px -12px #00000040 !important
  }

  #navbarWrapper .xl\:focus\:shadow-inner:focus,
  reach-portal .xl\:focus\:shadow-inner:focus {
    box-shadow: inset 0 2px 4px 0 #0000000f !important
  }

  #navbarWrapper .xl\:focus\:shadow-outline:focus,
  reach-portal .xl\:focus\:shadow-outline:focus {
    box-shadow: 0 0 0 3px #4299e180 !important
  }

  #navbarWrapper .xl\:focus\:shadow-none:focus,
  reach-portal .xl\:focus\:shadow-none:focus {
    box-shadow: none !important
  }

  #navbarWrapper .xl\:fill-current,
  reach-portal .xl\:fill-current {
    fill: currentColor !important
  }

  #navbarWrapper .xl\:stroke-current,
  reach-portal .xl\:stroke-current {
    stroke: currentColor !important
  }

  #navbarWrapper .xl\:stroke-0,
  reach-portal .xl\:stroke-0 {
    stroke-width: 0 !important
  }

  #navbarWrapper .xl\:stroke-1,
  reach-portal .xl\:stroke-1 {
    stroke-width: 1 !important
  }

  #navbarWrapper .xl\:stroke-2,
  reach-portal .xl\:stroke-2 {
    stroke-width: 2 !important
  }

  #navbarWrapper .xl\:table-auto,
  reach-portal .xl\:table-auto {
    table-layout: auto !important
  }

  #navbarWrapper .xl\:table-fixed,
  reach-portal .xl\:table-fixed {
    table-layout: fixed !important
  }

  #navbarWrapper .xl\:text-left,
  reach-portal .xl\:text-left {
    text-align: left !important
  }

  #navbarWrapper .xl\:text-center,
  reach-portal .xl\:text-center {
    text-align: center !important
  }

  #navbarWrapper .xl\:text-right,
  reach-portal .xl\:text-right {
    text-align: right !important
  }

  #navbarWrapper .xl\:text-justify,
  reach-portal .xl\:text-justify {
    text-align: justify !important
  }

  #navbarWrapper .xl\:text-opsPrimary,
  reach-portal .xl\:text-opsPrimary {
    --text-opacity: 1 !important;
    color: #0077c8 !important;
    color: rgba(0, 119, 200, var(--text-opacity)) !important
  }

  #navbarWrapper .xl\:text-opsSecondary,
  reach-portal .xl\:text-opsSecondary {
    --text-opacity: 1 !important;
    color: #425563 !important;
    color: rgba(66, 85, 99, var(--text-opacity)) !important
  }

  #navbarWrapper .xl\:text-opsGreen,
  reach-portal .xl\:text-opsGreen {
    --text-opacity: 1 !important;
    color: #1ca34a !important;
    color: rgba(28, 163, 74, var(--text-opacity)) !important
  }

  #navbarWrapper .xl\:text-opsOrange,
  reach-portal .xl\:text-opsOrange {
    --text-opacity: 1 !important;
    color: #f47925 !important;
    color: rgba(244, 121, 37, var(--text-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:text-opsPrimary:hover,
  reach-portal .xl\:hover\:text-opsPrimary:hover {
    --text-opacity: 1 !important;
    color: #0077c8 !important;
    color: rgba(0, 119, 200, var(--text-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:text-opsSecondary:hover,
  reach-portal .xl\:hover\:text-opsSecondary:hover {
    --text-opacity: 1 !important;
    color: #425563 !important;
    color: rgba(66, 85, 99, var(--text-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:text-opsGreen:hover,
  reach-portal .xl\:hover\:text-opsGreen:hover {
    --text-opacity: 1 !important;
    color: #1ca34a !important;
    color: rgba(28, 163, 74, var(--text-opacity)) !important
  }

  #navbarWrapper .xl\:hover\:text-opsOrange:hover,
  reach-portal .xl\:hover\:text-opsOrange:hover {
    --text-opacity: 1 !important;
    color: #f47925 !important;
    color: rgba(244, 121, 37, var(--text-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:text-opsPrimary:focus,
  reach-portal .xl\:focus\:text-opsPrimary:focus {
    --text-opacity: 1 !important;
    color: #0077c8 !important;
    color: rgba(0, 119, 200, var(--text-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:text-opsSecondary:focus,
  reach-portal .xl\:focus\:text-opsSecondary:focus {
    --text-opacity: 1 !important;
    color: #425563 !important;
    color: rgba(66, 85, 99, var(--text-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:text-opsGreen:focus,
  reach-portal .xl\:focus\:text-opsGreen:focus {
    --text-opacity: 1 !important;
    color: #1ca34a !important;
    color: rgba(28, 163, 74, var(--text-opacity)) !important
  }

  #navbarWrapper .xl\:focus\:text-opsOrange:focus,
  reach-portal .xl\:focus\:text-opsOrange:focus {
    --text-opacity: 1 !important;
    color: #f47925 !important;
    color: rgba(244, 121, 37, var(--text-opacity)) !important
  }

  #navbarWrapper .xl\:text-opacity-0,
  reach-portal .xl\:text-opacity-0 {
    --text-opacity: 0 !important
  }

  #navbarWrapper .xl\:text-opacity-25,
  reach-portal .xl\:text-opacity-25 {
    --text-opacity: 0.25 !important
  }

  #navbarWrapper .xl\:text-opacity-50,
  reach-portal .xl\:text-opacity-50 {
    --text-opacity: 0.5 !important
  }

  #navbarWrapper .xl\:text-opacity-75,
  reach-portal .xl\:text-opacity-75 {
    --text-opacity: 0.75 !important
  }

  #navbarWrapper .xl\:text-opacity-100,
  reach-portal .xl\:text-opacity-100 {
    --text-opacity: 1 !important
  }

  #navbarWrapper .xl\:hover\:text-opacity-0:hover,
  reach-portal .xl\:hover\:text-opacity-0:hover {
    --text-opacity: 0 !important
  }

  #navbarWrapper .xl\:hover\:text-opacity-25:hover,
  reach-portal .xl\:hover\:text-opacity-25:hover {
    --text-opacity: 0.25 !important
  }

  #navbarWrapper .xl\:hover\:text-opacity-50:hover,
  reach-portal .xl\:hover\:text-opacity-50:hover {
    --text-opacity: 0.5 !important
  }

  #navbarWrapper .xl\:hover\:text-opacity-75:hover,
  reach-portal .xl\:hover\:text-opacity-75:hover {
    --text-opacity: 0.75 !important
  }

  #navbarWrapper .xl\:hover\:text-opacity-100:hover,
  reach-portal .xl\:hover\:text-opacity-100:hover {
    --text-opacity: 1 !important
  }

  #navbarWrapper .xl\:focus\:text-opacity-0:focus,
  reach-portal .xl\:focus\:text-opacity-0:focus {
    --text-opacity: 0 !important
  }

  #navbarWrapper .xl\:focus\:text-opacity-25:focus,
  reach-portal .xl\:focus\:text-opacity-25:focus {
    --text-opacity: 0.25 !important
  }

  #navbarWrapper .xl\:focus\:text-opacity-50:focus,
  reach-portal .xl\:focus\:text-opacity-50:focus {
    --text-opacity: 0.5 !important
  }

  #navbarWrapper .xl\:focus\:text-opacity-75:focus,
  reach-portal .xl\:focus\:text-opacity-75:focus {
    --text-opacity: 0.75 !important
  }

  #navbarWrapper .xl\:focus\:text-opacity-100:focus,
  reach-portal .xl\:focus\:text-opacity-100:focus {
    --text-opacity: 1 !important
  }

  #navbarWrapper .xl\:italic,
  reach-portal .xl\:italic {
    font-style: italic !important
  }

  #navbarWrapper .xl\:not-italic,
  reach-portal .xl\:not-italic {
    font-style: normal !important
  }

  #navbarWrapper .xl\:uppercase,
  reach-portal .xl\:uppercase {
    text-transform: uppercase !important
  }

  #navbarWrapper .xl\:lowercase,
  reach-portal .xl\:lowercase {
    text-transform: lowercase !important
  }

  #navbarWrapper .xl\:capitalize,
  reach-portal .xl\:capitalize {
    text-transform: capitalize !important
  }

  #navbarWrapper .xl\:normal-case,
  reach-portal .xl\:normal-case {
    text-transform: none !important
  }

  #navbarWrapper .xl\:underline,
  reach-portal .xl\:underline {
    text-decoration: underline !important
  }

  #navbarWrapper .xl\:line-through,
  reach-portal .xl\:line-through {
    text-decoration: line-through !important
  }

  #navbarWrapper .xl\:no-underline,
  reach-portal .xl\:no-underline {
    text-decoration: none !important
  }

  #navbarWrapper .xl\:hover\:underline:hover,
  reach-portal .xl\:hover\:underline:hover {
    text-decoration: underline !important
  }

  #navbarWrapper .xl\:hover\:line-through:hover,
  reach-portal .xl\:hover\:line-through:hover {
    text-decoration: line-through !important
  }

  #navbarWrapper .xl\:hover\:no-underline:hover,
  reach-portal .xl\:hover\:no-underline:hover {
    text-decoration: none !important
  }

  #navbarWrapper .xl\:focus\:underline:focus,
  reach-portal .xl\:focus\:underline:focus {
    text-decoration: underline !important
  }

  #navbarWrapper .xl\:focus\:line-through:focus,
  reach-portal .xl\:focus\:line-through:focus {
    text-decoration: line-through !important
  }

  #navbarWrapper .xl\:focus\:no-underline:focus,
  reach-portal .xl\:focus\:no-underline:focus {
    text-decoration: none !important
  }

  #navbarWrapper .xl\:antialiased,
  reach-portal .xl\:antialiased {
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important
  }

  #navbarWrapper .xl\:subpixel-antialiased,
  reach-portal .xl\:subpixel-antialiased {
    -webkit-font-smoothing: auto !important;
    -moz-osx-font-smoothing: auto !important
  }

  #navbarWrapper .xl\:tracking-tighter,
  reach-portal .xl\:tracking-tighter {
    letter-spacing: -.05em !important
  }

  #navbarWrapper .xl\:tracking-tight,
  reach-portal .xl\:tracking-tight {
    letter-spacing: -.025em !important
  }

  #navbarWrapper .xl\:tracking-normal,
  reach-portal .xl\:tracking-normal {
    letter-spacing: 0 !important
  }

  #navbarWrapper .xl\:tracking-wide,
  reach-portal .xl\:tracking-wide {
    letter-spacing: .025em !important
  }

  #navbarWrapper .xl\:tracking-wider,
  reach-portal .xl\:tracking-wider {
    letter-spacing: .05em !important
  }

  #navbarWrapper .xl\:tracking-widest,
  reach-portal .xl\:tracking-widest {
    letter-spacing: .1em !important
  }

  #navbarWrapper .xl\:select-none,
  reach-portal .xl\:select-none {
    -webkit-user-select: none !important;
    user-select: none !important
  }

  #navbarWrapper .xl\:select-text,
  reach-portal .xl\:select-text {
    -webkit-user-select: text !important;
    user-select: text !important
  }

  #navbarWrapper .xl\:select-all,
  reach-portal .xl\:select-all {
    -webkit-user-select: all !important;
    user-select: all !important
  }

  #navbarWrapper .xl\:select-auto,
  reach-portal .xl\:select-auto {
    -webkit-user-select: auto !important;
    user-select: auto !important
  }

  #navbarWrapper .xl\:align-baseline,
  reach-portal .xl\:align-baseline {
    vertical-align: initial !important
  }

  #navbarWrapper .xl\:align-top,
  reach-portal .xl\:align-top {
    vertical-align: top !important
  }

  #navbarWrapper .xl\:align-middle,
  reach-portal .xl\:align-middle {
    vertical-align: middle !important
  }

  #navbarWrapper .xl\:align-bottom,
  reach-portal .xl\:align-bottom {
    vertical-align: bottom !important
  }

  #navbarWrapper .xl\:align-text-top,
  reach-portal .xl\:align-text-top {
    vertical-align: text-top !important
  }

  #navbarWrapper .xl\:align-text-bottom,
  reach-portal .xl\:align-text-bottom {
    vertical-align: text-bottom !important
  }

  #navbarWrapper .xl\:visible,
  reach-portal .xl\:visible {
    visibility: visible !important
  }

  #navbarWrapper .xl\:invisible,
  reach-portal .xl\:invisible {
    visibility: hidden !important
  }

  #navbarWrapper .xl\:whitespace-normal,
  reach-portal .xl\:whitespace-normal {
    white-space: normal !important
  }

  #navbarWrapper .xl\:whitespace-no-wrap,
  reach-portal .xl\:whitespace-no-wrap {
    white-space: nowrap !important
  }

  #navbarWrapper .xl\:whitespace-pre,
  reach-portal .xl\:whitespace-pre {
    white-space: pre !important
  }

  #navbarWrapper .xl\:whitespace-pre-line,
  reach-portal .xl\:whitespace-pre-line {
    white-space: pre-line !important
  }

  #navbarWrapper .xl\:whitespace-pre-wrap,
  reach-portal .xl\:whitespace-pre-wrap {
    white-space: pre-wrap !important
  }

  #navbarWrapper .xl\:break-normal,
  reach-portal .xl\:break-normal {
    overflow-wrap: normal !important;
    word-break: normal !important
  }

  #navbarWrapper .xl\:break-words,
  reach-portal .xl\:break-words {
    overflow-wrap: break-word !important
  }

  #navbarWrapper .xl\:break-all,
  reach-portal .xl\:break-all {
    word-break: break-all !important
  }

  #navbarWrapper .xl\:truncate,
  reach-portal .xl\:truncate {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important
  }

  #navbarWrapper .xl\:w-0,
  reach-portal .xl\:w-0 {
    width: 0 !important
  }

  #navbarWrapper .xl\:w-1,
  reach-portal .xl\:w-1 {
    width: .25rem !important
  }

  #navbarWrapper .xl\:w-2,
  reach-portal .xl\:w-2 {
    width: .5rem !important
  }

  #navbarWrapper .xl\:w-3,
  reach-portal .xl\:w-3 {
    width: .75rem !important
  }

  #navbarWrapper .xl\:w-4,
  reach-portal .xl\:w-4 {
    width: 1rem !important
  }

  #navbarWrapper .xl\:w-5,
  reach-portal .xl\:w-5 {
    width: 1.25rem !important
  }

  #navbarWrapper .xl\:w-6,
  reach-portal .xl\:w-6 {
    width: 1.5rem !important
  }

  #navbarWrapper .xl\:w-8,
  reach-portal .xl\:w-8 {
    width: 2rem !important
  }

  #navbarWrapper .xl\:w-10,
  reach-portal .xl\:w-10 {
    width: 2.5rem !important
  }

  #navbarWrapper .xl\:w-12,
  reach-portal .xl\:w-12 {
    width: 3rem !important
  }

  #navbarWrapper .xl\:w-16,
  reach-portal .xl\:w-16 {
    width: 4rem !important
  }

  #navbarWrapper .xl\:w-20,
  reach-portal .xl\:w-20 {
    width: 5rem !important
  }

  #navbarWrapper .xl\:w-24,
  reach-portal .xl\:w-24 {
    width: 6rem !important
  }

  #navbarWrapper .xl\:w-32,
  reach-portal .xl\:w-32 {
    width: 8rem !important
  }

  #navbarWrapper .xl\:w-40,
  reach-portal .xl\:w-40 {
    width: 10rem !important
  }

  #navbarWrapper .xl\:w-48,
  reach-portal .xl\:w-48 {
    width: 12rem !important
  }

  #navbarWrapper .xl\:w-56,
  reach-portal .xl\:w-56 {
    width: 14rem !important
  }

  #navbarWrapper .xl\:w-64,
  reach-portal .xl\:w-64 {
    width: 16rem !important
  }

  #navbarWrapper .xl\:w-auto,
  reach-portal .xl\:w-auto {
    width: auto !important
  }

  #navbarWrapper .xl\:w-px,
  reach-portal .xl\:w-px {
    width: 1px !important
  }

  #navbarWrapper .xl\:w-1\/2,
  reach-portal .xl\:w-1\/2 {
    width: 50% !important
  }

  #navbarWrapper .xl\:w-1\/3,
  reach-portal .xl\:w-1\/3 {
    width: 33.333333% !important
  }

  #navbarWrapper .xl\:w-2\/3,
  reach-portal .xl\:w-2\/3 {
    width: 66.666667% !important
  }

  #navbarWrapper .xl\:w-1\/4,
  reach-portal .xl\:w-1\/4 {
    width: 25% !important
  }

  #navbarWrapper .xl\:w-2\/4,
  reach-portal .xl\:w-2\/4 {
    width: 50% !important
  }

  #navbarWrapper .xl\:w-3\/4,
  reach-portal .xl\:w-3\/4 {
    width: 75% !important
  }

  #navbarWrapper .xl\:w-1\/5,
  reach-portal .xl\:w-1\/5 {
    width: 20% !important
  }

  #navbarWrapper .xl\:w-2\/5,
  reach-portal .xl\:w-2\/5 {
    width: 40% !important
  }

  #navbarWrapper .xl\:w-3\/5,
  reach-portal .xl\:w-3\/5 {
    width: 60% !important
  }

  #navbarWrapper .xl\:w-4\/5,
  reach-portal .xl\:w-4\/5 {
    width: 80% !important
  }

  #navbarWrapper .xl\:w-1\/6,
  reach-portal .xl\:w-1\/6 {
    width: 16.666667% !important
  }

  #navbarWrapper .xl\:w-2\/6,
  reach-portal .xl\:w-2\/6 {
    width: 33.333333% !important
  }

  #navbarWrapper .xl\:w-3\/6,
  reach-portal .xl\:w-3\/6 {
    width: 50% !important
  }

  #navbarWrapper .xl\:w-4\/6,
  reach-portal .xl\:w-4\/6 {
    width: 66.666667% !important
  }

  #navbarWrapper .xl\:w-5\/6,
  reach-portal .xl\:w-5\/6 {
    width: 83.333333% !important
  }

  #navbarWrapper .xl\:w-1\/12,
  reach-portal .xl\:w-1\/12 {
    width: 8.333333% !important
  }

  #navbarWrapper .xl\:w-2\/12,
  reach-portal .xl\:w-2\/12 {
    width: 16.666667% !important
  }

  #navbarWrapper .xl\:w-3\/12,
  reach-portal .xl\:w-3\/12 {
    width: 25% !important
  }

  #navbarWrapper .xl\:w-4\/12,
  reach-portal .xl\:w-4\/12 {
    width: 33.333333% !important
  }

  #navbarWrapper .xl\:w-5\/12,
  reach-portal .xl\:w-5\/12 {
    width: 41.666667% !important
  }

  #navbarWrapper .xl\:w-6\/12,
  reach-portal .xl\:w-6\/12 {
    width: 50% !important
  }

  #navbarWrapper .xl\:w-7\/12,
  reach-portal .xl\:w-7\/12 {
    width: 58.333333% !important
  }

  #navbarWrapper .xl\:w-8\/12,
  reach-portal .xl\:w-8\/12 {
    width: 66.666667% !important
  }

  #navbarWrapper .xl\:w-9\/12,
  reach-portal .xl\:w-9\/12 {
    width: 75% !important
  }

  #navbarWrapper .xl\:w-10\/12,
  reach-portal .xl\:w-10\/12 {
    width: 83.333333% !important
  }

  #navbarWrapper .xl\:w-11\/12,
  reach-portal .xl\:w-11\/12 {
    width: 91.666667% !important
  }

  #navbarWrapper .xl\:w-full,
  reach-portal .xl\:w-full {
    width: 100% !important
  }

  #navbarWrapper .xl\:w-screen,
  reach-portal .xl\:w-screen {
    width: 100vw !important
  }

  #navbarWrapper .xl\:z-0,
  reach-portal .xl\:z-0 {
    z-index: 0 !important
  }

  #navbarWrapper .xl\:z-10,
  reach-portal .xl\:z-10 {
    z-index: 10 !important
  }

  #navbarWrapper .xl\:z-30,
  reach-portal .xl\:z-30 {
    z-index: 30 !important
  }

  #navbarWrapper .xl\:z-40,
  reach-portal .xl\:z-40 {
    z-index: 40 !important
  }

  #navbarWrapper .xl\:z-50,
  reach-portal .xl\:z-50 {
    z-index: 50 !important
  }

  #navbarWrapper .xl\:z-auto,
  reach-portal .xl\:z-auto {
    z-index: auto !important
  }

  #navbarWrapper .xl\:gap-0,
  reach-portal .xl\:gap-0 {
    grid-gap: 0 !important;
    gap: 0 !important
  }

  #navbarWrapper .xl\:gap-1,
  reach-portal .xl\:gap-1 {
    grid-gap: .25rem !important;
    gap: .25rem !important
  }

  #navbarWrapper .xl\:gap-2,
  reach-portal .xl\:gap-2 {
    grid-gap: .5rem !important;
    gap: .5rem !important
  }

  #navbarWrapper .xl\:gap-3,
  reach-portal .xl\:gap-3 {
    grid-gap: .75rem !important;
    gap: .75rem !important
  }

  #navbarWrapper .xl\:gap-4,
  reach-portal .xl\:gap-4 {
    grid-gap: 1rem !important;
    gap: 1rem !important
  }

  #navbarWrapper .xl\:gap-5,
  reach-portal .xl\:gap-5 {
    grid-gap: 1.25rem !important;
    gap: 1.25rem !important
  }

  #navbarWrapper .xl\:gap-6,
  reach-portal .xl\:gap-6 {
    grid-gap: 1.5rem !important;
    gap: 1.5rem !important
  }

  #navbarWrapper .xl\:gap-8,
  reach-portal .xl\:gap-8 {
    grid-gap: 2rem !important;
    gap: 2rem !important
  }

  #navbarWrapper .xl\:gap-10,
  reach-portal .xl\:gap-10 {
    grid-gap: 2.5rem !important;
    gap: 2.5rem !important
  }

  #navbarWrapper .xl\:gap-12,
  reach-portal .xl\:gap-12 {
    grid-gap: 3rem !important;
    gap: 3rem !important
  }

  #navbarWrapper .xl\:gap-16,
  reach-portal .xl\:gap-16 {
    grid-gap: 4rem !important;
    gap: 4rem !important
  }

  #navbarWrapper .xl\:gap-20,
  reach-portal .xl\:gap-20 {
    grid-gap: 5rem !important;
    gap: 5rem !important
  }

  #navbarWrapper .xl\:gap-24,
  reach-portal .xl\:gap-24 {
    grid-gap: 6rem !important;
    gap: 6rem !important
  }

  #navbarWrapper .xl\:gap-32,
  reach-portal .xl\:gap-32 {
    grid-gap: 8rem !important;
    gap: 8rem !important
  }

  #navbarWrapper .xl\:gap-40,
  reach-portal .xl\:gap-40 {
    grid-gap: 10rem !important;
    gap: 10rem !important
  }

  #navbarWrapper .xl\:gap-48,
  reach-portal .xl\:gap-48 {
    grid-gap: 12rem !important;
    gap: 12rem !important
  }

  #navbarWrapper .xl\:gap-56,
  reach-portal .xl\:gap-56 {
    grid-gap: 14rem !important;
    gap: 14rem !important
  }

  #navbarWrapper .xl\:gap-64,
  reach-portal .xl\:gap-64 {
    grid-gap: 16rem !important;
    gap: 16rem !important
  }

  #navbarWrapper .xl\:gap-px,
  reach-portal .xl\:gap-px {
    grid-gap: 1px !important;
    gap: 1px !important
  }

  #navbarWrapper .xl\:col-gap-0,
  reach-portal .xl\:col-gap-0 {
    grid-column-gap: 0 !important;
    column-gap: 0 !important
  }

  #navbarWrapper .xl\:col-gap-1,
  reach-portal .xl\:col-gap-1 {
    grid-column-gap: .25rem !important;
    column-gap: .25rem !important
  }

  #navbarWrapper .xl\:col-gap-2,
  reach-portal .xl\:col-gap-2 {
    grid-column-gap: .5rem !important;
    column-gap: .5rem !important
  }

  #navbarWrapper .xl\:col-gap-3,
  reach-portal .xl\:col-gap-3 {
    grid-column-gap: .75rem !important;
    column-gap: .75rem !important
  }

  #navbarWrapper .xl\:col-gap-4,
  reach-portal .xl\:col-gap-4 {
    grid-column-gap: 1rem !important;
    column-gap: 1rem !important
  }

  #navbarWrapper .xl\:col-gap-5,
  reach-portal .xl\:col-gap-5 {
    grid-column-gap: 1.25rem !important;
    column-gap: 1.25rem !important
  }

  #navbarWrapper .xl\:col-gap-6,
  reach-portal .xl\:col-gap-6 {
    grid-column-gap: 1.5rem !important;
    column-gap: 1.5rem !important
  }

  #navbarWrapper .xl\:col-gap-8,
  reach-portal .xl\:col-gap-8 {
    grid-column-gap: 2rem !important;
    column-gap: 2rem !important
  }

  #navbarWrapper .xl\:col-gap-10,
  reach-portal .xl\:col-gap-10 {
    grid-column-gap: 2.5rem !important;
    column-gap: 2.5rem !important
  }

  #navbarWrapper .xl\:col-gap-12,
  reach-portal .xl\:col-gap-12 {
    grid-column-gap: 3rem !important;
    column-gap: 3rem !important
  }

  #navbarWrapper .xl\:col-gap-16,
  reach-portal .xl\:col-gap-16 {
    grid-column-gap: 4rem !important;
    column-gap: 4rem !important
  }

  #navbarWrapper .xl\:col-gap-20,
  reach-portal .xl\:col-gap-20 {
    grid-column-gap: 5rem !important;
    column-gap: 5rem !important
  }

  #navbarWrapper .xl\:col-gap-24,
  reach-portal .xl\:col-gap-24 {
    grid-column-gap: 6rem !important;
    column-gap: 6rem !important
  }

  #navbarWrapper .xl\:col-gap-32,
  reach-portal .xl\:col-gap-32 {
    grid-column-gap: 8rem !important;
    column-gap: 8rem !important
  }

  #navbarWrapper .xl\:col-gap-40,
  reach-portal .xl\:col-gap-40 {
    grid-column-gap: 10rem !important;
    column-gap: 10rem !important
  }

  #navbarWrapper .xl\:col-gap-48,
  reach-portal .xl\:col-gap-48 {
    grid-column-gap: 12rem !important;
    column-gap: 12rem !important
  }

  #navbarWrapper .xl\:col-gap-56,
  reach-portal .xl\:col-gap-56 {
    grid-column-gap: 14rem !important;
    column-gap: 14rem !important
  }

  #navbarWrapper .xl\:col-gap-64,
  reach-portal .xl\:col-gap-64 {
    grid-column-gap: 16rem !important;
    column-gap: 16rem !important
  }

  #navbarWrapper .xl\:col-gap-px,
  reach-portal .xl\:col-gap-px {
    grid-column-gap: 1px !important;
    column-gap: 1px !important
  }

  #navbarWrapper .xl\:row-gap-0,
  reach-portal .xl\:row-gap-0 {
    grid-row-gap: 0 !important;
    row-gap: 0 !important
  }

  #navbarWrapper .xl\:row-gap-1,
  reach-portal .xl\:row-gap-1 {
    grid-row-gap: .25rem !important;
    row-gap: .25rem !important
  }

  #navbarWrapper .xl\:row-gap-2,
  reach-portal .xl\:row-gap-2 {
    grid-row-gap: .5rem !important;
    row-gap: .5rem !important
  }

  #navbarWrapper .xl\:row-gap-3,
  reach-portal .xl\:row-gap-3 {
    grid-row-gap: .75rem !important;
    row-gap: .75rem !important
  }

  #navbarWrapper .xl\:row-gap-4,
  reach-portal .xl\:row-gap-4 {
    grid-row-gap: 1rem !important;
    row-gap: 1rem !important
  }

  #navbarWrapper .xl\:row-gap-5,
  reach-portal .xl\:row-gap-5 {
    grid-row-gap: 1.25rem !important;
    row-gap: 1.25rem !important
  }

  #navbarWrapper .xl\:row-gap-6,
  reach-portal .xl\:row-gap-6 {
    grid-row-gap: 1.5rem !important;
    row-gap: 1.5rem !important
  }

  #navbarWrapper .xl\:row-gap-8,
  reach-portal .xl\:row-gap-8 {
    grid-row-gap: 2rem !important;
    row-gap: 2rem !important
  }

  #navbarWrapper .xl\:row-gap-10,
  reach-portal .xl\:row-gap-10 {
    grid-row-gap: 2.5rem !important;
    row-gap: 2.5rem !important
  }

  #navbarWrapper .xl\:row-gap-12,
  reach-portal .xl\:row-gap-12 {
    grid-row-gap: 3rem !important;
    row-gap: 3rem !important
  }

  #navbarWrapper .xl\:row-gap-16,
  reach-portal .xl\:row-gap-16 {
    grid-row-gap: 4rem !important;
    row-gap: 4rem !important
  }

  #navbarWrapper .xl\:row-gap-20,
  reach-portal .xl\:row-gap-20 {
    grid-row-gap: 5rem !important;
    row-gap: 5rem !important
  }

  #navbarWrapper .xl\:row-gap-24,
  reach-portal .xl\:row-gap-24 {
    grid-row-gap: 6rem !important;
    row-gap: 6rem !important
  }

  #navbarWrapper .xl\:row-gap-32,
  reach-portal .xl\:row-gap-32 {
    grid-row-gap: 8rem !important;
    row-gap: 8rem !important
  }

  #navbarWrapper .xl\:row-gap-40,
  reach-portal .xl\:row-gap-40 {
    grid-row-gap: 10rem !important;
    row-gap: 10rem !important
  }

  #navbarWrapper .xl\:row-gap-48,
  reach-portal .xl\:row-gap-48 {
    grid-row-gap: 12rem !important;
    row-gap: 12rem !important
  }

  #navbarWrapper .xl\:row-gap-56,
  reach-portal .xl\:row-gap-56 {
    grid-row-gap: 14rem !important;
    row-gap: 14rem !important
  }

  #navbarWrapper .xl\:row-gap-64,
  reach-portal .xl\:row-gap-64 {
    grid-row-gap: 16rem !important;
    row-gap: 16rem !important
  }

  #navbarWrapper .xl\:row-gap-px,
  reach-portal .xl\:row-gap-px {
    grid-row-gap: 1px !important;
    row-gap: 1px !important
  }

  #navbarWrapper .xl\:grid-flow-row,
  reach-portal .xl\:grid-flow-row {
    grid-auto-flow: row !important
  }

  #navbarWrapper .xl\:grid-flow-col,
  reach-portal .xl\:grid-flow-col {
    grid-auto-flow: column !important
  }

  #navbarWrapper .xl\:grid-flow-row-dense,
  reach-portal .xl\:grid-flow-row-dense {
    grid-auto-flow: row dense !important
  }

  #navbarWrapper .xl\:grid-flow-col-dense,
  reach-portal .xl\:grid-flow-col-dense {
    grid-auto-flow: column dense !important
  }

  #navbarWrapper .xl\:grid-cols-1,
  reach-portal .xl\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important
  }

  #navbarWrapper .xl\:grid-cols-2,
  reach-portal .xl\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important
  }

  #navbarWrapper .xl\:grid-cols-3,
  reach-portal .xl\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important
  }

  #navbarWrapper .xl\:grid-cols-4,
  reach-portal .xl\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important
  }

  #navbarWrapper .xl\:grid-cols-5,
  reach-portal .xl\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important
  }

  #navbarWrapper .xl\:grid-cols-6,
  reach-portal .xl\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important
  }

  #navbarWrapper .xl\:grid-cols-7,
  reach-portal .xl\:grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr)) !important
  }

  #navbarWrapper .xl\:grid-cols-8,
  reach-portal .xl\:grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr)) !important
  }

  #navbarWrapper .xl\:grid-cols-9,
  reach-portal .xl\:grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr)) !important
  }

  #navbarWrapper .xl\:grid-cols-10,
  reach-portal .xl\:grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr)) !important
  }

  #navbarWrapper .xl\:grid-cols-11,
  reach-portal .xl\:grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr)) !important
  }

  #navbarWrapper .xl\:grid-cols-12,
  reach-portal .xl\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr)) !important
  }

  #navbarWrapper .xl\:grid-cols-none,
  reach-portal .xl\:grid-cols-none {
    grid-template-columns: none !important
  }

  #navbarWrapper .xl\:col-auto,
  reach-portal .xl\:col-auto {
    grid-column: auto !important
  }

  #navbarWrapper .xl\:col-span-1,
  reach-portal .xl\:col-span-1 {
    grid-column: span 1/span 1 !important
  }

  #navbarWrapper .xl\:col-span-2,
  reach-portal .xl\:col-span-2 {
    grid-column: span 2/span 2 !important
  }

  #navbarWrapper .xl\:col-span-3,
  reach-portal .xl\:col-span-3 {
    grid-column: span 3/span 3 !important
  }

  #navbarWrapper .xl\:col-span-4,
  reach-portal .xl\:col-span-4 {
    grid-column: span 4/span 4 !important
  }

  #navbarWrapper .xl\:col-span-5,
  reach-portal .xl\:col-span-5 {
    grid-column: span 5/span 5 !important
  }

  #navbarWrapper .xl\:col-span-6,
  reach-portal .xl\:col-span-6 {
    grid-column: span 6/span 6 !important
  }

  #navbarWrapper .xl\:col-span-7,
  reach-portal .xl\:col-span-7 {
    grid-column: span 7/span 7 !important
  }

  #navbarWrapper .xl\:col-span-8,
  reach-portal .xl\:col-span-8 {
    grid-column: span 8/span 8 !important
  }

  #navbarWrapper .xl\:col-span-9,
  reach-portal .xl\:col-span-9 {
    grid-column: span 9/span 9 !important
  }

  #navbarWrapper .xl\:col-span-10,
  reach-portal .xl\:col-span-10 {
    grid-column: span 10/span 10 !important
  }

  #navbarWrapper .xl\:col-span-11,
  reach-portal .xl\:col-span-11 {
    grid-column: span 11/span 11 !important
  }

  #navbarWrapper .xl\:col-span-12,
  reach-portal .xl\:col-span-12 {
    grid-column: span 12/span 12 !important
  }

  #navbarWrapper .xl\:col-start-1,
  reach-portal .xl\:col-start-1 {
    grid-column-start: 1 !important
  }

  #navbarWrapper .xl\:col-start-2,
  reach-portal .xl\:col-start-2 {
    grid-column-start: 2 !important
  }

  #navbarWrapper .xl\:col-start-3,
  reach-portal .xl\:col-start-3 {
    grid-column-start: 3 !important
  }

  #navbarWrapper .xl\:col-start-4,
  reach-portal .xl\:col-start-4 {
    grid-column-start: 4 !important
  }

  #navbarWrapper .xl\:col-start-5,
  reach-portal .xl\:col-start-5 {
    grid-column-start: 5 !important
  }

  #navbarWrapper .xl\:col-start-6,
  reach-portal .xl\:col-start-6 {
    grid-column-start: 6 !important
  }

  #navbarWrapper .xl\:col-start-7,
  reach-portal .xl\:col-start-7 {
    grid-column-start: 7 !important
  }

  #navbarWrapper .xl\:col-start-8,
  reach-portal .xl\:col-start-8 {
    grid-column-start: 8 !important
  }

  #navbarWrapper .xl\:col-start-9,
  reach-portal .xl\:col-start-9 {
    grid-column-start: 9 !important
  }

  #navbarWrapper .xl\:col-start-10,
  reach-portal .xl\:col-start-10 {
    grid-column-start: 10 !important
  }

  #navbarWrapper .xl\:col-start-11,
  reach-portal .xl\:col-start-11 {
    grid-column-start: 11 !important
  }

  #navbarWrapper .xl\:col-start-12,
  reach-portal .xl\:col-start-12 {
    grid-column-start: 12 !important
  }

  #navbarWrapper .xl\:col-start-13,
  reach-portal .xl\:col-start-13 {
    grid-column-start: 13 !important
  }

  #navbarWrapper .xl\:col-start-auto,
  reach-portal .xl\:col-start-auto {
    grid-column-start: auto !important
  }

  #navbarWrapper .xl\:col-end-1,
  reach-portal .xl\:col-end-1 {
    grid-column-end: 1 !important
  }

  #navbarWrapper .xl\:col-end-2,
  reach-portal .xl\:col-end-2 {
    grid-column-end: 2 !important
  }

  #navbarWrapper .xl\:col-end-3,
  reach-portal .xl\:col-end-3 {
    grid-column-end: 3 !important
  }

  #navbarWrapper .xl\:col-end-4,
  reach-portal .xl\:col-end-4 {
    grid-column-end: 4 !important
  }

  #navbarWrapper .xl\:col-end-5,
  reach-portal .xl\:col-end-5 {
    grid-column-end: 5 !important
  }

  #navbarWrapper .xl\:col-end-6,
  reach-portal .xl\:col-end-6 {
    grid-column-end: 6 !important
  }

  #navbarWrapper .xl\:col-end-7,
  reach-portal .xl\:col-end-7 {
    grid-column-end: 7 !important
  }

  #navbarWrapper .xl\:col-end-8,
  reach-portal .xl\:col-end-8 {
    grid-column-end: 8 !important
  }

  #navbarWrapper .xl\:col-end-9,
  reach-portal .xl\:col-end-9 {
    grid-column-end: 9 !important
  }

  #navbarWrapper .xl\:col-end-10,
  reach-portal .xl\:col-end-10 {
    grid-column-end: 10 !important
  }

  #navbarWrapper .xl\:col-end-11,
  reach-portal .xl\:col-end-11 {
    grid-column-end: 11 !important
  }

  #navbarWrapper .xl\:col-end-12,
  reach-portal .xl\:col-end-12 {
    grid-column-end: 12 !important
  }

  #navbarWrapper .xl\:col-end-13,
  reach-portal .xl\:col-end-13 {
    grid-column-end: 13 !important
  }

  #navbarWrapper .xl\:col-end-auto,
  reach-portal .xl\:col-end-auto {
    grid-column-end: auto !important
  }

  #navbarWrapper .xl\:grid-rows-1,
  reach-portal .xl\:grid-rows-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr)) !important
  }

  #navbarWrapper .xl\:grid-rows-2,
  reach-portal .xl\:grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr)) !important
  }

  #navbarWrapper .xl\:grid-rows-3,
  reach-portal .xl\:grid-rows-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr)) !important
  }

  #navbarWrapper .xl\:grid-rows-4,
  reach-portal .xl\:grid-rows-4 {
    grid-template-rows: repeat(4, minmax(0, 1fr)) !important
  }

  #navbarWrapper .xl\:grid-rows-5,
  reach-portal .xl\:grid-rows-5 {
    grid-template-rows: repeat(5, minmax(0, 1fr)) !important
  }

  #navbarWrapper .xl\:grid-rows-6,
  reach-portal .xl\:grid-rows-6 {
    grid-template-rows: repeat(6, minmax(0, 1fr)) !important
  }

  #navbarWrapper .xl\:grid-rows-none,
  reach-portal .xl\:grid-rows-none {
    grid-template-rows: none !important
  }

  #navbarWrapper .xl\:row-auto,
  reach-portal .xl\:row-auto {
    grid-row: auto !important
  }

  #navbarWrapper .xl\:row-span-1,
  reach-portal .xl\:row-span-1 {
    grid-row: span 1/span 1 !important
  }

  #navbarWrapper .xl\:row-span-2,
  reach-portal .xl\:row-span-2 {
    grid-row: span 2/span 2 !important
  }

  #navbarWrapper .xl\:row-span-3,
  reach-portal .xl\:row-span-3 {
    grid-row: span 3/span 3 !important
  }

  #navbarWrapper .xl\:row-span-4,
  reach-portal .xl\:row-span-4 {
    grid-row: span 4/span 4 !important
  }

  #navbarWrapper .xl\:row-span-5,
  reach-portal .xl\:row-span-5 {
    grid-row: span 5/span 5 !important
  }

  #navbarWrapper .xl\:row-span-6,
  reach-portal .xl\:row-span-6 {
    grid-row: span 6/span 6 !important
  }

  #navbarWrapper .xl\:row-start-1,
  reach-portal .xl\:row-start-1 {
    grid-row-start: 1 !important
  }

  #navbarWrapper .xl\:row-start-2,
  reach-portal .xl\:row-start-2 {
    grid-row-start: 2 !important
  }

  #navbarWrapper .xl\:row-start-3,
  reach-portal .xl\:row-start-3 {
    grid-row-start: 3 !important
  }

  #navbarWrapper .xl\:row-start-4,
  reach-portal .xl\:row-start-4 {
    grid-row-start: 4 !important
  }

  #navbarWrapper .xl\:row-start-5,
  reach-portal .xl\:row-start-5 {
    grid-row-start: 5 !important
  }

  #navbarWrapper .xl\:row-start-6,
  reach-portal .xl\:row-start-6 {
    grid-row-start: 6 !important
  }

  #navbarWrapper .xl\:row-start-7,
  reach-portal .xl\:row-start-7 {
    grid-row-start: 7 !important
  }

  #navbarWrapper .xl\:row-start-auto,
  reach-portal .xl\:row-start-auto {
    grid-row-start: auto !important
  }

  #navbarWrapper .xl\:row-end-1,
  reach-portal .xl\:row-end-1 {
    grid-row-end: 1 !important
  }

  #navbarWrapper .xl\:row-end-2,
  reach-portal .xl\:row-end-2 {
    grid-row-end: 2 !important
  }

  #navbarWrapper .xl\:row-end-3,
  reach-portal .xl\:row-end-3 {
    grid-row-end: 3 !important
  }

  #navbarWrapper .xl\:row-end-4,
  reach-portal .xl\:row-end-4 {
    grid-row-end: 4 !important
  }

  #navbarWrapper .xl\:row-end-5,
  reach-portal .xl\:row-end-5 {
    grid-row-end: 5 !important
  }

  #navbarWrapper .xl\:row-end-6,
  reach-portal .xl\:row-end-6 {
    grid-row-end: 6 !important
  }

  #navbarWrapper .xl\:row-end-7,
  reach-portal .xl\:row-end-7 {
    grid-row-end: 7 !important
  }

  #navbarWrapper .xl\:row-end-auto,
  reach-portal .xl\:row-end-auto {
    grid-row-end: auto !important
  }

  #navbarWrapper .xl\:transform,
  reach-portal .xl\:transform {
    --transform-translate-x: 0 !important;
    --transform-translate-y: 0 !important;
    --transform-rotate: 0 !important;
    --transform-skew-x: 0 !important;
    --transform-skew-y: 0 !important;
    --transform-scale-x: 1 !important;
    --transform-scale-y: 1 !important;
    transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y)) !important
  }

  #navbarWrapper .xl\:transform-none,
  reach-portal .xl\:transform-none {
    transform: none !important
  }

  #navbarWrapper .xl\:origin-center,
  reach-portal .xl\:origin-center {
    transform-origin: center !important
  }

  #navbarWrapper .xl\:origin-top,
  reach-portal .xl\:origin-top {
    transform-origin: top !important
  }

  #navbarWrapper .xl\:origin-top-right,
  reach-portal .xl\:origin-top-right {
    transform-origin: top right !important
  }

  #navbarWrapper .xl\:origin-right,
  reach-portal .xl\:origin-right {
    transform-origin: right !important
  }

  #navbarWrapper .xl\:origin-bottom-right,
  reach-portal .xl\:origin-bottom-right {
    transform-origin: bottom right !important
  }

  #navbarWrapper .xl\:origin-bottom,
  reach-portal .xl\:origin-bottom {
    transform-origin: bottom !important
  }

  #navbarWrapper .xl\:origin-bottom-left,
  reach-portal .xl\:origin-bottom-left {
    transform-origin: bottom left !important
  }

  #navbarWrapper .xl\:origin-left,
  reach-portal .xl\:origin-left {
    transform-origin: left !important
  }

  #navbarWrapper .xl\:origin-top-left,
  reach-portal .xl\:origin-top-left {
    transform-origin: top left !important
  }

  #navbarWrapper .xl\:scale-0,
  reach-portal .xl\:scale-0 {
    --transform-scale-x: 0 !important;
    --transform-scale-y: 0 !important
  }

  #navbarWrapper .xl\:scale-50,
  reach-portal .xl\:scale-50 {
    --transform-scale-x: .5 !important;
    --transform-scale-y: .5 !important
  }

  #navbarWrapper .xl\:scale-75,
  reach-portal .xl\:scale-75 {
    --transform-scale-x: .75 !important;
    --transform-scale-y: .75 !important
  }

  #navbarWrapper .xl\:scale-90,
  reach-portal .xl\:scale-90 {
    --transform-scale-x: .9 !important;
    --transform-scale-y: .9 !important
  }

  #navbarWrapper .xl\:scale-95,
  reach-portal .xl\:scale-95 {
    --transform-scale-x: .95 !important;
    --transform-scale-y: .95 !important
  }

  #navbarWrapper .xl\:scale-100,
  reach-portal .xl\:scale-100 {
    --transform-scale-x: 1 !important;
    --transform-scale-y: 1 !important
  }

  #navbarWrapper .xl\:scale-105,
  reach-portal .xl\:scale-105 {
    --transform-scale-x: 1.05 !important;
    --transform-scale-y: 1.05 !important
  }

  #navbarWrapper .xl\:scale-110,
  reach-portal .xl\:scale-110 {
    --transform-scale-x: 1.1 !important;
    --transform-scale-y: 1.1 !important
  }

  #navbarWrapper .xl\:scale-125,
  reach-portal .xl\:scale-125 {
    --transform-scale-x: 1.25 !important;
    --transform-scale-y: 1.25 !important
  }

  #navbarWrapper .xl\:scale-150,
  reach-portal .xl\:scale-150 {
    --transform-scale-x: 1.5 !important;
    --transform-scale-y: 1.5 !important
  }

  #navbarWrapper .xl\:scale-x-0,
  reach-portal .xl\:scale-x-0 {
    --transform-scale-x: 0 !important
  }

  #navbarWrapper .xl\:scale-x-50,
  reach-portal .xl\:scale-x-50 {
    --transform-scale-x: .5 !important
  }

  #navbarWrapper .xl\:scale-x-75,
  reach-portal .xl\:scale-x-75 {
    --transform-scale-x: .75 !important
  }

  #navbarWrapper .xl\:scale-x-90,
  reach-portal .xl\:scale-x-90 {
    --transform-scale-x: .9 !important
  }

  #navbarWrapper .xl\:scale-x-95,
  reach-portal .xl\:scale-x-95 {
    --transform-scale-x: .95 !important
  }

  #navbarWrapper .xl\:scale-x-100,
  reach-portal .xl\:scale-x-100 {
    --transform-scale-x: 1 !important
  }

  #navbarWrapper .xl\:scale-x-105,
  reach-portal .xl\:scale-x-105 {
    --transform-scale-x: 1.05 !important
  }

  #navbarWrapper .xl\:scale-x-110,
  reach-portal .xl\:scale-x-110 {
    --transform-scale-x: 1.1 !important
  }

  #navbarWrapper .xl\:scale-x-125,
  reach-portal .xl\:scale-x-125 {
    --transform-scale-x: 1.25 !important
  }

  #navbarWrapper .xl\:scale-x-150,
  reach-portal .xl\:scale-x-150 {
    --transform-scale-x: 1.5 !important
  }

  #navbarWrapper .xl\:scale-y-0,
  reach-portal .xl\:scale-y-0 {
    --transform-scale-y: 0 !important
  }

  #navbarWrapper .xl\:scale-y-50,
  reach-portal .xl\:scale-y-50 {
    --transform-scale-y: .5 !important
  }

  #navbarWrapper .xl\:scale-y-75,
  reach-portal .xl\:scale-y-75 {
    --transform-scale-y: .75 !important
  }

  #navbarWrapper .xl\:scale-y-90,
  reach-portal .xl\:scale-y-90 {
    --transform-scale-y: .9 !important
  }

  #navbarWrapper .xl\:scale-y-95,
  reach-portal .xl\:scale-y-95 {
    --transform-scale-y: .95 !important
  }

  #navbarWrapper .xl\:scale-y-100,
  reach-portal .xl\:scale-y-100 {
    --transform-scale-y: 1 !important
  }

  #navbarWrapper .xl\:scale-y-105,
  reach-portal .xl\:scale-y-105 {
    --transform-scale-y: 1.05 !important
  }

  #navbarWrapper .xl\:scale-y-110,
  reach-portal .xl\:scale-y-110 {
    --transform-scale-y: 1.1 !important
  }

  #navbarWrapper .xl\:scale-y-125,
  reach-portal .xl\:scale-y-125 {
    --transform-scale-y: 1.25 !important
  }

  #navbarWrapper .xl\:scale-y-150,
  reach-portal .xl\:scale-y-150 {
    --transform-scale-y: 1.5 !important
  }

  #navbarWrapper .xl\:hover\:scale-0:hover,
  reach-portal .xl\:hover\:scale-0:hover {
    --transform-scale-x: 0 !important;
    --transform-scale-y: 0 !important
  }

  #navbarWrapper .xl\:hover\:scale-50:hover,
  reach-portal .xl\:hover\:scale-50:hover {
    --transform-scale-x: .5 !important;
    --transform-scale-y: .5 !important
  }

  #navbarWrapper .xl\:hover\:scale-75:hover,
  reach-portal .xl\:hover\:scale-75:hover {
    --transform-scale-x: .75 !important;
    --transform-scale-y: .75 !important
  }

  #navbarWrapper .xl\:hover\:scale-90:hover,
  reach-portal .xl\:hover\:scale-90:hover {
    --transform-scale-x: .9 !important;
    --transform-scale-y: .9 !important
  }

  #navbarWrapper .xl\:hover\:scale-95:hover,
  reach-portal .xl\:hover\:scale-95:hover {
    --transform-scale-x: .95 !important;
    --transform-scale-y: .95 !important
  }

  #navbarWrapper .xl\:hover\:scale-100:hover,
  reach-portal .xl\:hover\:scale-100:hover {
    --transform-scale-x: 1 !important;
    --transform-scale-y: 1 !important
  }

  #navbarWrapper .xl\:hover\:scale-105:hover,
  reach-portal .xl\:hover\:scale-105:hover {
    --transform-scale-x: 1.05 !important;
    --transform-scale-y: 1.05 !important
  }

  #navbarWrapper .xl\:hover\:scale-110:hover,
  reach-portal .xl\:hover\:scale-110:hover {
    --transform-scale-x: 1.1 !important;
    --transform-scale-y: 1.1 !important
  }

  #navbarWrapper .xl\:hover\:scale-125:hover,
  reach-portal .xl\:hover\:scale-125:hover {
    --transform-scale-x: 1.25 !important;
    --transform-scale-y: 1.25 !important
  }

  #navbarWrapper .xl\:hover\:scale-150:hover,
  reach-portal .xl\:hover\:scale-150:hover {
    --transform-scale-x: 1.5 !important;
    --transform-scale-y: 1.5 !important
  }

  #navbarWrapper .xl\:hover\:scale-x-0:hover,
  reach-portal .xl\:hover\:scale-x-0:hover {
    --transform-scale-x: 0 !important
  }

  #navbarWrapper .xl\:hover\:scale-x-50:hover,
  reach-portal .xl\:hover\:scale-x-50:hover {
    --transform-scale-x: .5 !important
  }

  #navbarWrapper .xl\:hover\:scale-x-75:hover,
  reach-portal .xl\:hover\:scale-x-75:hover {
    --transform-scale-x: .75 !important
  }

  #navbarWrapper .xl\:hover\:scale-x-90:hover,
  reach-portal .xl\:hover\:scale-x-90:hover {
    --transform-scale-x: .9 !important
  }

  #navbarWrapper .xl\:hover\:scale-x-95:hover,
  reach-portal .xl\:hover\:scale-x-95:hover {
    --transform-scale-x: .95 !important
  }

  #navbarWrapper .xl\:hover\:scale-x-100:hover,
  reach-portal .xl\:hover\:scale-x-100:hover {
    --transform-scale-x: 1 !important
  }

  #navbarWrapper .xl\:hover\:scale-x-105:hover,
  reach-portal .xl\:hover\:scale-x-105:hover {
    --transform-scale-x: 1.05 !important
  }

  #navbarWrapper .xl\:hover\:scale-x-110:hover,
  reach-portal .xl\:hover\:scale-x-110:hover {
    --transform-scale-x: 1.1 !important
  }

  #navbarWrapper .xl\:hover\:scale-x-125:hover,
  reach-portal .xl\:hover\:scale-x-125:hover {
    --transform-scale-x: 1.25 !important
  }

  #navbarWrapper .xl\:hover\:scale-x-150:hover,
  reach-portal .xl\:hover\:scale-x-150:hover {
    --transform-scale-x: 1.5 !important
  }

  #navbarWrapper .xl\:hover\:scale-y-0:hover,
  reach-portal .xl\:hover\:scale-y-0:hover {
    --transform-scale-y: 0 !important
  }

  #navbarWrapper .xl\:hover\:scale-y-50:hover,
  reach-portal .xl\:hover\:scale-y-50:hover {
    --transform-scale-y: .5 !important
  }

  #navbarWrapper .xl\:hover\:scale-y-75:hover,
  reach-portal .xl\:hover\:scale-y-75:hover {
    --transform-scale-y: .75 !important
  }

  #navbarWrapper .xl\:hover\:scale-y-90:hover,
  reach-portal .xl\:hover\:scale-y-90:hover {
    --transform-scale-y: .9 !important
  }

  #navbarWrapper .xl\:hover\:scale-y-95:hover,
  reach-portal .xl\:hover\:scale-y-95:hover {
    --transform-scale-y: .95 !important
  }

  #navbarWrapper .xl\:hover\:scale-y-100:hover,
  reach-portal .xl\:hover\:scale-y-100:hover {
    --transform-scale-y: 1 !important
  }

  #navbarWrapper .xl\:hover\:scale-y-105:hover,
  reach-portal .xl\:hover\:scale-y-105:hover {
    --transform-scale-y: 1.05 !important
  }

  #navbarWrapper .xl\:hover\:scale-y-110:hover,
  reach-portal .xl\:hover\:scale-y-110:hover {
    --transform-scale-y: 1.1 !important
  }

  #navbarWrapper .xl\:hover\:scale-y-125:hover,
  reach-portal .xl\:hover\:scale-y-125:hover {
    --transform-scale-y: 1.25 !important
  }

  #navbarWrapper .xl\:hover\:scale-y-150:hover,
  reach-portal .xl\:hover\:scale-y-150:hover {
    --transform-scale-y: 1.5 !important
  }

  #navbarWrapper .xl\:focus\:scale-0:focus,
  reach-portal .xl\:focus\:scale-0:focus {
    --transform-scale-x: 0 !important;
    --transform-scale-y: 0 !important
  }

  #navbarWrapper .xl\:focus\:scale-50:focus,
  reach-portal .xl\:focus\:scale-50:focus {
    --transform-scale-x: .5 !important;
    --transform-scale-y: .5 !important
  }

  #navbarWrapper .xl\:focus\:scale-75:focus,
  reach-portal .xl\:focus\:scale-75:focus {
    --transform-scale-x: .75 !important;
    --transform-scale-y: .75 !important
  }

  #navbarWrapper .xl\:focus\:scale-90:focus,
  reach-portal .xl\:focus\:scale-90:focus {
    --transform-scale-x: .9 !important;
    --transform-scale-y: .9 !important
  }

  #navbarWrapper .xl\:focus\:scale-95:focus,
  reach-portal .xl\:focus\:scale-95:focus {
    --transform-scale-x: .95 !important;
    --transform-scale-y: .95 !important
  }

  #navbarWrapper .xl\:focus\:scale-100:focus,
  reach-portal .xl\:focus\:scale-100:focus {
    --transform-scale-x: 1 !important;
    --transform-scale-y: 1 !important
  }

  #navbarWrapper .xl\:focus\:scale-105:focus,
  reach-portal .xl\:focus\:scale-105:focus {
    --transform-scale-x: 1.05 !important;
    --transform-scale-y: 1.05 !important
  }

  #navbarWrapper .xl\:focus\:scale-110:focus,
  reach-portal .xl\:focus\:scale-110:focus {
    --transform-scale-x: 1.1 !important;
    --transform-scale-y: 1.1 !important
  }

  #navbarWrapper .xl\:focus\:scale-125:focus,
  reach-portal .xl\:focus\:scale-125:focus {
    --transform-scale-x: 1.25 !important;
    --transform-scale-y: 1.25 !important
  }

  #navbarWrapper .xl\:focus\:scale-150:focus,
  reach-portal .xl\:focus\:scale-150:focus {
    --transform-scale-x: 1.5 !important;
    --transform-scale-y: 1.5 !important
  }

  #navbarWrapper .xl\:focus\:scale-x-0:focus,
  reach-portal .xl\:focus\:scale-x-0:focus {
    --transform-scale-x: 0 !important
  }

  #navbarWrapper .xl\:focus\:scale-x-50:focus,
  reach-portal .xl\:focus\:scale-x-50:focus {
    --transform-scale-x: .5 !important
  }

  #navbarWrapper .xl\:focus\:scale-x-75:focus,
  reach-portal .xl\:focus\:scale-x-75:focus {
    --transform-scale-x: .75 !important
  }

  #navbarWrapper .xl\:focus\:scale-x-90:focus,
  reach-portal .xl\:focus\:scale-x-90:focus {
    --transform-scale-x: .9 !important
  }

  #navbarWrapper .xl\:focus\:scale-x-95:focus,
  reach-portal .xl\:focus\:scale-x-95:focus {
    --transform-scale-x: .95 !important
  }

  #navbarWrapper .xl\:focus\:scale-x-100:focus,
  reach-portal .xl\:focus\:scale-x-100:focus {
    --transform-scale-x: 1 !important
  }

  #navbarWrapper .xl\:focus\:scale-x-105:focus,
  reach-portal .xl\:focus\:scale-x-105:focus {
    --transform-scale-x: 1.05 !important
  }

  #navbarWrapper .xl\:focus\:scale-x-110:focus,
  reach-portal .xl\:focus\:scale-x-110:focus {
    --transform-scale-x: 1.1 !important
  }

  #navbarWrapper .xl\:focus\:scale-x-125:focus,
  reach-portal .xl\:focus\:scale-x-125:focus {
    --transform-scale-x: 1.25 !important
  }

  #navbarWrapper .xl\:focus\:scale-x-150:focus,
  reach-portal .xl\:focus\:scale-x-150:focus {
    --transform-scale-x: 1.5 !important
  }

  #navbarWrapper .xl\:focus\:scale-y-0:focus,
  reach-portal .xl\:focus\:scale-y-0:focus {
    --transform-scale-y: 0 !important
  }

  #navbarWrapper .xl\:focus\:scale-y-50:focus,
  reach-portal .xl\:focus\:scale-y-50:focus {
    --transform-scale-y: .5 !important
  }

  #navbarWrapper .xl\:focus\:scale-y-75:focus,
  reach-portal .xl\:focus\:scale-y-75:focus {
    --transform-scale-y: .75 !important
  }

  #navbarWrapper .xl\:focus\:scale-y-90:focus,
  reach-portal .xl\:focus\:scale-y-90:focus {
    --transform-scale-y: .9 !important
  }

  #navbarWrapper .xl\:focus\:scale-y-95:focus,
  reach-portal .xl\:focus\:scale-y-95:focus {
    --transform-scale-y: .95 !important
  }

  #navbarWrapper .xl\:focus\:scale-y-100:focus,
  reach-portal .xl\:focus\:scale-y-100:focus {
    --transform-scale-y: 1 !important
  }

  #navbarWrapper .xl\:focus\:scale-y-105:focus,
  reach-portal .xl\:focus\:scale-y-105:focus {
    --transform-scale-y: 1.05 !important
  }

  #navbarWrapper .xl\:focus\:scale-y-110:focus,
  reach-portal .xl\:focus\:scale-y-110:focus {
    --transform-scale-y: 1.1 !important
  }

  #navbarWrapper .xl\:focus\:scale-y-125:focus,
  reach-portal .xl\:focus\:scale-y-125:focus {
    --transform-scale-y: 1.25 !important
  }

  #navbarWrapper .xl\:focus\:scale-y-150:focus,
  reach-portal .xl\:focus\:scale-y-150:focus {
    --transform-scale-y: 1.5 !important
  }

  #navbarWrapper .xl\:rotate-0,
  reach-portal .xl\:rotate-0 {
    --transform-rotate: 0 !important
  }

  #navbarWrapper .xl\:rotate-45,
  reach-portal .xl\:rotate-45 {
    --transform-rotate: 45deg !important
  }

  #navbarWrapper .xl\:rotate-90,
  reach-portal .xl\:rotate-90 {
    --transform-rotate: 90deg !important
  }

  #navbarWrapper .xl\:rotate-180,
  reach-portal .xl\:rotate-180 {
    --transform-rotate: 180deg !important
  }

  #navbarWrapper .xl\:-rotate-180,
  reach-portal .xl\:-rotate-180 {
    --transform-rotate: -180deg !important
  }

  #navbarWrapper .xl\:-rotate-90,
  reach-portal .xl\:-rotate-90 {
    --transform-rotate: -90deg !important
  }

  #navbarWrapper .xl\:-rotate-45,
  reach-portal .xl\:-rotate-45 {
    --transform-rotate: -45deg !important
  }

  #navbarWrapper .xl\:hover\:rotate-0:hover,
  reach-portal .xl\:hover\:rotate-0:hover {
    --transform-rotate: 0 !important
  }

  #navbarWrapper .xl\:hover\:rotate-45:hover,
  reach-portal .xl\:hover\:rotate-45:hover {
    --transform-rotate: 45deg !important
  }

  #navbarWrapper .xl\:hover\:rotate-90:hover,
  reach-portal .xl\:hover\:rotate-90:hover {
    --transform-rotate: 90deg !important
  }

  #navbarWrapper .xl\:hover\:rotate-180:hover,
  reach-portal .xl\:hover\:rotate-180:hover {
    --transform-rotate: 180deg !important
  }

  #navbarWrapper .xl\:hover\:-rotate-180:hover,
  reach-portal .xl\:hover\:-rotate-180:hover {
    --transform-rotate: -180deg !important
  }

  #navbarWrapper .xl\:hover\:-rotate-90:hover,
  reach-portal .xl\:hover\:-rotate-90:hover {
    --transform-rotate: -90deg !important
  }

  #navbarWrapper .xl\:hover\:-rotate-45:hover,
  reach-portal .xl\:hover\:-rotate-45:hover {
    --transform-rotate: -45deg !important
  }

  #navbarWrapper .xl\:focus\:rotate-0:focus,
  reach-portal .xl\:focus\:rotate-0:focus {
    --transform-rotate: 0 !important
  }

  #navbarWrapper .xl\:focus\:rotate-45:focus,
  reach-portal .xl\:focus\:rotate-45:focus {
    --transform-rotate: 45deg !important
  }

  #navbarWrapper .xl\:focus\:rotate-90:focus,
  reach-portal .xl\:focus\:rotate-90:focus {
    --transform-rotate: 90deg !important
  }

  #navbarWrapper .xl\:focus\:rotate-180:focus,
  reach-portal .xl\:focus\:rotate-180:focus {
    --transform-rotate: 180deg !important
  }

  #navbarWrapper .xl\:focus\:-rotate-180:focus,
  reach-portal .xl\:focus\:-rotate-180:focus {
    --transform-rotate: -180deg !important
  }

  #navbarWrapper .xl\:focus\:-rotate-90:focus,
  reach-portal .xl\:focus\:-rotate-90:focus {
    --transform-rotate: -90deg !important
  }

  #navbarWrapper .xl\:focus\:-rotate-45:focus,
  reach-portal .xl\:focus\:-rotate-45:focus {
    --transform-rotate: -45deg !important
  }

  #navbarWrapper .xl\:translate-x-0,
  reach-portal .xl\:translate-x-0 {
    --transform-translate-x: 0 !important
  }

  #navbarWrapper .xl\:translate-x-1,
  reach-portal .xl\:translate-x-1 {
    --transform-translate-x: 0.25rem !important
  }

  #navbarWrapper .xl\:translate-x-2,
  reach-portal .xl\:translate-x-2 {
    --transform-translate-x: 0.5rem !important
  }

  #navbarWrapper .xl\:translate-x-3,
  reach-portal .xl\:translate-x-3 {
    --transform-translate-x: 0.75rem !important
  }

  #navbarWrapper .xl\:translate-x-4,
  reach-portal .xl\:translate-x-4 {
    --transform-translate-x: 1rem !important
  }

  #navbarWrapper .xl\:translate-x-5,
  reach-portal .xl\:translate-x-5 {
    --transform-translate-x: 1.25rem !important
  }

  #navbarWrapper .xl\:translate-x-6,
  reach-portal .xl\:translate-x-6 {
    --transform-translate-x: 1.5rem !important
  }

  #navbarWrapper .xl\:translate-x-8,
  reach-portal .xl\:translate-x-8 {
    --transform-translate-x: 2rem !important
  }

  #navbarWrapper .xl\:translate-x-10,
  reach-portal .xl\:translate-x-10 {
    --transform-translate-x: 2.5rem !important
  }

  #navbarWrapper .xl\:translate-x-12,
  reach-portal .xl\:translate-x-12 {
    --transform-translate-x: 3rem !important
  }

  #navbarWrapper .xl\:translate-x-16,
  reach-portal .xl\:translate-x-16 {
    --transform-translate-x: 4rem !important
  }

  #navbarWrapper .xl\:translate-x-20,
  reach-portal .xl\:translate-x-20 {
    --transform-translate-x: 5rem !important
  }

  #navbarWrapper .xl\:translate-x-24,
  reach-portal .xl\:translate-x-24 {
    --transform-translate-x: 6rem !important
  }

  #navbarWrapper .xl\:translate-x-32,
  reach-portal .xl\:translate-x-32 {
    --transform-translate-x: 8rem !important
  }

  #navbarWrapper .xl\:translate-x-40,
  reach-portal .xl\:translate-x-40 {
    --transform-translate-x: 10rem !important
  }

  #navbarWrapper .xl\:translate-x-48,
  reach-portal .xl\:translate-x-48 {
    --transform-translate-x: 12rem !important
  }

  #navbarWrapper .xl\:translate-x-56,
  reach-portal .xl\:translate-x-56 {
    --transform-translate-x: 14rem !important
  }

  #navbarWrapper .xl\:translate-x-64,
  reach-portal .xl\:translate-x-64 {
    --transform-translate-x: 16rem !important
  }

  #navbarWrapper .xl\:translate-x-px,
  reach-portal .xl\:translate-x-px {
    --transform-translate-x: 1px !important
  }

  #navbarWrapper .xl\:-translate-x-1,
  reach-portal .xl\:-translate-x-1 {
    --transform-translate-x: -0.25rem !important
  }

  #navbarWrapper .xl\:-translate-x-2,
  reach-portal .xl\:-translate-x-2 {
    --transform-translate-x: -0.5rem !important
  }

  #navbarWrapper .xl\:-translate-x-3,
  reach-portal .xl\:-translate-x-3 {
    --transform-translate-x: -0.75rem !important
  }

  #navbarWrapper .xl\:-translate-x-4,
  reach-portal .xl\:-translate-x-4 {
    --transform-translate-x: -1rem !important
  }

  #navbarWrapper .xl\:-translate-x-5,
  reach-portal .xl\:-translate-x-5 {
    --transform-translate-x: -1.25rem !important
  }

  #navbarWrapper .xl\:-translate-x-6,
  reach-portal .xl\:-translate-x-6 {
    --transform-translate-x: -1.5rem !important
  }

  #navbarWrapper .xl\:-translate-x-8,
  reach-portal .xl\:-translate-x-8 {
    --transform-translate-x: -2rem !important
  }

  #navbarWrapper .xl\:-translate-x-10,
  reach-portal .xl\:-translate-x-10 {
    --transform-translate-x: -2.5rem !important
  }

  #navbarWrapper .xl\:-translate-x-12,
  reach-portal .xl\:-translate-x-12 {
    --transform-translate-x: -3rem !important
  }

  #navbarWrapper .xl\:-translate-x-16,
  reach-portal .xl\:-translate-x-16 {
    --transform-translate-x: -4rem !important
  }

  #navbarWrapper .xl\:-translate-x-20,
  reach-portal .xl\:-translate-x-20 {
    --transform-translate-x: -5rem !important
  }

  #navbarWrapper .xl\:-translate-x-24,
  reach-portal .xl\:-translate-x-24 {
    --transform-translate-x: -6rem !important
  }

  #navbarWrapper .xl\:-translate-x-32,
  reach-portal .xl\:-translate-x-32 {
    --transform-translate-x: -8rem !important
  }

  #navbarWrapper .xl\:-translate-x-40,
  reach-portal .xl\:-translate-x-40 {
    --transform-translate-x: -10rem !important
  }

  #navbarWrapper .xl\:-translate-x-48,
  reach-portal .xl\:-translate-x-48 {
    --transform-translate-x: -12rem !important
  }

  #navbarWrapper .xl\:-translate-x-56,
  reach-portal .xl\:-translate-x-56 {
    --transform-translate-x: -14rem !important
  }

  #navbarWrapper .xl\:-translate-x-64,
  reach-portal .xl\:-translate-x-64 {
    --transform-translate-x: -16rem !important
  }

  #navbarWrapper .xl\:-translate-x-px,
  reach-portal .xl\:-translate-x-px {
    --transform-translate-x: -1px !important
  }

  #navbarWrapper .xl\:-translate-x-full,
  reach-portal .xl\:-translate-x-full {
    --transform-translate-x: -100% !important
  }

  #navbarWrapper .xl\:-translate-x-1\/2,
  reach-portal .xl\:-translate-x-1\/2 {
    --transform-translate-x: -50% !important
  }

  #navbarWrapper .xl\:translate-x-1\/2,
  reach-portal .xl\:translate-x-1\/2 {
    --transform-translate-x: 50% !important
  }

  #navbarWrapper .xl\:translate-x-full,
  reach-portal .xl\:translate-x-full {
    --transform-translate-x: 100% !important
  }

  #navbarWrapper .xl\:translate-y-0,
  reach-portal .xl\:translate-y-0 {
    --transform-translate-y: 0 !important
  }

  #navbarWrapper .xl\:translate-y-1,
  reach-portal .xl\:translate-y-1 {
    --transform-translate-y: 0.25rem !important
  }

  #navbarWrapper .xl\:translate-y-2,
  reach-portal .xl\:translate-y-2 {
    --transform-translate-y: 0.5rem !important
  }

  #navbarWrapper .xl\:translate-y-3,
  reach-portal .xl\:translate-y-3 {
    --transform-translate-y: 0.75rem !important
  }

  #navbarWrapper .xl\:translate-y-4,
  reach-portal .xl\:translate-y-4 {
    --transform-translate-y: 1rem !important
  }

  #navbarWrapper .xl\:translate-y-5,
  reach-portal .xl\:translate-y-5 {
    --transform-translate-y: 1.25rem !important
  }

  #navbarWrapper .xl\:translate-y-6,
  reach-portal .xl\:translate-y-6 {
    --transform-translate-y: 1.5rem !important
  }

  #navbarWrapper .xl\:translate-y-8,
  reach-portal .xl\:translate-y-8 {
    --transform-translate-y: 2rem !important
  }

  #navbarWrapper .xl\:translate-y-10,
  reach-portal .xl\:translate-y-10 {
    --transform-translate-y: 2.5rem !important
  }

  #navbarWrapper .xl\:translate-y-12,
  reach-portal .xl\:translate-y-12 {
    --transform-translate-y: 3rem !important
  }

  #navbarWrapper .xl\:translate-y-16,
  reach-portal .xl\:translate-y-16 {
    --transform-translate-y: 4rem !important
  }

  #navbarWrapper .xl\:translate-y-20,
  reach-portal .xl\:translate-y-20 {
    --transform-translate-y: 5rem !important
  }

  #navbarWrapper .xl\:translate-y-24,
  reach-portal .xl\:translate-y-24 {
    --transform-translate-y: 6rem !important
  }

  #navbarWrapper .xl\:translate-y-32,
  reach-portal .xl\:translate-y-32 {
    --transform-translate-y: 8rem !important
  }

  #navbarWrapper .xl\:translate-y-40,
  reach-portal .xl\:translate-y-40 {
    --transform-translate-y: 10rem !important
  }

  #navbarWrapper .xl\:translate-y-48,
  reach-portal .xl\:translate-y-48 {
    --transform-translate-y: 12rem !important
  }

  #navbarWrapper .xl\:translate-y-56,
  reach-portal .xl\:translate-y-56 {
    --transform-translate-y: 14rem !important
  }

  #navbarWrapper .xl\:translate-y-64,
  reach-portal .xl\:translate-y-64 {
    --transform-translate-y: 16rem !important
  }

  #navbarWrapper .xl\:translate-y-px,
  reach-portal .xl\:translate-y-px {
    --transform-translate-y: 1px !important
  }

  #navbarWrapper .xl\:-translate-y-1,
  reach-portal .xl\:-translate-y-1 {
    --transform-translate-y: -0.25rem !important
  }

  #navbarWrapper .xl\:-translate-y-2,
  reach-portal .xl\:-translate-y-2 {
    --transform-translate-y: -0.5rem !important
  }

  #navbarWrapper .xl\:-translate-y-3,
  reach-portal .xl\:-translate-y-3 {
    --transform-translate-y: -0.75rem !important
  }

  #navbarWrapper .xl\:-translate-y-4,
  reach-portal .xl\:-translate-y-4 {
    --transform-translate-y: -1rem !important
  }

  #navbarWrapper .xl\:-translate-y-5,
  reach-portal .xl\:-translate-y-5 {
    --transform-translate-y: -1.25rem !important
  }

  #navbarWrapper .xl\:-translate-y-6,
  reach-portal .xl\:-translate-y-6 {
    --transform-translate-y: -1.5rem !important
  }

  #navbarWrapper .xl\:-translate-y-8,
  reach-portal .xl\:-translate-y-8 {
    --transform-translate-y: -2rem !important
  }

  #navbarWrapper .xl\:-translate-y-10,
  reach-portal .xl\:-translate-y-10 {
    --transform-translate-y: -2.5rem !important
  }

  #navbarWrapper .xl\:-translate-y-12,
  reach-portal .xl\:-translate-y-12 {
    --transform-translate-y: -3rem !important
  }

  #navbarWrapper .xl\:-translate-y-16,
  reach-portal .xl\:-translate-y-16 {
    --transform-translate-y: -4rem !important
  }

  #navbarWrapper .xl\:-translate-y-20,
  reach-portal .xl\:-translate-y-20 {
    --transform-translate-y: -5rem !important
  }

  #navbarWrapper .xl\:-translate-y-24,
  reach-portal .xl\:-translate-y-24 {
    --transform-translate-y: -6rem !important
  }

  #navbarWrapper .xl\:-translate-y-32,
  reach-portal .xl\:-translate-y-32 {
    --transform-translate-y: -8rem !important
  }

  #navbarWrapper .xl\:-translate-y-40,
  reach-portal .xl\:-translate-y-40 {
    --transform-translate-y: -10rem !important
  }

  #navbarWrapper .xl\:-translate-y-48,
  reach-portal .xl\:-translate-y-48 {
    --transform-translate-y: -12rem !important
  }

  #navbarWrapper .xl\:-translate-y-56,
  reach-portal .xl\:-translate-y-56 {
    --transform-translate-y: -14rem !important
  }

  #navbarWrapper .xl\:-translate-y-64,
  reach-portal .xl\:-translate-y-64 {
    --transform-translate-y: -16rem !important
  }

  #navbarWrapper .xl\:-translate-y-px,
  reach-portal .xl\:-translate-y-px {
    --transform-translate-y: -1px !important
  }

  #navbarWrapper .xl\:-translate-y-full,
  reach-portal .xl\:-translate-y-full {
    --transform-translate-y: -100% !important
  }

  #navbarWrapper .xl\:-translate-y-1\/2,
  reach-portal .xl\:-translate-y-1\/2 {
    --transform-translate-y: -50% !important
  }

  #navbarWrapper .xl\:translate-y-1\/2,
  reach-portal .xl\:translate-y-1\/2 {
    --transform-translate-y: 50% !important
  }

  #navbarWrapper .xl\:translate-y-full,
  reach-portal .xl\:translate-y-full {
    --transform-translate-y: 100% !important
  }

  #navbarWrapper .xl\:hover\:translate-x-0:hover,
  reach-portal .xl\:hover\:translate-x-0:hover {
    --transform-translate-x: 0 !important
  }

  #navbarWrapper .xl\:hover\:translate-x-1:hover,
  reach-portal .xl\:hover\:translate-x-1:hover {
    --transform-translate-x: 0.25rem !important
  }

  #navbarWrapper .xl\:hover\:translate-x-2:hover,
  reach-portal .xl\:hover\:translate-x-2:hover {
    --transform-translate-x: 0.5rem !important
  }

  #navbarWrapper .xl\:hover\:translate-x-3:hover,
  reach-portal .xl\:hover\:translate-x-3:hover {
    --transform-translate-x: 0.75rem !important
  }

  #navbarWrapper .xl\:hover\:translate-x-4:hover,
  reach-portal .xl\:hover\:translate-x-4:hover {
    --transform-translate-x: 1rem !important
  }

  #navbarWrapper .xl\:hover\:translate-x-5:hover,
  reach-portal .xl\:hover\:translate-x-5:hover {
    --transform-translate-x: 1.25rem !important
  }

  #navbarWrapper .xl\:hover\:translate-x-6:hover,
  reach-portal .xl\:hover\:translate-x-6:hover {
    --transform-translate-x: 1.5rem !important
  }

  #navbarWrapper .xl\:hover\:translate-x-8:hover,
  reach-portal .xl\:hover\:translate-x-8:hover {
    --transform-translate-x: 2rem !important
  }

  #navbarWrapper .xl\:hover\:translate-x-10:hover,
  reach-portal .xl\:hover\:translate-x-10:hover {
    --transform-translate-x: 2.5rem !important
  }

  #navbarWrapper .xl\:hover\:translate-x-12:hover,
  reach-portal .xl\:hover\:translate-x-12:hover {
    --transform-translate-x: 3rem !important
  }

  #navbarWrapper .xl\:hover\:translate-x-16:hover,
  reach-portal .xl\:hover\:translate-x-16:hover {
    --transform-translate-x: 4rem !important
  }

  #navbarWrapper .xl\:hover\:translate-x-20:hover,
  reach-portal .xl\:hover\:translate-x-20:hover {
    --transform-translate-x: 5rem !important
  }

  #navbarWrapper .xl\:hover\:translate-x-24:hover,
  reach-portal .xl\:hover\:translate-x-24:hover {
    --transform-translate-x: 6rem !important
  }

  #navbarWrapper .xl\:hover\:translate-x-32:hover,
  reach-portal .xl\:hover\:translate-x-32:hover {
    --transform-translate-x: 8rem !important
  }

  #navbarWrapper .xl\:hover\:translate-x-40:hover,
  reach-portal .xl\:hover\:translate-x-40:hover {
    --transform-translate-x: 10rem !important
  }

  #navbarWrapper .xl\:hover\:translate-x-48:hover,
  reach-portal .xl\:hover\:translate-x-48:hover {
    --transform-translate-x: 12rem !important
  }

  #navbarWrapper .xl\:hover\:translate-x-56:hover,
  reach-portal .xl\:hover\:translate-x-56:hover {
    --transform-translate-x: 14rem !important
  }

  #navbarWrapper .xl\:hover\:translate-x-64:hover,
  reach-portal .xl\:hover\:translate-x-64:hover {
    --transform-translate-x: 16rem !important
  }

  #navbarWrapper .xl\:hover\:translate-x-px:hover,
  reach-portal .xl\:hover\:translate-x-px:hover {
    --transform-translate-x: 1px !important
  }

  #navbarWrapper .xl\:hover\:-translate-x-1:hover,
  reach-portal .xl\:hover\:-translate-x-1:hover {
    --transform-translate-x: -0.25rem !important
  }

  #navbarWrapper .xl\:hover\:-translate-x-2:hover,
  reach-portal .xl\:hover\:-translate-x-2:hover {
    --transform-translate-x: -0.5rem !important
  }

  #navbarWrapper .xl\:hover\:-translate-x-3:hover,
  reach-portal .xl\:hover\:-translate-x-3:hover {
    --transform-translate-x: -0.75rem !important
  }

  #navbarWrapper .xl\:hover\:-translate-x-4:hover,
  reach-portal .xl\:hover\:-translate-x-4:hover {
    --transform-translate-x: -1rem !important
  }

  #navbarWrapper .xl\:hover\:-translate-x-5:hover,
  reach-portal .xl\:hover\:-translate-x-5:hover {
    --transform-translate-x: -1.25rem !important
  }

  #navbarWrapper .xl\:hover\:-translate-x-6:hover,
  reach-portal .xl\:hover\:-translate-x-6:hover {
    --transform-translate-x: -1.5rem !important
  }

  #navbarWrapper .xl\:hover\:-translate-x-8:hover,
  reach-portal .xl\:hover\:-translate-x-8:hover {
    --transform-translate-x: -2rem !important
  }

  #navbarWrapper .xl\:hover\:-translate-x-10:hover,
  reach-portal .xl\:hover\:-translate-x-10:hover {
    --transform-translate-x: -2.5rem !important
  }

  #navbarWrapper .xl\:hover\:-translate-x-12:hover,
  reach-portal .xl\:hover\:-translate-x-12:hover {
    --transform-translate-x: -3rem !important
  }

  #navbarWrapper .xl\:hover\:-translate-x-16:hover,
  reach-portal .xl\:hover\:-translate-x-16:hover {
    --transform-translate-x: -4rem !important
  }

  #navbarWrapper .xl\:hover\:-translate-x-20:hover,
  reach-portal .xl\:hover\:-translate-x-20:hover {
    --transform-translate-x: -5rem !important
  }

  #navbarWrapper .xl\:hover\:-translate-x-24:hover,
  reach-portal .xl\:hover\:-translate-x-24:hover {
    --transform-translate-x: -6rem !important
  }

  #navbarWrapper .xl\:hover\:-translate-x-32:hover,
  reach-portal .xl\:hover\:-translate-x-32:hover {
    --transform-translate-x: -8rem !important
  }

  #navbarWrapper .xl\:hover\:-translate-x-40:hover,
  reach-portal .xl\:hover\:-translate-x-40:hover {
    --transform-translate-x: -10rem !important
  }

  #navbarWrapper .xl\:hover\:-translate-x-48:hover,
  reach-portal .xl\:hover\:-translate-x-48:hover {
    --transform-translate-x: -12rem !important
  }

  #navbarWrapper .xl\:hover\:-translate-x-56:hover,
  reach-portal .xl\:hover\:-translate-x-56:hover {
    --transform-translate-x: -14rem !important
  }

  #navbarWrapper .xl\:hover\:-translate-x-64:hover,
  reach-portal .xl\:hover\:-translate-x-64:hover {
    --transform-translate-x: -16rem !important
  }

  #navbarWrapper .xl\:hover\:-translate-x-px:hover,
  reach-portal .xl\:hover\:-translate-x-px:hover {
    --transform-translate-x: -1px !important
  }

  #navbarWrapper .xl\:hover\:-translate-x-full:hover,
  reach-portal .xl\:hover\:-translate-x-full:hover {
    --transform-translate-x: -100% !important
  }

  #navbarWrapper .xl\:hover\:-translate-x-1\/2:hover,
  reach-portal .xl\:hover\:-translate-x-1\/2:hover {
    --transform-translate-x: -50% !important
  }

  #navbarWrapper .xl\:hover\:translate-x-1\/2:hover,
  reach-portal .xl\:hover\:translate-x-1\/2:hover {
    --transform-translate-x: 50% !important
  }

  #navbarWrapper .xl\:hover\:translate-x-full:hover,
  reach-portal .xl\:hover\:translate-x-full:hover {
    --transform-translate-x: 100% !important
  }

  #navbarWrapper .xl\:hover\:translate-y-0:hover,
  reach-portal .xl\:hover\:translate-y-0:hover {
    --transform-translate-y: 0 !important
  }

  #navbarWrapper .xl\:hover\:translate-y-1:hover,
  reach-portal .xl\:hover\:translate-y-1:hover {
    --transform-translate-y: 0.25rem !important
  }

  #navbarWrapper .xl\:hover\:translate-y-2:hover,
  reach-portal .xl\:hover\:translate-y-2:hover {
    --transform-translate-y: 0.5rem !important
  }

  #navbarWrapper .xl\:hover\:translate-y-3:hover,
  reach-portal .xl\:hover\:translate-y-3:hover {
    --transform-translate-y: 0.75rem !important
  }

  #navbarWrapper .xl\:hover\:translate-y-4:hover,
  reach-portal .xl\:hover\:translate-y-4:hover {
    --transform-translate-y: 1rem !important
  }

  #navbarWrapper .xl\:hover\:translate-y-5:hover,
  reach-portal .xl\:hover\:translate-y-5:hover {
    --transform-translate-y: 1.25rem !important
  }

  #navbarWrapper .xl\:hover\:translate-y-6:hover,
  reach-portal .xl\:hover\:translate-y-6:hover {
    --transform-translate-y: 1.5rem !important
  }

  #navbarWrapper .xl\:hover\:translate-y-8:hover,
  reach-portal .xl\:hover\:translate-y-8:hover {
    --transform-translate-y: 2rem !important
  }

  #navbarWrapper .xl\:hover\:translate-y-10:hover,
  reach-portal .xl\:hover\:translate-y-10:hover {
    --transform-translate-y: 2.5rem !important
  }

  #navbarWrapper .xl\:hover\:translate-y-12:hover,
  reach-portal .xl\:hover\:translate-y-12:hover {
    --transform-translate-y: 3rem !important
  }

  #navbarWrapper .xl\:hover\:translate-y-16:hover,
  reach-portal .xl\:hover\:translate-y-16:hover {
    --transform-translate-y: 4rem !important
  }

  #navbarWrapper .xl\:hover\:translate-y-20:hover,
  reach-portal .xl\:hover\:translate-y-20:hover {
    --transform-translate-y: 5rem !important
  }

  #navbarWrapper .xl\:hover\:translate-y-24:hover,
  reach-portal .xl\:hover\:translate-y-24:hover {
    --transform-translate-y: 6rem !important
  }

  #navbarWrapper .xl\:hover\:translate-y-32:hover,
  reach-portal .xl\:hover\:translate-y-32:hover {
    --transform-translate-y: 8rem !important
  }

  #navbarWrapper .xl\:hover\:translate-y-40:hover,
  reach-portal .xl\:hover\:translate-y-40:hover {
    --transform-translate-y: 10rem !important
  }

  #navbarWrapper .xl\:hover\:translate-y-48:hover,
  reach-portal .xl\:hover\:translate-y-48:hover {
    --transform-translate-y: 12rem !important
  }

  #navbarWrapper .xl\:hover\:translate-y-56:hover,
  reach-portal .xl\:hover\:translate-y-56:hover {
    --transform-translate-y: 14rem !important
  }

  #navbarWrapper .xl\:hover\:translate-y-64:hover,
  reach-portal .xl\:hover\:translate-y-64:hover {
    --transform-translate-y: 16rem !important
  }

  #navbarWrapper .xl\:hover\:translate-y-px:hover,
  reach-portal .xl\:hover\:translate-y-px:hover {
    --transform-translate-y: 1px !important
  }

  #navbarWrapper .xl\:hover\:-translate-y-1:hover,
  reach-portal .xl\:hover\:-translate-y-1:hover {
    --transform-translate-y: -0.25rem !important
  }

  #navbarWrapper .xl\:hover\:-translate-y-2:hover,
  reach-portal .xl\:hover\:-translate-y-2:hover {
    --transform-translate-y: -0.5rem !important
  }

  #navbarWrapper .xl\:hover\:-translate-y-3:hover,
  reach-portal .xl\:hover\:-translate-y-3:hover {
    --transform-translate-y: -0.75rem !important
  }

  #navbarWrapper .xl\:hover\:-translate-y-4:hover,
  reach-portal .xl\:hover\:-translate-y-4:hover {
    --transform-translate-y: -1rem !important
  }

  #navbarWrapper .xl\:hover\:-translate-y-5:hover,
  reach-portal .xl\:hover\:-translate-y-5:hover {
    --transform-translate-y: -1.25rem !important
  }

  #navbarWrapper .xl\:hover\:-translate-y-6:hover,
  reach-portal .xl\:hover\:-translate-y-6:hover {
    --transform-translate-y: -1.5rem !important
  }

  #navbarWrapper .xl\:hover\:-translate-y-8:hover,
  reach-portal .xl\:hover\:-translate-y-8:hover {
    --transform-translate-y: -2rem !important
  }

  #navbarWrapper .xl\:hover\:-translate-y-10:hover,
  reach-portal .xl\:hover\:-translate-y-10:hover {
    --transform-translate-y: -2.5rem !important
  }

  #navbarWrapper .xl\:hover\:-translate-y-12:hover,
  reach-portal .xl\:hover\:-translate-y-12:hover {
    --transform-translate-y: -3rem !important
  }

  #navbarWrapper .xl\:hover\:-translate-y-16:hover,
  reach-portal .xl\:hover\:-translate-y-16:hover {
    --transform-translate-y: -4rem !important
  }

  #navbarWrapper .xl\:hover\:-translate-y-20:hover,
  reach-portal .xl\:hover\:-translate-y-20:hover {
    --transform-translate-y: -5rem !important
  }

  #navbarWrapper .xl\:hover\:-translate-y-24:hover,
  reach-portal .xl\:hover\:-translate-y-24:hover {
    --transform-translate-y: -6rem !important
  }

  #navbarWrapper .xl\:hover\:-translate-y-32:hover,
  reach-portal .xl\:hover\:-translate-y-32:hover {
    --transform-translate-y: -8rem !important
  }

  #navbarWrapper .xl\:hover\:-translate-y-40:hover,
  reach-portal .xl\:hover\:-translate-y-40:hover {
    --transform-translate-y: -10rem !important
  }

  #navbarWrapper .xl\:hover\:-translate-y-48:hover,
  reach-portal .xl\:hover\:-translate-y-48:hover {
    --transform-translate-y: -12rem !important
  }

  #navbarWrapper .xl\:hover\:-translate-y-56:hover,
  reach-portal .xl\:hover\:-translate-y-56:hover {
    --transform-translate-y: -14rem !important
  }

  #navbarWrapper .xl\:hover\:-translate-y-64:hover,
  reach-portal .xl\:hover\:-translate-y-64:hover {
    --transform-translate-y: -16rem !important
  }

  #navbarWrapper .xl\:hover\:-translate-y-px:hover,
  reach-portal .xl\:hover\:-translate-y-px:hover {
    --transform-translate-y: -1px !important
  }

  #navbarWrapper .xl\:hover\:-translate-y-full:hover,
  reach-portal .xl\:hover\:-translate-y-full:hover {
    --transform-translate-y: -100% !important
  }

  #navbarWrapper .xl\:hover\:-translate-y-1\/2:hover,
  reach-portal .xl\:hover\:-translate-y-1\/2:hover {
    --transform-translate-y: -50% !important
  }

  #navbarWrapper .xl\:hover\:translate-y-1\/2:hover,
  reach-portal .xl\:hover\:translate-y-1\/2:hover {
    --transform-translate-y: 50% !important
  }

  #navbarWrapper .xl\:hover\:translate-y-full:hover,
  reach-portal .xl\:hover\:translate-y-full:hover {
    --transform-translate-y: 100% !important
  }

  #navbarWrapper .xl\:focus\:translate-x-0:focus,
  reach-portal .xl\:focus\:translate-x-0:focus {
    --transform-translate-x: 0 !important
  }

  #navbarWrapper .xl\:focus\:translate-x-1:focus,
  reach-portal .xl\:focus\:translate-x-1:focus {
    --transform-translate-x: 0.25rem !important
  }

  #navbarWrapper .xl\:focus\:translate-x-2:focus,
  reach-portal .xl\:focus\:translate-x-2:focus {
    --transform-translate-x: 0.5rem !important
  }

  #navbarWrapper .xl\:focus\:translate-x-3:focus,
  reach-portal .xl\:focus\:translate-x-3:focus {
    --transform-translate-x: 0.75rem !important
  }

  #navbarWrapper .xl\:focus\:translate-x-4:focus,
  reach-portal .xl\:focus\:translate-x-4:focus {
    --transform-translate-x: 1rem !important
  }

  #navbarWrapper .xl\:focus\:translate-x-5:focus,
  reach-portal .xl\:focus\:translate-x-5:focus {
    --transform-translate-x: 1.25rem !important
  }

  #navbarWrapper .xl\:focus\:translate-x-6:focus,
  reach-portal .xl\:focus\:translate-x-6:focus {
    --transform-translate-x: 1.5rem !important
  }

  #navbarWrapper .xl\:focus\:translate-x-8:focus,
  reach-portal .xl\:focus\:translate-x-8:focus {
    --transform-translate-x: 2rem !important
  }

  #navbarWrapper .xl\:focus\:translate-x-10:focus,
  reach-portal .xl\:focus\:translate-x-10:focus {
    --transform-translate-x: 2.5rem !important
  }

  #navbarWrapper .xl\:focus\:translate-x-12:focus,
  reach-portal .xl\:focus\:translate-x-12:focus {
    --transform-translate-x: 3rem !important
  }

  #navbarWrapper .xl\:focus\:translate-x-16:focus,
  reach-portal .xl\:focus\:translate-x-16:focus {
    --transform-translate-x: 4rem !important
  }

  #navbarWrapper .xl\:focus\:translate-x-20:focus,
  reach-portal .xl\:focus\:translate-x-20:focus {
    --transform-translate-x: 5rem !important
  }

  #navbarWrapper .xl\:focus\:translate-x-24:focus,
  reach-portal .xl\:focus\:translate-x-24:focus {
    --transform-translate-x: 6rem !important
  }

  #navbarWrapper .xl\:focus\:translate-x-32:focus,
  reach-portal .xl\:focus\:translate-x-32:focus {
    --transform-translate-x: 8rem !important
  }

  #navbarWrapper .xl\:focus\:translate-x-40:focus,
  reach-portal .xl\:focus\:translate-x-40:focus {
    --transform-translate-x: 10rem !important
  }

  #navbarWrapper .xl\:focus\:translate-x-48:focus,
  reach-portal .xl\:focus\:translate-x-48:focus {
    --transform-translate-x: 12rem !important
  }

  #navbarWrapper .xl\:focus\:translate-x-56:focus,
  reach-portal .xl\:focus\:translate-x-56:focus {
    --transform-translate-x: 14rem !important
  }

  #navbarWrapper .xl\:focus\:translate-x-64:focus,
  reach-portal .xl\:focus\:translate-x-64:focus {
    --transform-translate-x: 16rem !important
  }

  #navbarWrapper .xl\:focus\:translate-x-px:focus,
  reach-portal .xl\:focus\:translate-x-px:focus {
    --transform-translate-x: 1px !important
  }

  #navbarWrapper .xl\:focus\:-translate-x-1:focus,
  reach-portal .xl\:focus\:-translate-x-1:focus {
    --transform-translate-x: -0.25rem !important
  }

  #navbarWrapper .xl\:focus\:-translate-x-2:focus,
  reach-portal .xl\:focus\:-translate-x-2:focus {
    --transform-translate-x: -0.5rem !important
  }

  #navbarWrapper .xl\:focus\:-translate-x-3:focus,
  reach-portal .xl\:focus\:-translate-x-3:focus {
    --transform-translate-x: -0.75rem !important
  }

  #navbarWrapper .xl\:focus\:-translate-x-4:focus,
  reach-portal .xl\:focus\:-translate-x-4:focus {
    --transform-translate-x: -1rem !important
  }

  #navbarWrapper .xl\:focus\:-translate-x-5:focus,
  reach-portal .xl\:focus\:-translate-x-5:focus {
    --transform-translate-x: -1.25rem !important
  }

  #navbarWrapper .xl\:focus\:-translate-x-6:focus,
  reach-portal .xl\:focus\:-translate-x-6:focus {
    --transform-translate-x: -1.5rem !important
  }

  #navbarWrapper .xl\:focus\:-translate-x-8:focus,
  reach-portal .xl\:focus\:-translate-x-8:focus {
    --transform-translate-x: -2rem !important
  }

  #navbarWrapper .xl\:focus\:-translate-x-10:focus,
  reach-portal .xl\:focus\:-translate-x-10:focus {
    --transform-translate-x: -2.5rem !important
  }

  #navbarWrapper .xl\:focus\:-translate-x-12:focus,
  reach-portal .xl\:focus\:-translate-x-12:focus {
    --transform-translate-x: -3rem !important
  }

  #navbarWrapper .xl\:focus\:-translate-x-16:focus,
  reach-portal .xl\:focus\:-translate-x-16:focus {
    --transform-translate-x: -4rem !important
  }

  #navbarWrapper .xl\:focus\:-translate-x-20:focus,
  reach-portal .xl\:focus\:-translate-x-20:focus {
    --transform-translate-x: -5rem !important
  }

  #navbarWrapper .xl\:focus\:-translate-x-24:focus,
  reach-portal .xl\:focus\:-translate-x-24:focus {
    --transform-translate-x: -6rem !important
  }

  #navbarWrapper .xl\:focus\:-translate-x-32:focus,
  reach-portal .xl\:focus\:-translate-x-32:focus {
    --transform-translate-x: -8rem !important
  }

  #navbarWrapper .xl\:focus\:-translate-x-40:focus,
  reach-portal .xl\:focus\:-translate-x-40:focus {
    --transform-translate-x: -10rem !important
  }

  #navbarWrapper .xl\:focus\:-translate-x-48:focus,
  reach-portal .xl\:focus\:-translate-x-48:focus {
    --transform-translate-x: -12rem !important
  }

  #navbarWrapper .xl\:focus\:-translate-x-56:focus,
  reach-portal .xl\:focus\:-translate-x-56:focus {
    --transform-translate-x: -14rem !important
  }

  #navbarWrapper .xl\:focus\:-translate-x-64:focus,
  reach-portal .xl\:focus\:-translate-x-64:focus {
    --transform-translate-x: -16rem !important
  }

  #navbarWrapper .xl\:focus\:-translate-x-px:focus,
  reach-portal .xl\:focus\:-translate-x-px:focus {
    --transform-translate-x: -1px !important
  }

  #navbarWrapper .xl\:focus\:-translate-x-full:focus,
  reach-portal .xl\:focus\:-translate-x-full:focus {
    --transform-translate-x: -100% !important
  }

  #navbarWrapper .xl\:focus\:-translate-x-1\/2:focus,
  reach-portal .xl\:focus\:-translate-x-1\/2:focus {
    --transform-translate-x: -50% !important
  }

  #navbarWrapper .xl\:focus\:translate-x-1\/2:focus,
  reach-portal .xl\:focus\:translate-x-1\/2:focus {
    --transform-translate-x: 50% !important
  }

  #navbarWrapper .xl\:focus\:translate-x-full:focus,
  reach-portal .xl\:focus\:translate-x-full:focus {
    --transform-translate-x: 100% !important
  }

  #navbarWrapper .xl\:focus\:translate-y-0:focus,
  reach-portal .xl\:focus\:translate-y-0:focus {
    --transform-translate-y: 0 !important
  }

  #navbarWrapper .xl\:focus\:translate-y-1:focus,
  reach-portal .xl\:focus\:translate-y-1:focus {
    --transform-translate-y: 0.25rem !important
  }

  #navbarWrapper .xl\:focus\:translate-y-2:focus,
  reach-portal .xl\:focus\:translate-y-2:focus {
    --transform-translate-y: 0.5rem !important
  }

  #navbarWrapper .xl\:focus\:translate-y-3:focus,
  reach-portal .xl\:focus\:translate-y-3:focus {
    --transform-translate-y: 0.75rem !important
  }

  #navbarWrapper .xl\:focus\:translate-y-4:focus,
  reach-portal .xl\:focus\:translate-y-4:focus {
    --transform-translate-y: 1rem !important
  }

  #navbarWrapper .xl\:focus\:translate-y-5:focus,
  reach-portal .xl\:focus\:translate-y-5:focus {
    --transform-translate-y: 1.25rem !important
  }

  #navbarWrapper .xl\:focus\:translate-y-6:focus,
  reach-portal .xl\:focus\:translate-y-6:focus {
    --transform-translate-y: 1.5rem !important
  }

  #navbarWrapper .xl\:focus\:translate-y-8:focus,
  reach-portal .xl\:focus\:translate-y-8:focus {
    --transform-translate-y: 2rem !important
  }

  #navbarWrapper .xl\:focus\:translate-y-10:focus,
  reach-portal .xl\:focus\:translate-y-10:focus {
    --transform-translate-y: 2.5rem !important
  }

  #navbarWrapper .xl\:focus\:translate-y-12:focus,
  reach-portal .xl\:focus\:translate-y-12:focus {
    --transform-translate-y: 3rem !important
  }

  #navbarWrapper .xl\:focus\:translate-y-16:focus,
  reach-portal .xl\:focus\:translate-y-16:focus {
    --transform-translate-y: 4rem !important
  }

  #navbarWrapper .xl\:focus\:translate-y-20:focus,
  reach-portal .xl\:focus\:translate-y-20:focus {
    --transform-translate-y: 5rem !important
  }

  #navbarWrapper .xl\:focus\:translate-y-24:focus,
  reach-portal .xl\:focus\:translate-y-24:focus {
    --transform-translate-y: 6rem !important
  }

  #navbarWrapper .xl\:focus\:translate-y-32:focus,
  reach-portal .xl\:focus\:translate-y-32:focus {
    --transform-translate-y: 8rem !important
  }

  #navbarWrapper .xl\:focus\:translate-y-40:focus,
  reach-portal .xl\:focus\:translate-y-40:focus {
    --transform-translate-y: 10rem !important
  }

  #navbarWrapper .xl\:focus\:translate-y-48:focus,
  reach-portal .xl\:focus\:translate-y-48:focus {
    --transform-translate-y: 12rem !important
  }

  #navbarWrapper .xl\:focus\:translate-y-56:focus,
  reach-portal .xl\:focus\:translate-y-56:focus {
    --transform-translate-y: 14rem !important
  }

  #navbarWrapper .xl\:focus\:translate-y-64:focus,
  reach-portal .xl\:focus\:translate-y-64:focus {
    --transform-translate-y: 16rem !important
  }

  #navbarWrapper .xl\:focus\:translate-y-px:focus,
  reach-portal .xl\:focus\:translate-y-px:focus {
    --transform-translate-y: 1px !important
  }

  #navbarWrapper .xl\:focus\:-translate-y-1:focus,
  reach-portal .xl\:focus\:-translate-y-1:focus {
    --transform-translate-y: -0.25rem !important
  }

  #navbarWrapper .xl\:focus\:-translate-y-2:focus,
  reach-portal .xl\:focus\:-translate-y-2:focus {
    --transform-translate-y: -0.5rem !important
  }

  #navbarWrapper .xl\:focus\:-translate-y-3:focus,
  reach-portal .xl\:focus\:-translate-y-3:focus {
    --transform-translate-y: -0.75rem !important
  }

  #navbarWrapper .xl\:focus\:-translate-y-4:focus,
  reach-portal .xl\:focus\:-translate-y-4:focus {
    --transform-translate-y: -1rem !important
  }

  #navbarWrapper .xl\:focus\:-translate-y-5:focus,
  reach-portal .xl\:focus\:-translate-y-5:focus {
    --transform-translate-y: -1.25rem !important
  }

  #navbarWrapper .xl\:focus\:-translate-y-6:focus,
  reach-portal .xl\:focus\:-translate-y-6:focus {
    --transform-translate-y: -1.5rem !important
  }

  #navbarWrapper .xl\:focus\:-translate-y-8:focus,
  reach-portal .xl\:focus\:-translate-y-8:focus {
    --transform-translate-y: -2rem !important
  }

  #navbarWrapper .xl\:focus\:-translate-y-10:focus,
  reach-portal .xl\:focus\:-translate-y-10:focus {
    --transform-translate-y: -2.5rem !important
  }

  #navbarWrapper .xl\:focus\:-translate-y-12:focus,
  reach-portal .xl\:focus\:-translate-y-12:focus {
    --transform-translate-y: -3rem !important
  }

  #navbarWrapper .xl\:focus\:-translate-y-16:focus,
  reach-portal .xl\:focus\:-translate-y-16:focus {
    --transform-translate-y: -4rem !important
  }

  #navbarWrapper .xl\:focus\:-translate-y-20:focus,
  reach-portal .xl\:focus\:-translate-y-20:focus {
    --transform-translate-y: -5rem !important
  }

  #navbarWrapper .xl\:focus\:-translate-y-24:focus,
  reach-portal .xl\:focus\:-translate-y-24:focus {
    --transform-translate-y: -6rem !important
  }

  #navbarWrapper .xl\:focus\:-translate-y-32:focus,
  reach-portal .xl\:focus\:-translate-y-32:focus {
    --transform-translate-y: -8rem !important
  }

  #navbarWrapper .xl\:focus\:-translate-y-40:focus,
  reach-portal .xl\:focus\:-translate-y-40:focus {
    --transform-translate-y: -10rem !important
  }

  #navbarWrapper .xl\:focus\:-translate-y-48:focus,
  reach-portal .xl\:focus\:-translate-y-48:focus {
    --transform-translate-y: -12rem !important
  }

  #navbarWrapper .xl\:focus\:-translate-y-56:focus,
  reach-portal .xl\:focus\:-translate-y-56:focus {
    --transform-translate-y: -14rem !important
  }

  #navbarWrapper .xl\:focus\:-translate-y-64:focus,
  reach-portal .xl\:focus\:-translate-y-64:focus {
    --transform-translate-y: -16rem !important
  }

  #navbarWrapper .xl\:focus\:-translate-y-px:focus,
  reach-portal .xl\:focus\:-translate-y-px:focus {
    --transform-translate-y: -1px !important
  }

  #navbarWrapper .xl\:focus\:-translate-y-full:focus,
  reach-portal .xl\:focus\:-translate-y-full:focus {
    --transform-translate-y: -100% !important
  }

  #navbarWrapper .xl\:focus\:-translate-y-1\/2:focus,
  reach-portal .xl\:focus\:-translate-y-1\/2:focus {
    --transform-translate-y: -50% !important
  }

  #navbarWrapper .xl\:focus\:translate-y-1\/2:focus,
  reach-portal .xl\:focus\:translate-y-1\/2:focus {
    --transform-translate-y: 50% !important
  }

  #navbarWrapper .xl\:focus\:translate-y-full:focus,
  reach-portal .xl\:focus\:translate-y-full:focus {
    --transform-translate-y: 100% !important
  }

  #navbarWrapper .xl\:skew-x-0,
  reach-portal .xl\:skew-x-0 {
    --transform-skew-x: 0 !important
  }

  #navbarWrapper .xl\:skew-x-3,
  reach-portal .xl\:skew-x-3 {
    --transform-skew-x: 3deg !important
  }

  #navbarWrapper .xl\:skew-x-6,
  reach-portal .xl\:skew-x-6 {
    --transform-skew-x: 6deg !important
  }

  #navbarWrapper .xl\:skew-x-12,
  reach-portal .xl\:skew-x-12 {
    --transform-skew-x: 12deg !important
  }

  #navbarWrapper .xl\:-skew-x-12,
  reach-portal .xl\:-skew-x-12 {
    --transform-skew-x: -12deg !important
  }

  #navbarWrapper .xl\:-skew-x-6,
  reach-portal .xl\:-skew-x-6 {
    --transform-skew-x: -6deg !important
  }

  #navbarWrapper .xl\:-skew-x-3,
  reach-portal .xl\:-skew-x-3 {
    --transform-skew-x: -3deg !important
  }

  #navbarWrapper .xl\:skew-y-0,
  reach-portal .xl\:skew-y-0 {
    --transform-skew-y: 0 !important
  }

  #navbarWrapper .xl\:skew-y-3,
  reach-portal .xl\:skew-y-3 {
    --transform-skew-y: 3deg !important
  }

  #navbarWrapper .xl\:skew-y-6,
  reach-portal .xl\:skew-y-6 {
    --transform-skew-y: 6deg !important
  }

  #navbarWrapper .xl\:skew-y-12,
  reach-portal .xl\:skew-y-12 {
    --transform-skew-y: 12deg !important
  }

  #navbarWrapper .xl\:-skew-y-12,
  reach-portal .xl\:-skew-y-12 {
    --transform-skew-y: -12deg !important
  }

  #navbarWrapper .xl\:-skew-y-6,
  reach-portal .xl\:-skew-y-6 {
    --transform-skew-y: -6deg !important
  }

  #navbarWrapper .xl\:-skew-y-3,
  reach-portal .xl\:-skew-y-3 {
    --transform-skew-y: -3deg !important
  }

  #navbarWrapper .xl\:hover\:skew-x-0:hover,
  reach-portal .xl\:hover\:skew-x-0:hover {
    --transform-skew-x: 0 !important
  }

  #navbarWrapper .xl\:hover\:skew-x-3:hover,
  reach-portal .xl\:hover\:skew-x-3:hover {
    --transform-skew-x: 3deg !important
  }

  #navbarWrapper .xl\:hover\:skew-x-6:hover,
  reach-portal .xl\:hover\:skew-x-6:hover {
    --transform-skew-x: 6deg !important
  }

  #navbarWrapper .xl\:hover\:skew-x-12:hover,
  reach-portal .xl\:hover\:skew-x-12:hover {
    --transform-skew-x: 12deg !important
  }

  #navbarWrapper .xl\:hover\:-skew-x-12:hover,
  reach-portal .xl\:hover\:-skew-x-12:hover {
    --transform-skew-x: -12deg !important
  }

  #navbarWrapper .xl\:hover\:-skew-x-6:hover,
  reach-portal .xl\:hover\:-skew-x-6:hover {
    --transform-skew-x: -6deg !important
  }

  #navbarWrapper .xl\:hover\:-skew-x-3:hover,
  reach-portal .xl\:hover\:-skew-x-3:hover {
    --transform-skew-x: -3deg !important
  }

  #navbarWrapper .xl\:hover\:skew-y-0:hover,
  reach-portal .xl\:hover\:skew-y-0:hover {
    --transform-skew-y: 0 !important
  }

  #navbarWrapper .xl\:hover\:skew-y-3:hover,
  reach-portal .xl\:hover\:skew-y-3:hover {
    --transform-skew-y: 3deg !important
  }

  #navbarWrapper .xl\:hover\:skew-y-6:hover,
  reach-portal .xl\:hover\:skew-y-6:hover {
    --transform-skew-y: 6deg !important
  }

  #navbarWrapper .xl\:hover\:skew-y-12:hover,
  reach-portal .xl\:hover\:skew-y-12:hover {
    --transform-skew-y: 12deg !important
  }

  #navbarWrapper .xl\:hover\:-skew-y-12:hover,
  reach-portal .xl\:hover\:-skew-y-12:hover {
    --transform-skew-y: -12deg !important
  }

  #navbarWrapper .xl\:hover\:-skew-y-6:hover,
  reach-portal .xl\:hover\:-skew-y-6:hover {
    --transform-skew-y: -6deg !important
  }

  #navbarWrapper .xl\:hover\:-skew-y-3:hover,
  reach-portal .xl\:hover\:-skew-y-3:hover {
    --transform-skew-y: -3deg !important
  }

  #navbarWrapper .xl\:focus\:skew-x-0:focus,
  reach-portal .xl\:focus\:skew-x-0:focus {
    --transform-skew-x: 0 !important
  }

  #navbarWrapper .xl\:focus\:skew-x-3:focus,
  reach-portal .xl\:focus\:skew-x-3:focus {
    --transform-skew-x: 3deg !important
  }

  #navbarWrapper .xl\:focus\:skew-x-6:focus,
  reach-portal .xl\:focus\:skew-x-6:focus {
    --transform-skew-x: 6deg !important
  }

  #navbarWrapper .xl\:focus\:skew-x-12:focus,
  reach-portal .xl\:focus\:skew-x-12:focus {
    --transform-skew-x: 12deg !important
  }

  #navbarWrapper .xl\:focus\:-skew-x-12:focus,
  reach-portal .xl\:focus\:-skew-x-12:focus {
    --transform-skew-x: -12deg !important
  }

  #navbarWrapper .xl\:focus\:-skew-x-6:focus,
  reach-portal .xl\:focus\:-skew-x-6:focus {
    --transform-skew-x: -6deg !important
  }

  #navbarWrapper .xl\:focus\:-skew-x-3:focus,
  reach-portal .xl\:focus\:-skew-x-3:focus {
    --transform-skew-x: -3deg !important
  }

  #navbarWrapper .xl\:focus\:skew-y-0:focus,
  reach-portal .xl\:focus\:skew-y-0:focus {
    --transform-skew-y: 0 !important
  }

  #navbarWrapper .xl\:focus\:skew-y-3:focus,
  reach-portal .xl\:focus\:skew-y-3:focus {
    --transform-skew-y: 3deg !important
  }

  #navbarWrapper .xl\:focus\:skew-y-6:focus,
  reach-portal .xl\:focus\:skew-y-6:focus {
    --transform-skew-y: 6deg !important
  }

  #navbarWrapper .xl\:focus\:skew-y-12:focus,
  reach-portal .xl\:focus\:skew-y-12:focus {
    --transform-skew-y: 12deg !important
  }

  #navbarWrapper .xl\:focus\:-skew-y-12:focus,
  reach-portal .xl\:focus\:-skew-y-12:focus {
    --transform-skew-y: -12deg !important
  }

  #navbarWrapper .xl\:focus\:-skew-y-6:focus,
  reach-portal .xl\:focus\:-skew-y-6:focus {
    --transform-skew-y: -6deg !important
  }

  #navbarWrapper .xl\:focus\:-skew-y-3:focus,
  reach-portal .xl\:focus\:-skew-y-3:focus {
    --transform-skew-y: -3deg !important
  }

  #navbarWrapper .xl\:transition-none,
  reach-portal .xl\:transition-none {
    transition-property: none !important
  }

  #navbarWrapper .xl\:transition-all,
  reach-portal .xl\:transition-all {
    transition-property: all !important
  }

  #navbarWrapper .xl\:transition,
  reach-portal .xl\:transition {
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform !important
  }

  #navbarWrapper .xl\:transition-colors,
  reach-portal .xl\:transition-colors {
    transition-property: background-color, border-color, color, fill, stroke !important
  }

  #navbarWrapper .xl\:transition-opacity,
  reach-portal .xl\:transition-opacity {
    transition-property: opacity !important
  }

  #navbarWrapper .xl\:transition-shadow,
  reach-portal .xl\:transition-shadow {
    transition-property: box-shadow !important
  }

  #navbarWrapper .xl\:transition-transform,
  reach-portal .xl\:transition-transform {
    transition-property: transform !important
  }

  #navbarWrapper .xl\:ease-linear,
  reach-portal .xl\:ease-linear {
    transition-timing-function: linear !important
  }

  #navbarWrapper .xl\:ease-in,
  reach-portal .xl\:ease-in {
    transition-timing-function: cubic-bezier(.4, 0, 1, 1) !important
  }

  #navbarWrapper .xl\:ease-out,
  reach-portal .xl\:ease-out {
    transition-timing-function: cubic-bezier(0, 0, .2, 1) !important
  }

  #navbarWrapper .xl\:ease-in-out,
  reach-portal .xl\:ease-in-out {
    transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important
  }

  #navbarWrapper .xl\:duration-75,
  reach-portal .xl\:duration-75 {
    transition-duration: 75ms !important
  }

  #navbarWrapper .xl\:duration-100,
  reach-portal .xl\:duration-100 {
    transition-duration: .1s !important
  }

  #navbarWrapper .xl\:duration-150,
  reach-portal .xl\:duration-150 {
    transition-duration: .15s !important
  }

  #navbarWrapper .xl\:duration-200,
  reach-portal .xl\:duration-200 {
    transition-duration: .2s !important
  }

  #navbarWrapper .xl\:duration-300,
  reach-portal .xl\:duration-300 {
    transition-duration: .3s !important
  }

  #navbarWrapper .xl\:duration-500,
  reach-portal .xl\:duration-500 {
    transition-duration: .5s !important
  }

  #navbarWrapper .xl\:duration-700,
  reach-portal .xl\:duration-700 {
    transition-duration: .7s !important
  }

  #navbarWrapper .xl\:duration-1000,
  reach-portal .xl\:duration-1000 {
    transition-duration: 1s !important
  }

  #navbarWrapper .xl\:delay-75,
  reach-portal .xl\:delay-75 {
    transition-delay: 75ms !important
  }

  #navbarWrapper .xl\:delay-100,
  reach-portal .xl\:delay-100 {
    transition-delay: .1s !important
  }

  #navbarWrapper .xl\:delay-150,
  reach-portal .xl\:delay-150 {
    transition-delay: .15s !important
  }

  #navbarWrapper .xl\:delay-200,
  reach-portal .xl\:delay-200 {
    transition-delay: .2s !important
  }

  #navbarWrapper .xl\:delay-300,
  reach-portal .xl\:delay-300 {
    transition-delay: .3s !important
  }

  #navbarWrapper .xl\:delay-500,
  reach-portal .xl\:delay-500 {
    transition-delay: .5s !important
  }

  #navbarWrapper .xl\:delay-700,
  reach-portal .xl\:delay-700 {
    transition-delay: .7s !important
  }

  #navbarWrapper .xl\:delay-1000,
  reach-portal .xl\:delay-1000 {
    transition-delay: 1s !important
  }
}

@font-face {
  font-family: Graphik;
  src: url(https://www.hpe.com/content/dam/hpe/fonts/graphik/HPEGraphik-Regular-Web.woff2) format("woff2")
}

@font-face {
  font-family: Graphik;
  font-weight: 400;
  src: url(https://www.hpe.com/content/dam/hpe/fonts/graphik/HPEGraphik-Regular-Web.woff2) format("woff2")
}

@font-face {
  font-family: Graphik;
  font-weight: 500;
  src: url(https://www.hpe.com/content/dam/hpe/fonts/graphik/HPEGraphik-Medium-Web.woff2) format("woff2")
}

@font-face {
  font-family: Graphik;
  font-weight: 700;
  src: url(https://www.hpe.com/content/dam/hpe/fonts/graphik/HPEGraphik-Bold-Web.woff2) format("woff2")
}

@font-face {
  font-family: Graphik;
  font-weight: 600;
  src: url(https://www.hpe.com/content/dam/hpe/fonts/graphik/HPEGraphik-Semibold-Web.woff2) format("woff2")
}

.ops-confirmation {
  background-color: #fff !important;
  background-color: var(--color-elevation-35) !important;
  box-shadow: 0 3px 6px #0000003d !important;
  box-shadow: var(--shadow-elevation) !important;
  padding: 1rem
}

.ops-confirmation .confirmation-header {
  font-weight: 700;
  text-align: left;
  text-transform: uppercase
}

.ops-confirmation .confirmation-footer {
  padding-top: 1.25rem;
  text-align: right
}

.ops-confirmation .confirmation-footer button:last-of-type {
  padding-right: 0
}

.ops-confirmation label {
  font-size: .75rem
}

.ops-confirmation span {
  font-size: .875rem
}

.rdrCalendarWrapper,
.rdrDateRangePickerWrapper {
  background-color: #fff !important;
  background-color: var(--color-elevation-20) !important;
  color: #3e4550 !important;
  color: var(--color-grey-800) !important
}

.rdrCalendarWrapper .rdrDefinedRangesWrapper,
.rdrDateRangePickerWrapper .rdrDefinedRangesWrapper {
  background-color: #00000008 !important;
  background-color: var(--color-elevation-23) !important;
  border-right: 0 solid #d4d8db !important;
  border-right: 0 solid var(--color-grey-300) !important;
  color: #3e4550 !important;
  color: var(--color-grey-800) !important;
  padding-top: 17px
}

.rdrCalendarWrapper .rdrDefinedRangesWrapper .rdrStaticRange,
.rdrDateRangePickerWrapper .rdrDefinedRangesWrapper .rdrStaticRange {
  border-bottom: 0 solid #d4d8db !important;
  border-bottom: 0 solid var(--color-grey-300) !important
}

.rdrCalendarWrapper .rdrDefinedRangesWrapper .rdrStaticRange.active,
.rdrCalendarWrapper .rdrDefinedRangesWrapper .rdrStaticRange:hover span,
.rdrDateRangePickerWrapper .rdrDefinedRangesWrapper .rdrStaticRange.active,
.rdrDateRangePickerWrapper .rdrDefinedRangesWrapper .rdrStaticRange:hover span {
  background-color: #01a982 !important;
  background-color: var(--color-primary) !important;
  color: #fff !important;
  color: var(--color-brand-grey-0) !important
}

.rdrCalendarWrapper .rdrDayToday .rdrDayNumber span:after,
.rdrDateRangePickerWrapper .rdrDayToday .rdrDayNumber span:after {
  background-color: #01a982 !important;
  background-color: var(--color-primary) !important;
  bottom: 3px
}

.rdrCalendarWrapper .rdrMonthAndYearWrapper,
.rdrDateRangePickerWrapper .rdrMonthAndYearWrapper {
  height: 36px;
  padding-top: 0
}

.rdrCalendarWrapper .rdrMonthAndYearWrapper .rdrNextPrevButton:hover,
.rdrDateRangePickerWrapper .rdrMonthAndYearWrapper .rdrNextPrevButton:hover {
  background-color: #00000008 !important;
  background-color: var(--background-highlight) !important;
  outline: none
}

.rdrCalendarWrapper .rdrMonthAndYearWrapper .rdrNextPrevButton:focus,
.rdrDateRangePickerWrapper .rdrMonthAndYearWrapper .rdrNextPrevButton:focus {
  box-shadow: 0 0 0 3px #292d3a;
  box-shadow: var(--focus-outline);
  outline: none
}

.rdrCalendarWrapper .rdrMonthAndYearWrapper .rdrPprevButton i,
.rdrDateRangePickerWrapper .rdrMonthAndYearWrapper .rdrPprevButton i {
  border-color: #0000 #3e4550 #0000 #0000;
  border-color: #0000 var(--color-grey-800) #0000 #0000
}

.rdrCalendarWrapper .rdrMonthAndYearWrapper .rdrNextButton i,
.rdrDateRangePickerWrapper .rdrMonthAndYearWrapper .rdrNextButton i {
  border-color: #0000 #0000 #0000 #3e4550;
  border-color: #0000 #0000 #0000 var(--color-grey-800)
}

.rdrCalendarWrapper .rdrEndEdge,
.rdrCalendarWrapper .rdrInRange,
.rdrCalendarWrapper .rdrSelected,
.rdrCalendarWrapper .rdrStartEdge,
.rdrDateRangePickerWrapper .rdrEndEdge,
.rdrDateRangePickerWrapper .rdrInRange,
.rdrDateRangePickerWrapper .rdrSelected,
.rdrDateRangePickerWrapper .rdrStartEdge {
  background-color: #01a982 !important;
  background-color: var(--color-primary) !important;
  bottom: 2px;
  left: 0;
  right: 0;
  top: 2px
}

.rdrCalendarWrapper .rdrDayEndPreview,
.rdrCalendarWrapper .rdrDayInPreview,
.rdrCalendarWrapper .rdrDayStartPreview,
.rdrDateRangePickerWrapper .rdrDayEndPreview,
.rdrDateRangePickerWrapper .rdrDayInPreview,
.rdrDateRangePickerWrapper .rdrDayStartPreview {
  background-color: #00000008 !important;
  background-color: var(--background-highlight) !important;
  color: #01a982 !important;
  color: var(--color-primary) !important
}

.rdrCalendarWrapper .rdrDayDisabled,
.rdrDateRangePickerWrapper .rdrDayDisabled {
  color: #0000003d !important;
  color: var(--color-disabled) !important;
  cursor: default
}

.rdrDayDisabled .rdrDayNumber span,
.rdrDayPassive .rdrDayNumber span {
  color: #0000003d !important;
  color: var(--color-disabled) !important
}

.rdrCalendarWrapper button {
  font-size: 14px
}

input[type=date],
input[type=time] {
  align-items: center;
  display: flex !important;
  place-content: space-between
}

input[type=time]:after {
  content: ""
}

input[type=date]:after,
input[type=time]:after {
  color: #3e4550 !important;
  color: var(--color-grey-800) !important;
  font-family: fontello;
  font-weight: 400;
  padding: 0 5px
}

input[type=date]:after {
  content: ""
}

input[type=date]::-webkit-calendar-picker-indicator,
input[type=time]::-webkit-calendar-picker-indicator {
  background: none;
  bottom: 0;
  color: #0000;
  height: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 30px
}

input[type=date]::-webkit-clear-button,
input[type=date]::-webkit-inner-spin-button,
input[type=time]::-webkit-clear-button,
input[type=time]::-webkit-inner-spin-button {
  z-index: 1
}

.z-index-10 {
  z-index: 10
}

.ops-beta-tag:after {
  background-color: #7f245c;
  background-color: var(--color-beta-tag);
  color: #fff;
  color: var(--color-brand-grey-0);
  content: "BETA"
}

.ops-beta-tag:after,
.ops-early-access-tag:after {
  border-radius: 2px;
  font-weight: 700;
  margin-left: 16px;
  padding: 2px 6px;
  vertical-align: middle
}

.ops-early-access-tag:after {
  background-color: #c3ddfd;
  color: #3e4550;
  color: var(--color-brand-grey-800);
  content: "EARLY ACCESS"
}

.rdrDayStartOfMonth .rdrEndEdge,
.rdrDayStartOfMonth .rdrInRange,
.rdrDayStartOfWeek .rdrEndEdge,
.rdrDayStartOfWeek .rdrInRange,
.rdrStartEdge {
  border-bottom-left-radius: 20px;
  border-top-left-radius: 20px
}

.rdrDayEndOfMonth .rdrInRange,
.rdrDayEndOfMonth .rdrStartEdge,
.rdrDayEndOfWeek .rdrInRange,
.rdrDayEndOfWeek .rdrStartEdge,
.rdrEndEdge {
  border-bottom-right-radius: 20px;
  border-top-right-radius: 20px
}

.rdrDay {
  height: 2.3em !important
}

.rdrWeekDay {
  color: #3e4550;
  color: var(--color-grey-800);
  font-size: 14px
}

.rdrMonths {
  zoom: .9
}

.rdrMonths .rdrMonth {
  padding-bottom: 10px
}

.rdrMonths .rdrMonth+.rdrMonth .rdrMonthName {
  margin-right: 25px;
  text-align: right
}

.rdrMonthName {
  margin-left: 25px;
  margin-top: -39px
}

.rdrDateDisplay .rdrDateDisplayItem,
.rdrStaticRangeLabel {
  font-size: 14px
}

.rdrDateDisplay .rdrDateDisplayItem input[value] {
  color: #b1b9be !important;
  color: var(--color-grey-400) !important
}

.rdrDateDisplay .rdrDateDisplayItem input[type=time] {
  color: #3e4550 !important;
  color: var(--color-grey-800) !important
}

.rdrDateDisplay .rdrDateDisplayItem :not(input[type=hidden]) {
  width: 100%
}

.ops-page-heading {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 4px 20px
}

.ops-page-heading .title {
  color: #3e4550;
  color: var(--color-grey-800);
  font-weight: 700 !important;
  line-height: 2em !important
}

.ops-form-background {
  border-radius: 6px
}

.ops-border-rule-primary {
  border: 1px solid #d4d8db;
  border: 1px solid var(--color-rule-primary)
}

.ops-border-rule-secondary {
  border: 1px solid #e6e8e9;
  border: 1px solid var(--color-rule-secondary)
}

.ops-border-elevation-40 {
  border: 1px solid #b1b9be;
  border: 1px solid var(--color-elevation-40)
}

.ops-focus-outline:focus {
  box-shadow: 0 0 0 3px #292d3a;
  box-shadow: var(--focus-outline);
  outline: none
}

[data-theme=dark] {
  color-scheme: dark
}

.ops-elevation-10 {
  background-color: #f7f7f7 !important;
  background-color: var(--color-elevation-10) !important
}

.ops-elevation-20,
.ops-form-background {
  background-color: #fff !important;
  background-color: var(--color-elevation-20) !important
}

.ops-elevation-23 {
  background-color: #00000008 !important;
  background-color: var(--color-elevation-23) !important
}

.ops-elevation-30 {
  background-color: #f7f7f7 !important;
  background-color: var(--color-elevation-30) !important
}

.ops-elevation-35 {
  background-color: #fff !important;
  background-color: var(--color-elevation-35) !important
}

.ops-elevation-40 {
  background-color: #b1b9be !important;
  background-color: var(--color-elevation-40) !important
}

.ops-elevation-45 {
  background-color: #f7f7f7 !important;
  background-color: var(--color-elevation-45) !important
}

.ops-elevation-80 {
  background-color: #3e4550 !important;
  background-color: var(--color-elevation-80) !important
}

.ops-elevation-90 {
  background-color: #292d3a !important;
  background-color: var(--color-elevation-90) !important
}

.ops-elevation-hover {
  background-color: #0000000a !important;
  background-color: var(--color-elevation-hover) !important
}

.ops-shadow {
  box-shadow: 0 1px 2px #0000001f !important;
  box-shadow: var(--shadow) !important
}

.ops-shadow-sm {
  box-shadow: 0 .5px 1px #0000001f !important;
  box-shadow: var(--shadow-sm) !important
}

.ops-form-background,
.ops-shadow-elevation {
  box-shadow: 0 3px 6px #0000003d !important;
  box-shadow: var(--shadow-elevation) !important
}

.ops-shadow-elevation-sm {
  box-shadow: 0 1px 2px #0000001f !important;
  box-shadow: var(--shadow-elevation-sm) !important
}

.ops-primary {
  background-color: #01a982 !important;
  background-color: var(--color-primary) !important;
  color: #fff !important;
  color: var(--color-brand-grey-0) !important
}

.ops-primary-100 {
  background-color: #aafade !important;
  background-color: var(--color-primary-100) !important
}

.ops-primary-300 {
  background-color: #00e0af !important;
  background-color: var(--color-primary-300) !important
}

.ops-primary-500 {
  background-color: #01a982 !important;
  background-color: var(--color-primary-500) !important
}

.ops-primary-700 {
  background-color: #006750 !important;
  background-color: var(--color-primary-700) !important
}

.ops-primary-900 {
  background-color: #093d32 !important;
  background-color: var(--color-primary-900) !important
}

.ops-secondary {
  background-color: #00e0af !important;
  background-color: var(--color-secondary) !important;
  color: var(--color-text-secondary) !important
}

.ops-secondary-100 {
  background-color: #d1ffee !important;
  background-color: var(--color-secondary-100) !important
}

.ops-secondary-300 {
  background-color: #66ebcf !important;
  background-color: var(--color-secondary-300) !important
}

.ops-secondary-500 {
  background-color: #00e0af !important;
  background-color: var(--color-secondary-500) !important
}

.ops-secondary-700 {
  background-color: #009a71 !important;
  background-color: var(--color-secondary-700) !important
}

.ops-secondary-900 {
  background-color: #006750 !important;
  background-color: var(--color-secondary-900) !important
}

.ops-global-grey {
  background-color: #b1b9be !important;
  background-color: var(--color-global-grey) !important
}

.ops-global-grey-100 {
  background-color: #e6e8e9 !important;
  background-color: var(--color-global-grey-100) !important
}

.ops-global-grey-300 {
  background-color: #d4d8db !important;
  background-color: var(--color-global-grey-300) !important
}

.ops-global-grey-500 {
  background-color: #b1b9be !important;
  background-color: var(--color-global-grey-500) !important
}

.ops-global-grey-700 {
  background-color: #535c66 !important;
  background-color: var(--color-global-grey-700) !important
}

.ops-global-grey-900 {
  background-color: #292d3a !important;
  background-color: var(--color-global-grey-900) !important
}

.ops-red {
  background-color: #ec3331 !important;
  background-color: var(--color-red) !important
}

.ops-red-100 {
  background-color: #ffecec !important;
  background-color: var(--color-red-100) !important
}

.ops-red-300 {
  background-color: #ff7b7b !important;
  background-color: var(--color-red-300) !important
}

.ops-red-500 {
  background-color: #ec3331 !important;
  background-color: var(--color-red-500) !important
}

.ops-red-700 {
  background-color: #cc1f1a !important;
  background-color: var(--color-red-700) !important
}

.ops-red-900 {
  background-color: #552120 !important;
  background-color: var(--color-red-900) !important
}

.ops-orange {
  background-color: #d36d00 !important;
  background-color: var(--color-orange) !important
}

.ops-orange-100 {
  background-color: #fff3dd !important;
  background-color: var(--color-orange-100) !important
}

.ops-orange-300 {
  background-color: #ec8c25 !important;
  background-color: var(--color-orange-300) !important
}

.ops-orange-500 {
  background-color: #d36d00 !important;
  background-color: var(--color-orange-500) !important
}

.ops-orange-700 {
  background-color: #c64f3a !important;
  background-color: var(--color-orange-700) !important
}

.ops-orange-900 {
  background-color: #3c361e !important;
  background-color: var(--color-orange-900) !important
}

.ops-yellow {
  background-color: #ecbe4f !important;
  background-color: var(--color-yellow) !important
}

.ops-yellow-100 {
  background-color: #f9cc61 !important;
  background-color: var(--color-yellow-100) !important
}

.ops-yellow-300 {
  background-color: #ecbe4f !important;
  background-color: var(--color-yellow-300) !important
}

.ops-yellow-500 {
  background-color: #deb146 !important;
  background-color: var(--color-yellow-500) !important
}

.ops-yellow-700 {
  background-color: #b38a29 !important;
  background-color: var(--color-yellow-700) !important
}

.ops-yellow-900 {
  background-color: #b0840d !important;
  background-color: var(--color-yellow-900) !important
}

.ops-green {
  background-color: #009a71 !important;
  background-color: var(--color-green) !important
}

.ops-green-100 {
  background-color: #aafade !important;
  background-color: var(--color-green-100) !important
}

.ops-green-300 {
  background-color: #05cc93 !important;
  background-color: var(--color-green-300) !important
}

.ops-green-500 {
  background-color: #009a71 !important;
  background-color: var(--color-green-500) !important
}

.ops-green-700 {
  background-color: #006750 !important;
  background-color: var(--color-green-700) !important
}

.ops-green-900 {
  background-color: #093d32 !important;
  background-color: var(--color-green-900) !important
}

.ops-blue {
  background-color: #0055da !important;
  background-color: var(--color-blue) !important
}

.ops-blue-100 {
  background-color: #e3f1ff !important;
  background-color: var(--color-blue-100) !important
}

.ops-blue-300 {
  background-color: #3994f7 !important;
  background-color: var(--color-blue-300) !important
}

.ops-blue-500 {
  background-color: #0055da !important;
  background-color: var(--color-blue-500) !important
}

.ops-blue-700 {
  background-color: #003cae !important;
  background-color: var(--color-blue-700) !important
}

.ops-blue-900 {
  background-color: #2b3547 !important;
  background-color: var(--color-blue-900) !important
}

.ops-grey-0 {
  background-color: #fff !important;
  background-color: var(--color-grey-0) !important
}

.ops-grey-50 {
  background-color: #f7f7f7 !important;
  background-color: var(--color-grey-50) !important
}

.ops-grey-100 {
  background-color: #f7f7f7 !important;
  background-color: var(--color-grey-100) !important
}

.ops-grey-200 {
  background-color: #e6e8e9 !important;
  background-color: var(--color-grey-200) !important
}

.ops-grey-300 {
  background-color: #d4d8db !important;
  background-color: var(--color-grey-300) !important
}

.ops-grey-400 {
  background-color: #b1b9be !important;
  background-color: var(--color-grey-400) !important
}

.ops-grey-500 {
  background-color: #7d8a92 !important;
  background-color: var(--color-grey-500) !important
}

.ops-grey-600 {
  background-color: #606a70 !important;
  background-color: var(--color-grey-600) !important
}

.ops-grey-700 {
  background-color: #535c66 !important;
  background-color: var(--color-grey-700) !important
}

.ops-grey-800 {
  background-color: #3e4550 !important;
  background-color: var(--color-grey-800) !important
}

.ops-grey-900 {
  background-color: #292d3a !important;
  background-color: var(--color-grey-900) !important
}

.ops-grey-1000 {
  background-color: #000 !important;
  background-color: var(--color-grey-1000) !important
}

.ops-gradient-primary {
  background: linear-gradient(107.74deg, #01a982 -13.29%, #66ebcf 147.42%) !important;
  background: var(--color-gradient-primary) !important
}

.ops-gradient-orange {
  background: linear-gradient(147.98deg, #d36d00 -13.29%, #f9cc61 147.42%) !important;
  background: var(--color-gradient-orange) !important
}

.ops-gradient-purple {
  background: linear-gradient(149.92deg, #181870, #c51e9a) !important;
  background: var(--color-gradient-purple) !important
}

.ops-text-primary {
  color: #068667 !important;
  color: var(--color-primary-text) !important
}

.ops-text-primary-100 {
  color: #aafade !important;
  color: var(--color-primary-100) !important
}

.ops-text-primary-300 {
  color: #00e0af !important;
  color: var(--color-primary-300) !important
}

.ops-text-primary-500 {
  color: #01a982 !important;
  color: var(--color-primary-500) !important
}

.ops-text-primary-700 {
  color: #006750 !important;
  color: var(--color-primary-700) !important
}

.ops-text-primary-900 {
  color: #093d32 !important;
  color: var(--color-primary-900) !important
}

.ops-text-secondary {
  color: #00e0af !important;
  color: var(--color-secondary) !important
}

.ops-text-secondary-100 {
  color: #d1ffee !important;
  color: var(--color-secondary-100) !important
}

.ops-text-secondary-300 {
  color: #66ebcf !important;
  color: var(--color-secondary-300) !important
}

.ops-text-secondary-500 {
  color: #00e0af !important;
  color: var(--color-secondary-500) !important
}

.ops-text-secondary-700 {
  color: #009a71 !important;
  color: var(--color-secondary-700) !important
}

.ops-text-secondary-900 {
  color: #006750 !important;
  color: var(--color-secondary-900) !important
}

.ops-text-global-grey {
  color: #b1b9be !important;
  color: var(--color-global-grey) !important
}

.ops-text-global-grey-100 {
  color: #e6e8e9 !important;
  color: var(--color-global-grey-100) !important
}

.ops-text-global-grey-300 {
  color: #d4d8db !important;
  color: var(--color-global-grey-300) !important
}

.ops-text-global-grey-500 {
  color: #b1b9be !important;
  color: var(--color-global-grey-500) !important
}

.ops-text-global-grey-700 {
  color: #535c66 !important;
  color: var(--color-global-grey-700) !important
}

.ops-text-global-grey-900 {
  color: #292d3a !important;
  color: var(--color-global-grey-900) !important
}

.ops-text-red {
  color: #ec3331 !important;
  color: var(--color-red) !important
}

.ops-text-red-100 {
  color: #ffecec !important;
  color: var(--color-red-100) !important
}

.ops-text-red-300 {
  color: #ff7b7b !important;
  color: var(--color-red-300) !important
}

.ops-text-red-500 {
  color: #ec3331 !important;
  color: var(--color-red-500) !important
}

.ops-text-red-700 {
  color: #cc1f1a !important;
  color: var(--color-red-700) !important
}

.ops-text-red-900 {
  color: #552120 !important;
  color: var(--color-red-900) !important
}

.ops-text-orange {
  color: #d36d00 !important;
  color: var(--color-orange) !important
}

.ops-text-orange-100 {
  color: #fff3dd !important;
  color: var(--color-orange-100) !important
}

.ops-text-orange-300 {
  color: #ec8c25 !important;
  color: var(--color-orange-300) !important
}

.ops-text-orange-500 {
  color: #d36d00 !important;
  color: var(--color-orange-500) !important
}

.ops-text-orange-700 {
  color: #c64f3a !important;
  color: var(--color-orange-700) !important
}

.ops-text-orange-900 {
  color: #3c361e !important;
  color: var(--color-orange-900) !important
}

.ops-text-yellow {
  color: #ecbe4f !important;
  color: var(--color-yellow) !important
}

.ops-text-yellow-100 {
  color: #f9cc61 !important;
  color: var(--color-yellow-100) !important
}

.ops-text-yellow-300 {
  color: #ecbe4f !important;
  color: var(--color-yellow-300) !important
}

.ops-text-yellow-500 {
  color: #deb146 !important;
  color: var(--color-yellow-500) !important
}

.ops-text-yellow-700 {
  color: #b38a29 !important;
  color: var(--color-yellow-700) !important
}

.ops-text-yellow-900 {
  color: #b0840d !important;
  color: var(--color-yellow-900) !important
}

.ops-text-green {
  color: #009a71 !important;
  color: var(--color-green) !important
}

.ops-text-green-100 {
  color: #aafade !important;
  color: var(--color-green-100) !important
}

.ops-text-green-300 {
  color: #05cc93 !important;
  color: var(--color-green-300) !important
}

.ops-text-green-500 {
  color: #009a71 !important;
  color: var(--color-green-500) !important
}

.ops-text-green-700 {
  color: #006750 !important;
  color: var(--color-green-700) !important
}

.ops-text-green-900 {
  color: #093d32 !important;
  color: var(--color-green-900) !important
}

.ops-text-grey-0 {
  color: #fff !important;
  color: var(--color-grey-0) !important
}

.ops-text-grey-50 {
  color: #f7f7f7 !important;
  color: var(--color-grey-50) !important
}

.ops-text-grey-100 {
  color: #f7f7f7 !important;
  color: var(--color-grey-100) !important
}

.ops-text-grey-200 {
  color: #e6e8e9 !important;
  color: var(--color-grey-200) !important
}

.ops-text-grey-300 {
  color: #d4d8db !important;
  color: var(--color-grey-300) !important
}

.ops-text-grey-400 {
  color: #b1b9be !important;
  color: var(--color-grey-400) !important
}

.ops-text-grey-500 {
  color: #7d8a92 !important;
  color: var(--color-grey-500) !important
}

.ops-text-grey-600 {
  color: #606a70 !important;
  color: var(--color-grey-600) !important
}

.ops-text-grey-700 {
  color: #535c66 !important;
  color: var(--color-grey-700) !important
}

.ops-confirmation .confirmation-header,
.ops-text-grey-800 {
  color: #3e4550 !important;
  color: var(--color-grey-800) !important
}

.ops-text-grey-900 {
  color: #292d3a !important;
  color: var(--color-grey-900) !important
}

.ops-text-grey-1000 {
  color: #000 !important;
  color: var(--color-grey-1000) !important
}

:root {
  --color-primary-100-hsl: 204, 65%, 72%;
  --color-primary-300-hsl: 204, 65%, 56%;
  --color-primary-500-hsl: 204, 100%, 39%;
  --color-primary-700-hsl: 204, 100%, 29%;
  --color-primary-900-hsl: 204, 100%, 18%;
  --color-elevation-10: #f7f7f7;
  --color-elevation-20: #fff;
  --color-elevation-23: #00000008;
  --color-elevation-30: #f7f7f7;
  --color-elevation-35: #fff;
  --color-elevation-40: #b1b9be;
  --color-elevation-45: #f7f7f7;
  --color-elevation-80: #3e4550;
  --color-elevation-90: #292d3a;
  --brightness-theme-hover: 75%;
  --overlay-background: #505050bf;
  --color-grey: #7d8a92;
  --color-grey-0: #fff;
  --color-grey-50: #f7f7f7;
  --color-grey-100: #f7f7f7;
  --color-grey-200: #e6e8e9;
  --color-grey-300: #d4d8db;
  --color-grey-400: #b1b9be;
  --color-grey-500: #7d8a92;
  --color-grey-600: #606a70;
  --color-grey-700: #535c66;
  --color-grey-800: #3e4550;
  --color-grey-900: #292d3a;
  --color-grey-1000: #000;
  --color-primary: #01a982;
  --color-primary-gradient: #66ebcf;
  --color-primary-text: #068667;
  --color-primary-text-hover: #006750;
  --color-primary-100: #aafade;
  --color-primary-300: #00e0af;
  --color-primary-500: #01a982;
  --color-primary-700: #006750;
  --color-primary-900: #093d32;
  --color-secondary: #00e0af;
  --color-secondary-100: #d1ffee;
  --color-secondary-300: #66ebcf;
  --color-secondary-500: #00e0af;
  --color-secondary-700: #009a71;
  --color-secondary-900: #006750;
  --color-global-grey: #b1b9be;
  --color-global-grey-100: #e6e8e9;
  --color-global-grey-300: #d4d8db;
  --color-global-grey-500: #b1b9be;
  --color-global-grey-700: #535c66;
  --color-global-grey-900: #292d3a;
  --color-red: #ec3331;
  --color-red-100: #ffecec;
  --color-red-300: #ff7b7b;
  --color-red-500: #ec3331;
  --color-red-700: #cc1f1a;
  --color-red-900: #552120;
  --color-orange: #d36d00;
  --color-orange-gradient: #f9cc61;
  --color-orange-100: #fff3dd;
  --color-orange-300: #ec8c25;
  --color-orange-500: #d36d00;
  --color-orange-700: #c64f3a;
  --color-orange-900: #3c361e;
  --color-yellow: #ecbe4f;
  --color-yellow-100: #f9cc61;
  --color-yellow-300: #ecbe4f;
  --color-yellow-500: #deb146;
  --color-yellow-700: #b38a29;
  --color-yellow-900: #b0840d;
  --color-green: #009a71;
  --color-green-100: #aafade;
  --color-green-300: #05cc93;
  --color-green-500: #009a71;
  --color-green-700: #006750;
  --color-green-900: #093d32;
  --color-blue: #0055da;
  --color-blue-gradient: #99f0f9;
  --color-blue-100: #e3f1ff;
  --color-blue-300: #3994f7;
  --color-blue-500: #0055da;
  --color-blue-700: #003cae;
  --color-blue-900: #2b3547;
  --color-gradient-primary: linear-gradient(107.74deg, #01a982 -13.29%, #66ebcf 147.42%);
  --color-gradient-primary-hover: linear-gradient(0deg, #0003, #0003), linear-gradient(107.74deg, #01a982 -13.29%, #66ebcf 147.42%);
  --color-gradient-blue: linear-gradient(142.79deg, #0055da -13.29%, #99f0f9 147.42%);
  --color-gradient-blue-hover: linear-gradient(0deg, #0003, #0003), linear-gradient(142.79deg, #0055da -13.29%, #99f0f9 147.42%);
  --color-gradient-orange: linear-gradient(147.98deg, #d36d00 -13.29%, #f9cc61 147.42%);
  --color-gradient-purple: linear-gradient(149.92deg, #181870, #c51e9a);
  --color-focus: #292d3a;
  --focus-outline: 0 0 0 3px #292d3a;
  --shadow: 0 1px 2px #0000001f;
  --shadow-sm: 0 0.5px 1px #0000001f;
  --shadow-elevation: 0 3px 6px #0000003d;
  --shadow-elevation-sm: 0 1px 2px #0000001f;
  --color-highlight: #006750;
  --background-highlight: #00000008;
  --color-disabled: #0000003d;
  --color-background-grey: #f7f7f7;
  --color-success: #009a71;
  --color-warning: #d36d00;
  --color-error: #ec3331;
  --color-alert-ok: #009a71;
  --color-alert-error: #c64f3a;
  --color-alert-warning: #d36d00;
  --color-alert-critical: #ec3331;
  --color-alert-all: #0055da;
  --color-alert-observed: #62e5f6;
  --color-alert-info: #b7a2fc;
  --color-status-all: #0055da;
  --color-status-new: #62e5f6;
  --color-status-open: #ecbe4f;
  --color-status-pending: #c64f3a;
  --color-status-resolved: #009a71;
  --color-status-closed: #b1b9be;
  --color-status-on-hold: #b7a2fc;
  --color-priority-normal: #ecbe4f;
  --color-logs-all: #0055da;
  --color-logs-fatal: #7f245c;
  --color-logs-critical: #ec3331;
  --color-logs-error: #c64f3a;
  --color-logs-warn: #ecbe4f;
  --color-logs-info: #b7a2fc;
  --color-logs-debug: #62e5f6;
  --color-logs-trace: #b38a29;
  --color-logs-unknown: #b1b9be;
  --color-availability-up: #009a71;
  --color-availability-down: #ec3331;
  --color-availability-degraded: #c64f3a;
  --color-availability-all: #0055da;
  --color-availability-unknown: #b1b9be;
  --color-availability-undefined: #b38a29;
  --color-availability-unmonitored: #62e5f6;
  --color-tooltip-background: #292d3a;
  --color-tooltip-color: #f7f7f7;
  --color-tooltip-button: #01a982;
  --color-tooltip-background-highlight: #ffffff1f;
  --color-brand-grey-0: #fff;
  --color-brand-grey-100: #f7f7f7;
  --color-brand-grey-800: #3e4550;
  --color-brand-grey-900: #292d3a;
  --color-brand-blue-400: #01a982;
  --color-brand-primary: #01a982;
  --color-beta-tag: #7f245c;
  --color-rule-primary: #d4d8db;
  --color-rule-secondary: #e6e8e9;
  --color-input-placeholder: #606a70
}

.ops-primary-100-hsl {
  background-color: #89c1e6;
  background-color: hsla(var(--color-primary-100-hsl), 1)
}

.ops-primary-300-hsl {
  background-color: #469dd8;
  background-color: hsla(var(--color-primary-300-hsl), 1)
}

.ops-primary-500-hsl,
.ops-primary-hsl {
  background-color: #0077c7;
  background-color: hsla(var(--color-primary-500-hsl), 1)
}

.ops-primary-700-hsl {
  background-color: #005994;
  background-color: hsla(var(--color-primary-700-hsl), 1)
}

.ops-primary-900-hsl {
  background-color: #00375c;
  background-color: hsla(var(--color-primary-900-hsl), 1)
}

.ops-text-primary-100-hsl {
  color: #89c1e6;
  color: hsla(var(--color-primary-100-hsl), 1)
}

.ops-text-primary-300-hsl {
  color: #469dd8;
  color: hsla(var(--color-primary-300-hsl), 1)
}

.ops-primary-500-hsl,
.ops-text-primary-hsl {
  color: #0077c7;
  color: hsla(var(--color-primary-500-hsl), 1)
}

.ops-text-primary-700-hsl {
  color: #005994;
  color: hsla(var(--color-primary-700-hsl), 1)
}

.ops-text-primary-900-hsl {
  color: #00375c;
  color: hsla(var(--color-primary-900-hsl), 1)
}

.ops-combobox-lists {
  background-color: #fff;
  background-color: var(--color-elevation-35);
  border: .0625rem solid #b1b9be;
  border: .0625rem solid var(--color-grey-400);
  width: 100%;
  z-index: 1
}

.ops-combobox-lists li {
  color: #3e4550;
  color: var(--color-grey-800);
  padding: .25rem 1.25rem !important;
  position: relative
}

.ops-combobox-lists li.selected {
  font-weight: 700
}

.ops-combobox-lists li.active:after {
  background-color: #7d8a92;
  background-color: var(--color-grey-500);
  bottom: 0;
  content: "";
  left: 0;
  opacity: .14;
  position: absolute;
  right: 0;
  top: 0
}

.ops-combobox-lists li.create-item:hover {
  cursor: pointer
}

.ops-combobox-slot-container {
  position: relative;
  width: 100%
}

.ops-combobox-slot-container button {
  margin: 0;
  position: absolute;
  right: .4rem
}

.sbdocs-wrapper {
  background-color: #fff !important;
  background-color: var(--color-elevation-35) !important
}

.sbdocs-wrapper,
.sbdocs-wrapper h1 {
  color: #3e4550 !important;
  color: var(--color-grey-800) !important
}

.sbdocs-wrapper .sbdocs-preview {
  background-color: #fff !important;
  background-color: var(--color-elevation-35) !important
}

.sbdocs,
.sbdocs-wrapper .sbdocs-preview {
  color: #3e4550 !important;
  color: var(--color-grey-800) !important
}

.sbdocs {
  background-color: #fff !important;
  background-color: var(--color-elevation-20) !important
}

:root {
  --reach-combobox: 1
}

[data-reach-combobox-popover] {
  background: #fffffffc;
  border: 1px solid #00000040;
  font-size: 85%
}

[data-reach-combobox-list] {
  list-style: none;
  margin: 0;
  padding: 0;
  -webkit-user-select: none;
  user-select: none
}

[data-reach-combobox-option] {
  cursor: pointer;
  margin: 0;
  padding: .25rem .5rem
}

[data-reach-combobox-option][aria-selected=true] {
  background: #f1f2f4
}

[data-reach-combobox-option]:hover {
  background: #e9ebed
}

[data-reach-combobox-option][aria-selected=true]:hover {
  background: #e3e5e8
}

[data-suggested-value] {
  font-weight: 700
}

.ops-combobox-input-wrapper {
  font-size: .875rem;
  position: relative;
  width: -webkit-fit-content;
  width: fit-content
}

.ops-combobox-input-wrapper .ops-combobox-lable {
  cursor: text;
  left: .875rem;
  position: absolute;
  top: 50%
}

.ops-combobox-input-wrapper .ops-combobox-lable:not(.--hasValue) {
  color: #606a70;
  color: var(--color-grey-600);
  font-size: .875rem;
  transform: translateY(-50%)
}

.ops-combobox-input-wrapper .ops-combobox-lable.--hasValue {
  color: #01a982 !important;
  color: var(--color-primary) !important;
  font-size: .6875rem !important;
  transform: translateY(-1.125rem)
}

.ops-combobox-input-wrapper .ops-combobox-input {
  background-color: var(--color-theme-background);
  border: .0625rem solid #b1b9be;
  border: .0625rem solid var(--color-grey-400);
  border-radius: .125rem;
  color: #3e4550;
  color: var(--color-grey-800);
  height: 2.875rem;
  min-width: 18.75rem;
  padding: 1.25rem .875rem .3125rem
}

.ops-combobox-input-wrapper .ops-combobox-input.--hasSlot {
  padding-right: 2.75rem
}

.ops-combobox-input-wrapper .ops-combobox-input.--noLabel {
  padding: .78125rem .875rem
}

.ops-combobox-input-wrapper .ops-combobox-input:focus,
.ops-combobox-input-wrapper .ops-combobox-input:hover {
  border: 1px solid #01a982;
  border: 1px solid var(--color-primary);
  outline: none
}

.ops-combobox-input-wrapper .ops-combobox-input:focus-within+.ops-combobox-lable {
  color: #01a982;
  color: var(--color-primary);
  font-size: .6875rem;
  transform: translateY(-1.125rem);
  transition: transform .5s
}

.ops-combobox-input-wrapper .ops-combobox-slot {
  bottom: .5rem;
  position: absolute;
  right: .625rem
}

.ops-combobox-input-wrapper .ops-combobox-noLabel-slot {
  position: absolute;
  right: .625rem;
  top: 50%;
  transform: translateY(-50%)
}

[data-reach-combobox-popover] {
  border: .0625rem solid #b1b9be;
  border: .0625rem solid var(--color-grey-400);
  z-index: 2
}

.ops-combobox-list {
  background-color: #f7f7f7;
  background-color: var(--color-grey-50);
  color: #3e4550;
  color: var(--color-grey-800);
  font-size: .875rem
}

.ops-combobox-list li[data-reach-combobox-option] {
  min-height: 2.125rem;
  padding: .375rem .875rem !important
}

.ops-combobox-list li[data-reach-combobox-option]:hover {
  background: #0077c826
}

.ops-combobox-list li[data-reach-combobox-option]:active,
.ops-combobox-list li[data-reach-combobox-option]:focus {
  outline: none
}

.ops-combobox-list li[data-reach-combobox-option] i {
  font-size: 16px
}

.ops-combobox-list li[data-reach-combobox-option] span[data-user-value] {
  color: #292d3a;
  color: var(--color-grey-900);
  font-weight: 600
}

.ops-combobox-list li[data-reach-combobox-option] span[data-suggested-value] {
  color: #3e4550;
  color: var(--color-grey-800);
  font-weight: 400
}

:root {
  --reach-dialog: 1
}

[data-reach-dialog-overlay] {
  background: #505050bf;
  background: var(--overlay-background);
  bottom: 0;
  left: 0;
  overflow: auto;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1
}

[data-reach-dialog-content] {
  background-color: #fff;
  background-color: var(--color-elevation-35);
  border-radius: .375rem;
  color: #3e4550 !important;
  color: var(--color-grey-800) !important;
  margin: 9.375rem auto auto;
  max-width: 61.25rem;
  outline: none;
  width: 95%
}

.inline-demo-list {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  width: 100%
}

.ops-list {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  color: #3e4550;
  color: var(--color-grey-800);
  font-size: .875rem;
  font-weight: 400;
  letter-spacing: .009375em;
  line-height: 1.5rem;
  list-style-type: none;
  margin: 0;
  padding: 4px 0;
  text-decoration: inherit;
  text-transform: inherit
}

.ops-list__subheader {
  height: 32px;
  margin: 0;
  padding: 10px 10px 10px 20px
}

.ops-list-item,
.ops-list__subheader {
  align-items: center;
  display: flex;
  justify-content: flex-start;
  overflow: hidden;
  position: relative
}

.ops-list-item {
  height: 36px;
  padding: 0 10px 0 20px
}

.ops-list--two-line .ops-list-item {
  height: 72px
}

.ops-list-item--disabled {
  pointer-events: none
}

.ops-list--divided>.ops-list-item:not(:last-child) {
  border: none;
  border-bottom: 1px solid #0000001f
}

:not(.ops-list--non-interactive)>:not(.ops-list-item--disabled).ops-list-item--highlighted,
:not(.ops-list--non-interactive)>:not(.ops-list-item--disabled).ops-list-item:hover {
  background-color: #e6e8e9;
  background-color: var(--color-grey-200)
}

:not(.ops-list--non-interactive)>:not(.ops-list-item--disabled).ops-list-item:focus {
  background-color: #e6e8e9;
  background-color: var(--color-grey-200);
  outline: none
}

:not(.ops-list--non-interactive)>:not(.ops-list-item--disabled).ops-list-item:active {
  box-shadow: none;
  outline: none
}

:not(.ops-list--non-interactive)>:not(.ops-list-item--disabled).ops-list-item--selected {
  font-weight: 600
}

.ops-list-item__text {
  color: #3e4550;
  color: var(--color-grey-800);
  cursor: default;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.ops-list-item--disabled .ops-list-item__graphic,
.ops-list-item--disabled .ops-list-item__meta,
.ops-list-item--disabled .ops-list-item__text {
  color: #7d8a92;
  color: var(--color-grey-500)
}

.ops-list--two-line .ops-list-item__text {
  align-self: flex-start
}

.ops-list-item__primary-text {
  display: block;
  line-height: normal;
  margin-bottom: -20px;
  margin-top: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.ops-list-item__primary-text:before {
  content: "";
  display: inline-block;
  height: 32px;
  vertical-align: 0;
  width: 0
}

.ops-list-item__primary-text:after {
  content: "";
  display: inline-block;
  height: 20px;
  vertical-align: -20px;
  width: 0
}

.ops-list-item__secondary-text {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: block;
  font-size: .75rem;
  font-weight: 400;
  letter-spacing: .0178571429em;
  line-height: 1.25rem;
  line-height: normal;
  margin-top: 0;
  overflow: hidden;
  text-decoration: inherit;
  text-overflow: ellipsis;
  text-transform: inherit;
  white-space: nowrap
}

.ops-list-item__secondary-text:before {
  content: "";
  display: inline-block;
  height: 20px;
  vertical-align: 0;
  width: 0
}

.ops-list-item__secondary-text {
  color: #0000008a
}

.ops-list .ops-list-item__graphic {
  display: inline-flex
}

.ops-list-item__graphic {
  fill: currentColor;
  align-items: center;
  flex-shrink: 0;
  height: 24px;
  justify-content: center;
  margin-left: 0;
  margin-right: 8px;
  width: 24px
}

.ops-list--avartar-list .ops-list-item__graphic {
  border-radius: 50%;
  height: 40px;
  margin-left: 0;
  margin-right: 16px;
  width: 40px
}

.ops-list-item__meta {
  margin-left: auto;
  margin-right: 0
}

.ops-list .ops-trigger {
  width: 100%
}

.remove-padding {
  padding: 0 !important
}

.opsramp-spinner {
  align-items: center;
  justify-content: left
}

.opsramp-spinner-wheel {
  display: inline-block;
  height: 18px;
  margin: auto 5px;
  width: 18px
}

.opsramp-spinner-wheel g,
.opsramp-spinner-wheel path {
  stroke: #00e0af;
  stroke: var(--color-secondary)
}

.opsramp-spinner[data-size=medium] .opsramp-spinner-wheel {
  height: 32px;
  width: 32px
}

.opsramp-spinner[data-size=large] .opsramp-spinner-wheel {
  height: 64px;
  width: 64px
}

.opsramp-spinner[data-current-color=true] .opsramp-spinner-wheel g,
.opsramp-spinner[data-current-color=true] .opsramp-spinner-wheel path {
  stroke: currentColor
}

.ops-button>.opsramp-spinner>.opsramp-spinner-wheel {
  margin-left: 0;
  margin-top: -3px
}

.heading-1,
h1 {
  font-size: 2.125rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: .0025em;
  line-height: 1.35;
  text-transform: none
}

.heading-2,
h2 {
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: inherit;
  line-height: 1.35;
  text-transform: none
}

.heading-3,
h3 {
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 600;
  letter-spacing: inherit;
  line-height: 1.35;
  text-transform: none
}

.heading-4,
.ops-page-heading .title,
h4 {
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 700;
  letter-spacing: inherit;
  line-height: 1.35;
  text-transform: none
}

.heading-5,
h5 {
  font-size: .875rem;
  font-style: normal;
  font-weight: 600;
  letter-spacing: .001em;
  line-height: 1.35;
  text-transform: uppercase
}

.heading-6,
.ops-confirmation .confirmation-header,
h6 {
  font-size: .75rem;
  font-style: normal;
  font-weight: 700;
  letter-spacing: .001em;
  line-height: 1.35;
  text-transform: uppercase
}

p {
  font-size: .875rem
}

p,
small {
  font-style: normal;
  font-weight: 400;
  letter-spacing: inherit;
  line-height: 1.35;
  text-transform: none
}

small {
  font-size: .625rem !important
}

.body-1 {
  font-size: 1rem
}

.body-1,
.body-2,
.ops-input-mention,
.ops-text-input input.react-tag-input__input {
  font-style: normal;
  font-weight: 400;
  letter-spacing: inherit;
  line-height: 1.35;
  text-transform: none
}

.body-2,
.ops-input-mention,
.ops-text-input input.react-tag-input__input {
  font-size: .875rem
}

.body-3,
.ops-text-input .react-tag-input__tag .react-tag-input__tag__content {
  font-size: .75rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: inherit;
  line-height: 1.35;
  text-transform: none
}

.body-4,
.ops-beta-tag:after,
.ops-early-access-tag:after {
  font-size: .625rem
}

.body-4,
.body-5,
.ops-beta-tag:after,
.ops-early-access-tag:after {
  font-style: normal;
  font-weight: 400;
  letter-spacing: inherit;
  line-height: 1.35;
  text-transform: none
}

.body-5 {
  font-size: .5rem
}

.ops-text-input {
  display: flex;
  flex-direction: column
}

.ops-text-input:focus {
  outline: none
}

.ops-text-input input {
  background-color: #fff;
  background-color: var(--color-elevation-20);
  border: none;
  border-radius: .25rem;
  color: #3e4550 !important;
  color: var(--color-grey-800) !important;
  display: block;
  padding: 8px 14px;
  width: 100%
}

.ops-text-input input:focus {
  outline: none
}

.ops-text-input input::placeholder,
.ops-text-input label {
  color: #606a70;
  color: var(--color-grey-600)
}

.ops-text-input label {
  display: block;
  margin-bottom: 4px
}

.ops-text-input label.label-disabled {
  color: #0000003d;
  color: var(--color-disabled)
}

.ops-text-input .ops-label-required:after {
  color: #ec3331;
  color: var(--color-red);
  content: "*";
  margin: 0 3px
}

.ops-text-input input:focus+label {
  color: #01a982;
  color: var(--color-primary)
}

.ops-text-input .ops-input-contents {
  border-radius: 0 2px 2px
}

.ops-text-input input:disabled,
.ops-text-input input:read-only {
  background-color: #f7f7f7;
  background-color: var(--color-elevation-45)
}

.ops-text-input input:disabled+.ops-input-contents,
.ops-text-input input:read-only+.ops-input-contents {
  background-color: #f7f7f7;
  background-color: var(--color-elevation-45)
}

.ops-text-input input:disabled {
  color: #0000003d !important;
  color: var(--color-disabled) !important
}

.ops-text-input:focus-within .counter {
  visibility: visible
}

.ops-text-input .label-error {
  color: #ec3331;
  color: var(--color-red)
}

.ops-text-input .ops-input-error {
  border-color: #ec3331;
  border-color: var(--color-red)
}

.footer {
  color: #ec3331;
  color: var(--color-red);
  padding: 4px 14px
}

.counter {
  line-height: 36px;
  padding: 0 10px;
  visibility: hidden;
  white-space: nowrap
}

.ops-text-input+.ops-text-input {
  padding-top: 20px
}

.ops-text-input .dot:after {
  background: #606a70;
  background: var(--color-grey-600);
  border: 1px solid #606a70;
  border: 1px solid var(--color-grey-600);
  border-radius: 100%;
  color: #606a70;
  color: var(--color-grey-600);
  content: "";
  font-size: 18px;
  height: 4px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 4px
}

.ops-text-input input.text::-webkit-inner-spin-button,
.ops-text-input input.text::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0
}

.ops-text-input input.text {
  -moz-appearance: textfield
}

.ops-input-wrapper {
  display: flex;
  flex-direction: column
}

.ops-input-inner {
  border: 1px solid #b1b9be;
  border: 1px solid var(--color-elevation-40);
  border-radius: .25rem;
  position: relative
}

.ops-input-inner.ops-disabled {
  background-color: #f7f7f7;
  background-color: var(--color-elevation-45)
}

.ops-input-inner:hover:not(.ops-disabled) {
  outline: none
}

.ops-input-inner:focus-within,
.ops-input-inner:hover:not(.ops-disabled) {
  border-color: #006750;
  border-color: var(--color-highlight)
}

.ops-input-outer {
  border: 1px solid #b1b9be;
  border: 1px solid var(--color-elevation-40);
  border-radius: .25rem
}

.ops-input-outer .ops-input-inner {
  border: none
}

.ops-input-outer:focus-within,
.ops-input-outer:hover {
  border-color: #01a982;
  border-color: var(--color-primary)
}

.ops-input-inner:focus-within+label,
.ops-input-outer:focus-within+label {
  color: #01a982;
  color: var(--color-primary)
}

.ops-text-input.ops-text-input-with-state input {
  padding-left: 2rem
}

.ops-text-input.ops-text-input-with-state .ops-text-input-content .icon-status,
.ops-text-input.ops-text-input-with-state .ops-text-input-content .opsramp-spinner {
  left: .25rem;
  position: absolute;
  top: .5rem;
  z-index: 1
}

.ops-text-input.ops-text-input-with-state .ops-text-input-content .icon-status {
  left: .375rem;
  top: .625rem
}

.ops-text-input.ops-text-input-with-state .ops-text-input-label+.ops-text-input-content .opsramp-spinner {
  top: 1.875rem
}

.ops-text-input.ops-text-input-with-state .ops-text-input-label+.ops-text-input-content .icon-status {
  top: 2rem
}

.ops-text-input .react-tag-input {
  background-color: #fff;
  background-color: var(--color-elevation-20);
  border: none;
  padding: .1875em .5em
}

.ops-text-input .react-tag-input__tag {
  background: none;
  border-radius: 20px;
  border-width: 1px
}

.ops-text-input .react-tag-input__tag .react-tag-input__tag__content {
  color: #3e4550;
  color: var(--color-grey-800);
  padding: 0 0 0 .625rem
}

.ops-text-input .react-tag-input__tag .react-tag-input__tag__remove {
  background: none;
  color: #606a70;
  color: var(--color-grey-600)
}

.ops-text-input .react-tag-input__tag .react-tag-input__tag__remove:before {
  background: none;
  content: "";
  font-family: fontello;
  left: 30%;
  top: 30%;
  transform: none
}

.ops-text-input .react-tag-input__tag .react-tag-input__tag__remove:after {
  background: none;
  transform: none
}

.ops-text-input input.react-tag-input__input {
  border: none;
  display: inline;
  margin: 0;
  padding: .5em .375em;
  width: auto
}

.ops-text-input input.react-tag-input__input:focus,
.ops-text-input input.react-tag-input__input:hover {
  border: none
}

.ops-text-input .ops-disabled .react-tag-input {
  background-color: #f7f7f7;
  background-color: var(--color-elevation-45)
}

.ops-text-input .ops-disabled .react-tag-input .react-tag-input__tag__remove {
  padding-right: .625rem;
  visibility: hidden
}

.ops-text-input .hide-input .react-tag-input__input {
  visibility: hidden
}

.ops-input-mention {
  color: #3e4550;
  color: var(--color-grey-800);
  font-family: Open Sans, sans-serif !important
}

.ops-input-mention__input {
  border: 1px solid #b1b9be;
  border: 1px solid var(--color-elevation-40);
  border-radius: 4px
}

.ops-input-mention__input:focus {
  outline: none
}

.ops-input-mention__input::placeholder {
  color: #606a70;
  color: var(--color-grey-600)
}

.ops-input-mention__highlighter,
.ops-input-mention__input {
  padding: 8px 14px
}

.ops-input-mention__highlighter strong {
  background-color: #00000008;
  background-color: var(--background-highlight)
}

.ops-input-mention__suggestions {
  background-color: #fff !important;
  background-color: var(--color-elevation-20) !important;
  border-radius: 6px;
  box-shadow: 0 3px 6px #0000003d;
  box-shadow: var(--shadow-elevation);
  max-height: 300px;
  overflow: auto;
  z-index: 2 !important
}

.ops-input-mention__suggestions li {
  padding: 6px 20px
}

.ops-input-mention__suggestions li:hover {
  background-color: #0000000a;
  background-color: var(--color-elevation-hover)
}

.ops-background {
  background-color: var(--color-theme-background)
}

#navbarWrapper {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: Graphik, Arial, sans-serif;
  padding-bottom: .5rem
}

.tenancy-list .icon-tenancy-search,
.tenancy-list input {
  border: none;
  color: #3e4550;
  color: var(--color-grey-800);
  font-size: 14px
}

.tenancy-list ul.ops-list .tenant-test-link {
  font-family: Open Sans, sans-serif;
  font-size: 14px
}

.tenancy-list ul.ops-list .tenant-test-link:hover {
  background-color: #0000000a;
  background-color: var(--color-elevation-hover);
  color: #006750;
  color: var(--color-primary-700)
}

.tenancy-list ul.ops-list .ops-nav-icon {
  color: #3e4550;
  color: var(--color-grey-800);
  transition: color .3s, background-color .3s, transform .3s
}

.tenancy-list ul.ops-list .ops-nav-icon i {
  padding-top: 12px !important
}

.tenancy-list input[type=text]:focus {
  box-shadow: none !important
}

.visually-hidden {
  visibility: hidden
}

.nav-list {
  font-family: Open Sans, sans-serif !important
}

.nav-list .ops-list-item {
  border: none;
  outline: none;
  padding: 0
}

.nav-list .ops-list-item:focus {
  font-size: .875rem;
  outline: none
}

.nav-list .ops-list-item:focus .ops-list-item__text {
  outline: none
}

.nav-list .ops-list-item .ops-list-item__text {
  color: #3e4550;
  color: var(--color-grey-800);
  display: block;
  font-size: 14px;
  padding: 0 16px !important;
  width: 100%
}

.nav-list .ops-list-item .ops-list-item__text:hover {
  text-decoration: none
}

.nav-list .ops-list-item .ops-list-item__text:focus {
  outline: none
}

.nav-list .ops-list-item .ops-list-item__text.active {
  color: #01a982;
  color: var(--color-primary)
}

h2.hTitle {
  font-size: 110% !important
}

#reportsBody h2,
.panel-heading h2,
h1.panel-title {
  font-size: 120% !important
}

h1.heading_line {
  font-size: 130% !important
}

#sdViews h3 {
  font-size: 1rem !important
}

.serviceRequestTitleInfo h2 {
  font-size: 110% !important
}

#left_menu h2,
#mainBodyContent-ajax h2,
.kb_latest_listings h2 {
  font-size: 120% !important
}

.ops-search:before {
  font-size: 14px !important
}

#navbarWrapper .ops-chevron-down:before {
  font-family: fontello-react !important
}

.body-3,
.ops-text-input .react-tag-input__tag .react-tag-input__tag__content {
  font-size: 12px !important
}

.ops-beta-tag,
.ops-early-access-tag {
  margin-top: 1rem
}

.ops-beta-tag:after,
.ops-early-access-tag:after {
  font-size: .8rem
}

:root {
  --color-elevation-hover: #0000000a
}

#navbarWrapper button:disabled,
reach-portal button:disabled {
  background-color: initial !important;
  cursor: default !important
}

#navbarWrapper .tenancy-back.py-2,
reach-portal .tenancy-back.py-2 {
  padding-bottom: 1rem !important;
  padding-top: 1rem !important
}

#navbarWrapper .body-2,
#navbarWrapper .ops-input-mention,
#navbarWrapper .ops-text-input input.react-tag-input__input,
.ops-text-input #navbarWrapper input.react-tag-input__input,
.ops-text-input reach-portal input.react-tag-input__input,
reach-portal .body-2,
reach-portal .ops-input-mention,
reach-portal .ops-text-input input.react-tag-input__input {
  font-size: 1.13rem
}

#navbarWrapper .body-3,
#navbarWrapper .ops-text-input .react-tag-input__tag .react-tag-input__tag__content,
.ops-text-input .react-tag-input__tag #navbarWrapper .react-tag-input__tag__content,
.ops-text-input .react-tag-input__tag reach-portal .react-tag-input__tag__content,
reach-portal .body-3,
reach-portal .ops-text-input .react-tag-input__tag .react-tag-input__tag__content {
  font-size: 1rem !important
}

#navbarWrapper .body-4,
#navbarWrapper .ops-beta-tag:after,
#navbarWrapper .ops-early-access-tag:after,
reach-portal .body-4,
reach-portal .ops-beta-tag:after,
reach-portal .ops-early-access-tag:after {
  font-size: .8125rem !important
}

#navbarWrapper .h-6,
reach-portal .h-6 {
  height: 2rem !important
}

#navbarWrapper .h-10,
reach-portal .h-10 {
  height: 3.325rem !important
}

#navbarWrapper .w-12,
reach-portal .w-12 {
  width: 4rem !important
}

#navbarWrapper .w-64,
reach-portal .w-64 {
  max-height: 32rem !important;
  width: 21rem !important
}

#navbarWrapper .leading-10,
reach-portal .leading-10 {
  line-height: 3.325rem !important
}

#navbarWrapper .mb-1,
reach-portal .mb-1 {
  margin-bottom: .325rem !important
}

#navbarWrapper .mr-4,
reach-portal .mr-4 {
  margin-right: 1.3rem !important
}

#navbarWrapper .-mt-3,
reach-portal .-mt-3 {
  margin-top: -1rem !important
}

#navbarWrapper .mt-1,
reach-portal .mt-1 {
  margin-top: .325rem !important
}

#navbarWrapper .mt-2,
reach-portal .mt-2 {
  margin-top: .665rem !important
}

#navbarWrapper .pl-5,
reach-portal .pl-5 {
  padding-left: 1.66rem !important
}

#navbarWrapper .pr-4,
reach-portal .pr-4 {
  padding-right: 1.3rem !important
}

#navbarWrapper .px-4,
reach-portal .px-4 {
  padding-left: 1.3rem !important;
  padding-right: 1.3rem !important
}

#navbarWrapper .px-5,
reach-portal .px-5 {
  padding-left: 1.66rem !important;
  padding-right: 1.66rem !important
}

#navbarWrapper .py-2,
reach-portal .py-2 {
  padding-bottom: .65rem !important;
  padding-top: .65rem !important
}

#navbarWrapper .py-3,
reach-portal .py-3 {
  padding-bottom: 1rem !important;
  padding-top: 1rem !important
}

.ops-list {
  font-size: 1.16rem !important
}

#aiSearchTab .ops-search:before {
  font-size: 18px !important
}

#navbarWrapper .bg-yellow-50 {
  background-color: #fffbeb !important
}

#navbarWrapper .ops-banner {
  font-size: 12px !important
}