/* src/styles/_modal.scss */
.next-modal-container .next-modal-icon.svg-icon svg {
  height: inherit;
  width: inherit;
}
.next-modal-container .next-modal-icon.svg-icon.feedback-error svg,
.next-modal-container .next-modal-icon.svg-icon.feedback-error path {
  fill: var(--red-300);
}
next-modal-actions .loading-btn-content {
  display: flex;
  align-items: center;
}
next-modal-actions .loading-btn-content next-loading-spinner {
  display: flex;
  width: 2rem;
  height: 2rem;
  padding: 0.625rem;
  justify-content: center;
  align-items: center;
  margin-top: -0.5rem;
  margin-left: -0.5rem;
}

/* src/styles.css */
body {
  background-color: #fafafa;
}

/* node_modules/@angular/cdk/overlay-prebuilt.css */
.cdk-overlay-container,
.cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.cdk-overlay-container {
  position: fixed;
  z-index: 1000;
}
.cdk-overlay-container:empty {
  display: none;
}
.cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000;
}
.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  display: flex;
  max-width: 100%;
  max-height: 100%;
  z-index: 1000;
}
.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  pointer-events: auto;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  opacity: 0;
  touch-action: manipulation;
  z-index: 1000;
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
}
@media (prefers-reduced-motion) {
  .cdk-overlay-backdrop {
    transition-duration: 1ms;
  }
}
.cdk-overlay-backdrop-showing {
  opacity: 1;
}
@media (forced-colors: active) {
  .cdk-overlay-backdrop-showing {
    opacity: .6;
  }
}
.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, .32);
}
.cdk-overlay-transparent-backdrop {
  transition: visibility 1ms linear, opacity 1ms linear;
  visibility: hidden;
  opacity: 1;
}
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing,
.cdk-high-contrast-active .cdk-overlay-transparent-backdrop {
  opacity: 0;
  visibility: visible;
}
.cdk-overlay-backdrop-noop-animation {
  transition: none;
}
.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
  z-index: 1000;
}
.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}

/* node_modules/next-components-lib/styles/next-components.scss */
*,
::before,
::after {
  box-sizing: border-box;
}
body {
  margin: 0;
}
h1 {
  font-size: 2rem;
  margin: 0.67em 0;
}
h2 {
  font-size: 1.5rem;
}
h3 {
  font-size: 1.17rem;
}
h4 {
  font-size: 1rem;
}
h5 {
  font-size: 0.83rem;
}
h6 {
  font-size: 0.67rem;
}
pre {
  white-space: pre-wrap;
}
hr {
  border-style: solid;
  border-width: 0.063rem 0 0;
  color: inherit;
  height: 0;
  overflow: visible;
}
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  vertical-align: middle;
  max-width: 100%;
}
img,
svg,
video,
canvas {
  height: auto;
}
audio {
  width: 100%;
}
img {
  border-style: none;
}
svg {
  overflow: hidden;
}
article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
  display: block;
}
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0;
}
@font-face {
  font-family: "Polo 22";
  src: local("Polo22-Light") url("./media/Polo22-Light.woff2") format("woff2"), url("./media/Polo22-Light.woff") format("woff");
  font-weight: 300;
  font-display: swap;
}
@font-face {
  font-family: "Polo 22";
  src: local("Polo22-Regular") url("./media/Polo22-Regular.woff2") format("woff2"), url("./media/Polo22-Regular.woff") format("woff");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Polo 22";
  src: local("Polo22-Semibold") url("./media/Polo22-Semibold.woff2") format("woff2"), url("./media/Polo22-Semibold.woff") format("woff");
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: "Polo 22";
  src:
    local("Polo22-Bold"),
    url("./media/Polo22-Bold.woff2") format("woff2"),
    url("./media/Polo22-Bold.woff") format("woff");
  font-weight: 600;
  font-display: swap;
}
html {
  font-size: 16px;
  font-family: "Polo 22", sans-serif;
}
body {
  font-weight: 400;
  line-height: 2;
}
p {
  margin-bottom: 1.15rem;
}
h1,
h2,
h3,
h4,
h5 {
  margin: 2.75rem 0 1.05rem;
  font-weight: 400;
  line-height: 1.15;
}
@media only screen and (max-width: 37.5rem) {
  h1 {
    margin-top: 0;
    font-size: 1.5rem;
  }
  h2 {
    font-size: 1.375rem;
  }
  h3 {
    font-size: 1.312rem;
  }
  h4 {
    font-size: 1.188rem;
  }
  h5 {
    font-size: 1.125rem;
  }
  h6 {
    font-size: 1.062rem;
  }
  small,
  .text_small {
    font-size: 0.938rem;
  }
  .extra_small {
    font-size: 0.875rem;
  }
}
@media only screen and (min-width: 37.5rem) {
  h1 {
    margin-top: 0;
    font-size: 2rem;
  }
  h2 {
    font-size: 1.812rem;
  }
  h3 {
    font-size: 1.625rem;
  }
  h4 {
    font-size: 1.438rem;
  }
  h5 {
    font-size: 1.25rem;
  }
  h6 {
    font-size: 1.125rem;
  }
  small,
  .text_small {
    font-size: 0.875rem;
  }
  .extra_small {
    font-size: 0.812rem;
  }
}
@media only screen and (min-width: 62rem) {
  h1 {
    margin-top: 0;
    font-size: 3rem;
  }
  h2 {
    font-size: 2.5rem;
  }
  h3 {
    font-size: 2.062rem;
  }
  h4 {
    font-size: 1.75rem;
  }
  h5 {
    font-size: 1.438rem;
  }
  h6 {
    font-size: 1.188rem;
  }
  small,
  .text_small {
    font-size: 0.812rem;
  }
  .extra_small {
    font-size: 0.688rem;
  }
}
@media only screen and (min-width: 75rem) {
  h1 {
    margin-top: 0;
    font-size: 5.625rem;
  }
  h2 {
    font-size: 4.188rem;
  }
  h3 {
    font-size: 3.188rem;
  }
  h4 {
    font-size: 2.375rem;
  }
  h5 {
    font-size: 1.75rem;
  }
  h6 {
    font-size: 1.312rem;
  }
  small,
  .text_small {
    font-size: 0.75rem;
  }
  .extra_small {
    font-size: 0.562rem;
  }
}
pre,
code,
kbd,
samp,
tt {
  font-family: "Polo 22", monospace;
  font-size: 0.95em;
}
input,
button,
textarea,
select,
option {
  font-size: 1em;
  font-family: inherit;
}
label {
  padding-right: 0.5em;
}
input,
textarea,
select,
option {
  padding: 0.5em;
}
input[type=color] {
  height: 2.5em;
  width: 3em;
  padding: 0.5em;
}
:root,
[data-theme] {
  --white: #ffffff;
  --black: #191919;
  --grey-100: #fafafa;
  --grey-200: #f4f4f4;
  --grey-300: #f2f2f2;
  --grey-350: #eaeaea;
  --grey-400: #e5e5e5;
  --grey-450: #e0e0e0;
  --grey-500: #d7d7d7;
  --grey-600: #bcbcbc;
  --grey-650: #adadad;
  --grey-700: #9b9b9b;
  --grey-750: #767676;
  --grey-800: #6e6e6e;
  --grey-900: #404040;
  --global-warning: #b98e22;
  --universal-custom-pale-cyan-color-01: var(--pale-cyan-color-01);
  --universal-custom-pale-cyan-color-01-25: var(--pale-cyan-color-01-25);
  --universal-custom-pale-cyan-color-01-50: var(--pale-cyan-color-01-50);
  --universal-custom-pale-cyan-color-01-75: var(--pale-cyan-color-01-75);
  --universal-custom-lavender-blue-color-02: var(--lavender-blue-color-02);
  --universal-custom-lavender-blue-color-02-25: var( --lavender-blue-color-02-25 );
  --universal-custom-lavender-blue-color-02-50: var( --lavender-blue-color-02-50 );
  --universal-custom-lavender-blue-color-02-75: var( --lavender-blue-color-02-75 );
  --universal-custom-peach-puff-color-03: var(--peach-puff-color-03);
  --universal-custom-peach-puff-color-03-25: var(--peach-puff-color-03-25);
  --universal-custom-peach-puff-color-03-50: var(--peach-puff-color-03-50);
  --universal-custom-peach-puff-color-03-75: var(--peach-puff-color-03-75);
  --universal-custom-light-pink-color-04: var(--light-pink-color-04);
  --universal-custom-light-pink-color-04-25: var(--light-pink-color-04-25);
  --universal-custom-light-pink-color-04-50: var(--light-pink-color-04-50);
  --universal-custom-light-pink-color-04-75: var(--light-pink-color-04-75);
  --universal-custom-periwinkle-color-05: var(--periwinkle-color-05);
  --universal-custom-periwinkle-color-05-25: var(--periwinkle-color-05-25);
  --universal-custom-periwinkle-color-05-50: var(--periwinkle-color-05-50);
  --universal-custom-periwinkle-color-05-75: var(--periwinkle-color-05-75);
  --universal-custom-mint-green-color-06: var(--mint-green-color-06);
  --universal-custom-mint-green-color-06-25: var(--mint-green-color-06-25);
  --universal-custom-mint-green-color-06-50: var(--mint-green-color-06-50);
  --universal-custom-mint-green-color-06-75: var(--mint-green-color-06-75);
  --universal-custom-baby-blue-color-07: var(--baby-blue-color-07);
  --universal-custom-baby-blue-color-07-25: var(--baby-blue-color-07-25);
  --universal-custom-baby-blue-color-07-50: var(--baby-blue-color-07-50);
  --universal-custom-baby-blue-color-07-75: var(--baby-blue-color-07-75);
  --universal-custom-lilac-color-08: var(--lilac-color-08);
  --universal-custom-lilac-color-08-25: var(--lilac-color-08-25);
  --universal-custom-lilac-color-08-50: var(--lilac-color-08-50);
  --universal-custom-lilac-color-08-75: var(--lilac-color-08-75);
  --universal-high-contrast-color-01: #191919;
  --universal-colors-graph-visualization-graph-color-01-25: #0fb5ae25;
  --universal-colors-graph-visualization-graph-color-01-50: #0fb5ae50;
  --universal-colors-graph-visualization-graph-color-02-25: #4046ca25;
  --universal-colors-graph-visualization-graph-color-02-50: #4046ca50;
  --universal-colors-graph-visualization-graph-color-03-25: #f6851125;
  --universal-colors-graph-visualization-graph-color-03-50: #f6851150;
  --universal-colors-graph-visualization-graph-color-04-25: #de3d8225;
  --universal-colors-graph-visualization-graph-color-04-50: #de3d8250;
  --universal-colors-graph-visualization-graph-color-05-25: #7e84fa25;
  --universal-colors-graph-visualization-graph-color-05-50: #7e84fa50;
  --universal-colors-graph-visualization-graph-color-06-25: #74e06c25;
  --universal-colors-graph-visualization-graph-color-06-50: #74e06c50;
  --universal-colors-graph-visualization-graph-color-07-25: #147af325;
  --universal-colors-graph-visualization-graph-color-07-50: #147af350;
  --universal-colors-graph-visualization-graph-color-08-25: #7326d325;
  --universal-colors-graph-visualization-graph-color-08-50: #7326d350;
  --primary-color-100-25: #f9fcfd;
  --primary-color-100-50: #f4f9fb;
  --red-100-25: #fffaf9;
  --red-100-50: #fff4f3;
  --yellow-100-25: #fffdf1;
  --yellow-100-50: #fffbe4;
  --yellow-100-75: #fff080;
  --green-100-25: #f7fcf3;
  --green-100-50: #eff9e6;
  --green-100-75: #b5da95;
  --green-200-50: #6bb52b50;
  --focus-border: #006081;
  --pale-cyan-color-01: #cff0ef;
  --pale-cyan-color-01-25: #f3fbfb;
  --pale-cyan-color-01-50: #e6f7f6;
  --pale-cyan-color-01-75: #86d9d6;
  --lavender-blue-color-02: #d9daf4;
  --lavender-blue-color-02-25: #f5f6fc;
  --lavender-blue-color-02-50: #ececf9;
  --lavender-blue-color-02-75: #9fa2e4;
  --peach-puff-color-03: #fde7cf;
  --peach-puff-color-03-25: #fef9f3;
  --peach-puff-color-03-50: #fef3e7;
  --peach-puff-color-03-75: #fac288;
  --light-pink-color-04: #f8d8e6;
  --light-pink-color-04-25: #fdf5f9;
  --light-pink-color-04-50: #fbebf2;
  --light-pink-color-04-75: #ee9ec0;
  --periwinkle-color-05: #e5e6fe;
  --periwinkle-color-05-25: #f8f9ff;
  --periwinkle-color-05-50: #f2f2fe;
  --periwinkle-color-05-75: #bec1fc;
  --mint-green-color-06: #e3f9e2;
  --mint-green-color-06-25: #f8fdf8;
  --mint-green-color-06-50: #f1fcf0;
  --mint-green-color-06-75: #b9efb5;
  --baby-blue-color-07: #d0e4fd;
  --baby-blue-color-07-25: #f3f8fe;
  --baby-blue-color-07-50: #e7f1fe;
  --baby-blue-color-07-75: #89bcf9;
  --lilac-color-08: #e3d4f6;
  --lilac-color-08-25: #f8f4fd;
  --lilac-color-08-50: #f1e9fa;
  --lilac-color-08-75: #b992e9;
  --universal-high-contrast-color-01: #191919;
  --graph-color-1: #0fb5ae;
  --graph-color-2: #4046ca;
  --graph-color-3: #f68511;
  --graph-color-4: #de3d82;
  --graph-color-5: #7e84fa;
  --graph-color-6: #74e06c;
  --graph-color-7: #147af3;
  --graph-color-8: #7326d3;
  --text-primary: var(--black);
  --text-secondary: var(--grey-900);
  --text-tertiary: var(--grey-800);
  --text-disabled: var(--grey-600);
  --text-inverted: var(--white);
  --background-decorative-grey: var(--grey-100);
  --background-decorative-white: var(--white);
  --background-decorative-hover: var(--grey-300);
  --background-decorative-inverted: var(--black);
  --background-interactive: var(--grey-350);
  --background-interactive-hover: var(--grey-450);
  --background-interactive-active: var(--grey-500);
  --background-interactive-disabled: var(--grey-200);
  --graphic-elements-interactive: var(--grey-650);
  --graphic-elements-interactive-hover: var(--grey-750);
  --graphic-elements-interactive-disabled: var(--grey-400);
  --graphic-elements-decorative: var(--grey-500);
  --icons-interactive: var(--grey-800);
  --icon-interactive-hover: var(--grey-600);
  --icon-interactive-disabled: var(--grey-600);
  --icon-decorative: var(--grey-700);
  --icon-inverted: var(--white);
  --icon-exception: var(--black);
  --icon-warning: var(--global-warning);
  --icon-hover: var(--grey-900);
  --primary-00: var(--primary-color-700);
  --primary-01: var(--primary-color-600);
  --primary-02: var(--primary-color-500);
  --primary-02-25: var(--primary-color-500-25);
  --primary-02-50: var(--primary-color-500-50);
  --primary-03: var(--primary-color-400);
  --primary-04: var(--primary-color-300);
  --primary-05: var(--primary-color-100);
  --primary-05-25: var(--primary-color-100-25);
  --primary-05-50: var(--primary-color-100-50);
  --primary-06: var(--primary-color-200);
  --secondary-highlight: var(--accent-color);
  --feedback-error: var(--red-300);
  --feedback-error-25: var(--red-300-25);
  --feedback-error-50: var(--red-300-50);
  --feedback-error-hover: var(--red-400);
  --feedback-error-active: var(--red-500);
  --feedback-error-disabled: var(--red-200);
  --feedback-error-background: var(--red-100);
  --feedback-red-100-25: var(--red-100-25);
  --feedback-red-100-50: var(--red-100-50);
  --feedback-red-100-75: var(--red-100-75);
  --feedback-yellow-100: var(--yellow-100);
  --feedback-information: var(--blue-200);
  --feedback-information-25: var(--blue-200-25);
  --feedback-information-50: var(--blue-200-50);
  --feedback-information-background: var(--blue-100);
  --feedback-information-background-25: var(--blue-100-25);
  --feedback-information-background-50: var(--blue-100-50);
  --feedback-information-background-75: var(--blue-100-75);
  --feedback-yellow-100-25: var(--yellow-100-25);
  --feedback-yellow-100-50: var(--yellow-100-50);
  --feedback-yellow-100-75: var(--yellow-100-75);
  --feedback-warning: var(--yellow-200);
  --feedback-warning-25: var(--yellow-200-25);
  --feedback-warning-50: var(--yellow-200-50);
  --feedback-warning-background: var(--yellow-100);
  --feedback-green-100-25: var(--green-100-25);
  --feedback-green-100-50: var(--green-100-50);
  --feedback-green-100-75: var(--green-100-75);
  --feedback-green-200: var(--green-200);
  --feedback-success: var(--green-200);
  --feedback-success-25: var(--green-200-25);
  --feedback-success-50: var(--green-200-50);
  --feedback-success-background: var(--green-100);
}
body {
  color: var(--black);
}
:focus-visible {
  outline: 0.125rem solid var(--primary-00);
}
::placeholder {
  color: var(--grey-800);
  opacity: 1;
}
input,
textarea,
select {
  border: solid 0.063rem var(--grey-650);
  border-radius: 0.188rem;
}
input:focus,
input:active,
textarea:focus,
textarea:active,
select:focus,
select:active {
  outline: none;
  border: solid 0.063rem var(--grey-750);
}
input[type=search] {
  appearance: none;
}
fieldset {
  border: solid 0.063rem lightgray;
  border-radius: 0.188rem;
}
button:focus {
  outline: none;
}
input[type=button],
input[type=submit],
input[type=reset] {
  background-color: lightgray;
}
input[type=button]:focus,
input[type=submit]:focus,
input[type=reset]:focus {
  outline: none;
}
input[type=button]:active,
input[type=submit]:active,
input[type=reset]:active {
  outline: none;
  border: solid 0.063rem var(--black);
  color: var(--black);
}
:root {
  --next-components-card-border: 0.063rem solid #ccc;
  --next-components-card-border-radius: 1em;
  --next-components-card-padding: 1em 1.5em;
  --next-components-card-box-shadow: 0.125rem 0.125rem 0.5em #ccc;
  --next-components-text-input-label: #191919;
  --next-components-text-input-text: #6e6e6e;
  --next-components-text-input-border: #adadad;
  --next-components-text-input-help-text: #6e6e6e;
  --next-components-error: #e63121;
}
.nxt--primary.nxt--btn-sm,
.nxt--secondary.nxt--btn-sm,
.nxt--tertiary.nxt--btn-sm,
.nxt--quaternary.nxt--btn-sm,
.nxt--ghost.nxt--btn-sm {
  height: 2.25rem;
}
.nxt--primary.nxt--btn-sm:is(.nxt--primary, .nxt--secondary, .nxt--tertiary, .nxt--quaternary.nxt--btn-sm[pill], .nxt--ghost.nxt--btn-sm[pill], .pill),
.nxt--secondary.nxt--btn-sm:is(.nxt--primary, .nxt--secondary, .nxt--tertiary, .nxt--quaternary.nxt--btn-sm[pill], .nxt--ghost.nxt--btn-sm[pill], .pill),
.nxt--tertiary.nxt--btn-sm:is(.nxt--primary, .nxt--secondary, .nxt--tertiary, .nxt--quaternary.nxt--btn-sm[pill], .nxt--ghost.nxt--btn-sm[pill], .pill),
.nxt--quaternary.nxt--btn-sm:is(.nxt--primary, .nxt--secondary, .nxt--tertiary, .nxt--quaternary.nxt--btn-sm[pill], .nxt--ghost.nxt--btn-sm[pill], .pill),
.nxt--ghost.nxt--btn-sm:is(.nxt--primary, .nxt--secondary, .nxt--tertiary, .nxt--quaternary.nxt--btn-sm[pill], .nxt--ghost.nxt--btn-sm[pill], .pill) {
  border-radius: calc(2.25rem / 2);
}
.nxt--primary.nxt--btn-sm:has(.nxt--label-wrapper):not(.nxt--icon-only),
.nxt--secondary.nxt--btn-sm:has(.nxt--label-wrapper):not(.nxt--icon-only),
.nxt--tertiary.nxt--btn-sm:has(.nxt--label-wrapper):not(.nxt--icon-only),
.nxt--quaternary.nxt--btn-sm:has(.nxt--label-wrapper):not(.nxt--icon-only),
.nxt--ghost.nxt--btn-sm:has(.nxt--label-wrapper):not(.nxt--icon-only) {
  padding: 0rem 1rem;
}
.nxt--primary.nxt--btn-sm:is(.nxt--icon-only) .nxt--label-wrapper,
.nxt--secondary.nxt--btn-sm:is(.nxt--icon-only) .nxt--label-wrapper,
.nxt--tertiary.nxt--btn-sm:is(.nxt--icon-only) .nxt--label-wrapper,
.nxt--quaternary.nxt--btn-sm:is(.nxt--icon-only) .nxt--label-wrapper,
.nxt--ghost.nxt--btn-sm:is(.nxt--icon-only) .nxt--label-wrapper {
  width: 2rem;
  padding: 0;
  justify-content: center;
}
.nxt--primary.nxt--btn-sm .nxt--label-wrapper div.svg-icon svg,
.nxt--secondary.nxt--btn-sm .nxt--label-wrapper div.svg-icon svg,
.nxt--tertiary.nxt--btn-sm .nxt--label-wrapper div.svg-icon svg,
.nxt--quaternary.nxt--btn-sm .nxt--label-wrapper div.svg-icon svg,
.nxt--ghost.nxt--btn-sm .nxt--label-wrapper div.svg-icon svg {
  height: 2rem;
  width: 2rem;
}
.nxt--primary.nxt--btn-sm:is(.nxt--tertiary, .nxt--ghost, .nxt--quaternary):is(.nxt--icon-only) .nxt--label-wrapper,
.nxt--secondary.nxt--btn-sm:is(.nxt--tertiary, .nxt--ghost, .nxt--quaternary):is(.nxt--icon-only) .nxt--label-wrapper,
.nxt--tertiary.nxt--btn-sm:is(.nxt--tertiary, .nxt--ghost, .nxt--quaternary):is(.nxt--icon-only) .nxt--label-wrapper,
.nxt--quaternary.nxt--btn-sm:is(.nxt--tertiary, .nxt--ghost, .nxt--quaternary):is(.nxt--icon-only) .nxt--label-wrapper,
.nxt--ghost.nxt--btn-sm:is(.nxt--tertiary, .nxt--ghost, .nxt--quaternary):is(.nxt--icon-only) .nxt--label-wrapper {
  width: 2.25rem;
  padding: 0;
  justify-content: center;
}
.nxt--primary.nxt--btn-sm:is(.nxt--tertiary, .nxt--ghost, .nxt--quaternary) .nxt--label-wrapper div.svg-icon svg,
.nxt--secondary.nxt--btn-sm:is(.nxt--tertiary, .nxt--ghost, .nxt--quaternary) .nxt--label-wrapper div.svg-icon svg,
.nxt--tertiary.nxt--btn-sm:is(.nxt--tertiary, .nxt--ghost, .nxt--quaternary) .nxt--label-wrapper div.svg-icon svg,
.nxt--quaternary.nxt--btn-sm:is(.nxt--tertiary, .nxt--ghost, .nxt--quaternary) .nxt--label-wrapper div.svg-icon svg,
.nxt--ghost.nxt--btn-sm:is(.nxt--tertiary, .nxt--ghost, .nxt--quaternary) .nxt--label-wrapper div.svg-icon svg {
  height: 2rem;
  width: 2rem;
}
.nxt--primary.nxt--btn-sm:not(.nxt--icon-only) .nxt--label-wrapper div.svg-icon svg,
.nxt--secondary.nxt--btn-sm:not(.nxt--icon-only) .nxt--label-wrapper div.svg-icon svg,
.nxt--tertiary.nxt--btn-sm:not(.nxt--icon-only) .nxt--label-wrapper div.svg-icon svg,
.nxt--quaternary.nxt--btn-sm:not(.nxt--icon-only) .nxt--label-wrapper div.svg-icon svg,
.nxt--ghost.nxt--btn-sm:not(.nxt--icon-only) .nxt--label-wrapper div.svg-icon svg {
  height: 1.5rem;
  width: 1.5rem;
}
.nxt--primary.nxt--btn-sm:is(.nxt--label-end) .nxt--label-wrapper,
.nxt--secondary.nxt--btn-sm:is(.nxt--label-end) .nxt--label-wrapper,
.nxt--tertiary.nxt--btn-sm:is(.nxt--label-end) .nxt--label-wrapper,
.nxt--quaternary.nxt--btn-sm:is(.nxt--label-end) .nxt--label-wrapper,
.nxt--ghost.nxt--btn-sm:is(.nxt--label-end) .nxt--label-wrapper {
  padding: 0rem 0.75rem 0rem 0rem;
}
.nxt--primary.nxt--btn-sm:is(.nxt--label-start) .nxt--label-wrapper,
.nxt--secondary.nxt--btn-sm:is(.nxt--label-start) .nxt--label-wrapper,
.nxt--tertiary.nxt--btn-sm:is(.nxt--label-start) .nxt--label-wrapper,
.nxt--quaternary.nxt--btn-sm:is(.nxt--label-start) .nxt--label-wrapper,
.nxt--ghost.nxt--btn-sm:is(.nxt--label-start) .nxt--label-wrapper {
  padding: 0rem 0rem 0rem 0.75rem;
}
.nxt--primary.nxt--btn-sm .nxt--label-wrapper,
.nxt--secondary.nxt--btn-sm .nxt--label-wrapper,
.nxt--tertiary.nxt--btn-sm .nxt--label-wrapper,
.nxt--quaternary.nxt--btn-sm .nxt--label-wrapper,
.nxt--ghost.nxt--btn-sm .nxt--label-wrapper {
  font-size: 0.813rem;
}
.nxt--primary.nxt--btn-md,
.nxt--secondary.nxt--btn-md,
.nxt--tertiary.nxt--btn-md,
.nxt--quaternary.nxt--btn-md,
.nxt--ghost.nxt--btn-md {
  height: 2.5rem;
}
.nxt--primary.nxt--btn-md:is(.nxt--primary, .nxt--secondary, .nxt--tertiary, .nxt--quaternary.nxt--btn-md[pill], .nxt--funcational-ghost.nxt--btn-md[pill], .pill),
.nxt--secondary.nxt--btn-md:is(.nxt--primary, .nxt--secondary, .nxt--tertiary, .nxt--quaternary.nxt--btn-md[pill], .nxt--funcational-ghost.nxt--btn-md[pill], .pill),
.nxt--tertiary.nxt--btn-md:is(.nxt--primary, .nxt--secondary, .nxt--tertiary, .nxt--quaternary.nxt--btn-md[pill], .nxt--funcational-ghost.nxt--btn-md[pill], .pill),
.nxt--quaternary.nxt--btn-md:is(.nxt--primary, .nxt--secondary, .nxt--tertiary, .nxt--quaternary.nxt--btn-md[pill], .nxt--funcational-ghost.nxt--btn-md[pill], .pill),
.nxt--ghost.nxt--btn-md:is(.nxt--primary, .nxt--secondary, .nxt--tertiary, .nxt--quaternary.nxt--btn-md[pill], .nxt--funcational-ghost.nxt--btn-md[pill], .pill) {
  border-radius: calc(2.5rem / 2);
}
.nxt--primary.nxt--btn-md:has(.nxt--label-wrapper):not(.nxt--icon-only),
.nxt--secondary.nxt--btn-md:has(.nxt--label-wrapper):not(.nxt--icon-only),
.nxt--tertiary.nxt--btn-md:has(.nxt--label-wrapper):not(.nxt--icon-only),
.nxt--quaternary.nxt--btn-md:has(.nxt--label-wrapper):not(.nxt--icon-only),
.nxt--ghost.nxt--btn-md:has(.nxt--label-wrapper):not(.nxt--icon-only) {
  padding: 0.25rem 1rem;
}
.nxt--primary.nxt--btn-md:is(.nxt--icon-only) .nxt--label-wrapper,
.nxt--secondary.nxt--btn-md:is(.nxt--icon-only) .nxt--label-wrapper,
.nxt--tertiary.nxt--btn-md:is(.nxt--icon-only) .nxt--label-wrapper,
.nxt--quaternary.nxt--btn-md:is(.nxt--icon-only) .nxt--label-wrapper,
.nxt--ghost.nxt--btn-md:is(.nxt--icon-only) .nxt--label-wrapper {
  width: 2.25rem;
  padding: 0;
  justify-content: center;
}
.nxt--primary.nxt--btn-md .nxt--label-wrapper div.svg-icon svg,
.nxt--secondary.nxt--btn-md .nxt--label-wrapper div.svg-icon svg,
.nxt--tertiary.nxt--btn-md .nxt--label-wrapper div.svg-icon svg,
.nxt--quaternary.nxt--btn-md .nxt--label-wrapper div.svg-icon svg,
.nxt--ghost.nxt--btn-md .nxt--label-wrapper div.svg-icon svg {
  height: 2.25rem;
  width: 2.25rem;
}
.nxt--primary.nxt--btn-md:is(.nxt--tertiary, .nxt--ghost, .nxt--quaternary):is(.nxt--icon-only) .nxt--label-wrapper,
.nxt--secondary.nxt--btn-md:is(.nxt--tertiary, .nxt--ghost, .nxt--quaternary):is(.nxt--icon-only) .nxt--label-wrapper,
.nxt--tertiary.nxt--btn-md:is(.nxt--tertiary, .nxt--ghost, .nxt--quaternary):is(.nxt--icon-only) .nxt--label-wrapper,
.nxt--quaternary.nxt--btn-md:is(.nxt--tertiary, .nxt--ghost, .nxt--quaternary):is(.nxt--icon-only) .nxt--label-wrapper,
.nxt--ghost.nxt--btn-md:is(.nxt--tertiary, .nxt--ghost, .nxt--quaternary):is(.nxt--icon-only) .nxt--label-wrapper {
  width: 2.5rem;
  padding: 0;
  justify-content: center;
}
.nxt--primary.nxt--btn-md:is(.nxt--tertiary, .nxt--ghost, .nxt--quaternary) .nxt--label-wrapper div.svg-icon svg,
.nxt--secondary.nxt--btn-md:is(.nxt--tertiary, .nxt--ghost, .nxt--quaternary) .nxt--label-wrapper div.svg-icon svg,
.nxt--tertiary.nxt--btn-md:is(.nxt--tertiary, .nxt--ghost, .nxt--quaternary) .nxt--label-wrapper div.svg-icon svg,
.nxt--quaternary.nxt--btn-md:is(.nxt--tertiary, .nxt--ghost, .nxt--quaternary) .nxt--label-wrapper div.svg-icon svg,
.nxt--ghost.nxt--btn-md:is(.nxt--tertiary, .nxt--ghost, .nxt--quaternary) .nxt--label-wrapper div.svg-icon svg {
  height: 2.25rem;
  width: 2.25rem;
}
.nxt--primary.nxt--btn-md:not(.nxt--icon-only) .nxt--label-wrapper div.svg-icon svg,
.nxt--secondary.nxt--btn-md:not(.nxt--icon-only) .nxt--label-wrapper div.svg-icon svg,
.nxt--tertiary.nxt--btn-md:not(.nxt--icon-only) .nxt--label-wrapper div.svg-icon svg,
.nxt--quaternary.nxt--btn-md:not(.nxt--icon-only) .nxt--label-wrapper div.svg-icon svg,
.nxt--ghost.nxt--btn-md:not(.nxt--icon-only) .nxt--label-wrapper div.svg-icon svg {
  height: 1.5rem;
  width: 1.5rem;
}
.nxt--primary.nxt--btn-md:is(.nxt--label-end) .nxt--label-wrapper,
.nxt--secondary.nxt--btn-md:is(.nxt--label-end) .nxt--label-wrapper,
.nxt--tertiary.nxt--btn-md:is(.nxt--label-end) .nxt--label-wrapper,
.nxt--quaternary.nxt--btn-md:is(.nxt--label-end) .nxt--label-wrapper,
.nxt--ghost.nxt--btn-md:is(.nxt--label-end) .nxt--label-wrapper {
  padding: 0rem 0.75rem 0rem 0rem;
}
.nxt--primary.nxt--btn-md:is(.nxt--label-start) .nxt--label-wrapper,
.nxt--secondary.nxt--btn-md:is(.nxt--label-start) .nxt--label-wrapper,
.nxt--tertiary.nxt--btn-md:is(.nxt--label-start) .nxt--label-wrapper,
.nxt--quaternary.nxt--btn-md:is(.nxt--label-start) .nxt--label-wrapper,
.nxt--ghost.nxt--btn-md:is(.nxt--label-start) .nxt--label-wrapper {
  padding: 0rem 0rem 0rem 0.75rem;
}
.nxt--primary.nxt--btn-md .nxt--label-wrapper,
.nxt--secondary.nxt--btn-md .nxt--label-wrapper,
.nxt--tertiary.nxt--btn-md .nxt--label-wrapper,
.nxt--quaternary.nxt--btn-md .nxt--label-wrapper,
.nxt--ghost.nxt--btn-md .nxt--label-wrapper {
  font-size: 0.813rem;
}
.nxt--primary.nxt--btn-lg,
.nxt--secondary.nxt--btn-lg,
.nxt--tertiary.nxt--btn-lg,
.nxt--quaternary.nxt--btn-lg,
.nxt--ghost.nxt--btn-lg {
  height: 3rem;
}
.nxt--primary.nxt--btn-lg:is(.nxt--primary, .nxt--secondary, .nxt--tertiary, .nxt--quaternary.nxt--btn-lg[pill], .nxt--ghost.nxt--btn-lg[pill], .pill),
.nxt--secondary.nxt--btn-lg:is(.nxt--primary, .nxt--secondary, .nxt--tertiary, .nxt--quaternary.nxt--btn-lg[pill], .nxt--ghost.nxt--btn-lg[pill], .pill),
.nxt--tertiary.nxt--btn-lg:is(.nxt--primary, .nxt--secondary, .nxt--tertiary, .nxt--quaternary.nxt--btn-lg[pill], .nxt--ghost.nxt--btn-lg[pill], .pill),
.nxt--quaternary.nxt--btn-lg:is(.nxt--primary, .nxt--secondary, .nxt--tertiary, .nxt--quaternary.nxt--btn-lg[pill], .nxt--ghost.nxt--btn-lg[pill], .pill),
.nxt--ghost.nxt--btn-lg:is(.nxt--primary, .nxt--secondary, .nxt--tertiary, .nxt--quaternary.nxt--btn-lg[pill], .nxt--ghost.nxt--btn-lg[pill], .pill) {
  border-radius: calc(3rem / 2);
}
.nxt--primary.nxt--btn-lg:has(.nxt--label-wrapper):not(.nxt--icon-only),
.nxt--secondary.nxt--btn-lg:has(.nxt--label-wrapper):not(.nxt--icon-only),
.nxt--tertiary.nxt--btn-lg:has(.nxt--label-wrapper):not(.nxt--icon-only),
.nxt--quaternary.nxt--btn-lg:has(.nxt--label-wrapper):not(.nxt--icon-only),
.nxt--ghost.nxt--btn-lg:has(.nxt--label-wrapper):not(.nxt--icon-only) {
  padding: 0.5rem 1.5rem;
}
.nxt--primary.nxt--btn-lg:is(.nxt--icon-only) .nxt--label-wrapper,
.nxt--secondary.nxt--btn-lg:is(.nxt--icon-only) .nxt--label-wrapper,
.nxt--tertiary.nxt--btn-lg:is(.nxt--icon-only) .nxt--label-wrapper,
.nxt--quaternary.nxt--btn-lg:is(.nxt--icon-only) .nxt--label-wrapper,
.nxt--ghost.nxt--btn-lg:is(.nxt--icon-only) .nxt--label-wrapper {
  width: 2.75rem;
  padding: 0;
  justify-content: center;
}
.nxt--primary.nxt--btn-lg .nxt--label-wrapper div.svg-icon svg,
.nxt--secondary.nxt--btn-lg .nxt--label-wrapper div.svg-icon svg,
.nxt--tertiary.nxt--btn-lg .nxt--label-wrapper div.svg-icon svg,
.nxt--quaternary.nxt--btn-lg .nxt--label-wrapper div.svg-icon svg,
.nxt--ghost.nxt--btn-lg .nxt--label-wrapper div.svg-icon svg {
  height: 2.5rem;
  width: 2.5rem;
}
.nxt--primary.nxt--btn-lg:is(.nxt--tertiary, .nxt--ghost, .nxt--quaternary):is(.nxt--icon-only) .nxt--label-wrapper,
.nxt--secondary.nxt--btn-lg:is(.nxt--tertiary, .nxt--ghost, .nxt--quaternary):is(.nxt--icon-only) .nxt--label-wrapper,
.nxt--tertiary.nxt--btn-lg:is(.nxt--tertiary, .nxt--ghost, .nxt--quaternary):is(.nxt--icon-only) .nxt--label-wrapper,
.nxt--quaternary.nxt--btn-lg:is(.nxt--tertiary, .nxt--ghost, .nxt--quaternary):is(.nxt--icon-only) .nxt--label-wrapper,
.nxt--ghost.nxt--btn-lg:is(.nxt--tertiary, .nxt--ghost, .nxt--quaternary):is(.nxt--icon-only) .nxt--label-wrapper {
  width: 3rem;
  padding: 0;
  justify-content: center;
}
.nxt--primary.nxt--btn-lg:is(.nxt--tertiary, .nxt--ghost, .nxt--quaternary) .nxt--label-wrapper div.svg-icon svg,
.nxt--secondary.nxt--btn-lg:is(.nxt--tertiary, .nxt--ghost, .nxt--quaternary) .nxt--label-wrapper div.svg-icon svg,
.nxt--tertiary.nxt--btn-lg:is(.nxt--tertiary, .nxt--ghost, .nxt--quaternary) .nxt--label-wrapper div.svg-icon svg,
.nxt--quaternary.nxt--btn-lg:is(.nxt--tertiary, .nxt--ghost, .nxt--quaternary) .nxt--label-wrapper div.svg-icon svg,
.nxt--ghost.nxt--btn-lg:is(.nxt--tertiary, .nxt--ghost, .nxt--quaternary) .nxt--label-wrapper div.svg-icon svg {
  height: 2.5rem;
  width: 2.5rem;
}
.nxt--primary.nxt--btn-lg:not(.nxt--icon-only) .nxt--label-wrapper div.svg-icon svg,
.nxt--secondary.nxt--btn-lg:not(.nxt--icon-only) .nxt--label-wrapper div.svg-icon svg,
.nxt--tertiary.nxt--btn-lg:not(.nxt--icon-only) .nxt--label-wrapper div.svg-icon svg,
.nxt--quaternary.nxt--btn-lg:not(.nxt--icon-only) .nxt--label-wrapper div.svg-icon svg,
.nxt--ghost.nxt--btn-lg:not(.nxt--icon-only) .nxt--label-wrapper div.svg-icon svg {
  height: 2rem;
  width: 2rem;
}
.nxt--primary.nxt--btn-lg:is(.nxt--label-end) .nxt--label-wrapper,
.nxt--secondary.nxt--btn-lg:is(.nxt--label-end) .nxt--label-wrapper,
.nxt--tertiary.nxt--btn-lg:is(.nxt--label-end) .nxt--label-wrapper,
.nxt--quaternary.nxt--btn-lg:is(.nxt--label-end) .nxt--label-wrapper,
.nxt--ghost.nxt--btn-lg:is(.nxt--label-end) .nxt--label-wrapper {
  padding: 0rem 0.5rem 0rem 0rem;
}
.nxt--primary.nxt--btn-lg:is(.nxt--label-start) .nxt--label-wrapper,
.nxt--secondary.nxt--btn-lg:is(.nxt--label-start) .nxt--label-wrapper,
.nxt--tertiary.nxt--btn-lg:is(.nxt--label-start) .nxt--label-wrapper,
.nxt--quaternary.nxt--btn-lg:is(.nxt--label-start) .nxt--label-wrapper,
.nxt--ghost.nxt--btn-lg:is(.nxt--label-start) .nxt--label-wrapper {
  padding: 0rem 0rem 0rem 0.5rem;
}
.nxt--primary.nxt--btn-lg .nxt--label-wrapper,
.nxt--secondary.nxt--btn-lg .nxt--label-wrapper,
.nxt--tertiary.nxt--btn-lg .nxt--label-wrapper,
.nxt--quaternary.nxt--btn-lg .nxt--label-wrapper,
.nxt--ghost.nxt--btn-lg .nxt--label-wrapper {
  font-size: 1rem;
}
.nxt--primary {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  flex-shrink: 0;
  border: 0.125rem solid var(--primary-02);
  border-radius: 0.75rem;
  height: 1.5rem;
  padding: 0rem;
  background-color: var(--primary-02);
  cursor: pointer;
  font-size: 0.688rem;
  font-weight: 500;
  --icon-fill: var(--background-interactive-disabled);
}
.nxt--primary svg {
  fill: var(--icon-inverted);
}
.nxt--primary svg path {
  fill: var(--icon-inverted);
}
.nxt--primary svg path + path {
  fill: var(--icon-inverted);
}
.nxt--primary .next-badge-icon svg {
  fill: var(--icon-inverted);
}
.nxt--primary .next-badge-icon svg path {
  fill: var(--icon-inverted);
}
.nxt--primary .next-badge-icon svg path + path {
  fill: var(--icon-inverted);
}
.nxt--primary:is(.nxt--icon-only) .nxt--label-wrapper {
  width: 1.25rem;
  padding: 0;
  justify-content: center;
}
.nxt--primary .nxt--label-wrapper div.svg-icon svg {
  height: 1.25rem;
  width: 1.25rem;
}
.nxt--primary:has(.nxt--label-wrapper):not(.nxt--icon-only) {
  padding: 0rem 0.5rem;
  caret-color: transparent;
  min-width: 64px;
}
.nxt--primary:not(.nxt--icon-only) .nxt--label-wrapper div.svg-icon svg {
  height: 1rem;
  width: 1rem;
}
.nxt--primary:is(.nxt--label-end) .nxt--label-wrapper {
  padding: 0rem 0.5rem 0rem 0rem;
}
.nxt--primary:is(.nxt--label-start) .nxt--label-wrapper {
  padding: 0rem 0rem 0rem 0.5rem;
}
.nxt--primary.nxt--skeleton {
  background-color: var(--background-interactive-disabled);
  border-color: transparent;
  animation: iconColorChange 4.5s infinite ease, bgColorChange 4.5s infinite ease;
}
.nxt--primary.nxt--skeleton svg {
  fill: var(--icon-fill);
}
.nxt--primary.nxt--skeleton svg path {
  fill: var(--icon-fill);
}
.nxt--primary.nxt--skeleton svg path + path {
  fill: var(--icon-fill);
}
.nxt--primary.nxt--skeleton .next-badge-icon svg {
  fill: var(--icon-inverted);
}
.nxt--primary.nxt--skeleton .next-badge-icon svg path {
  fill: var(--icon-inverted);
}
.nxt--primary.nxt--skeleton .next-badge-icon svg path + path {
  fill: var(--icon-inverted);
}
.nxt--primary.nxt--skeleton .nxt--label-wrapper {
  animation: colorChange 4.5s infinite;
}
@keyframes bgColorChange {
  0%, 10%, 20%, 30%, 40% {
    background-color: var(--background-interactive-disabled);
  }
  50%, 60%, 70%, 80% {
    background-color: var(--background-interactive);
  }
  90%, 100% {
    background-color: var(--background-interactive-disabled);
  }
}
@keyframes colorChange {
  0%, 10%, 20%, 30%, 40% {
    color: var(--background-interactive-disabled);
  }
  50%, 60%, 70%, 80% {
    color: var(--background-interactive);
  }
  90%, 100% {
    color: var(--background-interactive-disabled);
  }
}
@keyframes iconColorChange {
  0%, 10%, 20%, 30%, 40% {
    --icon-fill: var(--background-interactive-disabled);
  }
  50%, 60%, 70%, 80% {
    --icon-fill: var(--background-interactive);
  }
  90%, 100% {
    --icon-fill: var(--background-interactive-disabled);
  }
}
.nxt--primary.nxt--skeleton:disabled {
  background-color: var(--background-interactive-disabled);
  cursor: not-allowed;
  border-color: transparent;
}
.nxt--primary .nxt--label-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  color: var(--text-inverted);
  caret-color: transparent;
  gap: 0.125rem;
}
.nxt--primary.nxt--danger {
  background-color: var(--red-300);
  border-color: var(--red-300);
}
.nxt--primary.nxt--danger:hover {
  background-color: var(--red-400);
  border-color: var(--red-400);
}
.nxt--primary.nxt--danger:active {
  border: 0.125rem solid var(--feedback-error-active);
  background-color: var(--feedback-error-active);
  border-color: var(--feedback-error-active);
}
.nxt--primary.nxt--danger:disabled {
  background-color: var(--feedback-error-disabled);
  cursor: not-allowed;
  border-color: var(--feedback-error-disabled);
}
.nxt--primary.nxt--danger:focus-visible:not(:active) {
  outline: 0.125rem solid var(--primary-00);
  outline-offset: 0.125rem;
}
.nxt--primary:hover {
  background-color: var(--primary-01);
  border-color: var(--primary-01);
}
.nxt--primary:active {
  background-color: var(--primary-00);
  border-color: var(--primary-00);
  border: 0.125rem solid var(--primary-00);
}
.nxt--primary:disabled {
  background-color: var(--primary-04);
  border-color: var(--primary-04);
  cursor: not-allowed;
}
.nxt--primary:disabled svg {
  fill: var(--primary-05);
}
.nxt--primary:disabled svg path {
  fill: var(--primary-05);
}
.nxt--primary:disabled svg path + path {
  fill: var(--primary-05);
}
.nxt--primary:disabled .next-badge-icon svg {
  fill: var(--icon-inverted);
}
.nxt--primary:disabled .next-badge-icon svg path {
  fill: var(--icon-inverted);
}
.nxt--primary:disabled .next-badge-icon svg path + path {
  fill: var(--icon-inverted);
}
.nxt--primary:disabled .nxt--label-wrapper {
  color: var(--primary-05);
}
.nxt--primary:focus-visible:not(:active) {
  outline: 0.125rem solid var(--primary-00);
  outline-offset: 0.125rem;
}
.nxt--secondary {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  box-sizing: border-box;
  border-radius: 0.75rem;
  border: 0.125rem solid var(--primary-02);
  color: var(--primary-02);
  background-color: var(--text-inverted);
  height: 1.5rem;
  padding: 0rem;
  cursor: pointer;
  font-size: 0.688rem;
  font-weight: 500;
  --icon-fill: var(--background-interactive-disabled);
}
.nxt--secondary svg {
  fill: var(--primary-02);
}
.nxt--secondary svg path {
  fill: var(--primary-02);
}
.nxt--secondary svg path + path {
  fill: var(--primary-02);
}
.nxt--secondary .next-badge-icon svg {
  fill: var(--icon-inverted);
}
.nxt--secondary .next-badge-icon svg path {
  fill: var(--icon-inverted);
}
.nxt--secondary .next-badge-icon svg path + path {
  fill: var(--icon-inverted);
}
.nxt--secondary:is(.nxt--icon-only) .nxt--label-wrapper {
  width: 1.25rem;
  padding: 0;
  justify-content: center;
}
.nxt--secondary .nxt--label-wrapper div.svg-icon svg {
  height: 1.25rem;
  width: 1.25rem;
}
.nxt--secondary:has(.nxt--label-wrapper):not(.nxt--icon-only) {
  padding: 0rem 0.5rem;
  caret-color: transparent;
  min-width: 64px;
}
.nxt--secondary:not(.nxt--icon-only) .nxt--label-wrapper div.svg-icon svg {
  height: 1rem;
  width: 1rem;
}
.nxt--secondary:is(.nxt--label-end) .nxt--label-wrapper {
  padding: 0rem 0.5rem 0rem 0rem;
}
.nxt--secondary:is(.nxt--label-start) .nxt--label-wrapper {
  padding: 0rem 0rem 0rem 0.5rem;
}
.nxt--secondary.nxt--skeleton {
  background-color: var(--background-interactive-disabled);
  border-color: transparent;
  animation: iconColorChange 4.5s infinite ease, bgColorChange 4.5s infinite ease;
}
.nxt--secondary.nxt--skeleton svg {
  fill: var(--icon-fill);
}
.nxt--secondary.nxt--skeleton svg path {
  fill: var(--icon-fill);
}
.nxt--secondary.nxt--skeleton svg path + path {
  fill: var(--icon-fill);
}
.nxt--secondary.nxt--skeleton .next-badge-icon svg {
  fill: var(--icon-inverted);
}
.nxt--secondary.nxt--skeleton .next-badge-icon svg path {
  fill: var(--icon-inverted);
}
.nxt--secondary.nxt--skeleton .next-badge-icon svg path + path {
  fill: var(--icon-inverted);
}
.nxt--secondary.nxt--skeleton .nxt--label-wrapper {
  animation: colorChange 4.5s infinite;
}
@keyframes bgColorChange {
  0%, 10%, 20%, 30%, 40% {
    background-color: var(--background-interactive-disabled);
  }
  50%, 60%, 70%, 80% {
    background-color: var(--background-interactive);
  }
  90%, 100% {
    background-color: var(--background-interactive-disabled);
  }
}
@keyframes colorChange {
  0%, 10%, 20%, 30%, 40% {
    color: var(--background-interactive-disabled);
  }
  50%, 60%, 70%, 80% {
    color: var(--background-interactive);
  }
  90%, 100% {
    color: var(--background-interactive-disabled);
  }
}
@keyframes iconColorChange {
  0%, 10%, 20%, 30%, 40% {
    --icon-fill: var(--background-interactive-disabled);
  }
  50%, 60%, 70%, 80% {
    --icon-fill: var(--background-interactive);
  }
  90%, 100% {
    --icon-fill: var(--background-interactive-disabled);
  }
}
.nxt--secondary.nxt--skeleton:disabled {
  background-color: var(--background-interactive-disabled);
  cursor: not-allowed;
  border-color: transparent;
}
.nxt--secondary .nxt--label-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.125rem;
  caret-color: transparent;
}
.nxt--secondary.nxt--danger {
  color: var(--feedback-error);
  border-color: var(--feedback-error);
}
.nxt--secondary.nxt--danger svg {
  fill: var(--feedback-error);
}
.nxt--secondary.nxt--danger svg path {
  fill: var(--feedback-error);
}
.nxt--secondary.nxt--danger svg path + path {
  fill: var(--feedback-error);
}
.nxt--secondary.nxt--danger .next-badge-icon svg {
  fill: var(--icon-inverted);
}
.nxt--secondary.nxt--danger .next-badge-icon svg path {
  fill: var(--icon-inverted);
}
.nxt--secondary.nxt--danger .next-badge-icon svg path + path {
  fill: var(--icon-inverted);
}
.nxt--secondary.nxt--danger:hover {
  color: var(--feedback-error-hover);
  background-color: var(--feedback-error-background);
  border-color: var(--feedback-error-hover);
}
.nxt--secondary.nxt--danger:hover svg {
  fill: var(--feedback-error-hover);
}
.nxt--secondary.nxt--danger:hover svg path {
  fill: var(--feedback-error-hover);
}
.nxt--secondary.nxt--danger:hover svg path + path {
  fill: var(--feedback-error-hover);
}
.nxt--secondary.nxt--danger:hover .next-badge-icon svg {
  fill: var(--icon-inverted);
}
.nxt--secondary.nxt--danger:hover .next-badge-icon svg path {
  fill: var(--icon-inverted);
}
.nxt--secondary.nxt--danger:hover .next-badge-icon svg path + path {
  fill: var(--icon-inverted);
}
.nxt--secondary.nxt--danger:active {
  color: var(--feedback-error-active);
  background-color: var(--feedback-error-disabled);
  border-color: var(--feedback-error-active);
  border: 0.125rem solid var(--feedback-error-active);
}
.nxt--secondary.nxt--danger:active svg {
  fill: var(--feedback-error-active);
}
.nxt--secondary.nxt--danger:active svg path {
  fill: var(--feedback-error-active);
}
.nxt--secondary.nxt--danger:active svg path + path {
  fill: var(--feedback-error-active);
}
.nxt--secondary.nxt--danger:active .next-badge-icon svg {
  fill: var(--icon-inverted);
}
.nxt--secondary.nxt--danger:active .next-badge-icon svg path {
  fill: var(--icon-inverted);
}
.nxt--secondary.nxt--danger:active .next-badge-icon svg path + path {
  fill: var(--icon-inverted);
}
.nxt--secondary.nxt--danger:disabled {
  color: var(--feedback-error-disabled);
  border-color: var(--feedback-error-disabled);
  background-color: var(--text-inverted);
  cursor: not-allowed;
}
.nxt--secondary.nxt--danger:disabled .nxt--label-wrapper {
  color: var(--feedback-error-disabled);
}
.nxt--secondary.nxt--danger:disabled svg {
  fill: var(--feedback-error-disabled);
}
.nxt--secondary.nxt--danger:disabled svg path {
  fill: var(--feedback-error-disabled);
}
.nxt--secondary.nxt--danger:disabled svg path + path {
  fill: var(--feedback-error-disabled);
}
.nxt--secondary.nxt--danger:disabled .next-badge-icon svg {
  fill: var(--icon-inverted);
}
.nxt--secondary.nxt--danger:disabled .next-badge-icon svg path {
  fill: var(--icon-inverted);
}
.nxt--secondary.nxt--danger:disabled .next-badge-icon svg path + path {
  fill: var(--icon-inverted);
}
.nxt--secondary.nxt--danger:focus-visible:not(:active) {
  outline: 0.125rem solid var(--primary-00);
  outline-offset: 0.125rem;
}
.nxt--secondary:hover {
  background-color: var(--primary-05);
  border-color: var(--primary-01);
}
.nxt--secondary:active {
  background-color: var(--primary-06);
  border-color: var(--primary-00);
  color: var(--primary-00);
  border: 0.125rem solid var(--primary-00);
}
.nxt--secondary:disabled {
  cursor: not-allowed;
  background-color: var(--text-inverted);
  border-color: var(--primary-04);
}
.nxt--secondary:disabled svg {
  fill: var(--primary-04);
}
.nxt--secondary:disabled svg path {
  fill: var(--primary-04);
}
.nxt--secondary:disabled svg path + path {
  fill: var(--primary-04);
}
.nxt--secondary:disabled .next-badge-icon svg {
  fill: var(--icon-inverted);
}
.nxt--secondary:disabled .next-badge-icon svg path {
  fill: var(--icon-inverted);
}
.nxt--secondary:disabled .next-badge-icon svg path + path {
  fill: var(--icon-inverted);
}
.nxt--secondary:disabled .nxt--label-wrapper {
  color: var(--primary-04);
}
.nxt--secondary:focus-visible:not(:active) {
  outline: 0.125rem solid var(--primary-00);
  outline-offset: 0.125rem;
}
.nxt--tertiary {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  flex-shrink: 0;
  border-radius: 0.75rem;
  background-color: transparent;
  color: var(--primary-02);
  height: 1.5rem;
  padding: 0rem;
  border: 0rem;
  cursor: pointer;
  font-size: 0.688rem;
  font-weight: 500;
  --icon-fill: var(--background-interactive-disabled);
}
.nxt--tertiary svg {
  fill: var(--primary-02);
}
.nxt--tertiary svg path {
  fill: var(--primary-02);
}
.nxt--tertiary svg path + path {
  fill: var(--primary-02);
}
.nxt--tertiary .next-badge-icon svg {
  fill: var(--icon-inverted);
}
.nxt--tertiary .next-badge-icon svg path {
  fill: var(--icon-inverted);
}
.nxt--tertiary .next-badge-icon svg path + path {
  fill: var(--icon-inverted);
}
.nxt--tertiary:is(.nxt--icon-only) .nxt--label-wrapper {
  width: 1.5rem;
  padding: 0;
  justify-content: center;
}
.nxt--tertiary .nxt--label-wrapper div.svg-icon svg {
  height: 1.25rem;
  width: 1.25rem;
}
.nxt--tertiary:has(.nxt--label-wrapper):not(.nxt--icon-only) {
  padding: 0rem 0.5rem;
  caret-color: transparent;
  min-width: 64px;
}
.nxt--tertiary.nxt--skeleton {
  background-color: var(--background-interactive-disabled);
  border-color: transparent;
  animation: iconColorChange 4.5s infinite ease, bgColorChange 4.5s infinite ease;
}
.nxt--tertiary.nxt--skeleton svg {
  fill: var(--icon-fill);
}
.nxt--tertiary.nxt--skeleton svg path {
  fill: var(--icon-fill);
}
.nxt--tertiary.nxt--skeleton svg path + path {
  fill: var(--icon-fill);
}
.nxt--tertiary.nxt--skeleton .next-badge-icon svg {
  fill: var(--icon-inverted);
}
.nxt--tertiary.nxt--skeleton .next-badge-icon svg path {
  fill: var(--icon-inverted);
}
.nxt--tertiary.nxt--skeleton .next-badge-icon svg path + path {
  fill: var(--icon-inverted);
}
.nxt--tertiary.nxt--skeleton .nxt--label-wrapper {
  animation: colorChange 4.5s infinite;
}
@keyframes bgColorChange {
  0%, 10%, 20%, 30%, 40% {
    background-color: var(--background-interactive-disabled);
  }
  50%, 60%, 70%, 80% {
    background-color: var(--background-interactive);
  }
  90%, 100% {
    background-color: var(--background-interactive-disabled);
  }
}
@keyframes colorChange {
  0%, 10%, 20%, 30%, 40% {
    color: var(--background-interactive-disabled);
  }
  50%, 60%, 70%, 80% {
    color: var(--background-interactive);
  }
  90%, 100% {
    color: var(--background-interactive-disabled);
  }
}
@keyframes iconColorChange {
  0%, 10%, 20%, 30%, 40% {
    --icon-fill: var(--background-interactive-disabled);
  }
  50%, 60%, 70%, 80% {
    --icon-fill: var(--background-interactive);
  }
  90%, 100% {
    --icon-fill: var(--background-interactive-disabled);
  }
}
.nxt--tertiary.nxt--skeleton:disabled {
  background-color: var(--background-interactive-disabled);
  cursor: not-allowed;
  border-color: transparent;
}
.nxt--tertiary:not(.nxt--icon-only) .nxt--label-wrapper div.svg-icon svg {
  height: 1rem;
  width: 1rem;
}
.nxt--tertiary:is(.nxt--label-end) .nxt--label-wrapper {
  padding: 0rem 0.5rem 0rem 0rem;
}
.nxt--tertiary:is(.nxt--label-start) .nxt--label-wrapper {
  padding: 0rem 0rem 0rem 0.5rem;
}
.nxt--tertiary .nxt--label-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.125rem;
  caret-color: transparent;
}
.nxt--tertiary.nxt--danger {
  color: var(--feedback-error);
}
.nxt--tertiary.nxt--danger svg {
  fill: var(--feedback-error);
}
.nxt--tertiary.nxt--danger svg path {
  fill: var(--feedback-error);
}
.nxt--tertiary.nxt--danger svg path + path {
  fill: var(--feedback-error);
}
.nxt--tertiary.nxt--danger .next-badge-icon svg {
  fill: var(--icon-inverted);
}
.nxt--tertiary.nxt--danger .next-badge-icon svg path {
  fill: var(--icon-inverted);
}
.nxt--tertiary.nxt--danger .next-badge-icon svg path + path {
  fill: var(--icon-inverted);
}
.nxt--tertiary.nxt--danger:hover {
  color: var(--feedback-error-hover);
  background-color: var(--feedback-error-background);
}
.nxt--tertiary.nxt--danger:hover svg {
  fill: var(--feedback-error-hover);
}
.nxt--tertiary.nxt--danger:hover svg path {
  fill: var(--feedback-error-hover);
}
.nxt--tertiary.nxt--danger:hover svg path + path {
  fill: var(--feedback-error-hover);
}
.nxt--tertiary.nxt--danger:hover .next-badge-icon svg {
  fill: var(--icon-inverted);
}
.nxt--tertiary.nxt--danger:hover .next-badge-icon svg path {
  fill: var(--icon-inverted);
}
.nxt--tertiary.nxt--danger:hover .next-badge-icon svg path + path {
  fill: var(--icon-inverted);
}
.nxt--tertiary.nxt--danger:active {
  color: var(--feedback-error-active);
  background-color: var(--feedback-error-disabled);
}
.nxt--tertiary.nxt--danger:active svg {
  fill: var(--feedback-error-active);
}
.nxt--tertiary.nxt--danger:active svg path {
  fill: var(--feedback-error-active);
}
.nxt--tertiary.nxt--danger:active svg path + path {
  fill: var(--feedback-error-active);
}
.nxt--tertiary.nxt--danger:active .next-badge-icon svg {
  fill: var(--icon-inverted);
}
.nxt--tertiary.nxt--danger:active .next-badge-icon svg path {
  fill: var(--icon-inverted);
}
.nxt--tertiary.nxt--danger:active .next-badge-icon svg path + path {
  fill: var(--icon-inverted);
}
.nxt--tertiary.nxt--danger:disabled {
  color: var(--feedback-error-disabled);
  background-color: var(--text-inverted);
  cursor: not-allowed;
}
.nxt--tertiary.nxt--danger:disabled .nxt--label-wrapper {
  color: var(--feedback-error-disabled);
}
.nxt--tertiary.nxt--danger:disabled svg {
  fill: var(--feedback-error-disabled);
}
.nxt--tertiary.nxt--danger:disabled svg path {
  fill: var(--feedback-error-disabled);
}
.nxt--tertiary.nxt--danger:disabled svg path + path {
  fill: var(--feedback-error-disabled);
}
.nxt--tertiary.nxt--danger:disabled .next-badge-icon svg {
  fill: var(--icon-inverted);
}
.nxt--tertiary.nxt--danger:disabled .next-badge-icon svg path {
  fill: var(--icon-inverted);
}
.nxt--tertiary.nxt--danger:disabled .next-badge-icon svg path + path {
  fill: var(--icon-inverted);
}
.nxt--tertiary.nxt--danger:focus-visible:not(:active) {
  color: var(--feedback-error-hover);
  outline: 0.125rem solid var(--primary-00);
  outline-offset: 0.125rem;
}
.nxt--tertiary:hover {
  background-color: var(--primary-05);
}
.nxt--tertiary:active {
  color: var(--primary-02);
  background-color: var(--primary-06);
  border: none;
}
.nxt--tertiary:disabled {
  color: var(--primary-04);
  background-color: transparent;
  cursor: not-allowed;
}
.nxt--tertiary:disabled svg {
  fill: var(--primary-04);
}
.nxt--tertiary:disabled svg path {
  fill: var(--primary-04);
}
.nxt--tertiary:disabled svg path + path {
  fill: var(--primary-04);
}
.nxt--tertiary:disabled .next-badge-icon svg {
  fill: var(--icon-inverted);
}
.nxt--tertiary:disabled .next-badge-icon svg path {
  fill: var(--icon-inverted);
}
.nxt--tertiary:disabled .next-badge-icon svg path + path {
  fill: var(--icon-inverted);
}
.nxt--tertiary:disabled .nxt--label-wrapper {
  color: var(--primary-04);
}
.nxt--tertiary:focus-visible:not(:active) {
  color: var(--primary-02);
  outline: 0.125rem solid var(--primary-00);
  outline-offset: 0.125rem;
}
.nxt--quaternary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  flex-shrink: 0;
  border: 0rem;
  border-radius: 0.25rem;
  color: var(--text-primary);
  background-color: var(--background-interactive);
  height: 1.5rem;
  padding: 0rem;
  cursor: pointer;
  font-size: 0.688rem;
  font-weight: 500;
  --icon-fill: var(--background-interactive-disabled);
}
.nxt--quaternary:is(.nxt--icon-only) .nxt--label-wrapper {
  width: 1.5rem;
  padding: 0;
  justify-content: center;
}
.nxt--quaternary .nxt--label-wrapper div.svg-icon svg {
  height: 1.25rem;
  width: 1.25rem;
}
.nxt--quaternary:has(.nxt--label-wrapper):not(.nxt--icon-only) {
  padding: 0rem 0.5rem;
  caret-color: transparent;
  min-width: 64px;
}
.nxt--quaternary:not(.nxt--icon-only) .nxt--label-wrapper div.svg-icon svg {
  height: 1rem;
  width: 1rem;
}
.nxt--quaternary:is(.nxt--label-end) .nxt--label-wrapper {
  padding: 0rem 0.5rem 0rem 0rem;
}
.nxt--quaternary:is(.nxt--label-start) .nxt--label-wrapper {
  padding: 0rem 0rem 0rem 0.5rem;
}
.nxt--quaternary .nxt--label-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.125rem;
  caret-color: transparent;
}
.nxt--quaternary.nxt--skeleton {
  background-color: var(--background-interactive-disabled);
  border-color: transparent;
  animation: iconColorChange 4.5s infinite ease, bgColorChange 4.5s infinite ease;
}
.nxt--quaternary.nxt--skeleton svg {
  fill: var(--icon-fill);
}
.nxt--quaternary.nxt--skeleton svg path {
  fill: var(--icon-fill);
}
.nxt--quaternary.nxt--skeleton svg path + path {
  fill: var(--icon-fill);
}
.nxt--quaternary.nxt--skeleton .next-badge-icon svg {
  fill: var(--icon-inverted);
}
.nxt--quaternary.nxt--skeleton .next-badge-icon svg path {
  fill: var(--icon-inverted);
}
.nxt--quaternary.nxt--skeleton .next-badge-icon svg path + path {
  fill: var(--icon-inverted);
}
.nxt--quaternary.nxt--skeleton .nxt--label-wrapper {
  animation: colorChange 4.5s infinite;
}
@keyframes bgColorChange {
  0%, 10%, 20%, 30%, 40% {
    background-color: var(--background-interactive-disabled);
  }
  50%, 60%, 70%, 80% {
    background-color: var(--background-interactive);
  }
  90%, 100% {
    background-color: var(--background-interactive-disabled);
  }
}
@keyframes colorChange {
  0%, 10%, 20%, 30%, 40% {
    color: var(--background-interactive-disabled);
  }
  50%, 60%, 70%, 80% {
    color: var(--background-interactive);
  }
  90%, 100% {
    color: var(--background-interactive-disabled);
  }
}
@keyframes iconColorChange {
  0%, 10%, 20%, 30%, 40% {
    --icon-fill: var(--background-interactive-disabled);
  }
  50%, 60%, 70%, 80% {
    --icon-fill: var(--background-interactive);
  }
  90%, 100% {
    --icon-fill: var(--background-interactive-disabled);
  }
}
.nxt--quaternary.nxt--skeleton:disabled {
  background-color: var(--background-interactive-disabled);
  cursor: not-allowed;
  border-color: transparent;
}
.nxt--quaternary svg {
  fill: var(--icons-interactive);
}
.nxt--quaternary svg path {
  fill: var(--icons-interactive);
}
.nxt--quaternary svg path + path {
  fill: var(--icons-interactive);
}
.nxt--quaternary .next-badge-icon svg {
  fill: var(--icon-inverted);
}
.nxt--quaternary .next-badge-icon svg path {
  fill: var(--icon-inverted);
}
.nxt--quaternary .next-badge-icon svg path + path {
  fill: var(--icon-inverted);
}
.nxt--quaternary:hover {
  background-color: var(--background-interactive-hover);
}
.nxt--quaternary:hover svg {
  fill: var(--text-secondary);
}
.nxt--quaternary:hover svg path {
  fill: var(--text-secondary);
}
.nxt--quaternary:hover svg path + path {
  fill: var(--text-secondary);
}
.nxt--quaternary:hover .next-badge-icon svg {
  fill: var(--icon-inverted);
}
.nxt--quaternary:hover .next-badge-icon svg path {
  fill: var(--icon-inverted);
}
.nxt--quaternary:hover .next-badge-icon svg path + path {
  fill: var(--icon-inverted);
}
.nxt--quaternary:active {
  color: var(--text-primary);
  background-color: var(--background-interactive-active);
  border: none;
}
.nxt--quaternary:disabled {
  color: var(--text-disabled);
  background-color: var(--background-interactive-disabled);
  cursor: not-allowed;
}
.nxt--quaternary:disabled svg {
  fill: var(--icon-interactive-disabled);
}
.nxt--quaternary:disabled svg path {
  fill: var(--icon-interactive-disabled);
}
.nxt--quaternary:disabled svg path + path {
  fill: var(--icon-interactive-disabled);
}
.nxt--quaternary:disabled .next-badge-icon svg {
  fill: var(--icon-inverted);
}
.nxt--quaternary:disabled .next-badge-icon svg path {
  fill: var(--icon-inverted);
}
.nxt--quaternary:disabled .next-badge-icon svg path + path {
  fill: var(--icon-inverted);
}
.nxt--quaternary:focus-visible:not(:active) {
  outline: 0.125rem solid var(--primary-00);
  outline-offset: 0.125rem;
}
.nxt--ghost {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  flex-shrink: 0;
  border: 0rem;
  border-radius: 0.25rem;
  color: var(--text-primary);
  background-color: transparent;
  height: 1.5rem;
  padding: 0rem;
  cursor: pointer;
  font-size: 0.688rem;
  font-weight: 500;
  --icon-fill: var(--background-interactive-disabled);
}
.nxt--ghost:is(.nxt--icon-only) .nxt--label-wrapper {
  width: 1.5rem;
  padding: 0;
  justify-content: center;
}
.nxt--ghost .nxt--label-wrapper div.svg-icon svg {
  height: 1.25rem;
  width: 1.25rem;
}
.nxt--ghost:has(.nxt--label-wrapper):not(.nxt--icon-only) {
  padding: 0rem 0.5rem;
  caret-color: transparent;
  min-width: 64px;
}
.nxt--ghost.nxt--skeleton {
  background-color: var(--background-interactive-disabled);
  border-color: transparent;
  animation: iconColorChange 4.5s infinite ease, bgColorChange 4.5s infinite ease;
}
.nxt--ghost.nxt--skeleton svg {
  fill: var(--icon-fill);
}
.nxt--ghost.nxt--skeleton svg path {
  fill: var(--icon-fill);
}
.nxt--ghost.nxt--skeleton svg path + path {
  fill: var(--icon-fill);
}
.nxt--ghost.nxt--skeleton .next-badge-icon svg {
  fill: var(--icon-inverted);
}
.nxt--ghost.nxt--skeleton .next-badge-icon svg path {
  fill: var(--icon-inverted);
}
.nxt--ghost.nxt--skeleton .next-badge-icon svg path + path {
  fill: var(--icon-inverted);
}
.nxt--ghost.nxt--skeleton .nxt--label-wrapper {
  animation: colorChange 4.5s infinite;
}
@keyframes bgColorChange {
  0%, 10%, 20%, 30%, 40% {
    background-color: var(--background-interactive-disabled);
  }
  50%, 60%, 70%, 80% {
    background-color: var(--background-interactive);
  }
  90%, 100% {
    background-color: var(--background-interactive-disabled);
  }
}
@keyframes colorChange {
  0%, 10%, 20%, 30%, 40% {
    color: var(--background-interactive-disabled);
  }
  50%, 60%, 70%, 80% {
    color: var(--background-interactive);
  }
  90%, 100% {
    color: var(--background-interactive-disabled);
  }
}
@keyframes iconColorChange {
  0%, 10%, 20%, 30%, 40% {
    --icon-fill: var(--background-interactive-disabled);
  }
  50%, 60%, 70%, 80% {
    --icon-fill: var(--background-interactive);
  }
  90%, 100% {
    --icon-fill: var(--background-interactive-disabled);
  }
}
.nxt--ghost.nxt--skeleton:disabled {
  background-color: var(--background-interactive-disabled);
  cursor: not-allowed;
  border-color: transparent;
}
.nxt--ghost:not(.nxt--icon-only) .nxt--label-wrapper div.svg-icon svg {
  height: 1rem;
  width: 1rem;
}
.nxt--ghost:is(.nxt--label-end) .nxt--label-wrapper {
  padding: 0rem 0.5rem 0rem 0rem;
}
.nxt--ghost:is(.nxt--label-start) .nxt--label-wrapper {
  padding: 0rem 0rem 0rem 0.5rem;
}
.nxt--ghost .nxt--label-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.125rem;
  caret-color: transparent;
}
.nxt--ghost svg {
  fill: var(--icons-interactive);
}
.nxt--ghost svg path {
  fill: var(--icons-interactive);
}
.nxt--ghost svg path + path {
  fill: var(--icons-interactive);
}
.nxt--ghost .next-badge-icon svg {
  fill: var(--icon-inverted);
}
.nxt--ghost .next-badge-icon svg path {
  fill: var(--icon-inverted);
}
.nxt--ghost .next-badge-icon svg path + path {
  fill: var(--icon-inverted);
}
.nxt--ghost:hover {
  background-color: var(--background-interactive-hover);
}
.nxt--ghost:hover svg {
  fill: var(--text-secondary);
}
.nxt--ghost:hover svg path {
  fill: var(--text-secondary);
}
.nxt--ghost:hover svg path + path {
  fill: var(--text-secondary);
}
.nxt--ghost:hover .next-badge-icon svg {
  fill: var(--icon-inverted);
}
.nxt--ghost:hover .next-badge-icon svg path {
  fill: var(--icon-inverted);
}
.nxt--ghost:hover .next-badge-icon svg path + path {
  fill: var(--icon-inverted);
}
.nxt--ghost:active,
.nxt--ghost.nxt--is-pressed {
  color: var(--text-primary);
  background-color: var(--background-interactive-active);
  border: none;
}
.nxt--ghost:disabled {
  color: var(--text-disabled);
  background-color: transparent;
  cursor: not-allowed;
}
.nxt--ghost:disabled svg {
  fill: var(--icon-interactive-disabled);
}
.nxt--ghost:disabled svg path {
  fill: var(--icon-interactive-disabled);
}
.nxt--ghost:disabled svg path + path {
  fill: var(--icon-interactive-disabled);
}
.nxt--ghost:disabled .next-badge-icon svg {
  fill: var(--icon-inverted);
}
.nxt--ghost:disabled .next-badge-icon svg path {
  fill: var(--icon-inverted);
}
.nxt--ghost:disabled .next-badge-icon svg path + path {
  fill: var(--icon-inverted);
}
.nxt--ghost:focus-visible:not(:active):not(.nxt--is-pressed) {
  outline: 0.125rem solid var(--primary-00);
  outline-offset: 0.125rem;
  background-color: transparent;
}
.nxt--ghost[type=information]:hover {
  background-color: var(--primary-02-25);
}
.nxt--ghost[type=information]:active {
  background-color: var(--primary-02-50);
}
.nxt--ghost[type=information]:focus-visible:not(:active) {
  outline: 0.125rem solid var(--primary-00);
  outline-offset: 0.125rem;
}
.nxt--ghost[type=information]:disabled {
  background-color: transparent;
  cursor: not-allowed;
}
.nxt--ghost[type=information]:disabled svg {
  fill: var(--icon-interactive-disabled);
}
.nxt--ghost[type=information]:disabled svg path {
  fill: var(--icon-interactive-disabled);
}
.nxt--ghost[type=information]:disabled svg path + path {
  fill: var(--icon-interactive-disabled);
}
.nxt--ghost[type=information]:disabled .next-badge-icon svg {
  fill: var(--icon-inverted);
}
.nxt--ghost[type=information]:disabled .next-badge-icon svg path {
  fill: var(--icon-inverted);
}
.nxt--ghost[type=information]:disabled .next-badge-icon svg path + path {
  fill: var(--icon-inverted);
}
.nxt--ghost[type=success]:hover {
  background-color: var(--feedback-success-25);
}
.nxt--ghost[type=success]:active {
  background-color: var(--feedback-success-50);
}
.nxt--ghost[type=success]:focus:not(:focus-visible):not(:active) {
  background-color: var(--feedback-success-background);
  outline: none;
}
.nxt--ghost[type=success]:focus-visible:not(:active) {
  background-color: var(--feedback-success-background);
  outline: 0.125rem solid var(--primary-00);
  outline-offset: 0.125rem;
}
.nxt--ghost[type=success]:disabled {
  background-color: transparent;
  cursor: not-allowed;
}
.nxt--ghost[type=success]:disabled svg {
  fill: var(--icon-interactive-disabled);
}
.nxt--ghost[type=success]:disabled svg path {
  fill: var(--icon-interactive-disabled);
}
.nxt--ghost[type=success]:disabled svg path + path {
  fill: var(--icon-interactive-disabled);
}
.nxt--ghost[type=success]:disabled .next-badge-icon svg {
  fill: var(--icon-inverted);
}
.nxt--ghost[type=success]:disabled .next-badge-icon svg path {
  fill: var(--icon-inverted);
}
.nxt--ghost[type=success]:disabled .next-badge-icon svg path + path {
  fill: var(--icon-inverted);
}
.nxt--ghost[type=warning]:hover {
  background-color: var(--feedback-warning-25);
}
.nxt--ghost[type=warning]:active {
  background-color: var(--feedback-warning-50);
}
.nxt--ghost[type=warning]:focus:not(:focus-visible):not(:active) {
  background-color: var(--feedback-warning-background);
  outline: none;
}
.nxt--ghost[type=warning]:focus-visible:not(:active) {
  background-color: var(--feedback-warning-background);
  outline: 0.125rem solid var(--primary-00);
  outline-offset: 0.125rem;
}
.nxt--ghost[type=warning]:disabled {
  background-color: transparent;
  cursor: not-allowed;
}
.nxt--ghost[type=warning]:disabled svg {
  fill: var(--icon-interactive-disabled);
}
.nxt--ghost[type=warning]:disabled svg path {
  fill: var(--icon-interactive-disabled);
}
.nxt--ghost[type=warning]:disabled svg path + path {
  fill: var(--icon-interactive-disabled);
}
.nxt--ghost[type=warning]:disabled .next-badge-icon svg {
  fill: var(--icon-inverted);
}
.nxt--ghost[type=warning]:disabled .next-badge-icon svg path {
  fill: var(--icon-inverted);
}
.nxt--ghost[type=warning]:disabled .next-badge-icon svg path + path {
  fill: var(--icon-inverted);
}
.nxt--ghost[type=error]:hover {
  background-color: var(--feedback-error-25);
}
.nxt--ghost[type=error]:active {
  background-color: var(--feedback-error-50);
}
.nxt--ghost[type=error]:focus:not(:focus-visible):not(:active) {
  background-color: var(--feedback-error-background);
  outline: none;
}
.nxt--ghost[type=error]:focus-visible:not(:active) {
  background-color: var(--feedback-error-background);
  outline: 0.125rem solid var(--primary-00);
  outline-offset: 0.125rem;
}
.nxt--ghost[type=error]:disabled {
  background-color: transparent;
  cursor: not-allowed;
}
.nxt--ghost[type=error]:disabled svg {
  fill: var(--icon-interactive-disabled);
}
.nxt--ghost[type=error]:disabled svg path {
  fill: var(--icon-interactive-disabled);
}
.nxt--ghost[type=error]:disabled svg path + path {
  fill: var(--icon-interactive-disabled);
}
.nxt--ghost[type=error]:disabled .next-badge-icon svg {
  fill: var(--icon-inverted);
}
.nxt--ghost[type=error]:disabled .next-badge-icon svg path {
  fill: var(--icon-inverted);
}
.nxt--ghost[type=error]:disabled .next-badge-icon svg path + path {
  fill: var(--icon-inverted);
}
.nxt--ghost[type=neutral]:disabled {
  background-color: transparent;
  cursor: not-allowed;
}
.nxt--ghost[type=neutral]:disabled svg {
  fill: var(--icon-interactive-disabled);
}
.nxt--ghost[type=neutral]:disabled svg path {
  fill: var(--icon-interactive-disabled);
}
.nxt--ghost[type=neutral]:disabled svg path + path {
  fill: var(--icon-interactive-disabled);
}
.nxt--ghost[type=neutral]:disabled .next-badge-icon svg {
  fill: var(--icon-inverted);
}
.nxt--ghost[type=neutral]:disabled .next-badge-icon svg path {
  fill: var(--icon-inverted);
}
.nxt--ghost[type=neutral]:disabled .next-badge-icon svg path + path {
  fill: var(--icon-inverted);
}
.nxt--ghost[type=custom--pale-cyan]:hover {
  background-color: var(--universal-colors-graph-visualization-graph-color-01-25);
}
.nxt--ghost[type=custom--pale-cyan]:active {
  background-color: var(--universal-colors-graph-visualization-graph-color-01-50);
}
.nxt--ghost[type=custom--pale-cyan]:focus:not(:focus-visible):not(:active) {
  background-color: var(--universal-custom-pale-cyan-color-01);
  outline: none;
}
.nxt--ghost[type=custom--pale-cyan]:focus-visible:not(:active) {
  background-color: var(--universal-custom-pale-cyan-color-01);
  outline: 0.125rem solid var(--primary-00);
  outline-offset: 0.125rem;
}
.nxt--ghost[type=custom--pale-cyan]:disabled {
  background-color: transparent;
  cursor: not-allowed;
}
.nxt--ghost[type=custom--pale-cyan]:disabled svg {
  fill: var(--icon-interactive-disabled);
}
.nxt--ghost[type=custom--pale-cyan]:disabled svg path {
  fill: var(--icon-interactive-disabled);
}
.nxt--ghost[type=custom--pale-cyan]:disabled svg path + path {
  fill: var(--icon-interactive-disabled);
}
.nxt--ghost[type=custom--pale-cyan]:disabled .next-badge-icon svg {
  fill: var(--icon-inverted);
}
.nxt--ghost[type=custom--pale-cyan]:disabled .next-badge-icon svg path {
  fill: var(--icon-inverted);
}
.nxt--ghost[type=custom--pale-cyan]:disabled .next-badge-icon svg path + path {
  fill: var(--icon-inverted);
}
.nxt--ghost[type=custom--lavender-blue]:hover {
  background-color: var(--universal-colors-graph-visualization-graph-color-02-25);
}
.nxt--ghost[type=custom--lavender-blue]:active {
  background-color: var(--universal-colors-graph-visualization-graph-color-02-50);
}
.nxt--ghost[type=custom--lavender-blue]:focus:not(:focus-visible):not(:active) {
  background-color: var(--universal-custom-lavender-blue-color-01);
  outline: none;
}
.nxt--ghost[type=custom--lavender-blue]:focus-visible:not(:active) {
  background-color: var(--universal-custom-lavender-blue-color-01);
  outline: 0.125rem solid var(--primary-00);
  outline-offset: 0.125rem;
}
.nxt--ghost[type=custom--lavender-blue]:disabled {
  background-color: transparent;
  cursor: not-allowed;
}
.nxt--ghost[type=custom--lavender-blue]:disabled svg {
  fill: var(--icon-interactive-disabled);
}
.nxt--ghost[type=custom--lavender-blue]:disabled svg path {
  fill: var(--icon-interactive-disabled);
}
.nxt--ghost[type=custom--lavender-blue]:disabled svg path + path {
  fill: var(--icon-interactive-disabled);
}
.nxt--ghost[type=custom--lavender-blue]:disabled .next-badge-icon svg {
  fill: var(--icon-inverted);
}
.nxt--ghost[type=custom--lavender-blue]:disabled .next-badge-icon svg path {
  fill: var(--icon-inverted);
}
.nxt--ghost[type=custom--lavender-blue]:disabled .next-badge-icon svg path + path {
  fill: var(--icon-inverted);
}
.nxt--ghost[type=custom--peach-puff]:hover {
  background-color: var(--universal-colors-graph-visualization-graph-color-03-25);
}
.nxt--ghost[type=custom--peach-puff]:active {
  background-color: var(--universal-colors-graph-visualization-graph-color-03-50);
}
.nxt--ghost[type=custom--peach-puff]:focus:not(:focus-visible):not(:active) {
  background-color: var(--universal-custom-peach-puff-color-01);
  outline: none;
}
.nxt--ghost[type=custom--peach-puff]:focus-visible:not(:active) {
  background-color: var(--universal-custom-peach-puff-color-01);
  outline: 0.125rem solid var(--primary-00);
  outline-offset: 0.125rem;
}
.nxt--ghost[type=custom--peach-puff]:disabled {
  background-color: transparent;
  cursor: not-allowed;
}
.nxt--ghost[type=custom--peach-puff]:disabled svg {
  fill: var(--icon-interactive-disabled);
}
.nxt--ghost[type=custom--peach-puff]:disabled svg path {
  fill: var(--icon-interactive-disabled);
}
.nxt--ghost[type=custom--peach-puff]:disabled svg path + path {
  fill: var(--icon-interactive-disabled);
}
.nxt--ghost[type=custom--peach-puff]:disabled .next-badge-icon svg {
  fill: var(--icon-inverted);
}
.nxt--ghost[type=custom--peach-puff]:disabled .next-badge-icon svg path {
  fill: var(--icon-inverted);
}
.nxt--ghost[type=custom--peach-puff]:disabled .next-badge-icon svg path + path {
  fill: var(--icon-inverted);
}
.nxt--ghost[type=custom--light-pink]:hover {
  background-color: var(--universal-colors-graph-visualization-graph-color-04-25);
}
.nxt--ghost[type=custom--light-pink]:active {
  background-color: var(--universal-colors-graph-visualization-graph-color-04-50);
}
.nxt--ghost[type=custom--light-pink]:focus:not(:focus-visible):not(:active) {
  background-color: var(--universal-custom-light-pink-color-01);
  outline: none;
}
.nxt--ghost[type=custom--light-pink]:focus-visible:not(:active) {
  background-color: var(--universal-custom-light-pink-color-01);
  outline: 0.125rem solid var(--primary-00);
  outline-offset: 0.125rem;
}
.nxt--ghost[type=custom--light-pink]:disabled {
  background-color: transparent;
  cursor: not-allowed;
}
.nxt--ghost[type=custom--light-pink]:disabled svg {
  fill: var(--icon-interactive-disabled);
}
.nxt--ghost[type=custom--light-pink]:disabled svg path {
  fill: var(--icon-interactive-disabled);
}
.nxt--ghost[type=custom--light-pink]:disabled svg path + path {
  fill: var(--icon-interactive-disabled);
}
.nxt--ghost[type=custom--light-pink]:disabled .next-badge-icon svg {
  fill: var(--icon-inverted);
}
.nxt--ghost[type=custom--light-pink]:disabled .next-badge-icon svg path {
  fill: var(--icon-inverted);
}
.nxt--ghost[type=custom--light-pink]:disabled .next-badge-icon svg path + path {
  fill: var(--icon-inverted);
}
.nxt--ghost[type=custom--periwinkle]:hover {
  background-color: var(--universal-colors-graph-visualization-graph-color-05-25);
}
.nxt--ghost[type=custom--periwinkle]:active {
  background-color: var(--universal-colors-graph-visualization-graph-color-05-50);
}
.nxt--ghost[type=custom--periwinkle]:focus:not(:focus-visible):not(:active) {
  background-color: var(--universal-custom-periwinkle-color-01);
  outline: none;
}
.nxt--ghost[type=custom--periwinkle]:focus-visible:not(:active) {
  background-color: var(--universal-custom-periwinkle-color-01);
  outline: 0.125rem solid var(--primary-00);
  outline-offset: 0.125rem;
}
.nxt--ghost[type=custom--periwinkle]:disabled {
  background-color: transparent;
  cursor: not-allowed;
}
.nxt--ghost[type=custom--periwinkle]:disabled svg {
  fill: var(--icon-interactive-disabled);
}
.nxt--ghost[type=custom--periwinkle]:disabled svg path {
  fill: var(--icon-interactive-disabled);
}
.nxt--ghost[type=custom--periwinkle]:disabled svg path + path {
  fill: var(--icon-interactive-disabled);
}
.nxt--ghost[type=custom--periwinkle]:disabled .next-badge-icon svg {
  fill: var(--icon-inverted);
}
.nxt--ghost[type=custom--periwinkle]:disabled .next-badge-icon svg path {
  fill: var(--icon-inverted);
}
.nxt--ghost[type=custom--periwinkle]:disabled .next-badge-icon svg path + path {
  fill: var(--icon-inverted);
}
.nxt--ghost[type=custom--mint-green]:hover {
  background-color: var(--universal-colors-graph-visualization-graph-color-06-25);
}
.nxt--ghost[type=custom--mint-green]:active {
  background-color: var(--universal-colors-graph-visualization-graph-color-06-50);
}
.nxt--ghost[type=custom--mint-green]:focus:not(:focus-visible):not(:active) {
  background-color: var(--universal-custom-mint-green-color-01);
  outline: none;
}
.nxt--ghost[type=custom--mint-green]:focus-visible:not(:active) {
  background-color: var(--universal-custom-mint-green-color-01);
  outline: 0.125rem solid var(--primary-00);
  outline-offset: 0.125rem;
}
.nxt--ghost[type=custom--mint-green]:disabled {
  background-color: transparent;
  cursor: not-allowed;
}
.nxt--ghost[type=custom--mint-green]:disabled svg {
  fill: var(--icon-interactive-disabled);
}
.nxt--ghost[type=custom--mint-green]:disabled svg path {
  fill: var(--icon-interactive-disabled);
}
.nxt--ghost[type=custom--mint-green]:disabled svg path + path {
  fill: var(--icon-interactive-disabled);
}
.nxt--ghost[type=custom--mint-green]:disabled .next-badge-icon svg {
  fill: var(--icon-inverted);
}
.nxt--ghost[type=custom--mint-green]:disabled .next-badge-icon svg path {
  fill: var(--icon-inverted);
}
.nxt--ghost[type=custom--mint-green]:disabled .next-badge-icon svg path + path {
  fill: var(--icon-inverted);
}
.nxt--ghost[type=custom--baby-blue]:hover {
  background-color: var(--universal-colors-graph-visualization-graph-color-07-25);
}
.nxt--ghost[type=custom--baby-blue]:active {
  background-color: var(--universal-colors-graph-visualization-graph-color-07-50);
}
.nxt--ghost[type=custom--baby-blue]:focus:not(:focus-visible):not(:active) {
  background-color: var(--universal-custom-baby-blue-color-01);
  outline: none;
}
.nxt--ghost[type=custom--baby-blue]:focus-visible:not(:active) {
  background-color: var(--universal-custom-baby-blue-color-01);
  outline: 0.125rem solid var(--primary-00);
  outline-offset: 0.125rem;
}
.nxt--ghost[type=custom--baby-blue]:disabled {
  background-color: transparent;
  cursor: not-allowed;
}
.nxt--ghost[type=custom--baby-blue]:disabled svg {
  fill: var(--icon-interactive-disabled);
}
.nxt--ghost[type=custom--baby-blue]:disabled svg path {
  fill: var(--icon-interactive-disabled);
}
.nxt--ghost[type=custom--baby-blue]:disabled svg path + path {
  fill: var(--icon-interactive-disabled);
}
.nxt--ghost[type=custom--baby-blue]:disabled .next-badge-icon svg {
  fill: var(--icon-inverted);
}
.nxt--ghost[type=custom--baby-blue]:disabled .next-badge-icon svg path {
  fill: var(--icon-inverted);
}
.nxt--ghost[type=custom--baby-blue]:disabled .next-badge-icon svg path + path {
  fill: var(--icon-inverted);
}
.nxt--ghost[type=custom--lilac]:hover {
  background-color: var(--universal-colors-graph-visualization-graph-color-08-25);
}
.nxt--ghost[type=custom--lilac]:active {
  background-color: var(--universal-colors-graph-visualization-graph-color-08-50);
}
.nxt--ghost[type=custom--lilac]:focus:not(:focus-visible):not(:active) {
  background-color: var(--universal-custom-lilac-color-01);
  outline: none;
}
.nxt--ghost[type=custom--lilac]:focus-visible:not(:active) {
  background-color: var(--universal-custom-lilac-color-01);
  outline: 0.125rem solid var(--primary-00);
  outline-offset: 0.125rem;
}
.nxt--ghost[type=custom--lilac]:disabled {
  background-color: transparent;
  cursor: not-allowed;
}
.nxt--ghost[type=custom--lilac]:disabled svg {
  fill: var(--icon-interactive-disabled);
}
.nxt--ghost[type=custom--lilac]:disabled svg path {
  fill: var(--icon-interactive-disabled);
}
.nxt--ghost[type=custom--lilac]:disabled svg path + path {
  fill: var(--icon-interactive-disabled);
}
.nxt--ghost[type=custom--lilac]:disabled .next-badge-icon svg {
  fill: var(--icon-inverted);
}
.nxt--ghost[type=custom--lilac]:disabled .next-badge-icon svg path {
  fill: var(--icon-inverted);
}
.nxt--ghost[type=custom--lilac]:disabled .next-badge-icon svg path + path {
  fill: var(--icon-inverted);
}
.nxt--ghost[type=custom--high-contrast] {
}
.nxt--ghost[type=custom--high-contrast] svg {
  fill: var(--icon-inverted);
}
.nxt--ghost[type=custom--high-contrast] svg path {
  fill: var(--icon-inverted);
}
.nxt--ghost[type=custom--high-contrast] svg path + path {
  fill: var(--icon-inverted);
}
.nxt--ghost[type=custom--high-contrast] .next-badge-icon svg {
  fill: var(--icon-inverted);
}
.nxt--ghost[type=custom--high-contrast] .next-badge-icon svg path {
  fill: var(--icon-inverted);
}
.nxt--ghost[type=custom--high-contrast] .next-badge-icon svg path + path {
  fill: var(--icon-inverted);
}
.nxt--ghost[type=custom--high-contrast]:hover {
  background-color: var(--icons-interactive);
}
.nxt--ghost[type=custom--high-contrast]:active {
  background-color: var(--icon-interactive-hover);
}
.nxt--ghost[type=custom--high-contrast]:focus:not(:focus-visible):not(:active) {
  background-color: var(--graphic-elements-interactive-hover);
  outline: none;
}
.nxt--ghost[type=custom--high-contrast]:focus-visible:not(:active) {
  background-color: var(--graphic-elements-interactive-hover);
  outline: 0.125rem solid var(--primary-00);
  outline-offset: 0.125rem;
}
.nxt--ghost[type=custom--high-contrast]:disabled {
  background-color: transparent;
  cursor: not-allowed;
}
.nxt--ghost[type=custom--high-contrast]:disabled svg {
  fill: var(--icon-interactive-disabled);
}
.nxt--ghost[type=custom--high-contrast]:disabled svg path {
  fill: var(--icon-interactive-disabled);
}
.nxt--ghost[type=custom--high-contrast]:disabled svg path + path {
  fill: var(--icon-interactive-disabled);
}
.nxt--ghost[type=custom--high-contrast]:disabled .next-badge-icon svg {
  fill: var(--icon-inverted);
}
.nxt--ghost[type=custom--high-contrast]:disabled .next-badge-icon svg path {
  fill: var(--icon-inverted);
}
.nxt--ghost[type=custom--high-contrast]:disabled .next-badge-icon svg path + path {
  fill: var(--icon-inverted);
}
.nxt--ghost[type=custom--outline]:hover {
  background-color: var(--background-interactive-hover);
}
.nxt--ghost[type=custom--outline]:active {
  background-color: var(--background-interactive-active);
}
.nxt--ghost[type=custom--outline]:active .tag:has(.custom--outline) {
  overflow: hidden;
}
.nxt--ghost[type=custom--outline]:focus:not(:focus-visible):not(:active) {
  background-color: transparent;
  outline: none;
}
.nxt--ghost[type=custom--outline]:focus-visible:not(:active) {
  background-color: transparent;
  outline: 0.125rem solid var(--primary-00);
  outline-offset: 0.125rem;
}
.nxt--ghost[type=custom--outline]:disabled {
  background-color: transparent;
  cursor: not-allowed;
}
.nxt--ghost[type=custom--outline]:disabled svg {
  fill: var(--icon-interactive-disabled);
}
.nxt--ghost[type=custom--outline]:disabled svg path {
  fill: var(--icon-interactive-disabled);
}
.nxt--ghost[type=custom--outline]:disabled svg path + path {
  fill: var(--icon-interactive-disabled);
}
.nxt--ghost[type=custom--outline]:disabled .next-badge-icon svg {
  fill: var(--icon-inverted);
}
.nxt--ghost[type=custom--outline]:disabled .next-badge-icon svg path {
  fill: var(--icon-inverted);
}
.nxt--ghost[type=custom--outline]:disabled .next-badge-icon svg path + path {
  fill: var(--icon-inverted);
}
.nxt--quaternary[pill],
.nxt--ghost[pill] {
  border-radius: 1.75rem;
  --icon-fill: var(--background-interactive-disabled);
}
.nxt--quaternary[pill].nxt--skeleton,
.nxt--ghost[pill].nxt--skeleton {
  background-color: var(--background-interactive-disabled);
  border-color: transparent;
  animation: iconColorChange 4.5s infinite ease, bgColorChange 4.5s infinite ease;
}
.nxt--quaternary[pill].nxt--skeleton svg,
.nxt--ghost[pill].nxt--skeleton svg {
  fill: var(--icon-fill);
}
.nxt--quaternary[pill].nxt--skeleton svg path,
.nxt--ghost[pill].nxt--skeleton svg path {
  fill: var(--icon-fill);
}
.nxt--quaternary[pill].nxt--skeleton svg path + path,
.nxt--ghost[pill].nxt--skeleton svg path + path {
  fill: var(--icon-fill);
}
.nxt--quaternary[pill].nxt--skeleton .next-badge-icon svg,
.nxt--ghost[pill].nxt--skeleton .next-badge-icon svg {
  fill: var(--icon-inverted);
}
.nxt--quaternary[pill].nxt--skeleton .next-badge-icon svg path,
.nxt--ghost[pill].nxt--skeleton .next-badge-icon svg path {
  fill: var(--icon-inverted);
}
.nxt--quaternary[pill].nxt--skeleton .next-badge-icon svg path + path,
.nxt--ghost[pill].nxt--skeleton .next-badge-icon svg path + path {
  fill: var(--icon-inverted);
}
.nxt--quaternary[pill].nxt--skeleton .nxt--label-wrapper,
.nxt--ghost[pill].nxt--skeleton .nxt--label-wrapper {
  animation: colorChange 4.5s infinite;
}
@keyframes bgColorChange {
  0%, 10%, 20%, 30%, 40% {
    background-color: var(--background-interactive-disabled);
  }
  50%, 60%, 70%, 80% {
    background-color: var(--background-interactive);
  }
  90%, 100% {
    background-color: var(--background-interactive-disabled);
  }
}
@keyframes colorChange {
  0%, 10%, 20%, 30%, 40% {
    color: var(--background-interactive-disabled);
  }
  50%, 60%, 70%, 80% {
    color: var(--background-interactive);
  }
  90%, 100% {
    color: var(--background-interactive-disabled);
  }
}
@keyframes iconColorChange {
  0%, 10%, 20%, 30%, 40% {
    --icon-fill: var(--background-interactive-disabled);
  }
  50%, 60%, 70%, 80% {
    --icon-fill: var(--background-interactive);
  }
  90%, 100% {
    --icon-fill: var(--background-interactive-disabled);
  }
}
.nxt--quaternary[pill].nxt--skeleton:disabled,
.nxt--ghost[pill].nxt--skeleton:disabled {
  background-color: var(--background-interactive-disabled);
  cursor: not-allowed;
  border-color: transparent;
}
a {
  color: var(--primary-02);
  text-decoration: none;
}
a:hover {
  color: var(--primary-01);
  text-decoration: underline;
}
a:active {
  color: var(--primary-00);
  text-decoration: underline;
}
a:focus {
  outline: none;
}
a:focus-visible {
  outline: 0.125rem solid var(--primary-00);
  outline-offset: 0.125rem;
  border-radius: 0.125rem;
}
a:visited {
  color: var(--primary-00);
}
svg.st-icons {
  height: inherit;
  width: inherit;
}
.feedback-success {
  fill: var(--green-200);
}
.next--icon-not-found {
  display: none;
}
.box-container {
  display: flex;
  flex-direction: column;
  gap: 24px;
  border: 0.0625rem solid var(--graphic-elements-decorative);
  border-radius: 0.5rem;
  margin: 1.25rem;
  padding: 1.5rem;
  width: fit-content;
  word-break: break-all;
}
.box-container-grid {
  display: flex;
  flex-direction: column;
  gap: 24px;
  border: 0.0625rem solid var(--graphic-elements-decorative);
  border-radius: 0.5rem;
  padding: 1.5rem;
  width: fit-content;
  word-break: break-all;
}
.nextTooltip {
  position: absolute;
  align-items: center;
  gap: 0.625rem;
  text-align: left;
  justify-content: center;
  overflow: visible;
  color: var(--background-decorative-white, #ffffff);
  font-size: var(--font-size-sm, 0.813rem);
  font-style: normal;
  font-weight: 400;
  line-height: 143.75%;
  word-wrap: break-word;
  padding: var(--Padding-XXXS, 0.125rem) var(--Padding-S, 1rem);
  border-radius: 0.313rem;
  background: var(--background-decorative-inverted, #191919);
  z-index: 1000;
  max-width: 18rem;
  width: max-content;
}
.cdk-overlay-pane.nextTooltip {
  display: block;
  max-width: 18rem;
}
.nextTooltipOneLiner {
  position: absolute;
  align-items: center;
  gap: 0.625rem;
  text-align: left;
  justify-content: center;
  overflow: visible;
  color: var(--background-decorative-white, #ffffff);
  font-size: var(--font-size-sm, 0.813rem);
  font-style: normal;
  font-weight: 400;
  line-height: 143.75%;
  word-wrap: break-word;
  padding: var(--Padding-XXXS, 0.125rem) var(--Padding-S, 1rem);
  border-radius: 0.313rem;
  background: var(--background-decorative-inverted, #191919);
  display: inline-flex;
  z-index: 1000;
  width: max-content;
}
.--bottom::after {
  content: " ";
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-width: 0.188rem;
  border-style: solid;
  border-color: transparent transparent var(--background-decorative-inverted, #191919) transparent;
}
.--top::after {
  content: " ";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-width: 0.188rem;
  border-style: solid;
  border-color: var(--background-decorative-inverted, #191919) transparent transparent transparent;
}
.--left::after {
  content: " ";
  position: absolute;
  top: 50%;
  left: 100%;
  transform: translateY(-50%);
  border-width: 0.188rem;
  border-style: solid;
  border-color: transparent transparent transparent var(--background-decorative-inverted, #191919);
}
.--right::after {
  content: " ";
  position: absolute;
  top: 50%;
  right: 100%;
  transform: translateY(-50%);
  border-width: 0.188rem;
  border-style: solid;
  border-color: transparent var(--background-decorative-inverted, #191919) transparent transparent;
}
.next-text-highlight {
  background-color: var(--primary-04);
}
.next-modal-container {
  outline: none;
}
.next-ngc-modal-container {
  width: 100%;
  height: 100%;
  display: flex;
  flex-grow: 1;
  box-sizing: border-box;
  outline: 0;
}
.next-ngc-modal-container:focus {
  outline: none;
}
.next-ngc-modal-container .nxt--ghost .nxt--label-wrapper div.svg-icon svg {
  height: 100%;
  width: 100%;
}
.next-ngc-modal-title,
.next-modal__title,
.next-modal-title {
  line-height: 1.707rem;
  font-weight: 700;
  font-size: 1.188rem;
}
.next-ngc-modal-header,
.ngc-modal__header,
.next-modal-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  background-color: var(--background-decorative-white);
  padding: 1rem 1rem 1rem 1.5rem;
  border-bottom: 0.063rem solid var(--graphic-elements-decorative);
  border-radius: 4px 4px 0px 0px;
}
.next-modal-content:has(+ .next-ngc-modal-actions) .next-ngc-modal-body,
.next-modal-content:has(+ .next-ngc-modal-actions) .ngc-modal__body,
.next-modal-content:has(+ .next-ngc-modal-actions) .next-modal-body,
.next-ngc-modal-content:has(+ .next-ngc-modal-actions) .next-ngc-modal-body,
.next-ngc-modal-content:has(+ .next-ngc-modal-actions) .ngc-modal__body,
.next-ngc-modal-content:has(+ .next-ngc-modal-actions) .next-modal-body {
  border-radius: 0px 0px 0px 0px;
}
.next-modal-content:has(+ .next-ngc-modal-footer) .next-ngc-modal-body,
.next-modal-content:has(+ .next-ngc-modal-footer) .ngc-modal__body,
.next-modal-content:has(+ .next-ngc-modal-footer) .next-modal-body,
.next-ngc-modal-content:has(+ .next-ngc-modal-footer) .next-ngc-modal-body,
.next-ngc-modal-content:has(+ .next-ngc-modal-footer) .ngc-modal__body,
.next-ngc-modal-content:has(+ .next-ngc-modal-footer) .next-modal-body {
  border-radius: 0px 0px 0px 0px;
}
.next-ngc-modal-body,
.ngc-modal__body,
.next-modal-body {
  display: flex;
  flex-direction: column;
  background-color: var(--background-decorative-grey);
  width: 100%;
  padding: 1.5rem;
  gap: 0.625rem;
  overflow-y: auto;
  border-radius: 0px 0px 4px 4px;
}
.next-ngc-modal-body .icon-wrapper,
.ngc-modal__body .icon-wrapper,
.next-modal-body .icon-wrapper {
  display: flex;
  justify-content: center;
}
.next-ngc-modal-body .icon-wrapper .next-modal-icon,
.ngc-modal__body .icon-wrapper .next-modal-icon,
.next-modal-body .icon-wrapper .next-modal-icon {
  width: 4rem;
  height: 4rem;
}
.ngc-modal__icon-wrapper,
.next-ngc-modal-icon-wrapper {
  display: flex;
  justify-content: center;
}
.ngc-modal__icon-wrapper .next-modal-icon,
.next-ngc-modal-icon-wrapper .next-modal-icon {
  width: 4rem;
  height: 4rem;
}
.next-modal-close {
  height: 36px;
  width: 36px;
}
.next-ngc-modal-message,
.ngc-modal__message,
.next-modal-message {
  display: flex;
  text-align: left;
  width: 100%;
}
.next-ngc-modal-message .text,
.ngc-modal__message .text,
.next-modal-message .text {
  font-size: 1rem;
  line-height: 1.438rem;
  font-weight: 400;
}
.next-modal-template,
.next-modal-component {
  display: block;
  width: 100%;
}
.next-ngc-modal-footer,
.ngc-modal__footer,
.next-modal-footer {
  padding: 0.5rem 1.5rem 1.5rem 1.5rem;
  border-radius: 0px 0px 4px 4px;
  background-color: var(--background-decorative-grey);
}
.cdk-overlay-pane.next-ngc-modal-panel {
  justify-content: center;
}
.next-ngc-modal__backdrop {
  background: rgba(0, 0, 0, 0.6);
}
.next-ngc-modal-inner-container {
  display: flex;
  flex-grow: 1;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
  box-sizing: border-box;
  height: 100%;
  opacity: 0;
  transition: opacity linear var(--next-modal-transition-duration, 0ms);
}
.ngc-modal--closing .next-ngc-modal-inner-container {
  transition: opacity 75ms linear;
  transform: none;
}
.ngc-modal--open .next-ngc-modal-inner-container {
  opacity: 1;
}
.next-ngc-modal-actions,
.custom-modal-actions {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  position: relative;
  flex-shrink: 0;
  flex-wrap: wrap;
  align-items: center;
  box-sizing: border-box;
  min-height: 52px;
  margin: 0;
  padding: 0.5rem 1.5rem 1.5rem 1.5rem;
  border-top: 1px solid transparent;
  border-radius: 0px 0px 4px 4px;
  background-color: var(--background-decorative-grey);
  gap: 8px;
}
.next-ngc-modal-actions.next-ngc-modal-actions-align-start,
.next-ngc-modal-actions[align=start],
.custom-modal-actions.next-ngc-modal-actions-align-start,
.custom-modal-actions[align=start] {
  justify-content: start;
}
.next-ngc-modal-actions.next-ngc-modal-actions-align-center,
.next-ngc-modal-actions[align=center],
.custom-modal-actions.next-ngc-modal-actions-align-center,
.custom-modal-actions[align=center] {
  justify-content: center;
}
.next-ngc-modal-actions.next-ngc-modal-actions-align-end,
.next-ngc-modal-actions[align=end],
.custom-modal-actions.next-ngc-modal-actions-align-end,
.custom-modal-actions[align=end] {
  justify-content: flex-end;
}
.next-ngc-menu-item {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  padding: var(--padding-xs, 0.5rem) var(--padding-s-detail, 0.75rem);
  cursor: pointer;
  align-items: center;
  gap: var(--padding-s-detail, 0.75rem);
  background-color: var(--white);
  transition: background-color 0.3s ease-in-out;
  width: var(--menu-width, 100%);
}
.next-ngc-menu-item-checkbox-wrapper {
  display: flex;
  padding: 0;
  align-items: center;
  cursor: pointer;
  position: relative;
}
.next-ngc-menu-item-checkbox-icon-checkmark {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 1rem;
  height: 1rem;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
.next-ngc-menu-item-checkbox-icon-checkmark svg path {
  fill: var(--white);
}
.next-ngc-menu-item-checkbox input[type=checkbox] {
  appearance: none;
  -webkit-appearance: none;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: var(--radius-s, 0.25rem);
  border: 1.5px solid var(--checkbox-border-default, #adadad);
  background: var(--background-decorative-white, #fff);
  cursor: pointer;
  outline: none;
  position: relative;
  transition: background 0.2s, border-color 0.2s;
  margin: 0;
}
.next-ngc-menu-item-radio-wrapper {
  display: flex;
}
.next-ngc-menu-item-radio-btn {
  appearance: none;
  -webkit-appearance: none;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  border: 0.094rem solid var(--grey-650);
  background: var(--background-decorative-white, #fff);
  cursor: pointer;
  outline: none;
  position: relative;
  transition: background 0.2s, border-color 0.2s;
  margin: 0;
}
.next-ngc-menu-item-radio-btn::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 0.75rem;
  height: 0.75rem;
  pointer-events: none;
  transition: opacity 0.2s ease;
  border-radius: 50%;
  opacity: 0;
}
.next-ngc-menu-item-label {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  flex: 1 0 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: var(--universal-high-contrast-color-01, #191919);
  text-overflow: ellipsis;
  font-family: var(--font-family-official-font, "Polo 22");
  font-size: var(--font-size-md, 1rem);
  font-style: normal;
  font-weight: 400;
  line-height: 143.75%;
}
.next-ngc-menu-item-label--rtl {
  text-align: right;
}
.next-ngc-menu-item-leading {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  gap: var(--padding-xxs, 0.25rem);
}
.next-ngc-menu-item-leading-wrapper {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 8px;
}
.next-ngc-menu-item-leading-wrapper .nxt--ghost {
  margin: var(--padding-xxxs, 0.375rem);
}
.next-ngc-menu-item-leading-wrapper .nxt--ghost .nxt--label-wrapper .svg-icon svg {
  width: 0.75rem;
  height: 0.75rem;
}
.next-ngc-menu-item-leading-wrapper .svg-icon:not(.nxt--label-wrapper .svg-icon):not(.next-ngc-check-box-single .svg-icon):not(.next-badge-icon) {
  padding: var(--padding-xxs, 0.125rem);
}
.next-ngc-menu-item-leading-wrapper .svg-icon:not(.nxt--label-wrapper .svg-icon):not(.next-ngc-check-box-single .svg-icon):not(.next-badge-icon) svg {
  width: 1.25rem;
  height: 1.25rem;
}
.next-ngc-menu-item-trailing {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
}
.next-ngc-menu-item-trailing-wrapper {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: var(--padding-xxs, 0.25rem);
}
.next-ngc-menu-item-trailing-wrapper .nxt--ghost .nxt--label-wrapper .svg-icon svg {
  width: 0.75rem;
  height: 0.75rem;
}
.next-ngc-menu-item-trailing-wrapper .svg-icon:not(.nxt--label-wrapper .svg-icon):not(.next-badge-icon) {
  padding: var(--padding-xxs, 0.125rem);
}
.next-ngc-menu-item-trailing-wrapper .svg-icon:not(.nxt--label-wrapper .svg-icon):not(.next-badge-icon) svg {
  width: 1.25rem;
  height: 1.25rem;
}
.next-ngc-menu-item-trailing-wrapper p {
  color: var(--text-primary, #6e6e6e);
}
.next-ngc-menu-item--compact {
  height: 2rem;
}
.next-ngc-menu-item--default {
  height: 2.5rem;
}
.next-ngc-menu-item--large {
  height: 3rem;
}
.next-ngc-menu-item--edge {
  border-radius: 0;
}
.next-ngc-menu-item--rounded {
  border-radius: 0.25rem;
}
.next-ngc-menu-item:hover {
  background: var(--background-decorative-hover, #f2f2f2);
}
.next-ngc-menu-item:hover .next-ngc-menu-item-checkbox input[type=checkbox] {
  border: 1.5px solid var(--graphic-elements-interactive-hover, #767676);
  background: var(--background-decorative-white, #fff);
}
.next-ngc-menu-item:hover .next-ngc-menu-item-checkbox .next-ngc-menu-item-checkbox-icon-checkmark {
  opacity: 1;
}
.next-ngc-menu-item:hover .next-ngc-menu-item-checkbox .next-ngc-menu-item-checkbox-icon-checkmark svg path {
  fill: var(--graphic-elements-decorative, #d7d7d7);
}
.next-ngc-menu-item:hover .next-ngc-menu-item-radio-btn {
  border: 1.5px solid var(--graphic-elements-interactive-hover, #767676);
}
.next-ngc-menu-item:hover .next-ngc-menu-item-radio-btn:before {
  opacity: 1;
  background: var(--graphic-elements-decorative, #d7d7d7);
}
.next-ngc-menu-item:hover .next-ngc-check-box-single-checkmark-fallback {
  opacity: 1;
}
.next-ngc-menu-item:hover .next-ngc-check-box-single-checkmark-fallback svg path {
  fill: var(--graphic-elements-decorative, #d7d7d7);
}
.next-ngc-menu-item:hover .next-ngc-check-box-single-input {
  border: 1.5px solid var(--graphic-elements-interactive-hover, #767676);
}
.next-ngc-menu-item:hover .next-ngc-check-box-single--indeterminate .next-ngc-check-box-single-indeterminate-icon svg path {
  fill: var(--icon-inverted, #fff);
}
.next-ngc-menu-item:hover .next-ngc-check-box-single--indeterminate .next-ngc-check-box-single-checkmark-icon {
  opacity: 0;
}
.next-ngc-menu-item:hover .next-ngc-check-box-single--indeterminate .next-ngc-check-box-single-input {
  border: 1.5px solid var(--primary-color-600, #00749d);
  background-color: var(--primary-color-600, #00749d);
}
.next-ngc-menu-item:focus-visible {
  outline: 2px solid var(--focus-border, #006081);
  background: var(--background-decorative-white, #fff);
}
.next-ngc-menu-item--clickable {
  background-color: var(--white);
}
.next-ngc-menu-item--clickable:active {
  box-shadow: inset 0 0 var(--space-4, 12px) rgba(0, 0, 0, 0.15), 0 2px 6px rgba(0, 0, 0, 0.1);
}
.next-ngc-menu-item--selectable {
  cursor: pointer;
}
.next-ngc-menu-item--selectable .next-ngc-menu-item-trailing-wrapper .svg-icon:not(button > span .svg-icon) {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease;
}
.next-ngc-menu-item--active {
  background: var(--primary-color-100, #e9f3f8);
}
.next-ngc-menu-item--active .next-ngc-menu-item-checkbox input[type=checkbox] {
  border: 1.5px solid var(--primary-color-500, #0091bb);
  background: var(--primary-color-500, #0091bb);
}
.next-ngc-menu-item--active .next-ngc-menu-item-checkbox .next-ngc-menu-item-checkbox-icon-checkmark {
  opacity: 1;
}
.next-ngc-menu-item--active .next-ngc-menu-item-radio-btn {
  border: 1.5px solid var(--primary-color-500, #0091bb);
}
.next-ngc-menu-item--active .next-ngc-menu-item-radio-btn:before {
  opacity: 1;
  background: var(--primary-color-500, #0091bb);
}
.next-ngc-menu-item--active .next-ngc-menu-item-trailing-wrapper .svg-icon:not(button > span .svg-icon) {
  opacity: 1;
  visibility: visible;
}
.next-ngc-menu-item--active:hover {
  background: var(--primary-color-200, #deeef2);
}
.next-ngc-menu-item--active:hover .next-ngc-menu-item-checkbox input[type=checkbox] {
  border: 1.5px solid var(--primary-color-600, #00749d);
  background: var(--primary-color-600, #00749d);
}
.next-ngc-menu-item--active:hover .next-ngc-menu-item-checkbox .next-ngc-menu-item-checkbox-icon-checkmark {
  opacity: 1;
}
.next-ngc-menu-item--active:hover .next-ngc-menu-item-checkbox .next-ngc-menu-item-checkbox-icon-checkmark svg path {
  fill: var(--background-decorative-white, #fff);
}
.next-ngc-menu-item--active:hover .next-ngc-menu-item-radio-btn {
  border: 1.5px solid var(--primary-color-500, #0091bb);
}
.next-ngc-menu-item--active:hover .next-ngc-menu-item-radio-btn:before {
  opacity: 1;
  border: 1.5px solid var(--primary-color-600, #00749d);
  background: var(--primary-color-600, #00749d);
}
.next-ngc-menu-item--active:hover .next-ngc-check-box-single--checked .next-ngc-check-box-single-checkmark-icon svg path {
  fill: var(--icon-inverted, #fff);
}
.next-ngc-menu-item--active:hover .next-ngc-check-box-single--checked .next-ngc-check-box-single-input {
  border: 1.5px solid var(--primary-color-600, #00749d);
  background-color: var(--primary-color-600, #00749d);
}
.next-ngc-menu-item--active:hover .next-ngc-check-box-single--indeterminate .next-ngc-check-box-single-indeterminate-icon svg path {
  fill: var(--icon-inverted, #fff);
}
.next-ngc-menu-item--active:hover .next-ngc-check-box-single--indeterminate .next-ngc-check-box-single-checkmark-icon {
  opacity: 0;
}
.next-ngc-menu-item--active:hover .next-ngc-check-box-single--indeterminate .next-ngc-check-box-single-input {
  border: 1.5px solid var(--primary-color-600, #00749d);
  background-color: var(--primary-color-600, #00749d);
}
.next-ngc-menu-item--active:focus-visible {
  background: var(--primary-color-100, #e9f3f8);
  outline: 2px solid var(--focus-border, #006081);
}
.next-ngc-menu-item--active:disabled {
  background: var(--primary-color-100, #e9f3f8);
  cursor: not-allowed;
}
.next-ngc-menu-item--disabled {
  background: var(--background-decorative-white, #fff);
  pointer-events: none;
}
.next-ngc-menu-item--disabled .next-ngc-menu-item-checkbox input[type=checkbox] {
  border: 1.5px solid var(--graphic-elements-interactive-disabled, #e5e5e5);
}
.next-ngc-menu-item--disabled .next-ngc-menu-item-radio-btn {
  border: 1.5px solid var(--graphic-elements-interactive-disabled, #e5e5e5);
}
.next-ngc-menu-item--disabled .next-ngc-menu-item-label {
  color: var(--text-disabled, #bcbcbc);
}
.next-ngc-menu-item--disabled.next-ngc-menu-item--active {
  background: var(--primary-color-100, #e9f3f8);
}
.next-ngc-menu-item--disabled.next-ngc-menu-item--active .next-ngc-menu-item-checkbox input[type=checkbox] {
  border: 1.5px solid var(--primary-color-300, #a1d4ea);
  background: var(--primary-color-300, #a1d4ea);
}
.next-ngc-menu-item--disabled.next-ngc-menu-item--active .next-ngc-menu-item-checkbox-icon-checkmark svg path {
  fill: var(--primary-color-100, #e9f3f8);
}
.next-ngc-menu-item--disabled.next-ngc-menu-item--active .next-ngc-menu-item-radio-btn {
  border: 1.5px solid var(--primary-color-300, #a1d4ea);
}
.next-ngc-menu-item--disabled.next-ngc-menu-item--active .next-ngc-menu-item-radio-btn:before {
  border: 1.5px solid var(--primary-color-300, #a1d4ea);
  background: var(--primary-color-300, #a1d4ea);
}
.next-ngc-menu-item--disabled.next-ngc-menu-item--active .next-ngc-menu-item-trailing-wrapper .svg-icon:not(button > span .svg-icon) svg path {
  fill: var(--primary-color-300, #a1d4ea);
}
.next-ngc-menu-item--disabled .next-ngc-menu-item-leading-wrapper .nxt--ghost .nxt--label-wrapper .svg-icon svg path {
  fill: var(--text-disabled, #bcbcbc);
}
.next-ngc-menu-item--disabled .next-ngc-menu-item-leading-wrapper .svg-icon:not(.nxt--label-wrapper .svg-icon):not(.next-ngc-check-box-single .svg-icon) svg path {
  fill: var(--text-disabled, #bcbcbc);
}
.next-ngc-menu-item--disabled .next-ngc-menu-item-trailing-wrapper .nxt--ghost .nxt--label-wrapper .svg-icon svg path {
  fill: var(--text-disabled, #bcbcbc);
}
.next-ngc-menu-item--disabled .next-ngc-menu-item-trailing-wrapper .svg-icon:not(.nxt--label-wrapper .svg-icon) svg path {
  fill: var(--text-disabled, #bcbcbc);
}
.next-ngc-menu-item--disabled .next-ngc-menu-item-trailing-wrapper p {
  color: var(--text-disabled, #bcbcbc);
}
.next-ngc-menu-item--disabled:hover {
  background: var(--background-decorative-white, #fff);
}
.next-ngc-menu-item--disabled:focus-visible {
  outline: 0;
}
.next-ngc-content-switcher {
  display: inline-flex;
  height: 2.25rem;
  padding: 0.25rem;
  align-items: center;
  gap: 0.75rem;
  border-radius: 0.25rem;
  border: 1px solid var(--graphic-elements-decorative, #d7d7d7);
  background: var(--background-decorative-hover, #f2f2f2);
}
.next-ngc-content-switcher--equal .next-ngc-content-option-btn {
  text-align: center;
}
.next-ngc-content-switcher--divider .next-ngc-content-option-btn:not(:first-child)::before {
  content: "";
  position: absolute;
  left: -0.4375rem;
  top: 50%;
  bottom: 0;
  background-color: #d7d7d7;
  transform: translateY(-50%);
  width: 0.0625rem;
  height: 1.5rem;
  align-items: center;
}
.next-ngc-content-switcher-label {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  flex: 1 0 0;
  overflow: hidden;
  color: var(--text-tertiary, #6e6e6e);
  text-align: center;
  font-size: 0.8125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 143.75%;
  padding-right: 0.5rem;
}
.next-ngc-content-option-btn {
  position: relative;
  cursor: pointer;
  display: flex;
  height: 1.75rem;
  padding: 0 0.5rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 0.25rem;
  border: none;
  background: transparent;
  transition: background 0.3s ease-in-out;
  box-sizing: border-box;
  appearance: none;
  width: calc(var(--tab-width, auto) + 16px);
}
.next-ngc-content-option-btn-span {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.25rem;
}
.next-ngc-content-option-btn-span svg {
  display: flex;
  width: 1rem;
  height: 1rem;
  padding: 0.125rem;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1/1;
}
.next-ngc-content-option-btn:hover {
  background: var(--background-interactive-hover, #e0e0e0);
}
.next-ngc-content-option-btn:focus-visible {
  outline: 2px solid var(--focus-border, #006081);
}
.next-ngc-content-option-btn:active {
  background: var(--background-interactive-active, #d7d7d7);
}
.next-ngc-content-option-btn--selected {
  border-radius: 0.125rem;
  background: var(--background-decorative-white, #fff);
}
.next-ngc-content-option-btn--selected .next-ngc-content-option-btn-span .next-ngc-content-switcher-label {
  color: var(--primary-color-500, #0091bb);
}
.next-ngc-content-option-btn--selected .next-ngc-content-option-btn-span svg path {
  fill: var(--primary-color-500, #0091bb);
}
.next-ngc-content-option-btn--selected:hover {
  background: var(--background-decorative-white, #fff);
}
.next-ngc-content-option-btn--selected:active {
  background: var(--background-decorative-white, #fff);
}
.next-ngc-content-option-btn--disabled {
  pointer-events: none;
}
.next-ngc-content-option-btn--disabled .next-ngc-content-option-btn-span .next-ngc-content-switcher-label {
  color: var(--text-disabled, #bcbcbc);
}
.next-ngc-content-option-btn--disabled .next-ngc-content-option-btn-span svg path {
  fill: var(--text-disabled, #bcbcbc);
}
.next-ngc-content-option-btn--disabled.next-ngc-content-option-btn--selected .next-ngc-content-option-btn-span .next-ngc-content-switcher-label {
  color: var(--primary-color-300, #a1d4ea);
}
.next-ngc-content-option-btn--disabled.next-ngc-content-option-btn--selected .next-ngc-content-option-btn-span svg path {
  fill: var(--primary-color-300, #a1d4ea);
}
.next-ngc-menu-item-collapsed {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 0.5rem 0.75rem;
  gap: 0.5rem;
  transition: background 0.2s;
  width: 100%;
  height: 4.188rem;
}
.next-ngc-menu-item-collapsed:hover {
  background: var(--background-decorative-hover, #f2f2f2);
}
.next-ngc-menu-item-collapsed:focus-visible {
  outline: 2px solid var(--focus-border, #006081);
}
.next-ngc-menu-item-collapsed__icon {
  width: 1.5rem;
  height: 1.5rem;
  fill: var(--menu-item-collapsed-icon-color, #191919);
}
.next-ngc-menu-item-collapsed__label {
  width: 100%;
  color: var(--text-primary, #191919);
  white-space: nowrap;
  overflow: hidden;
  text-align: center;
  font-size: 0.813rem;
  font-weight: 400;
  line-height: 143.75%;
  text-overflow: ellipsis;
}
.next-ngc-menu-item-collapsed--active {
  background: var(--primary-color-100, #e9f3f8);
}
.next-ngc-menu-item-collapsed--active:hover {
  background: var(--primary-color-200, #deeef2);
}
.next-ngc-menu-item-collapsed--active .next-ngc-menu-item-collapsed__icon {
  fill: var(--menu-item-collapsed-icon-color-active, #191919);
}
.next-ngc-menu-item-collapsed--active .next-ngc-menu-item-collapsed__label {
  color: var(--text-primary, #191919);
}
.next-ngc-menu-item-collapsed--disabled {
  cursor: not-allowed;
}
.next-ngc-menu-item-collapsed--disabled:hover {
  background: transparent;
}
.next-ngc-menu-item-collapsed--disabled .next-ngc-menu-item-collapsed__icon {
  fill: var(--menu-item-collapsed-icon-color-disabled, #bcbcbc);
}
.next-ngc-menu-item-collapsed--disabled .next-ngc-menu-item-collapsed__label {
  color: var(--text-disabled, #bcbcbc);
}
.next-ngc-menu-item-collapsed--disabled.next-ngc-menu-item-collapsed--active {
  background: var(--primary-color-100, #e9f3f8);
}
.next-ngc-menu-item-collapsed--disabled.next-ngc-menu-item-collapsed--active:hover {
  background: var(--primary-color-100, #e9f3f8);
}
.next-ngc-accordion {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.next-ngc-accordion-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  border-radius: 0.25rem;
  width: var(--next-ngc-accordion-item-width, 100%);
}
.next-ngc-accordion-item:hover .next-ngc-accordion-header {
  background: var(--background-interactive, #eaeaea);
}
.next-ngc-accordion-item:hover .next-ngc-accordion-header-chevron {
  fill: var(--text-secondary, #404040);
}
.next-ngc-accordion-item--dropzone {
  box-shadow: 0 6px 24px 0 rgba(0, 0, 0, 0.25);
}
.next-ngc-accordion-header {
  cursor: pointer;
  display: flex;
  max-height: 4rem;
  padding: 1.5rem 1rem;
  align-items: center;
  gap: 1rem;
  align-self: stretch;
  border-radius: 0.25rem;
  background: var(--background-decorative-white, #fff);
  border: none;
  box-sizing: border-box;
  box-shadow:
    inset 0 1px 0 0 var(--graphic-elements-decorative, #d7d7d7),
    inset -1px 0 0 0 var(--graphic-elements-decorative, #d7d7d7),
    inset 0 -1px 0 0 var(--graphic-elements-decorative, #d7d7d7),
    inset 1px 0 0 0 var(--graphic-elements-decorative, #d7d7d7);
  transition: box-shadow 300ms ease, background 300ms ease;
}
.next-ngc-accordion-header:focus-visible {
  box-shadow:
    inset 0 2px 0 0 var(--primary-00),
    inset -2px 0 0 0 var(--primary-00),
    inset 0 -2px 0 0 var(--primary-00),
    inset 2px 0 0 0 var(--primary-00);
}
.open .next-ngc-accordion-header {
  z-index: 1;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background: var(--background-decorative-grey, #fafafa);
  box-shadow:
    inset 0 2px 0 0 var(--graphic-elements-decorative, #d7d7d7),
    inset -2px 0 0 0 var(--graphic-elements-decorative, #d7d7d7),
    inset 0 -1px 0 0 var(--graphic-elements-decorative, #d7d7d7),
    inset 2px 0 0 0 var(--graphic-elements-decorative, #d7d7d7);
}
.open .next-ngc-accordion-header:focus-visible {
  box-shadow:
    inset 0 2px 0 0 var(--primary-00),
    inset -2px 0 0 0 var(--primary-00),
    inset 0 -2px 0 0 var(--primary-00),
    inset 2px 0 0 0 var(--primary-00);
}
.open .next-ngc-accordion-header-chevron {
  animation: next-ngc-chevron-counterclockwise 300ms cubic-bezier(0.22, 1, 0.36, 1) forwards;
}
@keyframes next-ngc-chevron-counterclockwise {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(-180deg);
  }
}
.next-ngc-accordion-header-chevron {
  display: flex;
  width: 1.5rem;
  height: 1.5rem;
  padding: 0.25rem;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1/1;
  fill: var(--icon-interactive, #6e6e6e);
  transform: rotate(0deg);
  transition: transform 300ms ease;
}
.next-ngc-accordion-header-leading-icon {
  display: flex;
  width: 1.5rem;
  padding: 0.125rem;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}
.next-ngc-accordion-header-badge-icon-title {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  width: calc(100% - 3rem);
}
.next-ngc-accordion-header-text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  overflow: hidden;
  color: var(--text-primary, #191919);
  text-overflow: ellipsis;
  font-size: 1.1875rem;
  font-style: normal;
  font-weight: 500;
  white-space: nowrap;
}
.next-ngc-accordion-body {
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
  transition: box-shadow 300ms ease, background 300ms ease;
}
.next-ngc-accordion-scroll {
  overflow-y: auto;
  margin-right: 2px;
  margin-bottom: 2px;
  max-height: var(--next-ngc-accordion-item-height);
  display: flex;
  padding: 1.5rem 1rem;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  color: var(--text-primary, #191919);
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 143.75%;
}
.open .next-ngc-accordion-body {
  background: var(--background-decorative-grey, #fafafa);
  box-shadow:
    inset -2px 0 0 0 var(--graphic-elements-decorative, #d7d7d7),
    inset 0 -2px 0 0 var(--graphic-elements-decorative, #d7d7d7),
    inset 2px 0 0 0 var(--graphic-elements-decorative, #d7d7d7);
  animation: slide-down 300ms cubic-bezier(0.22, 1, 0.36, 1) both;
}
@keyframes slide-down {
  0% {
    transform: translateY(-8px);
    opacity: 0;
  }
  50% {
    transform: translateY(-5px);
    opacity: 0.6;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
.next-ngc-accordion-item--disabled {
  cursor: not-allowed;
}
.next-ngc-accordion-item--disabled:hover .next-ngc-accordion-header-chevron {
  fill: var(--icon-interactive-disabled, #bcbcbc);
}
.next-ngc-accordion-item--disabled:hover .next-ngc-accordion-header {
  background: var(--background-decorative-white, #fff);
}
.next-ngc-accordion-item--disabled .next-ngc-accordion-header {
  pointer-events: none;
  background: var(--background-decorative-white, #fff);
  box-shadow:
    inset 0 1px 0 0 var(--graphic-elements-interactive-disabled, #e5e5e5),
    inset -1px 0 0 0 var(--graphic-elements-interactive-disabled, #e5e5e5),
    inset 0 -1px 0 0 var(--graphic-elements-interactive-disabled, #e5e5e5),
    inset 1px 0 0 0 var(--graphic-elements-interactive-disabled, #e5e5e5);
}
.next-ngc-accordion-item--disabled.open .next-ngc-accordion-header {
  pointer-events: none;
  background: var(--background-decorative-grey, #fafafa);
  box-shadow:
    inset 0 2px 0 0 var(--graphic-elements-interactive-disabled, #e5e5e5),
    inset -2px 0 0 0 var(--graphic-elements-interactive-disabled, #e5e5e5),
    inset 0 -1px 0 0 var(--graphic-elements-interactive-disabled, #e5e5e5),
    inset 2px 0 0 0 var(--graphic-elements-interactive-disabled, #e5e5e5);
}
.next-ngc-accordion-item--disabled .next-ngc-accordion-header-chevron {
  fill: var(--icon-interactive-disabled, #bcbcbc);
}
.next-ngc-accordion-item--disabled .next-ngc-accordion-header-leading-icon {
  fill: var(--icon-interactive-disabled, #bcbcbc);
}
.next-ngc-accordion-item--disabled .next-ngc-accordion-header-text {
  color: var(--icon-interactive-disabled, #bcbcbc);
}
.next-ngc-accordion-item--disabled .dynamic-template {
  color: var(--icon-interactive-disabled, #bcbcbc);
}
.next-ngc-accordion-item--disabled .next-ngc-accordion-body {
  pointer-events: none;
  background: var(--background-decorative-grey, #fafafa);
  box-shadow:
    inset -2px 0 0 0 var(--graphic-elements-interactive-disabled, #e5e5e5),
    inset 0 -2px 0 0 var(--graphic-elements-interactive-disabled, #e5e5e5),
    inset 2px 0 0 0 var(--graphic-elements-interactive-disabled, #e5e5e5);
}
.next-ngc-accordion-item--disabled .next-ngc-accordion-scroll {
  color: var(--icon-interactive-disabled, #bcbcbc);
}
.next-ngc-error-handling {
  position: relative;
  display: flex;
  justify-content: center;
}
.next-ngc-error-handling-container {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
  width: var(--next-error-handling-width, 54rem);
}
@media only screen and (max-width: 768px) {
  .next-ngc-error-handling-container {
    width: 100%;
  }
}
.next-ngc-error-handling-header-illustration {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.next-ngc-error-handling-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
}
.next-ngc-error-handling-header-appLogo {
  width: 6.3125rem;
  height: 4.375rem;
}
.next-ngc-error-handling-header-dsoLogo {
  width: 10.4375rem;
  height: 4.375rem;
}
.next-ngc-error-handling-text {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.next-ngc-error-handling-heading-text {
  display: flex;
  flex-direction: column;
}
.next-ngc-error-handling-title {
  color: var(--universal-high-contrast-color-01, #191919);
  font-size: 3rem;
  font-style: normal;
  font-weight: 700;
  line-height: 143.75%;
}
.next-ngc-error-handling-subtitle {
  color: var(--universal-high-contrast-color-01, #191919);
  font-size: 1.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 143.75%;
}
.next-ngc-error-handling-errorcode {
  margin-top: 0.25rem;
  color: var(--text-tertiary, #6e6e6e);
  font-size: 1.1875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 143.75%;
}
.next-ngc-error-handling-description {
  color: var(--universal-high-contrast-color-01, #191919);
}
.next-ngc-error-handling-action {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  gap: 0.5rem;
}
@media only screen and (max-width: 480px) {
  .next-ngc-error-handling-action {
    justify-content: center;
    flex-direction: column;
  }
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */