/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
:root {
  --cds-global-base: 20;
}

html {
  font-family: sans-serif;
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

progress {
  vertical-align: baseline;
}

template,
[hidden] {
  display: none;
}

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}

a:active,
a:hover {
  outline-width: 0;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

b,
strong {
  font-weight: inherit;
}

b,
strong {
  font-weight: bolder;
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

mark {
  background-color: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

svg:not(:root) {
  overflow: hidden;
}

code,
kbd,
pre,
samp {
  font-family: monospace;
  font-size: 1em;
}

figure {
  margin: 1em 40px;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

button,
input,
optgroup,
select,
textarea {
  font: inherit;
  margin: 0;
}

textarea {
  line-height: 1.15;
}

optgroup {
  font-weight: bold;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

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

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

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

textarea {
  overflow: auto;
}

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

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/* stylelint-disable-next-line meowtec/no-px */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/* stylelint-disable */
/* stylelint-enable */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
:root {
  --clr-color-neutral-0: hsl(198, 0%, 100%);
  --clr-color-neutral-50: hsl(198, 0%, 98%);
  --clr-color-neutral-100: hsl(198, 0%, 95%);
  --clr-color-neutral-200: hsl(198, 0%, 91%);
  --clr-color-neutral-300: hsl(198, 0%, 87%);
  --clr-color-neutral-400: hsl(198, 0%, 80%);
  --clr-color-neutral-500: hsl(198, 0%, 70%);
  --clr-color-neutral-600: hsl(198, 0%, 55%);
  --clr-color-neutral-700: hsl(198, 0%, 40%);
  --clr-color-neutral-800: hsl(198, 0%, 27%);
  --clr-color-neutral-900: hsl(198, 0%, 20%);
  --clr-color-neutral-1000: hsl(198, 0%, 0%);
  --clr-color-on-neutral-0: hsl(198, 0%, 0%);
  --clr-color-on-neutral-50: hsl(198, 0%, 0%);
  --clr-color-on-neutral-100: hsl(198, 0%, 0%);
  --clr-color-on-neutral-200: hsl(198, 0%, 0%);
  --clr-color-on-neutral-300: hsl(198, 0%, 0%);
  --clr-color-on-neutral-400: hsl(198, 0%, 0%);
  --clr-color-on-neutral-500: hsl(198, 0%, 0%);
  --clr-color-on-neutral-600: hsl(198, 0%, 100%);
  --clr-color-on-neutral-700: hsl(198, 0%, 100%);
  --clr-color-on-neutral-800: hsl(198, 0%, 100%);
  --clr-color-on-neutral-900: hsl(198, 0%, 100%);
  --clr-color-on-neutral-1000: hsl(198, 0%, 100%);
  --clr-color-action-50: hsl(198, 83%, 94%);
  --clr-color-action-100: hsl(198, 81%, 88%);
  --clr-color-action-200: hsl(198, 78%, 78%);
  --clr-color-action-300: hsl(198, 69%, 69%);
  --clr-color-action-400: hsl(198, 66%, 57%);
  --clr-color-action-500: hsl(198, 80%, 46%);
  --clr-color-action-600: hsl(198, 100%, 32%);
  --clr-color-action-700: hsl(198, 100%, 28%);
  --clr-color-action-800: hsl(198, 100%, 24%);
  --clr-color-action-900: hsl(198, 100%, 21%);
  --clr-color-action-1000: hsl(198, 100%, 15%);
  --clr-color-on-action-50: hsl(198, 0%, 0%);
  --clr-color-on-action-100: hsl(198, 0%, 0%);
  --clr-color-on-action-200: hsl(198, 0%, 0%);
  --clr-color-on-action-300: hsl(198, 0%, 0%);
  --clr-color-on-action-400: hsl(198, 0%, 0%);
  --clr-color-on-action-500: hsl(198, 0%, 0%);
  --clr-color-on-action-600: hsl(198, 0%, 100%);
  --clr-color-on-action-700: hsl(198, 0%, 100%);
  --clr-color-on-action-800: hsl(198, 0%, 100%);
  --clr-color-on-action-900: hsl(198, 0%, 100%);
  --clr-color-on-action-1000: hsl(198, 0%, 100%);
  --clr-color-secondary-action-50: hsl(282, 100%, 95%);
  --clr-color-secondary-action-100: hsl(282, 59%, 87%);
  --clr-color-secondary-action-200: hsl(282, 51%, 78%);
  --clr-color-secondary-action-300: hsl(282, 45%, 70%);
  --clr-color-secondary-action-400: hsl(282, 44%, 62%);
  --clr-color-secondary-action-500: hsl(282, 43%, 54%);
  --clr-color-secondary-action-600: hsl(282, 50%, 45%);
  --clr-color-secondary-action-700: hsl(282, 69%, 37%);
  --clr-color-secondary-action-800: hsl(282, 100%, 29%);
  --clr-color-secondary-action-900: hsl(282, 100%, 22%);
  --clr-color-secondary-action-1000: hsl(282, 100%, 14%);
  --clr-color-on-secondary-action-50: hsl(198, 0%, 0%);
  --clr-color-on-secondary-action-100: hsl(198, 0%, 0%);
  --clr-color-on-secondary-action-200: hsl(198, 0%, 0%);
  --clr-color-on-secondary-action-300: hsl(198, 0%, 0%);
  --clr-color-on-secondary-action-400: hsl(198, 0%, 0%);
  --clr-color-on-secondary-action-500: hsl(198, 0%, 100%);
  --clr-color-on-secondary-action-600: hsl(198, 0%, 100%);
  --clr-color-on-secondary-action-700: hsl(198, 0%, 100%);
  --clr-color-on-secondary-action-800: hsl(198, 0%, 100%);
  --clr-color-on-secondary-action-900: hsl(198, 0%, 100%);
  --clr-color-on-secondary-action-1000: hsl(198, 0%, 100%);
  --clr-color-danger-50: hsl(9, 100%, 97%);
  --clr-color-danger-100: hsl(9, 95%, 92%);
  --clr-color-danger-200: hsl(9, 91%, 86%);
  --clr-color-danger-300: hsl(9, 83%, 76%);
  --clr-color-danger-400: hsl(9, 85%, 67%);
  --clr-color-danger-500: hsl(9, 88%, 61%);
  --clr-color-danger-600: hsl(9, 92%, 50%);
  --clr-color-danger-700: hsl(9, 100%, 43%);
  --clr-color-danger-800: hsl(9, 100%, 38%);
  --clr-color-danger-900: hsl(9, 100%, 30%);
  --clr-color-danger-1000: hsl(9, 100%, 20%);
  --clr-color-on-danger-50: hsl(198, 0%, 0%);
  --clr-color-on-danger-100: hsl(198, 0%, 0%);
  --clr-color-on-danger-200: hsl(198, 0%, 0%);
  --clr-color-on-danger-300: hsl(198, 0%, 0%);
  --clr-color-on-danger-400: hsl(198, 0%, 0%);
  --clr-color-on-danger-500: hsl(198, 0%, 0%);
  --clr-color-on-danger-600: hsl(198, 0%, 0%);
  --clr-color-on-danger-700: hsl(198, 0%, 100%);
  --clr-color-on-danger-800: hsl(198, 0%, 100%);
  --clr-color-on-danger-900: hsl(198, 0%, 100%);
  --clr-color-on-danger-1000: hsl(198, 0%, 100%);
  --clr-color-warning-50: hsl(48, 100%, 95%);
  --clr-color-warning-100: hsl(48, 100%, 89%);
  --clr-color-warning-200: hsl(48, 100%, 83%);
  --clr-color-warning-300: hsl(48, 98%, 72%);
  --clr-color-warning-400: hsl(48, 94%, 57%);
  --clr-color-warning-500: hsl(48, 95%, 48%);
  --clr-color-warning-600: hsl(46, 100%, 45%);
  --clr-color-warning-700: hsl(43, 100%, 42%);
  --clr-color-warning-800: hsl(41, 100%, 34%);
  --clr-color-warning-900: hsl(38, 100%, 28%);
  --clr-color-warning-1000: hsl(31, 100%, 19%);
  --clr-color-on-warning-50: hsl(198, 0%, 0%);
  --clr-color-on-warning-100: hsl(198, 0%, 0%);
  --clr-color-on-warning-200: hsl(198, 0%, 0%);
  --clr-color-on-warning-300: hsl(198, 0%, 0%);
  --clr-color-on-warning-400: hsl(198, 0%, 0%);
  --clr-color-on-warning-500: hsl(198, 0%, 0%);
  --clr-color-on-warning-600: hsl(198, 0%, 0%);
  --clr-color-on-warning-700: hsl(198, 0%, 0%);
  --clr-color-on-warning-800: hsl(198, 0%, 0%);
  --clr-color-on-warning-900: hsl(198, 0%, 0%);
  --clr-color-on-warning-1000: hsl(198, 0%, 100%);
  --clr-color-success-50: hsl(93, 52%, 88%);
  --clr-color-success-100: hsl(93, 58%, 75%);
  --clr-color-success-200: hsl(93, 76%, 49%);
  --clr-color-success-300: hsl(93, 77%, 44%);
  --clr-color-success-400: hsl(93, 79%, 40%);
  --clr-color-success-500: hsl(93, 67%, 38%);
  --clr-color-success-600: hsl(93, 85%, 32%);
  --clr-color-success-700: hsl(93, 100%, 26%);
  --clr-color-success-800: hsl(93, 100%, 21%);
  --clr-color-success-900: hsl(93, 100%, 16%);
  --clr-color-success-1000: hsl(93, 100%, 13%);
  --clr-color-on-success-50: hsl(198, 0%, 0%);
  --clr-color-on-success-100: hsl(198, 0%, 0%);
  --clr-color-on-success-200: hsl(198, 0%, 0%);
  --clr-color-on-success-300: hsl(198, 0%, 0%);
  --clr-color-on-success-400: hsl(198, 0%, 0%);
  --clr-color-on-success-500: hsl(198, 0%, 0%);
  --clr-color-on-success-600: hsl(198, 0%, 0%);
  --clr-color-on-success-700: hsl(198, 0%, 100%);
  --clr-color-on-success-800: hsl(198, 0%, 100%);
  --clr-color-on-success-900: hsl(198, 0%, 100%);
  --clr-color-on-success-1000: hsl(198, 0%, 100%);
}

/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
:root {
  --clr-basefont-size: 125%;
  --clr-global-borderradius: 0.15rem;
  --clr-global-borderwidth: 0.05rem;
  --clr-global-app-background: hsl(198, 0%, 98%);
  --clr-global-selection-color: hsl(201, 29%, 88%);
  --clr-global-on-selection-color: hsl(198, 0%, 0%);
  --clr-global-hover-color: hsl(198, 0%, 91%);
  --clr-global-content-header-font-color: hsl(198, 0%, 0%);
  --clr-global-font-color: hsl(198, 0%, 40%);
  --clr-global-success-color: hsl(93, 67%, 38%);
  --clr-global-error-color: hsl(9, 100%, 38%);
  --clr-close-color--normal: hsl(198, 0%, 55%);
  --clr-close-color--normal-opacity: 0.2;
  --clr-close-color--hover: hsl(198, 0%, 0%);
  --clr-close-color--hover-opacity: 0.5;
  --clr-popover-box-shadow-color: rgba(140, 140, 140, 0.25);
}

/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
:root {
  --clr-font: Metropolis, Avenir Next, Helvetica Neue, Arial, sans-serif;
  --clr-display-font: var(--clr-font);
  --clr-font-weight-light: 200;
  --clr-font-weight-regular: 400;
  --clr-font-weight-semibold: 500;
  --clr-font-weight-bold: 600;
  --clr-font-weight-extrabold: 600;
  --clr-h1-color: var(--clr-global-content-header-font-color);
  --clr-h1-font-size: 1.6rem;
  --clr-h1-font-weight: var(--clr-font-weight-light);
  --clr-h1-font-family: var(--clr-display-font);
  --clr-h1-line-height: 2.4rem;
  --clr-h1-letter-spacing: normal;
  --clr-h2-color: var(--clr-global-content-header-font-color);
  --clr-h2-font-size: 1.4rem;
  --clr-h2-font-weight: var(--clr-font-weight-light);
  --clr-h2-font-family: var(--clr-display-font);
  --clr-h2-line-height: 2.4rem;
  --clr-h2-letter-spacing: normal;
  --clr-h3-color: var(--clr-global-content-header-font-color);
  --clr-h3-font-size: 1.1rem;
  --clr-h3-font-weight: var(--clr-font-weight-light);
  --clr-h3-font-family: var(--clr-display-font);
  --clr-h3-line-height: 1.2rem;
  --clr-h3-letter-spacing: normal;
  --clr-h4-color: var(--clr-global-content-header-font-color);
  --clr-h4-font-size: 0.9rem;
  --clr-h4-font-weight: var(--clr-font-weight-light);
  --clr-h4-font-family: var(--clr-display-font);
  --clr-h4-line-height: 1.2rem;
  --clr-h4-letter-spacing: normal;
  --clr-h5-color: var(--clr-global-font-color);
  --clr-h5-font-size: 0.8rem;
  --clr-h5-font-weight: var(--clr-font-weight-regular);
  --clr-h5-font-family: var(--clr-display-font);
  --clr-h5-line-height: 1.2rem;
  --clr-h5-letter-spacing: 0.01em;
  --clr-h6-color: var(--clr-color-neutral-900);
  --clr-h6-font-size: 0.7rem;
  --clr-h6-font-weight: var(--clr-font-weight-semibold);
  --clr-h6-font-family: var(--clr-display-font);
  --clr-h6-line-height: 1.2rem;
  --clr-h6-letter-spacing: normal;
  --clr-p0-color: var(--clr-global-font-color);
  --clr-p0-font-weight: var(--clr-font-weight-light);
  --clr-p0-font-size: 1rem;
  --clr-p0-line-height: 1.2rem;
  --clr-p0-letter-spacing: normal;
  --clr-p1-color: var(--clr-global-font-color);
  --clr-p1-font-weight: var(--clr-font-weight-regular);
  --clr-p1-font-size: 0.7rem;
  --clr-p1-line-height: 1.2rem;
  --clr-p1-letter-spacing: normal;
  --clr-p2-color: var(--clr-global-font-color);
  --clr-p2-font-weight: var(--clr-font-weight-semibold);
  --clr-p2-font-size: 0.65rem;
  --clr-p2-line-height: 1.2rem;
  --clr-p2-letter-spacing: normal;
  --clr-p3-color: var(--clr-global-font-color);
  --clr-p3-font-weight: var(--clr-font-weight-regular);
  --clr-p3-font-size: 0.65rem;
  --clr-p3-line-height: 1.2rem;
  --clr-p3-letter-spacing: normal;
  --clr-p4-color: var(--clr-global-font-color);
  --clr-p4-font-weight: var(--clr-font-weight-bold);
  --clr-p4-font-size: 0.6rem;
  --clr-p4-line-height: 1.2rem;
  --clr-p4-letter-spacing: normal;
  --clr-p5-color: var(--clr-global-font-color);
  --clr-p5-font-weight: var(--clr-font-weight-regular);
  --clr-p5-font-size: 0.6rem;
  --clr-p5-line-height: 1.2rem;
  --clr-p5-letter-spacing: normal;
  --clr-p6-color: var(--clr-global-font-color);
  --clr-p6-font-weight: var(--clr-font-weight-bold);
  --clr-p6-font-size: 0.55rem;
  --clr-p6-line-height: 0.6rem;
  --clr-p6-letter-spacing: 0.03em;
  --clr-p7-color: var(--clr-global-font-color);
  --clr-p7-font-weight: var(--clr-font-weight-regular);
  --clr-p7-font-size: 0.55rem;
  --clr-p7-line-height: 0.6rem;
  --clr-p7-letter-spacing: 0.03em;
  --clr-p8-color: var(--clr-global-font-color);
  --clr-p8-font-weight: var(--clr-font-weight-regular);
  --clr-p8-font-size: 0.5rem;
  --clr-p8-line-height: 0.6rem;
  --clr-p8-letter-spacing: 0.03em;
  --clr-list-item-color: inherit;
  --clr-list-item-margin-left: 1.1em;
  --clr-list-item-line-height: inherit;
  --clr-list-item-compact-margin-bottom: 0.3rem;
}

/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
.clr-align-baseline {
  vertical-align: baseline !important;
}

.clr-align-top {
  vertical-align: top !important;
}

.clr-align-middle {
  vertical-align: middle !important;
}

.clr-align-bottom {
  vertical-align: bottom !important;
}

.clr-align-text-bottom {
  vertical-align: text-bottom !important;
}

.clr-align-text-top {
  vertical-align: text-top !important;
}

/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
.clr-clearfix::after {
  content: "";
  display: table;
  clear: both;
}

/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
.clr-display-block {
  display: block !important;
}

.clr-display-inline-block {
  display: inline-block !important;
}

.clr-display-inline {
  display: inline !important;
}

/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
.clr-flex-row {
  flex-direction: row !important;
}

.clr-flex-column {
  flex-direction: column !important;
}

.clr-flex-row-reverse {
  flex-direction: row-reverse !important;
}

.clr-flex-column-reverse {
  flex-direction: column-reverse !important;
}

.clr-flex-wrap {
  flex-wrap: wrap !important;
}

.clr-flex-nowrap {
  flex-wrap: nowrap !important;
}

.clr-flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.clr-flex-fill {
  flex: 1 1 auto !important;
}

.clr-flex-grow-0 {
  flex-grow: 0 !important;
}

.clr-flex-grow-1 {
  flex-grow: 1 !important;
}

.clr-flex-shrink-0 {
  flex-shrink: 0 !important;
}

.clr-flex-shrink-1 {
  flex-shrink: 1 !important;
}

.clr-justify-content-start {
  justify-content: flex-start !important;
}

.clr-justify-content-end {
  justify-content: flex-end !important;
}

.clr-justify-content-center {
  justify-content: center !important;
}

.clr-justify-content-between {
  justify-content: space-between !important;
}

.clr-justify-content-around {
  justify-content: space-around !important;
}

.clr-align-items-start {
  align-items: flex-start !important;
}

.clr-align-items-end {
  align-items: flex-end !important;
}

.clr-align-items-center {
  align-items: center !important;
}

.clr-align-items-baseline {
  align-items: baseline !important;
}

.clr-align-items-stretch {
  align-items: stretch !important;
}

.clr-align-content-start {
  align-content: flex-start !important;
}

.clr-align-content-end {
  align-content: flex-end !important;
}

.clr-align-content-center {
  align-content: center !important;
}

.clr-align-content-between {
  align-content: space-between !important;
}

.clr-align-content-around {
  align-content: space-around !important;
}

.clr-align-content-stretch {
  align-content: stretch !important;
}

.clr-align-self-auto {
  align-self: auto !important;
}

.clr-align-self-start {
  align-self: flex-start !important;
}

.clr-align-self-end {
  align-self: flex-end !important;
}

.clr-align-self-center {
  align-self: center !important;
}

.clr-align-self-baseline {
  align-self: baseline !important;
}

.clr-align-self-stretch {
  align-self: stretch !important;
}

@media (min-width: 576px) {
  .clr-flex-sm-row {
    flex-direction: row !important;
  }
  .clr-flex-sm-column {
    flex-direction: column !important;
  }
  .clr-flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .clr-flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .clr-flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .clr-flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .clr-flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .clr-flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .clr-flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .clr-flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .clr-flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .clr-flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .clr-justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .clr-justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .clr-justify-content-sm-center {
    justify-content: center !important;
  }
  .clr-justify-content-sm-between {
    justify-content: space-between !important;
  }
  .clr-justify-content-sm-around {
    justify-content: space-around !important;
  }
  .clr-align-items-sm-start {
    align-items: flex-start !important;
  }
  .clr-align-items-sm-end {
    align-items: flex-end !important;
  }
  .clr-align-items-sm-center {
    align-items: center !important;
  }
  .clr-align-items-sm-baseline {
    align-items: baseline !important;
  }
  .clr-align-items-sm-stretch {
    align-items: stretch !important;
  }
  .clr-align-content-sm-start {
    align-content: flex-start !important;
  }
  .clr-align-content-sm-end {
    align-content: flex-end !important;
  }
  .clr-align-content-sm-center {
    align-content: center !important;
  }
  .clr-align-content-sm-between {
    align-content: space-between !important;
  }
  .clr-align-content-sm-around {
    align-content: space-around !important;
  }
  .clr-align-content-sm-stretch {
    align-content: stretch !important;
  }
  .clr-align-self-sm-auto {
    align-self: auto !important;
  }
  .clr-align-self-sm-start {
    align-self: flex-start !important;
  }
  .clr-align-self-sm-end {
    align-self: flex-end !important;
  }
  .clr-align-self-sm-center {
    align-self: center !important;
  }
  .clr-align-self-sm-baseline {
    align-self: baseline !important;
  }
  .clr-align-self-sm-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 768px) {
  .clr-flex-md-row {
    flex-direction: row !important;
  }
  .clr-flex-md-column {
    flex-direction: column !important;
  }
  .clr-flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .clr-flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .clr-flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .clr-flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .clr-flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .clr-flex-md-fill {
    flex: 1 1 auto !important;
  }
  .clr-flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .clr-flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .clr-flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .clr-flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .clr-justify-content-md-start {
    justify-content: flex-start !important;
  }
  .clr-justify-content-md-end {
    justify-content: flex-end !important;
  }
  .clr-justify-content-md-center {
    justify-content: center !important;
  }
  .clr-justify-content-md-between {
    justify-content: space-between !important;
  }
  .clr-justify-content-md-around {
    justify-content: space-around !important;
  }
  .clr-align-items-md-start {
    align-items: flex-start !important;
  }
  .clr-align-items-md-end {
    align-items: flex-end !important;
  }
  .clr-align-items-md-center {
    align-items: center !important;
  }
  .clr-align-items-md-baseline {
    align-items: baseline !important;
  }
  .clr-align-items-md-stretch {
    align-items: stretch !important;
  }
  .clr-align-content-md-start {
    align-content: flex-start !important;
  }
  .clr-align-content-md-end {
    align-content: flex-end !important;
  }
  .clr-align-content-md-center {
    align-content: center !important;
  }
  .clr-align-content-md-between {
    align-content: space-between !important;
  }
  .clr-align-content-md-around {
    align-content: space-around !important;
  }
  .clr-align-content-md-stretch {
    align-content: stretch !important;
  }
  .clr-align-self-md-auto {
    align-self: auto !important;
  }
  .clr-align-self-md-start {
    align-self: flex-start !important;
  }
  .clr-align-self-md-end {
    align-self: flex-end !important;
  }
  .clr-align-self-md-center {
    align-self: center !important;
  }
  .clr-align-self-md-baseline {
    align-self: baseline !important;
  }
  .clr-align-self-md-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 992px) {
  .clr-flex-lg-row {
    flex-direction: row !important;
  }
  .clr-flex-lg-column {
    flex-direction: column !important;
  }
  .clr-flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .clr-flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .clr-flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .clr-flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .clr-flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .clr-flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .clr-flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .clr-flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .clr-flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .clr-flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .clr-justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .clr-justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .clr-justify-content-lg-center {
    justify-content: center !important;
  }
  .clr-justify-content-lg-between {
    justify-content: space-between !important;
  }
  .clr-justify-content-lg-around {
    justify-content: space-around !important;
  }
  .clr-align-items-lg-start {
    align-items: flex-start !important;
  }
  .clr-align-items-lg-end {
    align-items: flex-end !important;
  }
  .clr-align-items-lg-center {
    align-items: center !important;
  }
  .clr-align-items-lg-baseline {
    align-items: baseline !important;
  }
  .clr-align-items-lg-stretch {
    align-items: stretch !important;
  }
  .clr-align-content-lg-start {
    align-content: flex-start !important;
  }
  .clr-align-content-lg-end {
    align-content: flex-end !important;
  }
  .clr-align-content-lg-center {
    align-content: center !important;
  }
  .clr-align-content-lg-between {
    align-content: space-between !important;
  }
  .clr-align-content-lg-around {
    align-content: space-around !important;
  }
  .clr-align-content-lg-stretch {
    align-content: stretch !important;
  }
  .clr-align-self-lg-auto {
    align-self: auto !important;
  }
  .clr-align-self-lg-start {
    align-self: flex-start !important;
  }
  .clr-align-self-lg-end {
    align-self: flex-end !important;
  }
  .clr-align-self-lg-center {
    align-self: center !important;
  }
  .clr-align-self-lg-baseline {
    align-self: baseline !important;
  }
  .clr-align-self-lg-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 1200px) {
  .clr-flex-xl-row {
    flex-direction: row !important;
  }
  .clr-flex-xl-column {
    flex-direction: column !important;
  }
  .clr-flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .clr-flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .clr-flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .clr-flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .clr-flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .clr-flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .clr-flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .clr-flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .clr-flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .clr-flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .clr-justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .clr-justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .clr-justify-content-xl-center {
    justify-content: center !important;
  }
  .clr-justify-content-xl-between {
    justify-content: space-between !important;
  }
  .clr-justify-content-xl-around {
    justify-content: space-around !important;
  }
  .clr-align-items-xl-start {
    align-items: flex-start !important;
  }
  .clr-align-items-xl-end {
    align-items: flex-end !important;
  }
  .clr-align-items-xl-center {
    align-items: center !important;
  }
  .clr-align-items-xl-baseline {
    align-items: baseline !important;
  }
  .clr-align-items-xl-stretch {
    align-items: stretch !important;
  }
  .clr-align-content-xl-start {
    align-content: flex-start !important;
  }
  .clr-align-content-xl-end {
    align-content: flex-end !important;
  }
  .clr-align-content-xl-center {
    align-content: center !important;
  }
  .clr-align-content-xl-between {
    align-content: space-between !important;
  }
  .clr-align-content-xl-around {
    align-content: space-around !important;
  }
  .clr-align-content-xl-stretch {
    align-content: stretch !important;
  }
  .clr-align-self-xl-auto {
    align-self: auto !important;
  }
  .clr-align-self-xl-start {
    align-self: flex-start !important;
  }
  .clr-align-self-xl-end {
    align-self: flex-end !important;
  }
  .clr-align-self-xl-center {
    align-self: center !important;
  }
  .clr-align-self-xl-baseline {
    align-self: baseline !important;
  }
  .clr-align-self-xl-stretch {
    align-self: stretch !important;
  }
}
.clr-flex-xs-first {
  order: -1;
}

.clr-flex-xs-last {
  order: 1;
}

.clr-flex-xs-unordered {
  order: 0;
}

.clr-flex-items-xs-top {
  align-items: flex-start;
}

.clr-flex-items-xs-middle {
  align-items: center;
}

.clr-flex-items-xs-bottom {
  align-items: flex-end;
}

.clr-flex-xs-top {
  align-self: flex-start;
}

.clr-flex-xs-middle {
  align-self: center;
}

.clr-flex-xs-bottom {
  align-self: flex-end;
}

.clr-flex-items-xs-left {
  justify-content: flex-start;
}

.clr-flex-items-xs-center {
  justify-content: center;
}

.clr-flex-items-xs-right {
  justify-content: flex-end;
}

.clr-flex-items-xs-around {
  justify-content: space-around;
}

.clr-flex-items-xs-between {
  justify-content: space-between;
}

@media (min-width: 576px) {
  .clr-flex-sm-first {
    order: -1;
  }
  .clr-flex-sm-last {
    order: 1;
  }
  .clr-flex-sm-unordered {
    order: 0;
  }
}
@media (min-width: 576px) {
  .clr-flex-items-sm-top {
    align-items: flex-start;
  }
  .clr-flex-items-sm-middle {
    align-items: center;
  }
  .clr-flex-items-sm-bottom {
    align-items: flex-end;
  }
}
@media (min-width: 576px) {
  .clr-flex-sm-top {
    align-self: flex-start;
  }
  .clr-flex-sm-middle {
    align-self: center;
  }
  .clr-flex-sm-bottom {
    align-self: flex-end;
  }
}
@media (min-width: 576px) {
  .clr-flex-items-sm-left {
    justify-content: flex-start;
  }
  .clr-flex-items-sm-center {
    justify-content: center;
  }
  .clr-flex-items-sm-right {
    justify-content: flex-end;
  }
  .clr-flex-items-sm-around {
    justify-content: space-around;
  }
  .clr-flex-items-sm-between {
    justify-content: space-between;
  }
}
@media (min-width: 768px) {
  .clr-flex-md-first {
    order: -1;
  }
  .clr-flex-md-last {
    order: 1;
  }
  .clr-flex-md-unordered {
    order: 0;
  }
}
@media (min-width: 768px) {
  .clr-flex-items-md-top {
    align-items: flex-start;
  }
  .clr-flex-items-md-middle {
    align-items: center;
  }
  .clr-flex-items-md-bottom {
    align-items: flex-end;
  }
}
@media (min-width: 768px) {
  .clr-flex-md-top {
    align-self: flex-start;
  }
  .clr-flex-md-middle {
    align-self: center;
  }
  .clr-flex-md-bottom {
    align-self: flex-end;
  }
}
@media (min-width: 768px) {
  .clr-flex-items-md-left {
    justify-content: flex-start;
  }
  .clr-flex-items-md-center {
    justify-content: center;
  }
  .clr-flex-items-md-right {
    justify-content: flex-end;
  }
  .clr-flex-items-md-around {
    justify-content: space-around;
  }
  .clr-flex-items-md-between {
    justify-content: space-between;
  }
}
@media (min-width: 992px) {
  .clr-flex-lg-first {
    order: -1;
  }
  .clr-flex-lg-last {
    order: 1;
  }
  .clr-flex-lg-unordered {
    order: 0;
  }
}
@media (min-width: 992px) {
  .clr-flex-items-lg-top {
    align-items: flex-start;
  }
  .clr-flex-items-lg-middle {
    align-items: center;
  }
  .clr-flex-items-lg-bottom {
    align-items: flex-end;
  }
}
@media (min-width: 992px) {
  .clr-flex-lg-top {
    align-self: flex-start;
  }
  .clr-flex-lg-middle {
    align-self: center;
  }
  .clr-flex-lg-bottom {
    align-self: flex-end;
  }
}
@media (min-width: 992px) {
  .clr-flex-items-lg-left {
    justify-content: flex-start;
  }
  .clr-flex-items-lg-center {
    justify-content: center;
  }
  .clr-flex-items-lg-right {
    justify-content: flex-end;
  }
  .clr-flex-items-lg-around {
    justify-content: space-around;
  }
  .clr-flex-items-lg-between {
    justify-content: space-between;
  }
}
@media (min-width: 1200px) {
  .clr-flex-xl-first {
    order: -1;
  }
  .clr-flex-xl-last {
    order: 1;
  }
  .clr-flex-xl-unordered {
    order: 0;
  }
}
@media (min-width: 1200px) {
  .clr-flex-items-xl-top {
    align-items: flex-start;
  }
  .clr-flex-items-xl-middle {
    align-items: center;
  }
  .clr-flex-items-xl-bottom {
    align-items: flex-end;
  }
}
@media (min-width: 1200px) {
  .clr-flex-xl-top {
    align-self: flex-start;
  }
  .clr-flex-xl-middle {
    align-self: center;
  }
  .clr-flex-xl-bottom {
    align-self: flex-end;
  }
}
@media (min-width: 1200px) {
  .clr-flex-items-xl-left {
    justify-content: flex-start;
  }
  .clr-flex-items-xl-center {
    justify-content: center;
  }
  .clr-flex-items-xl-right {
    justify-content: flex-end;
  }
  .clr-flex-items-xl-around {
    justify-content: space-around;
  }
  .clr-flex-items-xl-between {
    justify-content: space-between;
  }
}
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
.clr-float-xs-left {
  float: left !important;
}

.clr-float-xs-right {
  float: right !important;
}

.clr-float-xs-none {
  float: none !important;
}

@media (min-width: 576px) {
  .clr-float-sm-left {
    float: left !important;
  }
  .clr-float-sm-right {
    float: right !important;
  }
  .clr-float-sm-none {
    float: none !important;
  }
}
@media (min-width: 768px) {
  .clr-float-md-left {
    float: left !important;
  }
  .clr-float-md-right {
    float: right !important;
  }
  .clr-float-md-none {
    float: none !important;
  }
}
@media (min-width: 992px) {
  .clr-float-lg-left {
    float: left !important;
  }
  .clr-float-lg-right {
    float: right !important;
  }
  .clr-float-lg-none {
    float: none !important;
  }
}
@media (min-width: 1200px) {
  .clr-float-xl-left {
    float: left !important;
  }
  .clr-float-xl-right {
    float: right !important;
  }
  .clr-float-xl-none {
    float: none !important;
  }
}
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
.clr-invisible {
  visibility: hidden !important;
}

.clr-hidden-xs-up {
  display: none !important;
}

@media (max-width: 575.98px) {
  .clr-hidden-xs-down {
    display: none !important;
  }
}
@media (min-width: 576px) {
  .clr-hidden-sm-up {
    display: none !important;
  }
}
@media (max-width: 767.98px) {
  .clr-hidden-sm-down {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .clr-hidden-md-up {
    display: none !important;
  }
}
@media (max-width: 991.98px) {
  .clr-hidden-md-down {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .clr-hidden-lg-up {
    display: none !important;
  }
}
@media (max-width: 1199.98px) {
  .clr-hidden-lg-down {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .clr-hidden-xl-up {
    display: none !important;
  }
}
.clr-hidden-xl-down {
  display: none !important;
}

.clr-visible-print-block {
  display: none !important;
}

@media print {
  .clr-visible-print-block {
    display: block !important;
  }
}
.clr-visible-print-inline {
  display: none !important;
}

@media print {
  .clr-visible-print-inline {
    display: inline !important;
  }
}
.clr-visible-print-inline-block {
  display: none !important;
}

@media print {
  .clr-visible-print-inline-block {
    display: inline-block !important;
  }
}
@media print {
  .clr-hidden-print {
    display: none !important;
  }
}
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
.clr-row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -0.6rem;
  margin-left: -0.6rem;
}

.clr-no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.clr-no-gutters > .clr-col,
.clr-no-gutters > [class*=clr-col-] {
  padding-right: 0;
  padding-left: 0;
}

.clr-col-xl,
.clr-col-xl-auto, .clr-col-xl-12, .clr-col-xl-11, .clr-col-xl-10, .clr-col-xl-9, .clr-col-xl-8, .clr-col-xl-7, .clr-col-xl-6, .clr-col-xl-5, .clr-col-xl-4, .clr-col-xl-3, .clr-col-xl-2, .clr-col-xl-1, .clr-col-lg,
.clr-col-lg-auto, .clr-col-lg-12, .clr-col-lg-11, .clr-col-lg-10, .clr-col-lg-9, .clr-col-lg-8, .clr-col-lg-7, .clr-col-lg-6, .clr-col-lg-5, .clr-col-lg-4, .clr-col-lg-3, .clr-col-lg-2, .clr-col-lg-1, .clr-col-md,
.clr-col-md-auto, .clr-col-md-12, .clr-col-md-11, .clr-col-md-10, .clr-col-md-9, .clr-col-md-8, .clr-col-md-7, .clr-col-md-6, .clr-col-md-5, .clr-col-md-4, .clr-col-md-3, .clr-col-md-2, .clr-col-md-1, .clr-col-sm,
.clr-col-sm-auto, .clr-col-sm-12, .clr-col-sm-11, .clr-col-sm-10, .clr-col-sm-9, .clr-col-sm-8, .clr-col-sm-7, .clr-col-sm-6, .clr-col-sm-5, .clr-col-sm-4, .clr-col-sm-3, .clr-col-sm-2, .clr-col-sm-1, .clr-col,
.clr-col-auto, .clr-col-12, .clr-col-11, .clr-col-10, .clr-col-9, .clr-col-8, .clr-col-7, .clr-col-6, .clr-col-5, .clr-col-4, .clr-col-3, .clr-col-2, .clr-col-1 {
  width: 100%;
  min-height: 0.05rem;
  padding-right: 0.6rem;
  padding-left: 0.6rem;
}

.clr-col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.clr-col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: none;
}

.clr-col-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}

.clr-col-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.clr-col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.clr-col-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.clr-col-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}

.clr-col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.clr-col-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}

.clr-col-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}

.clr-col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.clr-col-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}

.clr-col-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}

.clr-col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

.clr-order-first {
  order: -1;
}

.clr-order-last {
  order: 13;
}

.clr-order-0 {
  order: 0;
}

.clr-order-1 {
  order: 1;
}

.clr-order-2 {
  order: 2;
}

.clr-order-3 {
  order: 3;
}

.clr-order-4 {
  order: 4;
}

.clr-order-5 {
  order: 5;
}

.clr-order-6 {
  order: 6;
}

.clr-order-7 {
  order: 7;
}

.clr-order-8 {
  order: 8;
}

.clr-order-9 {
  order: 9;
}

.clr-order-10 {
  order: 10;
}

.clr-order-11 {
  order: 11;
}

.clr-order-12 {
  order: 12;
}

/* stylelint-disable */
.clr-offset-1 {
  margin-left: 8.3333333333%;
}

/* stylelint-enable */
/* stylelint-disable */
.clr-offset-2 {
  margin-left: 16.6666666667%;
}

/* stylelint-enable */
/* stylelint-disable */
.clr-offset-3 {
  margin-left: 25%;
}

/* stylelint-enable */
/* stylelint-disable */
.clr-offset-4 {
  margin-left: 33.3333333333%;
}

/* stylelint-enable */
/* stylelint-disable */
.clr-offset-5 {
  margin-left: 41.6666666667%;
}

/* stylelint-enable */
/* stylelint-disable */
.clr-offset-6 {
  margin-left: 50%;
}

/* stylelint-enable */
/* stylelint-disable */
.clr-offset-7 {
  margin-left: 58.3333333333%;
}

/* stylelint-enable */
/* stylelint-disable */
.clr-offset-8 {
  margin-left: 66.6666666667%;
}

/* stylelint-enable */
/* stylelint-disable */
.clr-offset-9 {
  margin-left: 75%;
}

/* stylelint-enable */
/* stylelint-disable */
.clr-offset-10 {
  margin-left: 83.3333333333%;
}

/* stylelint-enable */
/* stylelint-disable */
.clr-offset-11 {
  margin-left: 91.6666666667%;
}

/* stylelint-enable */
@media (min-width: 576px) {
  .clr-col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .clr-col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .clr-col-sm-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .clr-col-sm-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .clr-col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .clr-col-sm-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .clr-col-sm-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .clr-col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .clr-col-sm-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .clr-col-sm-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .clr-col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .clr-col-sm-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .clr-col-sm-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .clr-col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .clr-order-sm-first {
    order: -1;
  }
  .clr-order-sm-last {
    order: 13;
  }
  .clr-order-sm-0 {
    order: 0;
  }
  .clr-order-sm-1 {
    order: 1;
  }
  .clr-order-sm-2 {
    order: 2;
  }
  .clr-order-sm-3 {
    order: 3;
  }
  .clr-order-sm-4 {
    order: 4;
  }
  .clr-order-sm-5 {
    order: 5;
  }
  .clr-order-sm-6 {
    order: 6;
  }
  .clr-order-sm-7 {
    order: 7;
  }
  .clr-order-sm-8 {
    order: 8;
  }
  .clr-order-sm-9 {
    order: 9;
  }
  .clr-order-sm-10 {
    order: 10;
  }
  .clr-order-sm-11 {
    order: 11;
  }
  .clr-order-sm-12 {
    order: 12;
  }
  /* stylelint-disable */
  .clr-offset-sm-0 {
    margin-left: 0;
  }
  /* stylelint-enable */
  /* stylelint-disable */
  .clr-offset-sm-1 {
    margin-left: 8.3333333333%;
  }
  /* stylelint-enable */
  /* stylelint-disable */
  .clr-offset-sm-2 {
    margin-left: 16.6666666667%;
  }
  /* stylelint-enable */
  /* stylelint-disable */
  .clr-offset-sm-3 {
    margin-left: 25%;
  }
  /* stylelint-enable */
  /* stylelint-disable */
  .clr-offset-sm-4 {
    margin-left: 33.3333333333%;
  }
  /* stylelint-enable */
  /* stylelint-disable */
  .clr-offset-sm-5 {
    margin-left: 41.6666666667%;
  }
  /* stylelint-enable */
  /* stylelint-disable */
  .clr-offset-sm-6 {
    margin-left: 50%;
  }
  /* stylelint-enable */
  /* stylelint-disable */
  .clr-offset-sm-7 {
    margin-left: 58.3333333333%;
  }
  /* stylelint-enable */
  /* stylelint-disable */
  .clr-offset-sm-8 {
    margin-left: 66.6666666667%;
  }
  /* stylelint-enable */
  /* stylelint-disable */
  .clr-offset-sm-9 {
    margin-left: 75%;
  }
  /* stylelint-enable */
  /* stylelint-disable */
  .clr-offset-sm-10 {
    margin-left: 83.3333333333%;
  }
  /* stylelint-enable */
  /* stylelint-disable */
  .clr-offset-sm-11 {
    margin-left: 91.6666666667%;
  }
  /* stylelint-enable */
}
@media (min-width: 768px) {
  .clr-col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .clr-col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .clr-col-md-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .clr-col-md-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .clr-col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .clr-col-md-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .clr-col-md-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .clr-col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .clr-col-md-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .clr-col-md-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .clr-col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .clr-col-md-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .clr-col-md-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .clr-col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .clr-order-md-first {
    order: -1;
  }
  .clr-order-md-last {
    order: 13;
  }
  .clr-order-md-0 {
    order: 0;
  }
  .clr-order-md-1 {
    order: 1;
  }
  .clr-order-md-2 {
    order: 2;
  }
  .clr-order-md-3 {
    order: 3;
  }
  .clr-order-md-4 {
    order: 4;
  }
  .clr-order-md-5 {
    order: 5;
  }
  .clr-order-md-6 {
    order: 6;
  }
  .clr-order-md-7 {
    order: 7;
  }
  .clr-order-md-8 {
    order: 8;
  }
  .clr-order-md-9 {
    order: 9;
  }
  .clr-order-md-10 {
    order: 10;
  }
  .clr-order-md-11 {
    order: 11;
  }
  .clr-order-md-12 {
    order: 12;
  }
  /* stylelint-disable */
  .clr-offset-md-0 {
    margin-left: 0;
  }
  /* stylelint-enable */
  /* stylelint-disable */
  .clr-offset-md-1 {
    margin-left: 8.3333333333%;
  }
  /* stylelint-enable */
  /* stylelint-disable */
  .clr-offset-md-2 {
    margin-left: 16.6666666667%;
  }
  /* stylelint-enable */
  /* stylelint-disable */
  .clr-offset-md-3 {
    margin-left: 25%;
  }
  /* stylelint-enable */
  /* stylelint-disable */
  .clr-offset-md-4 {
    margin-left: 33.3333333333%;
  }
  /* stylelint-enable */
  /* stylelint-disable */
  .clr-offset-md-5 {
    margin-left: 41.6666666667%;
  }
  /* stylelint-enable */
  /* stylelint-disable */
  .clr-offset-md-6 {
    margin-left: 50%;
  }
  /* stylelint-enable */
  /* stylelint-disable */
  .clr-offset-md-7 {
    margin-left: 58.3333333333%;
  }
  /* stylelint-enable */
  /* stylelint-disable */
  .clr-offset-md-8 {
    margin-left: 66.6666666667%;
  }
  /* stylelint-enable */
  /* stylelint-disable */
  .clr-offset-md-9 {
    margin-left: 75%;
  }
  /* stylelint-enable */
  /* stylelint-disable */
  .clr-offset-md-10 {
    margin-left: 83.3333333333%;
  }
  /* stylelint-enable */
  /* stylelint-disable */
  .clr-offset-md-11 {
    margin-left: 91.6666666667%;
  }
  /* stylelint-enable */
}
@media (min-width: 992px) {
  .clr-col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .clr-col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .clr-col-lg-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .clr-col-lg-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .clr-col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .clr-col-lg-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .clr-col-lg-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .clr-col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .clr-col-lg-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .clr-col-lg-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .clr-col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .clr-col-lg-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .clr-col-lg-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .clr-col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .clr-order-lg-first {
    order: -1;
  }
  .clr-order-lg-last {
    order: 13;
  }
  .clr-order-lg-0 {
    order: 0;
  }
  .clr-order-lg-1 {
    order: 1;
  }
  .clr-order-lg-2 {
    order: 2;
  }
  .clr-order-lg-3 {
    order: 3;
  }
  .clr-order-lg-4 {
    order: 4;
  }
  .clr-order-lg-5 {
    order: 5;
  }
  .clr-order-lg-6 {
    order: 6;
  }
  .clr-order-lg-7 {
    order: 7;
  }
  .clr-order-lg-8 {
    order: 8;
  }
  .clr-order-lg-9 {
    order: 9;
  }
  .clr-order-lg-10 {
    order: 10;
  }
  .clr-order-lg-11 {
    order: 11;
  }
  .clr-order-lg-12 {
    order: 12;
  }
  /* stylelint-disable */
  .clr-offset-lg-0 {
    margin-left: 0;
  }
  /* stylelint-enable */
  /* stylelint-disable */
  .clr-offset-lg-1 {
    margin-left: 8.3333333333%;
  }
  /* stylelint-enable */
  /* stylelint-disable */
  .clr-offset-lg-2 {
    margin-left: 16.6666666667%;
  }
  /* stylelint-enable */
  /* stylelint-disable */
  .clr-offset-lg-3 {
    margin-left: 25%;
  }
  /* stylelint-enable */
  /* stylelint-disable */
  .clr-offset-lg-4 {
    margin-left: 33.3333333333%;
  }
  /* stylelint-enable */
  /* stylelint-disable */
  .clr-offset-lg-5 {
    margin-left: 41.6666666667%;
  }
  /* stylelint-enable */
  /* stylelint-disable */
  .clr-offset-lg-6 {
    margin-left: 50%;
  }
  /* stylelint-enable */
  /* stylelint-disable */
  .clr-offset-lg-7 {
    margin-left: 58.3333333333%;
  }
  /* stylelint-enable */
  /* stylelint-disable */
  .clr-offset-lg-8 {
    margin-left: 66.6666666667%;
  }
  /* stylelint-enable */
  /* stylelint-disable */
  .clr-offset-lg-9 {
    margin-left: 75%;
  }
  /* stylelint-enable */
  /* stylelint-disable */
  .clr-offset-lg-10 {
    margin-left: 83.3333333333%;
  }
  /* stylelint-enable */
  /* stylelint-disable */
  .clr-offset-lg-11 {
    margin-left: 91.6666666667%;
  }
  /* stylelint-enable */
}
@media (min-width: 1200px) {
  .clr-col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .clr-col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .clr-col-xl-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .clr-col-xl-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .clr-col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .clr-col-xl-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .clr-col-xl-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .clr-col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .clr-col-xl-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .clr-col-xl-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .clr-col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .clr-col-xl-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .clr-col-xl-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .clr-col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .clr-order-xl-first {
    order: -1;
  }
  .clr-order-xl-last {
    order: 13;
  }
  .clr-order-xl-0 {
    order: 0;
  }
  .clr-order-xl-1 {
    order: 1;
  }
  .clr-order-xl-2 {
    order: 2;
  }
  .clr-order-xl-3 {
    order: 3;
  }
  .clr-order-xl-4 {
    order: 4;
  }
  .clr-order-xl-5 {
    order: 5;
  }
  .clr-order-xl-6 {
    order: 6;
  }
  .clr-order-xl-7 {
    order: 7;
  }
  .clr-order-xl-8 {
    order: 8;
  }
  .clr-order-xl-9 {
    order: 9;
  }
  .clr-order-xl-10 {
    order: 10;
  }
  .clr-order-xl-11 {
    order: 11;
  }
  .clr-order-xl-12 {
    order: 12;
  }
  /* stylelint-disable */
  .clr-offset-xl-0 {
    margin-left: 0;
  }
  /* stylelint-enable */
  /* stylelint-disable */
  .clr-offset-xl-1 {
    margin-left: 8.3333333333%;
  }
  /* stylelint-enable */
  /* stylelint-disable */
  .clr-offset-xl-2 {
    margin-left: 16.6666666667%;
  }
  /* stylelint-enable */
  /* stylelint-disable */
  .clr-offset-xl-3 {
    margin-left: 25%;
  }
  /* stylelint-enable */
  /* stylelint-disable */
  .clr-offset-xl-4 {
    margin-left: 33.3333333333%;
  }
  /* stylelint-enable */
  /* stylelint-disable */
  .clr-offset-xl-5 {
    margin-left: 41.6666666667%;
  }
  /* stylelint-enable */
  /* stylelint-disable */
  .clr-offset-xl-6 {
    margin-left: 50%;
  }
  /* stylelint-enable */
  /* stylelint-disable */
  .clr-offset-xl-7 {
    margin-left: 58.3333333333%;
  }
  /* stylelint-enable */
  /* stylelint-disable */
  .clr-offset-xl-8 {
    margin-left: 66.6666666667%;
  }
  /* stylelint-enable */
  /* stylelint-disable */
  .clr-offset-xl-9 {
    margin-left: 75%;
  }
  /* stylelint-enable */
  /* stylelint-disable */
  .clr-offset-xl-10 {
    margin-left: 83.3333333333%;
  }
  /* stylelint-enable */
  /* stylelint-disable */
  .clr-offset-xl-11 {
    margin-left: 91.6666666667%;
  }
  /* stylelint-enable */
}
.clr-break-row {
  width: 100%;
}

/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
*,
*:before,
*:after {
  box-sizing: border-box;
}

/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
pre {
  margin: 0.6rem 0;
}

pre {
  /* clr-color-neutral-400 */
  border-color: hsl(198, 0%, 80%);
  border-color: var(--clr-color-neutral-400, hsl(198, 0%, 80%));
  /* clr-global-borderwidth */
  border-width: 0.05rem;
  border-width: var(--clr-global-borderwidth, 0.05rem);
  border-style: solid;
  /* clr-global-borderradius */
  border-radius: 0.15rem;
  border-radius: var(--clr-global-borderradius, 0.15rem);
}

pre code {
  white-space: pre;
}

code.clr-code {
  /* clr-color-danger-800 */
  color: hsl(9, 100%, 38%);
  color: var(--clr-color-danger-800, hsl(9, 100%, 38%));
  padding: 0;
  background: transparent;
}

/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
ul.list-unstyled:not([cds-list]) {
  padding-left: 0;
  margin-left: 0;
  list-style-position: outside;
}

ul.list-unstyled:not([cds-list]) li::marker {
  color: transparent;
}

li {
  /* clr-list-item-color */
  color: inherit;
  color: var(--clr-list-item-color, inherit);
  /* clr-list-item-line-height */
  line-height: inherit;
  line-height: var(--clr-list-item-line-height, inherit);
}

ul:not([cds-list]),
ol:not([cds-list]) {
  list-style-position: inside;
  margin-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
}

ul.list:not([cds-list]),
ol.list:not([cds-list]) {
  list-style-position: outside;
  /* clr-list-item-margin-left */
  margin-left: 1.1em;
  margin-left: var(--clr-list-item-margin-left, 1.1em);
}

ul.list:not([cds-list]).compact,
ol.list:not([cds-list]).compact {
  /* clr-list-item-line-height */
  line-height: 0.9rem;
  line-height: var(--clr-list-item-line-height, 0.9rem);
}

ul.list:not([cds-list]).compact > li,
ol.list:not([cds-list]).compact > li {
  /* clr-list-item-compact-margin-bottom */
  margin-bottom: 0.3rem;
  margin-bottom: var(--clr-list-item-compact-margin-bottom, 0.3rem);
}

ul.list:not([cds-list]).compact > li:last-child,
ol.list:not([cds-list]).compact > li:last-child {
  margin-bottom: 0;
}

ul:not(.list-unstyled):not([cds-list]) > li > ul.list-unstyled,
ol:not([cds-list]) > li > ul.list-unstyled {
  /* clr-list-item-margin-left */
  margin-left: 1.1em;
  margin-left: var(--clr-list-item-margin-left, 1.1em);
}

li > ul:not([cds-list]) {
  margin-top: 0;
  /* clr-list-item-margin-left */
  margin-left: 1.1em;
  margin-left: var(--clr-list-item-margin-left, 1.1em);
}

ul.list-group:not([cds-list]) {
  margin-top: 0;
}

ul:not([cds-list]).list-spacer,
ol:not([cds-list]).list-spacer {
  margin-top: 1.2rem;
}

/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
h1:not([cds-text]) {
  /* clr-h1-color */
  color: hsl(198, 0%, 0%);
  color: var(--clr-h1-color, hsl(198, 0%, 0%));
  /* clr-h1-font-weight */
  font-weight: 200;
  font-weight: var(--clr-h1-font-weight, 200);
  /* clr-h1-font-family */
  font-family: Metropolis, "Avenir Next", "Helvetica Neue", Arial, sans-serif;
  font-family: var(--clr-h1-font-family, Metropolis, "Avenir Next", "Helvetica Neue", Arial, sans-serif);
  /* clr-h1-font-size */
  font-size: 1.6rem;
  font-size: var(--clr-h1-font-size, 1.6rem);
  /* clr-h1-line-height */
  line-height: 2.4rem;
  line-height: var(--clr-h1-line-height, 2.4rem);
  /* clr-h1-letter-spacing */
  letter-spacing: normal;
  letter-spacing: var(--clr-h1-letter-spacing, normal);
  margin-top: 1.2rem;
  margin-bottom: 0;
}

h2:not([cds-text]) {
  /* clr-h2-color */
  color: hsl(198, 0%, 0%);
  color: var(--clr-h2-color, hsl(198, 0%, 0%));
  /* clr-h2-font-weight */
  font-weight: 200;
  font-weight: var(--clr-h2-font-weight, 200);
  /* clr-h2-font-family */
  font-family: Metropolis, "Avenir Next", "Helvetica Neue", Arial, sans-serif;
  font-family: var(--clr-h2-font-family, Metropolis, "Avenir Next", "Helvetica Neue", Arial, sans-serif);
  /* clr-h2-font-size */
  font-size: 1.4rem;
  font-size: var(--clr-h2-font-size, 1.4rem);
  /* clr-h2-line-height */
  line-height: 2.4rem;
  line-height: var(--clr-h2-line-height, 2.4rem);
  /* clr-h2-letter-spacing */
  letter-spacing: normal;
  letter-spacing: var(--clr-h2-letter-spacing, normal);
  margin-top: 1.2rem;
  margin-bottom: 0;
}

h3:not([cds-text]) {
  /* clr-h3-color */
  color: hsl(198, 0%, 0%);
  color: var(--clr-h3-color, hsl(198, 0%, 0%));
  /* clr-h3-font-weight */
  font-weight: 200;
  font-weight: var(--clr-h3-font-weight, 200);
  /* clr-h3-font-family */
  font-family: Metropolis, "Avenir Next", "Helvetica Neue", Arial, sans-serif;
  font-family: var(--clr-h3-font-family, Metropolis, "Avenir Next", "Helvetica Neue", Arial, sans-serif);
  /* clr-h3-font-size */
  font-size: 1.1rem;
  font-size: var(--clr-h3-font-size, 1.1rem);
  /* clr-h3-line-height */
  line-height: 1.2rem;
  line-height: var(--clr-h3-line-height, 1.2rem);
  /* clr-h3-letter-spacing */
  letter-spacing: normal;
  letter-spacing: var(--clr-h3-letter-spacing, normal);
  margin-top: 1.2rem;
  margin-bottom: 0;
}

h4:not([cds-text]) {
  /* clr-h4-color */
  color: hsl(198, 0%, 0%);
  color: var(--clr-h4-color, hsl(198, 0%, 0%));
  /* clr-h4-font-weight */
  font-weight: 200;
  font-weight: var(--clr-h4-font-weight, 200);
  /* clr-h4-font-family */
  font-family: Metropolis, "Avenir Next", "Helvetica Neue", Arial, sans-serif;
  font-family: var(--clr-h4-font-family, Metropolis, "Avenir Next", "Helvetica Neue", Arial, sans-serif);
  /* clr-h4-font-size */
  font-size: 0.9rem;
  font-size: var(--clr-h4-font-size, 0.9rem);
  /* clr-h4-line-height */
  line-height: 1.2rem;
  line-height: var(--clr-h4-line-height, 1.2rem);
  /* clr-h4-letter-spacing */
  letter-spacing: normal;
  letter-spacing: var(--clr-h4-letter-spacing, normal);
  margin-top: 1.2rem;
  margin-bottom: 0;
}

h5:not([cds-text]) {
  /* clr-h5-color */
  color: hsl(198, 0%, 40%);
  color: var(--clr-h5-color, hsl(198, 0%, 40%));
  /* clr-h5-font-weight */
  font-weight: 400;
  font-weight: var(--clr-h5-font-weight, 400);
  /* clr-h5-font-family */
  font-family: Metropolis, "Avenir Next", "Helvetica Neue", Arial, sans-serif;
  font-family: var(--clr-h5-font-family, Metropolis, "Avenir Next", "Helvetica Neue", Arial, sans-serif);
  /* clr-h5-font-size */
  font-size: 0.8rem;
  font-size: var(--clr-h5-font-size, 0.8rem);
  /* clr-h5-line-height */
  line-height: 1.2rem;
  line-height: var(--clr-h5-line-height, 1.2rem);
  /* clr-h5-letter-spacing */
  letter-spacing: 0.01em;
  letter-spacing: var(--clr-h5-letter-spacing, 0.01em);
  margin-top: 1.2rem;
  margin-bottom: 0;
}

h6:not([cds-text]) {
  /* clr-h6-color */
  color: hsl(198, 0%, 20%);
  color: var(--clr-h6-color, hsl(198, 0%, 20%));
  /* clr-h6-font-weight */
  font-weight: 500;
  font-weight: var(--clr-h6-font-weight, 500);
  /* clr-h6-font-family */
  font-family: Metropolis, "Avenir Next", "Helvetica Neue", Arial, sans-serif;
  font-family: var(--clr-h6-font-family, Metropolis, "Avenir Next", "Helvetica Neue", Arial, sans-serif);
  /* clr-h6-font-size */
  font-size: 0.7rem;
  font-size: var(--clr-h6-font-size, 0.7rem);
  /* clr-h6-line-height */
  line-height: 1.2rem;
  line-height: var(--clr-h6-line-height, 1.2rem);
  /* clr-h6-letter-spacing */
  letter-spacing: normal;
  letter-spacing: var(--clr-h6-letter-spacing, normal);
  margin-top: 1.2rem;
  margin-bottom: 0;
}

body:not([cds-text]) {
  /* clr-p1-color */
  color: hsl(198, 0%, 40%);
  color: var(--clr-p1-color, hsl(198, 0%, 40%));
  /* clr-p1-font-weight */
  font-weight: 400;
  font-weight: var(--clr-p1-font-weight, 400);
  /* clr-p1-font-size */
  font-size: 0.7rem;
  font-size: var(--clr-p1-font-size, 0.7rem);
  /* clr-p1-letter-spacing */
  letter-spacing: normal;
  letter-spacing: var(--clr-p1-letter-spacing, normal);
  /* clr-p1-line-height */
  line-height: 1.2rem;
  line-height: var(--clr-p1-line-height, 1.2rem);
  margin-bottom: 0;
  /* clr-font */
  font-family: Metropolis, "Avenir Next", "Helvetica Neue", Arial, sans-serif;
  font-family: var(--clr-font, Metropolis, "Avenir Next", "Helvetica Neue", Arial, sans-serif);
  margin-top: 0 !important;
}

body p:not([cds-text]) {
  /* clr-p1-color */
  color: hsl(198, 0%, 40%);
  color: var(--clr-p1-color, hsl(198, 0%, 40%));
  /* clr-p1-font-weight */
  font-weight: 400;
  font-weight: var(--clr-p1-font-weight, 400);
  /* clr-p1-font-size */
  font-size: 0.7rem;
  font-size: var(--clr-p1-font-size, 0.7rem);
  /* clr-p1-letter-spacing */
  letter-spacing: normal;
  letter-spacing: var(--clr-p1-letter-spacing, normal);
  /* clr-p1-line-height */
  line-height: 1.2rem;
  line-height: var(--clr-p1-line-height, 1.2rem);
  margin-top: 1.2rem;
  margin-bottom: 0;
}

body .p0:not([cds-text]),
body p.p0:not([cds-text]) {
  /* clr-p0-color */
  color: hsl(198, 0%, 40%);
  color: var(--clr-p0-color, hsl(198, 0%, 40%));
  /* clr-p0-font-weight */
  font-weight: 200;
  font-weight: var(--clr-p0-font-weight, 200);
  /* clr-p0-font-size */
  font-size: 1rem;
  font-size: var(--clr-p0-font-size, 1rem);
  /* clr-p0-letter-spacing */
  letter-spacing: normal;
  letter-spacing: var(--clr-p0-letter-spacing, normal);
  /* clr-p0-line-height */
  line-height: 1.2rem;
  line-height: var(--clr-p0-line-height, 1.2rem);
  margin-top: 1.2rem;
  margin-bottom: 0;
}

body .p2:not([cds-text]),
body p.p2:not([cds-text]) {
  /* clr-p2-color */
  color: hsl(198, 0%, 40%);
  color: var(--clr-p2-color, hsl(198, 0%, 40%));
  /* clr-p2-font-weight */
  font-weight: 500;
  font-weight: var(--clr-p2-font-weight, 500);
  /* clr-p2-font-size */
  font-size: 0.65rem;
  font-size: var(--clr-p2-font-size, 0.65rem);
  /* clr-p2-letter-spacing */
  letter-spacing: normal;
  letter-spacing: var(--clr-p2-letter-spacing, normal);
  /* clr-p2-line-height */
  line-height: 1.2rem;
  line-height: var(--clr-p2-line-height, 1.2rem);
  margin-top: 1.2rem;
  margin-bottom: 0;
}

body .p3:not([cds-text]),
body p.p3:not([cds-text]) {
  /* clr-p3-color */
  color: hsl(198, 0%, 40%);
  color: var(--clr-p3-color, hsl(198, 0%, 40%));
  /* clr-p3-font-weight */
  font-weight: 400;
  font-weight: var(--clr-p3-font-weight, 400);
  /* clr-p3-font-size */
  font-size: 0.65rem;
  font-size: var(--clr-p3-font-size, 0.65rem);
  /* clr-p3-letter-spacing */
  letter-spacing: normal;
  letter-spacing: var(--clr-p3-letter-spacing, normal);
  /* clr-p3-line-height */
  line-height: 1.2rem;
  line-height: var(--clr-p3-line-height, 1.2rem);
  margin-top: 1.2rem;
  margin-bottom: 0;
}

body .p4:not([cds-text]),
body p.p4:not([cds-text]) {
  /* clr-p4-color */
  color: hsl(198, 0%, 40%);
  color: var(--clr-p4-color, hsl(198, 0%, 40%));
  /* clr-p4-font-weight */
  font-weight: 600;
  font-weight: var(--clr-p4-font-weight, 600);
  /* clr-p4-font-size */
  font-size: 0.6rem;
  font-size: var(--clr-p4-font-size, 0.6rem);
  /* clr-p4-letter-spacing */
  letter-spacing: normal;
  letter-spacing: var(--clr-p4-letter-spacing, normal);
  /* clr-p4-line-height */
  line-height: 1.2rem;
  line-height: var(--clr-p4-line-height, 1.2rem);
  margin-top: 1.2rem;
  margin-bottom: 0;
}

body .p5:not([cds-text]),
body p.p5:not([cds-text]) {
  /* clr-p5-color */
  color: hsl(198, 0%, 40%);
  color: var(--clr-p5-color, hsl(198, 0%, 40%));
  /* clr-p5-font-weight */
  font-weight: 400;
  font-weight: var(--clr-p5-font-weight, 400);
  /* clr-p5-font-size */
  font-size: 0.6rem;
  font-size: var(--clr-p5-font-size, 0.6rem);
  /* clr-p5-letter-spacing */
  letter-spacing: normal;
  letter-spacing: var(--clr-p5-letter-spacing, normal);
  /* clr-p5-line-height */
  line-height: 1.2rem;
  line-height: var(--clr-p5-line-height, 1.2rem);
  margin-top: 1.2rem;
  margin-bottom: 0;
}

body .p6:not([cds-text]),
body p.p6:not([cds-text]) {
  /* clr-p6-color */
  color: hsl(198, 0%, 40%);
  color: var(--clr-p6-color, hsl(198, 0%, 40%));
  /* clr-p6-font-weight */
  font-weight: 600;
  font-weight: var(--clr-p6-font-weight, 600);
  /* clr-p6-font-size */
  font-size: 0.55rem;
  font-size: var(--clr-p6-font-size, 0.55rem);
  /* clr-p6-letter-spacing */
  letter-spacing: 0.03em;
  letter-spacing: var(--clr-p6-letter-spacing, 0.03em);
  /* clr-p6-line-height */
  line-height: 0.6rem;
  line-height: var(--clr-p6-line-height, 0.6rem);
  margin-top: 1.2rem;
  margin-bottom: 0;
}

body .p7:not([cds-text]),
body p.p7:not([cds-text]) {
  /* clr-p7-color */
  color: hsl(198, 0%, 40%);
  color: var(--clr-p7-color, hsl(198, 0%, 40%));
  /* clr-p7-font-weight */
  font-weight: 400;
  font-weight: var(--clr-p7-font-weight, 400);
  /* clr-p7-font-size */
  font-size: 0.55rem;
  font-size: var(--clr-p7-font-size, 0.55rem);
  /* clr-p7-letter-spacing */
  letter-spacing: 0.03em;
  letter-spacing: var(--clr-p7-letter-spacing, 0.03em);
  /* clr-p7-line-height */
  line-height: 0.6rem;
  line-height: var(--clr-p7-line-height, 0.6rem);
  margin-top: 1.2rem;
  margin-bottom: 0;
}

body .p8:not([cds-text]),
body p.p8:not([cds-text]) {
  /* clr-p8-color */
  color: hsl(198, 0%, 40%);
  color: var(--clr-p8-color, hsl(198, 0%, 40%));
  /* clr-p8-font-weight */
  font-weight: 400;
  font-weight: var(--clr-p8-font-weight, 400);
  /* clr-p8-font-size */
  font-size: 0.5rem;
  font-size: var(--clr-p8-font-size, 0.5rem);
  /* clr-p8-letter-spacing */
  letter-spacing: 0.03em;
  letter-spacing: var(--clr-p8-letter-spacing, 0.03em);
  /* clr-p8-line-height */
  line-height: 0.6rem;
  line-height: var(--clr-p8-line-height, 0.6rem);
  margin-top: 1.2rem;
  margin-bottom: 0;
}

.text-light {
  /* clr-font-weight-light */
  font-weight: 200;
  font-weight: var(--clr-font-weight-light, 200);
}

.text-right {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

.text-left {
  text-align: left !important;
}

.text-justify {
  text-align: justify !important;
}

html:not([cds-text]) {
  /* clr-global-font-color */
  color: hsl(198, 0%, 40%);
  color: var(--clr-global-font-color, hsl(198, 0%, 40%));
  /* clr-basefont-size */
  font-size: 125%;
  font-size: var(--clr-basefont-size, 125%);
  /* clr-font */
  font-family: Metropolis, "Avenir Next", "Helvetica Neue", Arial, sans-serif;
  font-family: var(--clr-font, Metropolis, "Avenir Next", "Helvetica Neue", Arial, sans-serif);
}

/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/* stylelint-disable-next-line meowtec/no-px */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/* stylelint-disable */
/* stylelint-enable */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
:root {
  --clr-link-active-color: var(--clr-color-secondary-action-500);
  --clr-link-color: var(--clr-color-action-600);
  --clr-link-hover-color: var(--clr-color-action-600);
  --clr-link-visited-color: hsl(238, 41%, 53%);
  --clr-custom-links-hover-color: var(--clr-color-neutral-200);
  --clr-link-font-weight: inherit;
  --clr-link-font-size: inherit;
  --clr-link-line-height: inherit;
  --clr-link-letter-spacing: inherit;
}

html {
  box-sizing: border-box;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}
html {
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

img {
  vertical-align: middle;
}

[role=button] {
  cursor: pointer;
}

a,
area,
button,
[role=button],
input,
label,
select,
summary,
textarea {
  touch-action: manipulation;
}

button:focus {
  outline: 2px solid -webkit-focus-ring-color;
  outline-offset: 1px;
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 2px solid Highlight;
  outline-offset: 1px;
}

input,
button,
select,
textarea {
  border-radius: 0;
}

input[type=radio]:disabled,
input[type=checkbox]:disabled {
  cursor: not-allowed;
}

input[type=date],
input[type=time],
input[type=datetime-local],
input[type=month] {
  -webkit-appearance: listbox;
}

textarea {
  resize: vertical;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  padding: 0;
  line-height: inherit;
}

input[type=search] {
  -webkit-appearance: none;
}

[hidden] {
  display: none !important;
}

dl {
  margin-bottom: 0;
  margin-top: 1rem;
}

table {
  border-spacing: 0;
}

a:link {
  /* clr-link-color */
  color: hsl(198, 100%, 32%);
  color: var(--clr-link-color, hsl(198, 100%, 32%));
}

a:visited {
  /* clr-link-visited-color */
  color: hsl(238, 41%, 53%);
  color: var(--clr-link-visited-color, hsl(238, 41%, 53%));
}

a:visited:hover {
  /* clr-link-visited-color-hover */
  color: hsl(238, 41%, 53%);
  color: var(--clr-link-visited-color-hover, hsl(238, 41%, 53%));
}

a:hover {
  /* clr-link-hover-color */
  color: hsl(198, 100%, 32%);
  color: var(--clr-link-hover-color, hsl(198, 100%, 32%));
}

a:active {
  /* clr-link-active-color */
  color: hsl(282, 43%, 54%);
  color: var(--clr-link-active-color, hsl(282, 43%, 54%));
}

/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
.clr-sr-only {
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
  white-space: nowrap;
  top: 0;
  left: 0;
}

/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
.alert-icon,
.clr-icon {
  display: inline-block;
  height: 0.8rem;
  width: 0.8rem;
  padding: 0;
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
}

.alert-icon.clr-icon-warning, .alert-icon.icon-warning,
.clr-icon.clr-icon-warning,
.clr-icon.icon-warning {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20viewBox%3D%225%205%2026%2026%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cdefs%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.clr-i-outline%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3A%23747474%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Ctitle%3Eexclamation-triangle-line%3C%2Ftitle%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20class%3D%22clr-i-outline%20clr-i-outline-path-1%22%20d%3D%22M18%2C21.32a1.3%2C1.3%2C0%2C0%2C0%2C1.3-1.3V14a1.3%2C1.3%2C0%2C1%2C0-2.6%2C0v6A1.3%2C1.3%2C0%2C0%2C0%2C18%2C21.32Z%22%3E%3C%2Fpath%3E%3Ccircle%20class%3D%22clr-i-outline%20clr-i-outline-path-2%22%20cx%3D%2217.95%22%20cy%3D%2224.27%22%20r%3D%221.5%22%3E%3C%2Fcircle%3E%3Cpath%20class%3D%22clr-i-outline%20clr-i-outline-path-3%22%20d%3D%22M30.33%2C25.54%2C20.59%2C7.6a3%2C3%2C0%2C0%2C0-5.27%2C0L5.57%2C25.54A3%2C3%2C0%2C0%2C0%2C8.21%2C30H27.69a3%2C3%2C0%2C0%2C0%2C2.64-4.43Zm-1.78%2C1.94a1%2C1%2C0%2C0%2C1-.86.49H8.21a1%2C1%2C0%2C0%2C1-.88-1.48L17.07%2C8.55a1%2C1%2C0%2C0%2C1%2C1.76%2C0l9.74%2C17.94A1%2C1%2C0%2C0%2C1%2C28.55%2C27.48Z%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fsvg%3E");
}

.alert-icon.clr-icon-warning-white,
.clr-icon.clr-icon-warning-white {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20viewBox%3D%225%205%2026%2026%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cdefs%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.clr-i-outline%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3Ahsl(198, 0%, 100%)%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Ctitle%3Eexclamation-triangle-line%3C%2Ftitle%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20class%3D%22clr-i-outline%20clr-i-outline-path-1%22%20d%3D%22M18%2C21.32a1.3%2C1.3%2C0%2C0%2C0%2C1.3-1.3V14a1.3%2C1.3%2C0%2C1%2C0-2.6%2C0v6A1.3%2C1.3%2C0%2C0%2C0%2C18%2C21.32Z%22%3E%3C%2Fpath%3E%3Ccircle%20class%3D%22clr-i-outline%20clr-i-outline-path-2%22%20cx%3D%2217.95%22%20cy%3D%2224.27%22%20r%3D%221.5%22%3E%3C%2Fcircle%3E%3Cpath%20class%3D%22clr-i-outline%20clr-i-outline-path-3%22%20d%3D%22M30.33%2C25.54%2C20.59%2C7.6a3%2C3%2C0%2C0%2C0-5.27%2C0L5.57%2C25.54A3%2C3%2C0%2C0%2C0%2C8.21%2C30H27.69a3%2C3%2C0%2C0%2C0%2C2.64-4.43Zm-1.78%2C1.94a1%2C1%2C0%2C0%2C1-.86.49H8.21a1%2C1%2C0%2C0%2C1-.88-1.48L17.07%2C8.55a1%2C1%2C0%2C0%2C1%2C1.76%2C0l9.74%2C17.94A1%2C1%2C0%2C0%2C1%2C28.55%2C27.48Z%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fsvg%3E");
}

.alert-icon.clr-vmw-logo,
.clr-icon.clr-vmw-logo {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%2036%2036%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Ctitle%3Evm%20bug%3C%2Ftitle%3E%0A%20%20%20%20%3Cdefs%3E%3C%2Fdefs%3E%0A%20%20%20%20%3Cg%20id%3D%22Headers%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22CL-Headers-Specs%22%20transform%3D%22translate(-262.000000%2C%20-175.000000)%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%2201%22%20transform%3D%22translate(238.000000%2C%20163.000000)%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22vm-bug%22%20transform%3D%22translate(24.703125%2C%2012.000000)%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20id%3D%22Rectangle-42%22%20fill-opacity%3D%220.25%22%20fill%3D%22%23DDDDDD%22%20opacity%3D%220.6%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2236%22%20height%3D%2236%22%20rx%3D%223%22%3E%3C%2Frect%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M7.63948376%2C13.8762402%20C7.32265324%2C13.2097082%206.53978152%2C12.9085139%205.80923042%2C13.219934%20C5.07771043%2C13.5322837%204.80932495%2C14.3103691%205.13972007%2C14.9769011%20L8.20725954%2C21.3744923%20C8.68977207%2C22.3784735%209.19844491%2C22.9037044%2010.1528121%2C22.9037044%20C11.1720955%2C22.9037044%2011.6168209%2C22.3310633%2012.0983646%2C21.3744923%20C12.0983646%2C21.3744923%2014.7744682%2C15.7847341%2014.8015974%2C15.7261685%20C14.8287266%2C15.6666733%2014.9149588%2C15.4863286%2015.1872199%2C15.4872582%20C15.4178182%2C15.490047%2015.6106294%2C15.6657437%2015.6106294%2C15.9018652%20L15.6106294%2C21.3698443%20C15.6106294%2C22.212073%2016.0979865%2C22.9037044%2017.0349134%2C22.9037044%20C17.9718403%2C22.9037044%2018.4785754%2C22.212073%2018.4785754%2C21.3698443%20L18.4785754%2C16.8965503%20C18.4785754%2C16.0338702%2019.1219254%2C15.4742436%2020.0007183%2C15.4742436%20C20.8785423%2C15.4742436%2021.4637583%2C16.0524624%2021.4637583%2C16.8965503%20L21.4637583%2C21.3698443%20C21.4637583%2C22.212073%2021.9520842%2C22.9037044%2022.8880423%2C22.9037044%20C23.8240003%2C22.9037044%2024.3326731%2C22.212073%2024.3326731%2C21.3698443%20L24.3326731%2C16.8965503%20C24.3326731%2C16.0338702%2024.9750543%2C15.4742436%2025.8538472%2C15.4742436%20C26.7307023%2C15.4742436%2027.3168871%2C16.0524624%2027.3168871%2C16.8965503%20L27.3168871%2C21.3698443%20C27.3168871%2C22.212073%2027.8052131%2C22.9037044%2028.74214%2C22.9037044%20C29.6771291%2C22.9037044%2030.1848331%2C22.212073%2030.1848331%2C21.3698443%20L30.1848331%2C16.2783582%20C30.1848331%2C14.4070488%2028.6181207%2C13.0962956%2026.7307023%2C13.0962956%20C24.8452216%2C13.0962956%2023.6651006%2C14.3475536%2023.6651006%2C14.3475536%20C23.037253%2C13.5666793%2022.1720247%2C13.0972252%2020.7089847%2C13.0972252%20C19.164557%2C13.0972252%2017.8129406%2C14.3475536%2017.8129406%2C14.3475536%20C17.1841241%2C13.5666793%2016.1154267%2C13.0972252%2015.2308204%2C13.0972252%20C13.8617638%2C13.0972252%2012.7746572%2C13.675444%2012.1119292%2C15.1302871%20L10.1528121%2C19.5608189%20L7.63948376%2C13.8762402%22%20id%3D%22Fill-4%22%20fill%3D%22%23FFFFFF%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E");
}

/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
.is-off-screen {
  position: fixed !important;
  border: none !important;
  height: 1px !important;
  width: 1px !important;
  left: 0 !important;
  top: 0.05rem !important;
  overflow: hidden !important;
  visibility: hidden !important;
  padding: 0 !important;
  margin: 0 0 0.05rem 0 !important;
}

/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
.clr-popover-content {
  position: fixed;
  z-index: 1050;
}

/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/* stylelint-disable-next-line meowtec/no-px */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/* stylelint-disable */
/* stylelint-enable */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
:root {
  --clr-btn-vertical-margin: 0.3rem;
  --clr-btn-horizontal-margin: 0.6rem;
  --clr-btn-horizontal-padding: 0.6rem;
  --clr-btn-vertical-padding: 0;
  --clr-btn-padding: var(--clr-btn-vertical-padding) var(--clr-btn-horizontal-padding);
  --clr-btn-appearance-gap: 0.4rem;
  --clr-btn-display: inline-block;
  --clr-btn-block-display: block;
  --clr-btn-appearance-icon-margin: -0.14rem;
  --clr-btn-appearance-sm-icon-margin: -0.1rem;
  --clr-btn-height: 1.8rem;
  --clr-btn-height-sm: 1.2rem;
  --clr-btn-font-weight: 500;
  --clr-btn-border-radius: 0.15rem;
  --clr-btn-border-width: 0.05rem;
  --clr-btn-transparent-bg-color: transparent;
  --clr-btn-outline-bg-color: var(--clr-btn-transparent-bg-color);
  --clr-btn-appearance-standard-line-height: 1.15rem;
  --clr-btn-appearance-standard-letter-spacing: 0.073em;
  --clr-btn-appearance-standard-font-size: 0.55rem;
  --clr-btn-appearance-standard-font-weight: 500;
  --clr-btn-appearance-standard-height: 1.2rem;
  --clr-btn-appearance-standard-padding: 0 0.6rem;
  --clr-btn-appearance-standard-icon-size: 0.6rem;
  --clr-btn-appearance-form-line-height: 1.8rem;
  --clr-btn-appearance-form-letter-spacing: 0.12em;
  --clr-btn-appearance-form-font-size: 0.6rem;
  --clr-btn-appearance-form-font-weight: 500;
  --clr-btn-appearance-form-height: 1.8rem;
  --clr-btn-appearance-form-padding: 0 0.6rem;
  --clr-btn-default-color: var(--clr-color-action-600);
  --clr-btn-default-border-color: var(--clr-btn-default-color);
  --clr-btn-default-bg-color: transparent;
  --clr-btn-default-hover-bg-color: var(--clr-color-action-50);
  --clr-btn-default-hover-color: var(--clr-color-action-800);
  --clr-btn-default-box-shadow-color: var(--clr-color-action-500);
  --clr-btn-default-disabled-color: var(--clr-color-neutral-700);
  --clr-btn-default-disabled-bg-color: var(--clr-btn-default-bg-color);
  --clr-btn-default-disabled-border-color: var(--clr-color-neutral-600);
  --clr-btn-default-checked-bg-color: var(--clr-color-action-600);
  --clr-btn-default-checked-color: var(--clr-color-neutral-0);
  --clr-btn-default-outline-color: var(--clr-color-action-600);
  --clr-btn-default-outline-border-color: var(--clr-btn-default-outline-color);
  --clr-btn-default-outline-bg-color: var(--clr-btn-outline-bg-color);
  --clr-btn-default-outline-hover-bg-color: var(--clr-color-action-50);
  --clr-btn-default-outline-hover-color: var(--clr-color-action-800);
  --clr-btn-default-outline-box-shadow-color: var(--clr-color-action-500);
  --clr-btn-default-outline-disabled-color: var(--clr-color-neutral-700);
  --clr-btn-default-outline-disabled-bg-color: var(--clr-btn-default-outline-bg-color);
  --clr-btn-default-outline-disabled-border-color: var(--clr-color-neutral-600);
  --clr-btn-default-outline-checked-color: var(--clr-color-neutral-0);
  --clr-btn-default-outline-checked-bg-color: var(--clr-btn-default-outline-color);
  --clr-btn-primary-color: var(--clr-color-neutral-0);
  --clr-btn-primary-bg-color: var(--clr-color-action-600);
  --clr-btn-primary-border-color: var(--clr-color-action-600);
  --clr-btn-primary-hover-bg-color: var(--clr-color-action-800);
  --clr-btn-primary-hover-color: var(--clr-color-action-50);
  --clr-btn-primary-box-shadow-color: var(--clr-color-action-500);
  --clr-btn-primary-disabled-color: var(--clr-color-neutral-700);
  --clr-btn-primary-disabled-bg-color: var(--clr-color-neutral-400);
  --clr-btn-primary-disabled-border-color: var(--clr-color-neutral-400);
  --clr-btn-primary-checked-bg-color: var(--clr-color-action-600);
  --clr-btn-primary-checked-color: var(--clr-color-neutral-0);
  --clr-btn-primary-outline-color: var(--clr-color-action-600);
  --clr-btn-primary-outline-border-color: var(--clr-btn-default-outline-color);
  --clr-btn-primary-outline-bg-color: var(--clr-btn-outline-bg-color);
  --clr-btn-primary-outline-hover-bg-color: var(--clr-color-action-50);
  --clr-btn-primary-outline-hover-color: var(--clr-color-action-800);
  --clr-btn-primary-outline-box-shadow-color: var(--clr-color-action-500);
  --clr-btn-primary-outline-disabled-color: var(--clr-color-neutral-700);
  --clr-btn-primary-outline-disabled-bg-color: var(--clr-btn-default-outline-bg-color);
  --clr-btn-primary-outline-disabled-border-color: var(--clr-color-neutral-600);
  --clr-btn-primary-outline-checked-color: var(--clr-color-neutral-0);
  --clr-btn-primary-outline-checked-bg-color: var(--clr-btn-default-outline-color);
  --clr-btn-success-color: var(--clr-color-neutral-0);
  --clr-btn-success-bg-color: var(--clr-color-success-700);
  --clr-btn-success-border-color: var(--clr-btn-success-bg-color);
  --clr-btn-success-hover-bg-color: var(--clr-color-success-800);
  --clr-btn-success-hover-color: var(--clr-btn-success-color);
  --clr-btn-success-box-shadow-color: var(--clr-color-success-900);
  --clr-btn-success-disabled-color: var(--clr-color-neutral-700);
  --clr-btn-success-disabled-bg-color: var(--clr-color-neutral-400);
  --clr-btn-success-disabled-border-color: var(--clr-color-neutral-400);
  --clr-btn-success-checked-bg-color: var(--clr-btn-success-hover-bg-color);
  --clr-btn-success-checked-color: var(--clr-btn-success-color);
  --clr-btn-success-outline-color: var(--clr-color-success-700);
  --clr-btn-success-outline-bg-color: var(--clr-btn-outline-bg-color);
  --clr-btn-success-outline-border-color: var(--clr-color-success-700);
  --clr-btn-success-outline-hover-bg-color: var(--clr-color-success-50);
  --clr-btn-success-outline-hover-color: var(--clr-color-success-900);
  --clr-btn-success-outline-box-shadow-color: var(--clr-color-success-400);
  --clr-btn-success-outline-disabled-color: var(--clr-color-neutral-700);
  --clr-btn-success-outline-disabled-bg-color: var(--clr-btn-success-outline-bg-color);
  --clr-btn-success-outline-disabled-border-color: var(--clr-color-neutral-600);
  --clr-btn-success-outline-checked-bg-color: var(--clr-btn-success-outline-border-color);
  --clr-btn-success-outline-checked-color: var(--clr-color-neutral-0);
  --clr-btn-danger-color: var(--clr-color-neutral-0);
  --clr-btn-danger-bg-color: var(--clr-color-danger-700);
  --clr-btn-danger-border-color: var(--clr-btn-danger-bg-color);
  --clr-btn-danger-hover-bg-color: var(--clr-color-danger-800);
  --clr-btn-danger-hover-color: var(--clr-btn-danger-color);
  --clr-btn-danger-box-shadow-color: var(--clr-color-danger-900);
  --clr-btn-danger-disabled-color: var(--clr-color-neutral-700);
  --clr-btn-danger-disabled-bg-color: var(--clr-color-neutral-400);
  --clr-btn-danger-disabled-border-color: var(--clr-color-neutral-400);
  --clr-btn-danger-checked-bg-color: var(--clr-color-danger-800);
  --clr-btn-danger-checked-color: var(--clr-btn-danger-color);
  --clr-btn-danger-outline-color: var(--clr-color-danger-700);
  --clr-btn-danger-outline-bg-color: var(--clr-btn-outline-bg-color);
  --clr-btn-danger-outline-border-color: var(--clr-color-danger-800);
  --clr-btn-danger-outline-hover-bg-color: var(--clr-color-danger-100);
  --clr-btn-danger-outline-hover-color: var(--clr-color-danger-900);
  --clr-btn-danger-outline-box-shadow-color: var(--clr-color-danger-200);
  --clr-btn-danger-outline-disabled-color: var(--clr-color-neutral-700);
  --clr-btn-danger-outline-disabled-bg-color: var(--clr-btn-danger-outline-bg-color);
  --clr-btn-danger-outline-disabled-border-color: var(--clr-btn-danger-outline-disabled-color);
  --clr-btn-danger-outline-checked-bg-color: var(--clr-color-danger-800);
  --clr-btn-danger-outline-checked-color: var(--clr-color-neutral-0);
  --clr-btn-warning-color: var(--clr-color-neutral-0);
  --clr-btn-warning-bg-color: var(--clr-color-danger-700);
  --clr-btn-warning-border-color: var(--clr-btn-danger-bg-color);
  --clr-btn-warning-hover-bg-color: var(--clr-color-danger-800);
  --clr-btn-warning-hover-color: var(--clr-btn-danger-color);
  --clr-btn-warning-box-shadow-color: var(--clr-color-danger-900);
  --clr-btn-warning-disabled-color: var(--clr-color-neutral-700);
  --clr-btn-warning-disabled-bg-color: var(--clr-color-neutral-400);
  --clr-btn-warning-disabled-border-color: var(--clr-color-neutral-400);
  --clr-btn-warning-checked-bg-color: var(--clr-color-danger-800);
  --clr-btn-warning-checked-color: var(--clr-btn-danger-color);
  --clr-btn-warning-outline-color: var(--clr-color-danger-700);
  --clr-btn-warning-outline-bg-color: var(--clr-btn-outline-bg-color);
  --clr-btn-warning-outline-border-color: var(--clr-color-danger-800);
  --clr-btn-warning-outline-hover-bg-color: var(--clr-color-danger-100);
  --clr-btn-warning-outline-hover-color: var(--clr-color-danger-900);
  --clr-btn-warning-outline-box-shadow-color: var(--clr-color-danger-200);
  --clr-btn-warning-outline-disabled-color: var(--clr-color-neutral-700);
  --clr-btn-warning-outline-disabled-bg-color: var(--clr-btn-danger-outline-bg-color);
  --clr-btn-warning-outline-disabled-border-color: var(--clr-btn-danger-outline-disabled-color);
  --clr-btn-warning-outline-checked-bg-color: var(--clr-color-danger-800);
  --clr-btn-warning-outline-checked-color: var(--clr-color-neutral-0);
  --clr-btn-link-color: var(--clr-color-action-600);
  --clr-btn-link-visited-color: var(--clr-btn-link-color);
  --clr-btn-link-bg-color: var(--clr-btn-transparent-bg-color);
  --clr-btn-link-border-color: var(--clr-btn-transparent-bg-color);
  --clr-btn-link-hover-bg-color: var(--clr-btn-transparent-bg-color);
  --clr-btn-link-hover-color: var(--clr-color-action-800);
  --clr-btn-link-visited-hover-color: var(--clr-btn-link-hover-color);
  --clr-btn-link-disabled-color: var(--clr-color-neutral-700);
  --clr-btn-link-disabled-bg-color: var(--clr-btn-transparent-bg-color);
  --clr-btn-link-disabled-border-color: var(--clr-btn-transparent-bg-color);
  --clr-btn-link-checked-bg-color: var(--clr-btn-transparent-bg-color);
  --clr-btn-link-checked-color: var(--clr-color-action-800);
  --clr-btn-inverse-color: var(--clr-color-neutral-0);
  --clr-btn-inverse-border-color: var(--clr-color-neutral-0);
  --clr-btn-inverse-bg-color: var(--clr-btn-transparent-bg-color);
  --clr-btn-inverse-hover-bg-color: rgba(255, 255, 255, 0.15);
  --clr-btn-inverse-hover-color: var(--clr-color-neutral-0);
  --clr-btn-inverse-box-shadow-color: rgba(0, 0, 0, 0.25);
  --clr-btn-inverse-disabled-color: var(--clr-color-neutral-0);
  --clr-btn-inverse-disabled-bg-color: var(--clr-btn-inverse-bg-color);
  --clr-btn-inverse-disabled-border-color: var(--clr-color-neutral-0);
  --clr-btn-inverse-checked-bg-color: rgba(255, 255, 255, 0.15);
  --clr-btn-inverse-checked-color: var(--clr-color-neutral-0);
  --clr-btn-disabled-opacity: 0.4;
  --clr-btn-icon-disabled-color: var(
    --clr-btn-default-disabled-color,
    hsl(198, 0%, 40%)
  );
  --clr-btn-group-focus-outline: rgb(81, 203, 238);
}

.btn {
  cursor: pointer;
  align-items: center;
  place-content: center;
  /* clr-btn-display */
  display: inline-block;
  display: var(--clr-btn-display, inline-block);
  /* clr-btn-appearance-gap */
  gap: 8px;
  gap: var(--clr-btn-appearance-gap, 8px);
  -webkit-appearance: none !important;
  /* clr-btn-border-radius */
  border-radius: 0.15rem;
  border-radius: var(--clr-btn-border-radius, 0.15rem);
  /* clr-btn-border-width */
  border-width: 0.05rem;
  border-width: var(--clr-btn-border-width, 0.05rem);
  border-style: solid;
  min-width: 3.6rem;
  max-width: 18rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  vertical-align: middle;
  /* clr-btn-default-border-color */
  border-color: hsl(198, 100%, 32%);
  border-color: var(--clr-btn-default-border-color, hsl(198, 100%, 32%));
  /* clr-btn-default-bg-color */
  background-color: transparent;
  background-color: var(--clr-btn-default-bg-color, transparent);
  /* clr-btn-default-color */
  color: hsl(198, 100%, 32%);
  color: var(--clr-btn-default-color, hsl(198, 100%, 32%));
  /* clr-btn-appearance-form-line-height */
  line-height: 1.8rem;
  line-height: var(--clr-btn-appearance-form-line-height, 1.8rem);
  /* clr-btn-appearance-form-letter-spacing */
  letter-spacing: 0.12em;
  letter-spacing: var(--clr-btn-appearance-form-letter-spacing, 0.12em);
  /* clr-btn-appearance-form-font-size */
  font-size: 0.6rem;
  font-size: var(--clr-btn-appearance-form-font-size, 0.6rem);
  /* clr-btn-appearance-form-font-weight */
  font-weight: 500;
  font-weight: var(--clr-btn-appearance-form-font-weight, 500);
  /* clr-btn-appearance-form-height */
  height: 1.8rem;
  height: var(--clr-btn-appearance-form-height, 1.8rem);
  /* clr-btn-appearance-form-padding */
  padding: 0 0.6rem;
  padding: var(--clr-btn-appearance-form-padding, 0 0.6rem);
}

.btn:hover {
  text-decoration: none;
}

.btn cds-icon,
.btn clr-icon {
  /* clr-btn-default-color */
  color: hsl(198, 100%, 32%);
  color: var(--clr-btn-default-color, hsl(198, 100%, 32%));
}

.btn:hover {
  /* clr-btn-default-hover-bg-color */
  background-color: hsl(198, 83%, 94%);
  background-color: var(--clr-btn-default-hover-bg-color, hsl(198, 83%, 94%));
  /* clr-btn-default-hover-color */
  color: hsl(198, 100%, 24%);
  color: var(--clr-btn-default-hover-color, hsl(198, 100%, 24%));
}

.btn:hover cds-icon,
.btn:hover clr-icon {
  /* clr-btn-default-hover-color */
  color: hsl(198, 100%, 24%);
  color: var(--clr-btn-default-hover-color, hsl(198, 100%, 24%));
}

.btn:active {
  box-shadow: 0 0.1rem 0 0 hsl(198, 80%, 46%) inset;
  box-shadow: 0 0.1rem 0 0 var(--clr-btn-default-box-shadow-color, hsl(198, 80%, 46%)) inset;
}

.btn.disabled, .btn:disabled {
  /* clr-btn-default-disabled-color */
  color: hsl(198, 0%, 40%);
  color: var(--clr-btn-default-disabled-color, hsl(198, 0%, 40%));
  cursor: not-allowed;
  /* clr-btn-disabled-opacity */
  opacity: 0.4;
  opacity: var(--clr-btn-disabled-opacity, 0.4);
  /* clr-btn-default-disabled-bg-color */
  background-color: transparent;
  background-color: var(--clr-btn-default-disabled-bg-color, transparent);
  /* clr-btn-default-disabled-border-color */
  border-color: hsl(198, 0%, 55%);
  border-color: var(--clr-btn-default-disabled-border-color, hsl(198, 0%, 55%));
  box-shadow: none;
}

.btn-group > .btn clr-icon,
.btn clr-icon {
  transform: translate3d(0, -0.1rem, 0);
}

.btn-group > .btn cds-icon,
.btn cds-icon {
  /* clr-btn-appearance-icon-margin */
  margin-top: -0.14rem;
  margin-top: var(--clr-btn-appearance-icon-margin, -0.14rem);
}

a.btn,
.btn.btn-secondary,
.btn-secondary .btn {
  /* clr-btn-default-border-color */
  border-color: hsl(198, 100%, 32%);
  border-color: var(--clr-btn-default-border-color, hsl(198, 100%, 32%));
  /* clr-btn-default-bg-color */
  background-color: transparent;
  background-color: var(--clr-btn-default-bg-color, transparent);
  /* clr-btn-default-color */
  color: hsl(198, 100%, 32%);
  color: var(--clr-btn-default-color, hsl(198, 100%, 32%));
}

a.btn cds-icon,
a.btn clr-icon,
.btn.btn-secondary cds-icon,
.btn.btn-secondary clr-icon,
.btn-secondary .btn cds-icon,
.btn-secondary .btn clr-icon {
  /* clr-btn-default-color */
  color: hsl(198, 100%, 32%);
  color: var(--clr-btn-default-color, hsl(198, 100%, 32%));
}

a.btn:hover,
.btn.btn-secondary:hover,
.btn-secondary .btn:hover {
  /* clr-btn-default-hover-bg-color */
  background-color: hsl(198, 83%, 94%);
  background-color: var(--clr-btn-default-hover-bg-color, hsl(198, 83%, 94%));
  /* clr-btn-default-hover-color */
  color: hsl(198, 100%, 24%);
  color: var(--clr-btn-default-hover-color, hsl(198, 100%, 24%));
}

a.btn:hover cds-icon,
a.btn:hover clr-icon,
.btn.btn-secondary:hover cds-icon,
.btn.btn-secondary:hover clr-icon,
.btn-secondary .btn:hover cds-icon,
.btn-secondary .btn:hover clr-icon {
  /* clr-btn-default-hover-color */
  color: hsl(198, 100%, 24%);
  color: var(--clr-btn-default-hover-color, hsl(198, 100%, 24%));
}

a.btn:active,
.btn.btn-secondary:active,
.btn-secondary .btn:active {
  box-shadow: 0 0.1rem 0 0 hsl(198, 80%, 46%) inset;
  box-shadow: 0 0.1rem 0 0 var(--clr-btn-default-box-shadow-color, hsl(198, 80%, 46%)) inset;
}

a.btn.disabled, a.btn:disabled,
.btn.btn-secondary.disabled,
.btn.btn-secondary:disabled,
.btn-secondary .btn.disabled,
.btn-secondary .btn:disabled {
  /* clr-btn-default-disabled-color */
  color: hsl(198, 0%, 40%);
  color: var(--clr-btn-default-disabled-color, hsl(198, 0%, 40%));
  cursor: not-allowed;
  /* clr-btn-disabled-opacity */
  opacity: 0.4;
  opacity: var(--clr-btn-disabled-opacity, 0.4);
  /* clr-btn-default-disabled-bg-color */
  background-color: transparent;
  background-color: var(--clr-btn-default-disabled-bg-color, transparent);
  /* clr-btn-default-disabled-border-color */
  border-color: hsl(198, 0%, 55%);
  border-color: var(--clr-btn-default-disabled-border-color, hsl(198, 0%, 55%));
  box-shadow: none;
}

.btn.btn-info,
.btn-info .btn,
.btn.btn-primary,
.btn-primary .btn {
  /* clr-btn-primary-border-color */
  border-color: hsl(198, 100%, 32%);
  border-color: var(--clr-btn-primary-border-color, hsl(198, 100%, 32%));
  /* clr-btn-primary-bg-color */
  background-color: hsl(198, 100%, 32%);
  background-color: var(--clr-btn-primary-bg-color, hsl(198, 100%, 32%));
  /* clr-btn-primary-color */
  color: hsl(198, 0%, 100%);
  color: var(--clr-btn-primary-color, hsl(198, 0%, 100%));
}

.btn.btn-info cds-icon,
.btn.btn-info clr-icon,
.btn-info .btn cds-icon,
.btn-info .btn clr-icon,
.btn.btn-primary cds-icon,
.btn.btn-primary clr-icon,
.btn-primary .btn cds-icon,
.btn-primary .btn clr-icon {
  /* clr-btn-primary-color */
  color: hsl(198, 0%, 100%);
  color: var(--clr-btn-primary-color, hsl(198, 0%, 100%));
}

.btn.btn-info:hover,
.btn-info .btn:hover,
.btn.btn-primary:hover,
.btn-primary .btn:hover {
  /* clr-btn-primary-hover-bg-color */
  background-color: hsl(198, 100%, 24%);
  background-color: var(--clr-btn-primary-hover-bg-color, hsl(198, 100%, 24%));
  /* clr-btn-primary-hover-color */
  color: hsl(198, 83%, 94%);
  color: var(--clr-btn-primary-hover-color, hsl(198, 83%, 94%));
}

.btn.btn-info:hover cds-icon,
.btn.btn-info:hover clr-icon,
.btn-info .btn:hover cds-icon,
.btn-info .btn:hover clr-icon,
.btn.btn-primary:hover cds-icon,
.btn.btn-primary:hover clr-icon,
.btn-primary .btn:hover cds-icon,
.btn-primary .btn:hover clr-icon {
  /* clr-btn-primary-hover-color */
  color: hsl(198, 83%, 94%);
  color: var(--clr-btn-primary-hover-color, hsl(198, 83%, 94%));
}

.btn.btn-info:active,
.btn-info .btn:active,
.btn.btn-primary:active,
.btn-primary .btn:active {
  box-shadow: 0 0.1rem 0 0 hsl(198, 80%, 46%) inset;
  box-shadow: 0 0.1rem 0 0 var(--clr-btn-primary-box-shadow-color, hsl(198, 80%, 46%)) inset;
}

.btn.btn-info.disabled, .btn.btn-info:disabled,
.btn-info .btn.disabled,
.btn-info .btn:disabled,
.btn.btn-primary.disabled,
.btn.btn-primary:disabled,
.btn-primary .btn.disabled,
.btn-primary .btn:disabled {
  /* clr-btn-primary-disabled-color */
  color: hsl(198, 0%, 40%);
  color: var(--clr-btn-primary-disabled-color, hsl(198, 0%, 40%));
  cursor: not-allowed;
  /* clr-btn-disabled-opacity */
  opacity: 0.4;
  opacity: var(--clr-btn-disabled-opacity, 0.4);
  /* clr-btn-primary-disabled-bg-color */
  background-color: hsl(198, 0%, 80%);
  background-color: var(--clr-btn-primary-disabled-bg-color, hsl(198, 0%, 80%));
  /* clr-btn-primary-disabled-border-color */
  border-color: hsl(198, 0%, 80%);
  border-color: var(--clr-btn-primary-disabled-border-color, hsl(198, 0%, 80%));
  box-shadow: none;
}

.btn.btn-success,
.btn-success .btn {
  /* clr-btn-success-border-color */
  border-color: hsl(93, 100%, 26%);
  border-color: var(--clr-btn-success-border-color, hsl(93, 100%, 26%));
  /* clr-btn-success-bg-color */
  background-color: hsl(93, 100%, 26%);
  background-color: var(--clr-btn-success-bg-color, hsl(93, 100%, 26%));
  /* clr-btn-success-color */
  color: hsl(198, 0%, 100%);
  color: var(--clr-btn-success-color, hsl(198, 0%, 100%));
}

.btn.btn-success cds-icon,
.btn.btn-success clr-icon,
.btn-success .btn cds-icon,
.btn-success .btn clr-icon {
  /* clr-btn-success-color */
  color: hsl(198, 0%, 100%);
  color: var(--clr-btn-success-color, hsl(198, 0%, 100%));
}

.btn.btn-success:hover,
.btn-success .btn:hover {
  /* clr-btn-success-hover-bg-color */
  background-color: hsl(93, 100%, 21%);
  background-color: var(--clr-btn-success-hover-bg-color, hsl(93, 100%, 21%));
  /* clr-btn-success-hover-color */
  color: hsl(198, 0%, 100%);
  color: var(--clr-btn-success-hover-color, hsl(198, 0%, 100%));
}

.btn.btn-success:hover cds-icon,
.btn.btn-success:hover clr-icon,
.btn-success .btn:hover cds-icon,
.btn-success .btn:hover clr-icon {
  /* clr-btn-success-hover-color */
  color: hsl(198, 0%, 100%);
  color: var(--clr-btn-success-hover-color, hsl(198, 0%, 100%));
}

.btn.btn-success:active,
.btn-success .btn:active {
  box-shadow: 0 0.1rem 0 0 hsl(93, 100%, 16%) inset;
  box-shadow: 0 0.1rem 0 0 var(--clr-btn-success-box-shadow-color, hsl(93, 100%, 16%)) inset;
}

.btn.btn-success.disabled, .btn.btn-success:disabled,
.btn-success .btn.disabled,
.btn-success .btn:disabled {
  /* clr-btn-success-disabled-color */
  color: hsl(198, 0%, 40%);
  color: var(--clr-btn-success-disabled-color, hsl(198, 0%, 40%));
  cursor: not-allowed;
  /* clr-btn-disabled-opacity */
  opacity: 0.4;
  opacity: var(--clr-btn-disabled-opacity, 0.4);
  /* clr-btn-success-disabled-bg-color */
  background-color: hsl(198, 0%, 80%);
  background-color: var(--clr-btn-success-disabled-bg-color, hsl(198, 0%, 80%));
  /* clr-btn-success-disabled-border-color */
  border-color: hsl(198, 0%, 80%);
  border-color: var(--clr-btn-success-disabled-border-color, hsl(198, 0%, 80%));
  box-shadow: none;
}

.btn.btn-warning,
.btn-warning .btn {
  /* clr-btn-warning-border-color */
  border-color: hsl(9, 100%, 43%);
  border-color: var(--clr-btn-warning-border-color, hsl(9, 100%, 43%));
  /* clr-btn-warning-bg-color */
  background-color: hsl(9, 100%, 43%);
  background-color: var(--clr-btn-warning-bg-color, hsl(9, 100%, 43%));
  /* clr-btn-warning-color */
  color: hsl(198, 0%, 100%);
  color: var(--clr-btn-warning-color, hsl(198, 0%, 100%));
}

.btn.btn-warning cds-icon,
.btn.btn-warning clr-icon,
.btn-warning .btn cds-icon,
.btn-warning .btn clr-icon {
  /* clr-btn-warning-color */
  color: hsl(198, 0%, 100%);
  color: var(--clr-btn-warning-color, hsl(198, 0%, 100%));
}

.btn.btn-warning:hover,
.btn-warning .btn:hover {
  /* clr-btn-warning-hover-bg-color */
  background-color: hsl(9, 100%, 38%);
  background-color: var(--clr-btn-warning-hover-bg-color, hsl(9, 100%, 38%));
  /* clr-btn-warning-hover-color */
  color: hsl(198, 0%, 100%);
  color: var(--clr-btn-warning-hover-color, hsl(198, 0%, 100%));
}

.btn.btn-warning:hover cds-icon,
.btn.btn-warning:hover clr-icon,
.btn-warning .btn:hover cds-icon,
.btn-warning .btn:hover clr-icon {
  /* clr-btn-warning-hover-color */
  color: hsl(198, 0%, 100%);
  color: var(--clr-btn-warning-hover-color, hsl(198, 0%, 100%));
}

.btn.btn-warning:active,
.btn-warning .btn:active {
  box-shadow: 0 0.1rem 0 0 hsl(9, 100%, 30%) inset;
  box-shadow: 0 0.1rem 0 0 var(--clr-btn-warning-box-shadow-color, hsl(9, 100%, 30%)) inset;
}

.btn.btn-warning.disabled, .btn.btn-warning:disabled,
.btn-warning .btn.disabled,
.btn-warning .btn:disabled {
  /* clr-btn-warning-disabled-color */
  color: hsl(198, 0%, 40%);
  color: var(--clr-btn-warning-disabled-color, hsl(198, 0%, 40%));
  cursor: not-allowed;
  /* clr-btn-disabled-opacity */
  opacity: 0.4;
  opacity: var(--clr-btn-disabled-opacity, 0.4);
  /* clr-btn-warning-disabled-bg-color */
  background-color: hsl(198, 0%, 80%);
  background-color: var(--clr-btn-warning-disabled-bg-color, hsl(198, 0%, 80%));
  /* clr-btn-warning-disabled-border-color */
  border-color: hsl(198, 0%, 40%);
  border-color: var(--clr-btn-warning-disabled-border-color, hsl(198, 0%, 40%));
  box-shadow: none;
}

.btn.btn-danger,
.btn-danger .btn {
  /* clr-btn-danger-border-color */
  border-color: hsl(9, 100%, 43%);
  border-color: var(--clr-btn-danger-border-color, hsl(9, 100%, 43%));
  /* clr-btn-danger-bg-color */
  background-color: hsl(9, 100%, 43%);
  background-color: var(--clr-btn-danger-bg-color, hsl(9, 100%, 43%));
  /* clr-btn-danger-color */
  color: hsl(198, 0%, 100%);
  color: var(--clr-btn-danger-color, hsl(198, 0%, 100%));
}

.btn.btn-danger cds-icon,
.btn.btn-danger clr-icon,
.btn-danger .btn cds-icon,
.btn-danger .btn clr-icon {
  /* clr-btn-danger-color */
  color: hsl(198, 0%, 100%);
  color: var(--clr-btn-danger-color, hsl(198, 0%, 100%));
}

.btn.btn-danger:hover,
.btn-danger .btn:hover {
  /* clr-btn-danger-hover-bg-color */
  background-color: hsl(9, 100%, 38%);
  background-color: var(--clr-btn-danger-hover-bg-color, hsl(9, 100%, 38%));
  /* clr-btn-danger-hover-color */
  color: hsl(198, 0%, 100%);
  color: var(--clr-btn-danger-hover-color, hsl(198, 0%, 100%));
}

.btn.btn-danger:hover cds-icon,
.btn.btn-danger:hover clr-icon,
.btn-danger .btn:hover cds-icon,
.btn-danger .btn:hover clr-icon {
  /* clr-btn-danger-hover-color */
  color: hsl(198, 0%, 100%);
  color: var(--clr-btn-danger-hover-color, hsl(198, 0%, 100%));
}

.btn.btn-danger:active,
.btn-danger .btn:active {
  box-shadow: 0 0.1rem 0 0 hsl(9, 100%, 30%) inset;
  box-shadow: 0 0.1rem 0 0 var(--clr-btn-danger-box-shadow-color, hsl(9, 100%, 30%)) inset;
}

.btn.btn-danger.disabled, .btn.btn-danger:disabled,
.btn-danger .btn.disabled,
.btn-danger .btn:disabled {
  /* clr-btn-danger-disabled-color */
  color: hsl(198, 0%, 40%);
  color: var(--clr-btn-danger-disabled-color, hsl(198, 0%, 40%));
  cursor: not-allowed;
  /* clr-btn-disabled-opacity */
  opacity: 0.4;
  opacity: var(--clr-btn-disabled-opacity, 0.4);
  /* clr-btn-danger-disabled-bg-color */
  background-color: hsl(198, 0%, 80%);
  background-color: var(--clr-btn-danger-disabled-bg-color, hsl(198, 0%, 80%));
  /* clr-btn-danger-disabled-border-color */
  border-color: hsl(198, 0%, 40%);
  border-color: var(--clr-btn-danger-disabled-border-color, hsl(198, 0%, 40%));
  box-shadow: none;
}

.btn.btn-outline,
.btn.btn-outline .btn,
.btn.btn-secondary-outline,
.btn.btn-outline-secondary,
.btn-secondary-outline .btn,
.btn-outline-secondary .btn,
.btn-outline .btn {
  /* clr-btn-default-outline-border-color */
  border-color: hsl(198, 100%, 32%);
  border-color: var(--clr-btn-default-outline-border-color, hsl(198, 100%, 32%));
  /* clr-btn-default-outline-bg-color */
  background-color: transparent;
  background-color: var(--clr-btn-default-outline-bg-color, transparent);
  /* clr-btn-default-outline-color */
  color: hsl(198, 100%, 32%);
  color: var(--clr-btn-default-outline-color, hsl(198, 100%, 32%));
}

.btn.btn-outline cds-icon,
.btn.btn-outline clr-icon,
.btn.btn-outline .btn cds-icon,
.btn.btn-outline .btn clr-icon,
.btn.btn-secondary-outline cds-icon,
.btn.btn-secondary-outline clr-icon,
.btn.btn-outline-secondary cds-icon,
.btn.btn-outline-secondary clr-icon,
.btn-secondary-outline .btn cds-icon,
.btn-secondary-outline .btn clr-icon,
.btn-outline-secondary .btn cds-icon,
.btn-outline-secondary .btn clr-icon,
.btn-outline .btn cds-icon,
.btn-outline .btn clr-icon {
  /* clr-btn-default-outline-color */
  color: hsl(198, 100%, 32%);
  color: var(--clr-btn-default-outline-color, hsl(198, 100%, 32%));
}

.btn.btn-outline:hover,
.btn.btn-outline .btn:hover,
.btn.btn-secondary-outline:hover,
.btn.btn-outline-secondary:hover,
.btn-secondary-outline .btn:hover,
.btn-outline-secondary .btn:hover,
.btn-outline .btn:hover {
  /* clr-btn-default-outline-hover-bg-color */
  background-color: hsl(198, 83%, 94%);
  background-color: var(--clr-btn-default-outline-hover-bg-color, hsl(198, 83%, 94%));
  /* clr-btn-default-outline-hover-color */
  color: hsl(198, 100%, 24%);
  color: var(--clr-btn-default-outline-hover-color, hsl(198, 100%, 24%));
}

.btn.btn-outline:hover cds-icon,
.btn.btn-outline:hover clr-icon,
.btn.btn-outline .btn:hover cds-icon,
.btn.btn-outline .btn:hover clr-icon,
.btn.btn-secondary-outline:hover cds-icon,
.btn.btn-secondary-outline:hover clr-icon,
.btn.btn-outline-secondary:hover cds-icon,
.btn.btn-outline-secondary:hover clr-icon,
.btn-secondary-outline .btn:hover cds-icon,
.btn-secondary-outline .btn:hover clr-icon,
.btn-outline-secondary .btn:hover cds-icon,
.btn-outline-secondary .btn:hover clr-icon,
.btn-outline .btn:hover cds-icon,
.btn-outline .btn:hover clr-icon {
  /* clr-btn-default-outline-hover-color */
  color: hsl(198, 100%, 24%);
  color: var(--clr-btn-default-outline-hover-color, hsl(198, 100%, 24%));
}

.btn.btn-outline:active,
.btn.btn-outline .btn:active,
.btn.btn-secondary-outline:active,
.btn.btn-outline-secondary:active,
.btn-secondary-outline .btn:active,
.btn-outline-secondary .btn:active,
.btn-outline .btn:active {
  box-shadow: 0 0.1rem 0 0 hsl(198, 80%, 46%) inset;
  box-shadow: 0 0.1rem 0 0 var(--clr-btn-default-outline-box-shadow-color, hsl(198, 80%, 46%)) inset;
}

.btn.btn-outline.disabled, .btn.btn-outline:disabled,
.btn.btn-outline .btn.disabled,
.btn.btn-outline .btn:disabled,
.btn.btn-secondary-outline.disabled,
.btn.btn-secondary-outline:disabled,
.btn.btn-outline-secondary.disabled,
.btn.btn-outline-secondary:disabled,
.btn-secondary-outline .btn.disabled,
.btn-secondary-outline .btn:disabled,
.btn-outline-secondary .btn.disabled,
.btn-outline-secondary .btn:disabled,
.btn-outline .btn.disabled,
.btn-outline .btn:disabled {
  /* clr-btn-default-outline-disabled-color */
  color: hsl(198, 0%, 40%);
  color: var(--clr-btn-default-outline-disabled-color, hsl(198, 0%, 40%));
  cursor: not-allowed;
  /* clr-btn-disabled-opacity */
  opacity: 0.4;
  opacity: var(--clr-btn-disabled-opacity, 0.4);
  /* clr-btn-default-outline-disabled-bg-color */
  background-color: transparent;
  background-color: var(--clr-btn-default-outline-disabled-bg-color, transparent);
  /* clr-btn-default-outline-disabled-border-color */
  border-color: hsl(198, 0%, 55%);
  border-color: var(--clr-btn-default-outline-disabled-border-color, hsl(198, 0%, 55%));
  box-shadow: none;
}

.btn.btn-primary-outline,
.btn-outline-info .btn,
.btn-info-outline .btn,
.btn-primary-outline .btn,
.btn-outline-primary .btn,
.btn.btn-outline-primary,
.btn.btn-outline-info,
.btn.btn-info-outline,
.btn.btn-info-outline {
  /* clr-btn-primary-outline-border-color */
  border-color: var(--clr-btn-primary-outline-border-color, );
  /* clr-btn-primary-outline-bg-color */
  background-color: var(--clr-btn-primary-outline-bg-color, );
  /* clr-btn-primary-outline-color */
  color: var(--clr-btn-primary-outline-color, );
}

.btn.btn-primary-outline cds-icon,
.btn.btn-primary-outline clr-icon,
.btn-outline-info .btn cds-icon,
.btn-outline-info .btn clr-icon,
.btn-info-outline .btn cds-icon,
.btn-info-outline .btn clr-icon,
.btn-primary-outline .btn cds-icon,
.btn-primary-outline .btn clr-icon,
.btn-outline-primary .btn cds-icon,
.btn-outline-primary .btn clr-icon,
.btn.btn-outline-primary cds-icon,
.btn.btn-outline-primary clr-icon,
.btn.btn-outline-info cds-icon,
.btn.btn-outline-info clr-icon,
.btn.btn-info-outline cds-icon,
.btn.btn-info-outline clr-icon,
.btn.btn-info-outline cds-icon,
.btn.btn-info-outline clr-icon {
  /* clr-btn-primary-outline-color */
  color: var(--clr-btn-primary-outline-color, );
}

.btn.btn-primary-outline:hover,
.btn-outline-info .btn:hover,
.btn-info-outline .btn:hover,
.btn-primary-outline .btn:hover,
.btn-outline-primary .btn:hover,
.btn.btn-outline-primary:hover,
.btn.btn-outline-info:hover,
.btn.btn-info-outline:hover,
.btn.btn-info-outline:hover {
  /* clr-btn-primary-outline-hover-bg-color */
  background-color: var(--clr-btn-primary-outline-hover-bg-color, );
  /* clr-btn-primary-outline-hover-color */
  color: var(--clr-btn-primary-outline-hover-color, );
}

.btn.btn-primary-outline:hover cds-icon,
.btn.btn-primary-outline:hover clr-icon,
.btn-outline-info .btn:hover cds-icon,
.btn-outline-info .btn:hover clr-icon,
.btn-info-outline .btn:hover cds-icon,
.btn-info-outline .btn:hover clr-icon,
.btn-primary-outline .btn:hover cds-icon,
.btn-primary-outline .btn:hover clr-icon,
.btn-outline-primary .btn:hover cds-icon,
.btn-outline-primary .btn:hover clr-icon,
.btn.btn-outline-primary:hover cds-icon,
.btn.btn-outline-primary:hover clr-icon,
.btn.btn-outline-info:hover cds-icon,
.btn.btn-outline-info:hover clr-icon,
.btn.btn-info-outline:hover cds-icon,
.btn.btn-info-outline:hover clr-icon,
.btn.btn-info-outline:hover cds-icon,
.btn.btn-info-outline:hover clr-icon {
  /* clr-btn-primary-outline-hover-color */
  color: var(--clr-btn-primary-outline-hover-color, );
}

.btn.btn-primary-outline:active,
.btn-outline-info .btn:active,
.btn-info-outline .btn:active,
.btn-primary-outline .btn:active,
.btn-outline-primary .btn:active,
.btn.btn-outline-primary:active,
.btn.btn-outline-info:active,
.btn.btn-info-outline:active,
.btn.btn-info-outline:active {
  box-shadow: 0 0.1rem 0 0 inset;
  box-shadow: 0 0.1rem 0 0 var(--clr-btn-primary-outline-box-shadow-color, ) inset;
}

.btn.btn-primary-outline.disabled, .btn.btn-primary-outline:disabled,
.btn-outline-info .btn.disabled,
.btn-outline-info .btn:disabled,
.btn-info-outline .btn.disabled,
.btn-info-outline .btn:disabled,
.btn-primary-outline .btn.disabled,
.btn-primary-outline .btn:disabled,
.btn-outline-primary .btn.disabled,
.btn-outline-primary .btn:disabled,
.btn.btn-outline-primary.disabled,
.btn.btn-outline-primary:disabled,
.btn.btn-outline-info.disabled,
.btn.btn-outline-info:disabled,
.btn.btn-info-outline.disabled,
.btn.btn-info-outline:disabled,
.btn.btn-info-outline.disabled,
.btn.btn-info-outline:disabled {
  /* clr-btn-primary-outline-disabled-color */
  color: var(--clr-btn-primary-outline-disabled-color, );
  cursor: not-allowed;
  /* clr-btn-disabled-opacity */
  opacity: 0.4;
  opacity: var(--clr-btn-disabled-opacity, 0.4);
  /* clr-btn-primary-outline-disabled-bg-color */
  background-color: var(--clr-btn-primary-outline-disabled-bg-color, );
  /* clr-btn-primary-outline-disabled-border-color */
  border-color: var(--clr-btn-primary-outline-disabled-border-color, );
  box-shadow: none;
}

.btn.btn-success-outline,
.btn.btn-outline-success,
.btn-success-outline .btn,
.btn-outline-success .btn {
  /* clr-btn-success-outline-border-color */
  border-color: hsl(93, 100%, 26%);
  border-color: var(--clr-btn-success-outline-border-color, hsl(93, 100%, 26%));
  /* clr-btn-success-outline-bg-color */
  background-color: transparent;
  background-color: var(--clr-btn-success-outline-bg-color, transparent);
  /* clr-btn-success-outline-color */
  color: hsl(93, 100%, 26%);
  color: var(--clr-btn-success-outline-color, hsl(93, 100%, 26%));
}

.btn.btn-success-outline cds-icon,
.btn.btn-success-outline clr-icon,
.btn.btn-outline-success cds-icon,
.btn.btn-outline-success clr-icon,
.btn-success-outline .btn cds-icon,
.btn-success-outline .btn clr-icon,
.btn-outline-success .btn cds-icon,
.btn-outline-success .btn clr-icon {
  /* clr-btn-success-outline-color */
  color: hsl(93, 100%, 26%);
  color: var(--clr-btn-success-outline-color, hsl(93, 100%, 26%));
}

.btn.btn-success-outline:hover,
.btn.btn-outline-success:hover,
.btn-success-outline .btn:hover,
.btn-outline-success .btn:hover {
  /* clr-btn-success-outline-hover-bg-color */
  background-color: hsl(93, 52%, 88%);
  background-color: var(--clr-btn-success-outline-hover-bg-color, hsl(93, 52%, 88%));
  /* clr-btn-success-outline-hover-color */
  color: hsl(93, 100%, 16%);
  color: var(--clr-btn-success-outline-hover-color, hsl(93, 100%, 16%));
}

.btn.btn-success-outline:hover cds-icon,
.btn.btn-success-outline:hover clr-icon,
.btn.btn-outline-success:hover cds-icon,
.btn.btn-outline-success:hover clr-icon,
.btn-success-outline .btn:hover cds-icon,
.btn-success-outline .btn:hover clr-icon,
.btn-outline-success .btn:hover cds-icon,
.btn-outline-success .btn:hover clr-icon {
  /* clr-btn-success-outline-hover-color */
  color: hsl(93, 100%, 16%);
  color: var(--clr-btn-success-outline-hover-color, hsl(93, 100%, 16%));
}

.btn.btn-success-outline:active,
.btn.btn-outline-success:active,
.btn-success-outline .btn:active,
.btn-outline-success .btn:active {
  box-shadow: 0 0.1rem 0 0 hsl(93, 79%, 40%) inset;
  box-shadow: 0 0.1rem 0 0 var(--clr-btn-success-outline-box-shadow-color, hsl(93, 79%, 40%)) inset;
}

.btn.btn-success-outline.disabled, .btn.btn-success-outline:disabled,
.btn.btn-outline-success.disabled,
.btn.btn-outline-success:disabled,
.btn-success-outline .btn.disabled,
.btn-success-outline .btn:disabled,
.btn-outline-success .btn.disabled,
.btn-outline-success .btn:disabled {
  /* clr-btn-success-outline-disabled-color */
  color: hsl(198, 0%, 40%);
  color: var(--clr-btn-success-outline-disabled-color, hsl(198, 0%, 40%));
  cursor: not-allowed;
  /* clr-btn-disabled-opacity */
  opacity: 0.4;
  opacity: var(--clr-btn-disabled-opacity, 0.4);
  /* clr-btn-success-outline-disabled-bg-color */
  background-color: transparent;
  background-color: var(--clr-btn-success-outline-disabled-bg-color, transparent);
  /* clr-btn-success-outline-disabled-border-color */
  border-color: hsl(198, 0%, 55%);
  border-color: var(--clr-btn-success-outline-disabled-border-color, hsl(198, 0%, 55%));
  box-shadow: none;
}

.btn.btn-warning-outline,
.btn.btn-outline-warning,
.btn-warning-outline .btn,
.btn-outline-warning .btn {
  /* clr-btn-warning-outline-border-color */
  border-color: hsl(9, 100%, 38%);
  border-color: var(--clr-btn-warning-outline-border-color, hsl(9, 100%, 38%));
  /* clr-btn-warning-outline-bg-color */
  background-color: transparent;
  background-color: var(--clr-btn-warning-outline-bg-color, transparent);
  /* clr-btn-warning-outline-color */
  color: hsl(9, 100%, 43%);
  color: var(--clr-btn-warning-outline-color, hsl(9, 100%, 43%));
}

.btn.btn-warning-outline cds-icon,
.btn.btn-warning-outline clr-icon,
.btn.btn-outline-warning cds-icon,
.btn.btn-outline-warning clr-icon,
.btn-warning-outline .btn cds-icon,
.btn-warning-outline .btn clr-icon,
.btn-outline-warning .btn cds-icon,
.btn-outline-warning .btn clr-icon {
  /* clr-btn-warning-outline-color */
  color: hsl(9, 100%, 43%);
  color: var(--clr-btn-warning-outline-color, hsl(9, 100%, 43%));
}

.btn.btn-warning-outline:hover,
.btn.btn-outline-warning:hover,
.btn-warning-outline .btn:hover,
.btn-outline-warning .btn:hover {
  /* clr-btn-warning-outline-hover-bg-color */
  background-color: hsl(9, 95%, 92%);
  background-color: var(--clr-btn-warning-outline-hover-bg-color, hsl(9, 95%, 92%));
  /* clr-btn-warning-outline-hover-color */
  color: hsl(9, 100%, 30%);
  color: var(--clr-btn-warning-outline-hover-color, hsl(9, 100%, 30%));
}

.btn.btn-warning-outline:hover cds-icon,
.btn.btn-warning-outline:hover clr-icon,
.btn.btn-outline-warning:hover cds-icon,
.btn.btn-outline-warning:hover clr-icon,
.btn-warning-outline .btn:hover cds-icon,
.btn-warning-outline .btn:hover clr-icon,
.btn-outline-warning .btn:hover cds-icon,
.btn-outline-warning .btn:hover clr-icon {
  /* clr-btn-warning-outline-hover-color */
  color: hsl(9, 100%, 30%);
  color: var(--clr-btn-warning-outline-hover-color, hsl(9, 100%, 30%));
}

.btn.btn-warning-outline:active,
.btn.btn-outline-warning:active,
.btn-warning-outline .btn:active,
.btn-outline-warning .btn:active {
  box-shadow: 0 0.1rem 0 0 hsl(9, 91%, 86%) inset;
  box-shadow: 0 0.1rem 0 0 var(--clr-btn-warning-outline-box-shadow-color, hsl(9, 91%, 86%)) inset;
}

.btn.btn-warning-outline.disabled, .btn.btn-warning-outline:disabled,
.btn.btn-outline-warning.disabled,
.btn.btn-outline-warning:disabled,
.btn-warning-outline .btn.disabled,
.btn-warning-outline .btn:disabled,
.btn-outline-warning .btn.disabled,
.btn-outline-warning .btn:disabled {
  /* clr-btn-warning-outline-disabled-color */
  color: hsl(198, 0%, 40%);
  color: var(--clr-btn-warning-outline-disabled-color, hsl(198, 0%, 40%));
  cursor: not-allowed;
  /* clr-btn-disabled-opacity */
  opacity: 0.4;
  opacity: var(--clr-btn-disabled-opacity, 0.4);
  /* clr-btn-warning-outline-disabled-bg-color */
  background-color: transparent;
  background-color: var(--clr-btn-warning-outline-disabled-bg-color, transparent);
  /* clr-btn-warning-outline-disabled-border-color */
  border-color: hsl(198, 0%, 40%);
  border-color: var(--clr-btn-warning-outline-disabled-border-color, hsl(198, 0%, 40%));
  box-shadow: none;
}

.btn.btn-danger-outline,
.btn.btn-outline-danger,
.btn-danger-outline .btn,
.btn-outline-danger .btn {
  /* clr-btn-danger-outline-border-color */
  border-color: hsl(9, 100%, 38%);
  border-color: var(--clr-btn-danger-outline-border-color, hsl(9, 100%, 38%));
  /* clr-btn-danger-outline-bg-color */
  background-color: transparent;
  background-color: var(--clr-btn-danger-outline-bg-color, transparent);
  /* clr-btn-danger-outline-color */
  color: hsl(9, 100%, 43%);
  color: var(--clr-btn-danger-outline-color, hsl(9, 100%, 43%));
}

.btn.btn-danger-outline cds-icon,
.btn.btn-danger-outline clr-icon,
.btn.btn-outline-danger cds-icon,
.btn.btn-outline-danger clr-icon,
.btn-danger-outline .btn cds-icon,
.btn-danger-outline .btn clr-icon,
.btn-outline-danger .btn cds-icon,
.btn-outline-danger .btn clr-icon {
  /* clr-btn-danger-outline-color */
  color: hsl(9, 100%, 43%);
  color: var(--clr-btn-danger-outline-color, hsl(9, 100%, 43%));
}

.btn.btn-danger-outline:hover,
.btn.btn-outline-danger:hover,
.btn-danger-outline .btn:hover,
.btn-outline-danger .btn:hover {
  /* clr-btn-danger-outline-hover-bg-color */
  background-color: hsl(9, 95%, 92%);
  background-color: var(--clr-btn-danger-outline-hover-bg-color, hsl(9, 95%, 92%));
  /* clr-btn-danger-outline-hover-color */
  color: hsl(9, 100%, 30%);
  color: var(--clr-btn-danger-outline-hover-color, hsl(9, 100%, 30%));
}

.btn.btn-danger-outline:hover cds-icon,
.btn.btn-danger-outline:hover clr-icon,
.btn.btn-outline-danger:hover cds-icon,
.btn.btn-outline-danger:hover clr-icon,
.btn-danger-outline .btn:hover cds-icon,
.btn-danger-outline .btn:hover clr-icon,
.btn-outline-danger .btn:hover cds-icon,
.btn-outline-danger .btn:hover clr-icon {
  /* clr-btn-danger-outline-hover-color */
  color: hsl(9, 100%, 30%);
  color: var(--clr-btn-danger-outline-hover-color, hsl(9, 100%, 30%));
}

.btn.btn-danger-outline:active,
.btn.btn-outline-danger:active,
.btn-danger-outline .btn:active,
.btn-outline-danger .btn:active {
  box-shadow: 0 0.1rem 0 0 hsl(9, 91%, 86%) inset;
  box-shadow: 0 0.1rem 0 0 var(--clr-btn-danger-outline-box-shadow-color, hsl(9, 91%, 86%)) inset;
}

.btn.btn-danger-outline.disabled, .btn.btn-danger-outline:disabled,
.btn.btn-outline-danger.disabled,
.btn.btn-outline-danger:disabled,
.btn-danger-outline .btn.disabled,
.btn-danger-outline .btn:disabled,
.btn-outline-danger .btn.disabled,
.btn-outline-danger .btn:disabled {
  /* clr-btn-danger-outline-disabled-color */
  color: hsl(198, 0%, 40%);
  color: var(--clr-btn-danger-outline-disabled-color, hsl(198, 0%, 40%));
  cursor: not-allowed;
  /* clr-btn-disabled-opacity */
  opacity: 0.4;
  opacity: var(--clr-btn-disabled-opacity, 0.4);
  /* clr-btn-danger-outline-disabled-bg-color */
  background-color: transparent;
  background-color: var(--clr-btn-danger-outline-disabled-bg-color, transparent);
  /* clr-btn-danger-outline-disabled-border-color */
  border-color: hsl(198, 0%, 40%);
  border-color: var(--clr-btn-danger-outline-disabled-border-color, hsl(198, 0%, 40%));
  box-shadow: none;
}

.btn.btn-link,
.btn-link .btn {
  /* clr-btn-link-border-color */
  border-color: transparent;
  border-color: var(--clr-btn-link-border-color, transparent);
  /* clr-btn-link-bg-color */
  background-color: transparent;
  background-color: var(--clr-btn-link-bg-color, transparent);
  /* clr-btn-link-color */
  color: hsl(198, 100%, 32%);
  color: var(--clr-btn-link-color, hsl(198, 100%, 32%));
}

.btn.btn-link cds-icon,
.btn.btn-link clr-icon,
.btn-link .btn cds-icon,
.btn-link .btn clr-icon {
  /* clr-btn-link-color */
  color: hsl(198, 100%, 32%);
  color: var(--clr-btn-link-color, hsl(198, 100%, 32%));
}

.btn.btn-link:hover,
.btn-link .btn:hover {
  /* clr-btn-link-hover-bg-color */
  background-color: transparent;
  background-color: var(--clr-btn-link-hover-bg-color, transparent);
  /* clr-btn-link-hover-color */
  color: hsl(198, 100%, 24%);
  color: var(--clr-btn-link-hover-color, hsl(198, 100%, 24%));
}

.btn.btn-link:hover cds-icon,
.btn.btn-link:hover clr-icon,
.btn-link .btn:hover cds-icon,
.btn-link .btn:hover clr-icon {
  /* clr-btn-link-hover-color */
  color: hsl(198, 100%, 24%);
  color: var(--clr-btn-link-hover-color, hsl(198, 100%, 24%));
}

.btn.btn-link:active,
.btn-link .btn:active {
  box-shadow: none;
}

.btn.btn-link.disabled, .btn.btn-link:disabled,
.btn-link .btn.disabled,
.btn-link .btn:disabled {
  /* clr-btn-link-disabled-color */
  color: hsl(198, 0%, 40%);
  color: var(--clr-btn-link-disabled-color, hsl(198, 0%, 40%));
  cursor: not-allowed;
  /* clr-btn-disabled-opacity */
  opacity: 0.4;
  opacity: var(--clr-btn-disabled-opacity, 0.4);
  /* clr-btn-link-disabled-bg-color */
  background-color: transparent;
  background-color: var(--clr-btn-link-disabled-bg-color, transparent);
  /* clr-btn-link-disabled-border-color */
  border-color: transparent;
  border-color: var(--clr-btn-link-disabled-border-color, transparent);
  box-shadow: none;
}

.btn.btn-link:visited,
.btn-link .btn:visited {
  /* clr-btn-link-visited-color */
  color: var(--clr-btn-link-visited-color, );
}

.btn.btn-link:visited cds-icon,
.btn.btn-link:visited clr-icon,
.btn-link .btn:visited cds-icon,
.btn-link .btn:visited clr-icon {
  /* clr-btn-link-visited-color */
  color: var(--clr-btn-link-visited-color, );
}

.btn.btn-link:visited:hover,
.btn-link .btn:visited:hover {
  /* clr-btn-link-visited-hover-color */
  color: var(--clr-btn-link-visited-hover-color, );
}

.btn.btn-link:visited:hover cds-icon,
.btn.btn-link:visited:hover clr-icon,
.btn-link .btn:visited:hover cds-icon,
.btn-link .btn:visited:hover clr-icon {
  /* clr-btn-link-visited-hover-color */
  color: var(--clr-btn-link-visited-hover-color, );
}

.btn.btn-inverse, .alert-app-level .alert-item .btn,
.btn-inverse .btn {
  /* clr-btn-inverse-border-color */
  border-color: hsl(198, 0%, 100%);
  border-color: var(--clr-btn-inverse-border-color, hsl(198, 0%, 100%));
  /* clr-btn-inverse-bg-color */
  background-color: transparent;
  background-color: var(--clr-btn-inverse-bg-color, transparent);
  /* clr-btn-inverse-color */
  color: hsl(198, 0%, 100%);
  color: var(--clr-btn-inverse-color, hsl(198, 0%, 100%));
}

.btn.btn-inverse cds-icon, .alert-app-level .alert-item .btn cds-icon,
.btn.btn-inverse clr-icon,
.alert-app-level .alert-item .btn clr-icon,
.btn-inverse .btn cds-icon,
.btn-inverse .btn clr-icon {
  /* clr-btn-inverse-color */
  color: hsl(198, 0%, 100%);
  color: var(--clr-btn-inverse-color, hsl(198, 0%, 100%));
}

.btn.btn-inverse:hover, .alert-app-level .alert-item .btn:hover,
.btn-inverse .btn:hover {
  /* clr-btn-inverse-hover-bg-color */
  background-color: rgba(255, 255, 255, 0.15);
  background-color: var(--clr-btn-inverse-hover-bg-color, rgba(255, 255, 255, 0.15));
  /* clr-btn-inverse-hover-color */
  color: hsl(198, 0%, 100%);
  color: var(--clr-btn-inverse-hover-color, hsl(198, 0%, 100%));
}

.btn.btn-inverse:hover cds-icon, .alert-app-level .alert-item .btn:hover cds-icon,
.btn.btn-inverse:hover clr-icon,
.alert-app-level .alert-item .btn:hover clr-icon,
.btn-inverse .btn:hover cds-icon,
.btn-inverse .btn:hover clr-icon {
  /* clr-btn-inverse-hover-color */
  color: hsl(198, 0%, 100%);
  color: var(--clr-btn-inverse-hover-color, hsl(198, 0%, 100%));
}

.btn.btn-inverse:active, .alert-app-level .alert-item .btn:active,
.btn-inverse .btn:active {
  box-shadow: 0 0.1rem 0 0 rgba(0, 0, 0, 0.25) inset;
  box-shadow: 0 0.1rem 0 0 var(--clr-btn-inverse-box-shadow-color, rgba(0, 0, 0, 0.25)) inset;
}

.btn.btn-inverse.disabled, .alert-app-level .alert-item .btn.disabled, .btn.btn-inverse:disabled, .alert-app-level .alert-item .btn:disabled,
.btn-inverse .btn.disabled,
.btn-inverse .btn:disabled {
  /* clr-btn-inverse-disabled-color */
  color: hsl(198, 0%, 100%);
  color: var(--clr-btn-inverse-disabled-color, hsl(198, 0%, 100%));
  cursor: not-allowed;
  /* clr-btn-disabled-opacity */
  opacity: 0.4;
  opacity: var(--clr-btn-disabled-opacity, 0.4);
  /* clr-btn-inverse-disabled-bg-color */
  background-color: transparent;
  background-color: var(--clr-btn-inverse-disabled-bg-color, transparent);
  /* clr-btn-inverse-disabled-border-color */
  border-color: hsl(198, 0%, 100%);
  border-color: var(--clr-btn-inverse-disabled-border-color, hsl(198, 0%, 100%));
  box-shadow: none;
}

.btn.btn-sm, .alert-app-level .alert-item .btn,
.btn-sm .btn {
  /* clr-btn-appearance-standard-line-height */
  line-height: 1.15rem;
  line-height: var(--clr-btn-appearance-standard-line-height, 1.15rem);
  /* clr-btn-appearance-standard-letter-spacing */
  letter-spacing: 0.073em;
  letter-spacing: var(--clr-btn-appearance-standard-letter-spacing, 0.073em);
  /* clr-btn-appearance-standard-font-size */
  font-size: 0.55rem;
  font-size: var(--clr-btn-appearance-standard-font-size, 0.55rem);
  /* clr-btn-appearance-standard-font-weight */
  font-weight: 500;
  font-weight: var(--clr-btn-appearance-standard-font-weight, 500);
  /* clr-btn-appearance-standard-height */
  height: 1.2rem;
  height: var(--clr-btn-appearance-standard-height, 1.2rem);
  /* clr-btn-appearance-standard-padding */
  padding: 0 0.6rem;
  padding: var(--clr-btn-appearance-standard-padding, 0 0.6rem);
}

.btn-block {
  /* clr-btn-block-display */
  display: block;
  display: var(--clr-btn-block-display, block);
  width: 100%;
  max-width: 100%;
}

.btn {
  /* clr-btn-vertical-margin */
  margin-top: 0.3rem;
  margin-top: var(--clr-btn-vertical-margin, 0.3rem);
  /* clr-btn-vertical-margin */
  margin-bottom: 0.3rem;
  margin-bottom: var(--clr-btn-vertical-margin, 0.3rem);
  /* clr-btn-horizontal-margin */
  margin-right: 0.6rem;
  margin-right: var(--clr-btn-horizontal-margin, 0.6rem);
  margin-left: 0;
}

.btn.btn-link {
  margin-right: 0;
}

.btn.btn-link.btn-inverse, .alert-app-level .alert-item .btn.btn-link {
  border-color: transparent;
}

.btn-sm:not(.btn-link) clr-icon {
  /* clr-btn-appearance-standard-icon-size */
  width: 0.6rem;
  width: var(--clr-btn-appearance-standard-icon-size, 0.6rem);
  /* clr-btn-appearance-standard-icon-size */
  height: 0.6rem;
  height: var(--clr-btn-appearance-standard-icon-size, 0.6rem);
  transform: translate3d(0, -0.05rem, 0);
}

.btn-sm:not(.btn-link) cds-icon {
  /* clr-btn-appearance-standard-icon-size */
  width: 0.6rem;
  width: var(--clr-btn-appearance-standard-icon-size, 0.6rem);
  /* clr-btn-appearance-standard-icon-size */
  height: 0.6rem;
  height: var(--clr-btn-appearance-standard-icon-size, 0.6rem);
  /* clr-btn-appearance-sm-icon-margin */
  margin-top: -0.1rem;
  margin-top: var(--clr-btn-appearance-sm-icon-margin, -0.1rem);
}

.btn-icon {
  min-width: 0;
}

.btn.disabled cds-icon,
.btn.disabled clr-icon,
.btn:disabled cds-icon,
.btn:disabled clr-icon {
  /* clr-btn-icon-disabled-color */
  color: hsl(198, 0%, 80%);
  color: var(--clr-btn-icon-disabled-color, hsl(198, 0%, 80%));
}

.btn-group.btn-primary .dropdown-toggle, .btn-group.btn-success .dropdown-toggle, .btn-group.btn-warning .dropdown-toggle, .btn-group.btn-danger .dropdown-toggle {
  /* clr-btn-primary-border-color */
  border-color: hsl(198, 100%, 32%);
  border-color: var(--clr-btn-primary-border-color, hsl(198, 100%, 32%));
  /* clr-btn-primary-bg-color */
  background-color: hsl(198, 100%, 32%);
  background-color: var(--clr-btn-primary-bg-color, hsl(198, 100%, 32%));
  /* clr-btn-primary-color */
  color: hsl(198, 0%, 100%);
  color: var(--clr-btn-primary-color, hsl(198, 0%, 100%));
}

.btn-group.btn-primary .dropdown-toggle cds-icon,
.btn-group.btn-primary .dropdown-toggle clr-icon, .btn-group.btn-success .dropdown-toggle cds-icon,
.btn-group.btn-success .dropdown-toggle clr-icon, .btn-group.btn-warning .dropdown-toggle cds-icon,
.btn-group.btn-warning .dropdown-toggle clr-icon, .btn-group.btn-danger .dropdown-toggle cds-icon,
.btn-group.btn-danger .dropdown-toggle clr-icon {
  /* clr-btn-primary-color */
  color: hsl(198, 0%, 100%);
  color: var(--clr-btn-primary-color, hsl(198, 0%, 100%));
}

.btn-group.btn-primary .dropdown-toggle:hover, .btn-group.btn-success .dropdown-toggle:hover, .btn-group.btn-warning .dropdown-toggle:hover, .btn-group.btn-danger .dropdown-toggle:hover {
  /* clr-btn-primary-hover-bg-color */
  background-color: hsl(198, 100%, 24%);
  background-color: var(--clr-btn-primary-hover-bg-color, hsl(198, 100%, 24%));
  /* clr-btn-primary-hover-color */
  color: hsl(198, 83%, 94%);
  color: var(--clr-btn-primary-hover-color, hsl(198, 83%, 94%));
}

.btn-group.btn-primary .dropdown-toggle:hover cds-icon,
.btn-group.btn-primary .dropdown-toggle:hover clr-icon, .btn-group.btn-success .dropdown-toggle:hover cds-icon,
.btn-group.btn-success .dropdown-toggle:hover clr-icon, .btn-group.btn-warning .dropdown-toggle:hover cds-icon,
.btn-group.btn-warning .dropdown-toggle:hover clr-icon, .btn-group.btn-danger .dropdown-toggle:hover cds-icon,
.btn-group.btn-danger .dropdown-toggle:hover clr-icon {
  /* clr-btn-primary-hover-color */
  color: hsl(198, 83%, 94%);
  color: var(--clr-btn-primary-hover-color, hsl(198, 83%, 94%));
}

.btn-group.btn-primary .dropdown-toggle:active, .btn-group.btn-success .dropdown-toggle:active, .btn-group.btn-warning .dropdown-toggle:active, .btn-group.btn-danger .dropdown-toggle:active {
  box-shadow: 0 0.1rem 0 0 hsl(198, 80%, 46%) inset;
  box-shadow: 0 0.1rem 0 0 var(--clr-btn-primary-box-shadow-color, hsl(198, 80%, 46%)) inset;
}

.btn-group.btn-primary .dropdown-toggle.disabled, .btn-group.btn-primary .dropdown-toggle:disabled, .btn-group.btn-success .dropdown-toggle.disabled, .btn-group.btn-success .dropdown-toggle:disabled, .btn-group.btn-warning .dropdown-toggle.disabled, .btn-group.btn-warning .dropdown-toggle:disabled, .btn-group.btn-danger .dropdown-toggle.disabled, .btn-group.btn-danger .dropdown-toggle:disabled {
  /* clr-btn-primary-disabled-color */
  color: hsl(198, 0%, 40%);
  color: var(--clr-btn-primary-disabled-color, hsl(198, 0%, 40%));
  cursor: not-allowed;
  /* clr-btn-disabled-opacity */
  opacity: 0.4;
  opacity: var(--clr-btn-disabled-opacity, 0.4);
  /* clr-btn-primary-disabled-bg-color */
  background-color: hsl(198, 0%, 80%);
  background-color: var(--clr-btn-primary-disabled-bg-color, hsl(198, 0%, 80%));
  /* clr-btn-primary-disabled-border-color */
  border-color: hsl(198, 0%, 80%);
  border-color: var(--clr-btn-primary-disabled-border-color, hsl(198, 0%, 80%));
  box-shadow: none;
}

.btn-group.btn-danger :disabled {
  /* clr-color-neutral-400 */
  border-color: hsl(198, 0%, 80%);
  border-color: var(--clr-color-neutral-400, hsl(198, 0%, 80%));
}

.btn-group.btn-link .dropdown-toggle {
  /* clr-btn-link-border-color */
  border-color: transparent;
  border-color: var(--clr-btn-link-border-color, transparent);
  /* clr-btn-link-bg-color */
  background-color: transparent;
  background-color: var(--clr-btn-link-bg-color, transparent);
  /* clr-btn-link-color */
  color: hsl(198, 100%, 32%);
  color: var(--clr-btn-link-color, hsl(198, 100%, 32%));
}

.btn-group.btn-link .dropdown-toggle cds-icon,
.btn-group.btn-link .dropdown-toggle clr-icon {
  /* clr-btn-link-color */
  color: hsl(198, 100%, 32%);
  color: var(--clr-btn-link-color, hsl(198, 100%, 32%));
}

.btn-group.btn-link .dropdown-toggle:hover {
  /* clr-btn-link-hover-bg-color */
  background-color: transparent;
  background-color: var(--clr-btn-link-hover-bg-color, transparent);
  /* clr-btn-link-hover-color */
  color: hsl(198, 100%, 24%);
  color: var(--clr-btn-link-hover-color, hsl(198, 100%, 24%));
}

.btn-group.btn-link .dropdown-toggle:hover cds-icon,
.btn-group.btn-link .dropdown-toggle:hover clr-icon {
  /* clr-btn-link-hover-color */
  color: hsl(198, 100%, 24%);
  color: var(--clr-btn-link-hover-color, hsl(198, 100%, 24%));
}

.btn-group.btn-link .dropdown-toggle:active {
  box-shadow: none;
}

.btn-group.btn-link .dropdown-toggle.disabled, .btn-group.btn-link .dropdown-toggle:disabled {
  /* clr-btn-link-disabled-color */
  color: hsl(198, 0%, 40%);
  color: var(--clr-btn-link-disabled-color, hsl(198, 0%, 40%));
  cursor: not-allowed;
  /* clr-btn-disabled-opacity */
  opacity: 0.4;
  opacity: var(--clr-btn-disabled-opacity, 0.4);
  /* clr-btn-link-disabled-bg-color */
  background-color: transparent;
  background-color: var(--clr-btn-link-disabled-bg-color, transparent);
  /* clr-btn-link-disabled-border-color */
  border-color: transparent;
  border-color: var(--clr-btn-link-disabled-border-color, transparent);
  box-shadow: none;
}

.btn-group.btn-sm .btn-group-overflow > .dropdown-toggle {
  /* clr-btn-appearance-standard-line-height */
  line-height: 1.15rem;
  line-height: var(--clr-btn-appearance-standard-line-height, 1.15rem);
  /* clr-btn-appearance-standard-letter-spacing */
  letter-spacing: 0.073em;
  letter-spacing: var(--clr-btn-appearance-standard-letter-spacing, 0.073em);
  /* clr-btn-appearance-standard-font-size */
  font-size: 0.55rem;
  font-size: var(--clr-btn-appearance-standard-font-size, 0.55rem);
  /* clr-btn-appearance-standard-font-weight */
  font-weight: 500;
  font-weight: var(--clr-btn-appearance-standard-font-weight, 500);
  /* clr-btn-appearance-standard-height */
  height: 1.2rem;
  height: var(--clr-btn-appearance-standard-height, 1.2rem);
  /* clr-btn-appearance-standard-padding */
  padding: 0 0.6rem;
  padding: var(--clr-btn-appearance-standard-padding, 0 0.6rem);
}

.checkbox.btn,
.checkbox-inline.btn,
.radio.btn,
.radio-inline.btn {
  padding: 0;
}

.checkbox.btn label,
.checkbox-inline.btn label,
.radio.btn label,
.radio-inline.btn label {
  display: block;
  line-height: inherit;
  padding: 0 0.6rem;
  cursor: pointer;
}

.checkbox.btn input[type=checkbox] + label::before,
.checkbox.btn input[type=checkbox] + label::after,
.checkbox-inline.btn input[type=checkbox] + label::before,
.checkbox-inline.btn input[type=checkbox] + label::after {
  content: none;
}

.radio.btn input[type=radio] + label::before,
.radio.btn input[type=radio] + label::after,
.radio-inline.btn input[type=radio] + label::before,
.radio-inline.btn input[type=radio] + label::after {
  content: none;
}

.checkbox.btn input[type=checkbox]:checked + label,
.checkbox.btn input[type=checkbox]:checked + label > clr-icon,
.checkbox.btn input[type=checkbox]:checked + label > cds-icon,
.checkbox-inline.btn input[type=checkbox]:checked + label,
.checkbox-inline.btn input[type=checkbox]:checked + label > clr-icon,
.checkbox-inline.btn input[type=checkbox]:checked + label > cds-icon {
  background-color: hsl(198, 100%, 32%);
  color: hsl(198, 0%, 100%);
}

.checkbox.btn label,
.checkbox-inline.btn label {
  width: 100%;
}

.checkbox.btn.btn-secondary input[type=checkbox]:checked + label,
.checkbox.btn.btn-secondary input[type=checkbox]:checked + label > clr-icon,
.checkbox.btn.btn-secondary input[type=checkbox]:checked + label > cds-icon, .checkbox.btn.btn-info input[type=checkbox]:checked + label,
.checkbox.btn.btn-info input[type=checkbox]:checked + label > clr-icon,
.checkbox.btn.btn-info input[type=checkbox]:checked + label > cds-icon, .checkbox.btn.btn-outline input[type=checkbox]:checked + label,
.checkbox.btn.btn-outline input[type=checkbox]:checked + label > clr-icon,
.checkbox.btn.btn-outline input[type=checkbox]:checked + label > cds-icon, .checkbox.btn.btn-primary-outline input[type=checkbox]:checked + label,
.checkbox.btn.btn-primary-outline input[type=checkbox]:checked + label > clr-icon,
.checkbox.btn.btn-primary-outline input[type=checkbox]:checked + label > cds-icon, .checkbox.btn.btn-secondary-outline input[type=checkbox]:checked + label,
.checkbox.btn.btn-secondary-outline input[type=checkbox]:checked + label > clr-icon,
.checkbox.btn.btn-secondary-outline input[type=checkbox]:checked + label > cds-icon, .checkbox.btn.btn-outline-primary input[type=checkbox]:checked + label,
.checkbox.btn.btn-outline-primary input[type=checkbox]:checked + label > clr-icon,
.checkbox.btn.btn-outline-primary input[type=checkbox]:checked + label > cds-icon, .checkbox.btn.btn-outline-secondary input[type=checkbox]:checked + label,
.checkbox.btn.btn-outline-secondary input[type=checkbox]:checked + label > clr-icon,
.checkbox.btn.btn-outline-secondary input[type=checkbox]:checked + label > cds-icon, .checkbox.btn.btn-info-outline input[type=checkbox]:checked + label,
.checkbox.btn.btn-info-outline input[type=checkbox]:checked + label > clr-icon,
.checkbox.btn.btn-info-outline input[type=checkbox]:checked + label > cds-icon, .checkbox.btn.btn-outline-info input[type=checkbox]:checked + label,
.checkbox.btn.btn-outline-info input[type=checkbox]:checked + label > clr-icon,
.checkbox.btn.btn-outline-info input[type=checkbox]:checked + label > cds-icon,
.checkbox-inline.btn.btn-secondary input[type=checkbox]:checked + label,
.checkbox-inline.btn.btn-secondary input[type=checkbox]:checked + label > clr-icon,
.checkbox-inline.btn.btn-secondary input[type=checkbox]:checked + label > cds-icon,
.checkbox-inline.btn.btn-info input[type=checkbox]:checked + label,
.checkbox-inline.btn.btn-info input[type=checkbox]:checked + label > clr-icon,
.checkbox-inline.btn.btn-info input[type=checkbox]:checked + label > cds-icon,
.checkbox-inline.btn.btn-outline input[type=checkbox]:checked + label,
.checkbox-inline.btn.btn-outline input[type=checkbox]:checked + label > clr-icon,
.checkbox-inline.btn.btn-outline input[type=checkbox]:checked + label > cds-icon,
.checkbox-inline.btn.btn-primary-outline input[type=checkbox]:checked + label,
.checkbox-inline.btn.btn-primary-outline input[type=checkbox]:checked + label > clr-icon,
.checkbox-inline.btn.btn-primary-outline input[type=checkbox]:checked + label > cds-icon,
.checkbox-inline.btn.btn-secondary-outline input[type=checkbox]:checked + label,
.checkbox-inline.btn.btn-secondary-outline input[type=checkbox]:checked + label > clr-icon,
.checkbox-inline.btn.btn-secondary-outline input[type=checkbox]:checked + label > cds-icon,
.checkbox-inline.btn.btn-outline-primary input[type=checkbox]:checked + label,
.checkbox-inline.btn.btn-outline-primary input[type=checkbox]:checked + label > clr-icon,
.checkbox-inline.btn.btn-outline-primary input[type=checkbox]:checked + label > cds-icon,
.checkbox-inline.btn.btn-outline-secondary input[type=checkbox]:checked + label,
.checkbox-inline.btn.btn-outline-secondary input[type=checkbox]:checked + label > clr-icon,
.checkbox-inline.btn.btn-outline-secondary input[type=checkbox]:checked + label > cds-icon,
.checkbox-inline.btn.btn-info-outline input[type=checkbox]:checked + label,
.checkbox-inline.btn.btn-info-outline input[type=checkbox]:checked + label > clr-icon,
.checkbox-inline.btn.btn-info-outline input[type=checkbox]:checked + label > cds-icon,
.checkbox-inline.btn.btn-outline-info input[type=checkbox]:checked + label,
.checkbox-inline.btn.btn-outline-info input[type=checkbox]:checked + label > clr-icon,
.checkbox-inline.btn.btn-outline-info input[type=checkbox]:checked + label > cds-icon {
  background-color: hsl(198, 100%, 32%);
  color: hsl(198, 0%, 100%);
}

.checkbox.btn.btn-primary input[type=checkbox]:checked + label,
.checkbox.btn.btn-primary input[type=checkbox]:checked + label > clr-icon,
.checkbox.btn.btn-primary input[type=checkbox]:checked + label > cds-icon,
.checkbox-inline.btn.btn-primary input[type=checkbox]:checked + label,
.checkbox-inline.btn.btn-primary input[type=checkbox]:checked + label > clr-icon,
.checkbox-inline.btn.btn-primary input[type=checkbox]:checked + label > cds-icon {
  background-color: hsl(198, 100%, 32%);
  color: hsl(198, 0%, 100%);
}

.checkbox.btn.btn-success input[type=checkbox]:checked + label,
.checkbox.btn.btn-success input[type=checkbox]:checked + label > clr-icon,
.checkbox.btn.btn-success input[type=checkbox]:checked + label > cds-icon,
.checkbox-inline.btn.btn-success input[type=checkbox]:checked + label,
.checkbox-inline.btn.btn-success input[type=checkbox]:checked + label > clr-icon,
.checkbox-inline.btn.btn-success input[type=checkbox]:checked + label > cds-icon {
  background-color: hsl(93, 100%, 21%);
  color: hsl(198, 0%, 100%);
}

.checkbox.btn.btn-warning input[type=checkbox]:checked + label,
.checkbox.btn.btn-warning input[type=checkbox]:checked + label > clr-icon,
.checkbox.btn.btn-warning input[type=checkbox]:checked + label > cds-icon,
.checkbox-inline.btn.btn-warning input[type=checkbox]:checked + label,
.checkbox-inline.btn.btn-warning input[type=checkbox]:checked + label > clr-icon,
.checkbox-inline.btn.btn-warning input[type=checkbox]:checked + label > cds-icon {
  background-color: hsl(9, 100%, 38%);
  color: hsl(198, 0%, 100%);
}

.checkbox.btn.btn-danger input[type=checkbox]:checked + label,
.checkbox.btn.btn-danger input[type=checkbox]:checked + label > clr-icon,
.checkbox.btn.btn-danger input[type=checkbox]:checked + label > cds-icon,
.checkbox-inline.btn.btn-danger input[type=checkbox]:checked + label,
.checkbox-inline.btn.btn-danger input[type=checkbox]:checked + label > clr-icon,
.checkbox-inline.btn.btn-danger input[type=checkbox]:checked + label > cds-icon {
  background-color: hsl(9, 100%, 38%);
  color: hsl(198, 0%, 100%);
}

.checkbox.btn.btn-link input[type=checkbox]:checked + label,
.checkbox.btn.btn-link input[type=checkbox]:checked + label > clr-icon,
.checkbox.btn.btn-link input[type=checkbox]:checked + label > cds-icon,
.checkbox-inline.btn.btn-link input[type=checkbox]:checked + label,
.checkbox-inline.btn.btn-link input[type=checkbox]:checked + label > clr-icon,
.checkbox-inline.btn.btn-link input[type=checkbox]:checked + label > cds-icon {
  background-color: transparent;
  color: hsl(198, 100%, 24%);
}

.checkbox.btn.btn-inverse input[type=checkbox]:checked + label,
.checkbox.btn.btn-inverse input[type=checkbox]:checked + label > clr-icon,
.checkbox.btn.btn-inverse input[type=checkbox]:checked + label > cds-icon,
.checkbox-inline.btn.btn-inverse input[type=checkbox]:checked + label,
.checkbox-inline.btn.btn-inverse input[type=checkbox]:checked + label > clr-icon,
.checkbox-inline.btn.btn-inverse input[type=checkbox]:checked + label > cds-icon {
  background-color: rgba(255, 255, 255, 0.15);
  color: hsl(198, 0%, 100%);
}

.radio.btn input[type=radio]:checked + label,
.radio.btn input[type=radio]:checked + label > clr-icon,
.radio.btn input[type=radio]:checked + label > cds-icon,
.radio.btn input[type=radio]:checked + label,
.radio.btn input[type=radio]:checked + label > clr-icon,
.radio.btn input[type=radio]:checked + label > cds-icon {
  background-color: hsl(198, 100%, 32%);
  color: hsl(198, 0%, 100%);
}

.radio.btn label,
.radio.btn label {
  width: 100%;
}

.radio.btn.btn-secondary input[type=radio]:checked + label,
.radio.btn.btn-secondary input[type=radio]:checked + label > clr-icon,
.radio.btn.btn-secondary input[type=radio]:checked + label > cds-icon, .radio.btn.btn-info input[type=radio]:checked + label,
.radio.btn.btn-info input[type=radio]:checked + label > clr-icon,
.radio.btn.btn-info input[type=radio]:checked + label > cds-icon, .radio.btn.btn-outline input[type=radio]:checked + label,
.radio.btn.btn-outline input[type=radio]:checked + label > clr-icon,
.radio.btn.btn-outline input[type=radio]:checked + label > cds-icon, .radio.btn.btn-primary-outline input[type=radio]:checked + label,
.radio.btn.btn-primary-outline input[type=radio]:checked + label > clr-icon,
.radio.btn.btn-primary-outline input[type=radio]:checked + label > cds-icon, .radio.btn.btn-secondary-outline input[type=radio]:checked + label,
.radio.btn.btn-secondary-outline input[type=radio]:checked + label > clr-icon,
.radio.btn.btn-secondary-outline input[type=radio]:checked + label > cds-icon, .radio.btn.btn-outline-primary input[type=radio]:checked + label,
.radio.btn.btn-outline-primary input[type=radio]:checked + label > clr-icon,
.radio.btn.btn-outline-primary input[type=radio]:checked + label > cds-icon, .radio.btn.btn-outline-secondary input[type=radio]:checked + label,
.radio.btn.btn-outline-secondary input[type=radio]:checked + label > clr-icon,
.radio.btn.btn-outline-secondary input[type=radio]:checked + label > cds-icon, .radio.btn.btn-info-outline input[type=radio]:checked + label,
.radio.btn.btn-info-outline input[type=radio]:checked + label > clr-icon,
.radio.btn.btn-info-outline input[type=radio]:checked + label > cds-icon, .radio.btn.btn-outline-info input[type=radio]:checked + label,
.radio.btn.btn-outline-info input[type=radio]:checked + label > clr-icon,
.radio.btn.btn-outline-info input[type=radio]:checked + label > cds-icon,
.radio.btn.btn-secondary input[type=radio]:checked + label,
.radio.btn.btn-secondary input[type=radio]:checked + label > clr-icon,
.radio.btn.btn-secondary input[type=radio]:checked + label > cds-icon,
.radio.btn.btn-info input[type=radio]:checked + label,
.radio.btn.btn-info input[type=radio]:checked + label > clr-icon,
.radio.btn.btn-info input[type=radio]:checked + label > cds-icon,
.radio.btn.btn-outline input[type=radio]:checked + label,
.radio.btn.btn-outline input[type=radio]:checked + label > clr-icon,
.radio.btn.btn-outline input[type=radio]:checked + label > cds-icon,
.radio.btn.btn-primary-outline input[type=radio]:checked + label,
.radio.btn.btn-primary-outline input[type=radio]:checked + label > clr-icon,
.radio.btn.btn-primary-outline input[type=radio]:checked + label > cds-icon,
.radio.btn.btn-secondary-outline input[type=radio]:checked + label,
.radio.btn.btn-secondary-outline input[type=radio]:checked + label > clr-icon,
.radio.btn.btn-secondary-outline input[type=radio]:checked + label > cds-icon,
.radio.btn.btn-outline-primary input[type=radio]:checked + label,
.radio.btn.btn-outline-primary input[type=radio]:checked + label > clr-icon,
.radio.btn.btn-outline-primary input[type=radio]:checked + label > cds-icon,
.radio.btn.btn-outline-secondary input[type=radio]:checked + label,
.radio.btn.btn-outline-secondary input[type=radio]:checked + label > clr-icon,
.radio.btn.btn-outline-secondary input[type=radio]:checked + label > cds-icon,
.radio.btn.btn-info-outline input[type=radio]:checked + label,
.radio.btn.btn-info-outline input[type=radio]:checked + label > clr-icon,
.radio.btn.btn-info-outline input[type=radio]:checked + label > cds-icon,
.radio.btn.btn-outline-info input[type=radio]:checked + label,
.radio.btn.btn-outline-info input[type=radio]:checked + label > clr-icon,
.radio.btn.btn-outline-info input[type=radio]:checked + label > cds-icon {
  background-color: hsl(198, 100%, 32%);
  color: hsl(198, 0%, 100%);
}

.radio.btn.btn-primary input[type=radio]:checked + label,
.radio.btn.btn-primary input[type=radio]:checked + label > clr-icon,
.radio.btn.btn-primary input[type=radio]:checked + label > cds-icon,
.radio.btn.btn-primary input[type=radio]:checked + label,
.radio.btn.btn-primary input[type=radio]:checked + label > clr-icon,
.radio.btn.btn-primary input[type=radio]:checked + label > cds-icon {
  background-color: hsl(198, 100%, 32%);
  color: hsl(198, 0%, 100%);
}

.radio.btn.btn-success input[type=radio]:checked + label,
.radio.btn.btn-success input[type=radio]:checked + label > clr-icon,
.radio.btn.btn-success input[type=radio]:checked + label > cds-icon,
.radio.btn.btn-success input[type=radio]:checked + label,
.radio.btn.btn-success input[type=radio]:checked + label > clr-icon,
.radio.btn.btn-success input[type=radio]:checked + label > cds-icon {
  background-color: hsl(93, 100%, 21%);
  color: hsl(198, 0%, 100%);
}

.radio.btn.btn-warning input[type=radio]:checked + label,
.radio.btn.btn-warning input[type=radio]:checked + label > clr-icon,
.radio.btn.btn-warning input[type=radio]:checked + label > cds-icon,
.radio.btn.btn-warning input[type=radio]:checked + label,
.radio.btn.btn-warning input[type=radio]:checked + label > clr-icon,
.radio.btn.btn-warning input[type=radio]:checked + label > cds-icon {
  background-color: hsl(9, 100%, 38%);
  color: hsl(198, 0%, 100%);
}

.radio.btn.btn-danger input[type=radio]:checked + label,
.radio.btn.btn-danger input[type=radio]:checked + label > clr-icon,
.radio.btn.btn-danger input[type=radio]:checked + label > cds-icon,
.radio.btn.btn-danger input[type=radio]:checked + label,
.radio.btn.btn-danger input[type=radio]:checked + label > clr-icon,
.radio.btn.btn-danger input[type=radio]:checked + label > cds-icon {
  background-color: hsl(9, 100%, 38%);
  color: hsl(198, 0%, 100%);
}

.radio.btn.btn-success-outline input[type=radio]:checked + label,
.radio.btn.btn-success-outline input[type=radio]:checked + label > clr-icon,
.radio.btn.btn-success-outline input[type=radio]:checked + label > cds-icon, .radio.btn.btn-outline-success input[type=radio]:checked + label,
.radio.btn.btn-outline-success input[type=radio]:checked + label > clr-icon,
.radio.btn.btn-outline-success input[type=radio]:checked + label > cds-icon,
.radio.btn.btn-success-outline input[type=radio]:checked + label,
.radio.btn.btn-success-outline input[type=radio]:checked + label > clr-icon,
.radio.btn.btn-success-outline input[type=radio]:checked + label > cds-icon,
.radio.btn.btn-outline-success input[type=radio]:checked + label,
.radio.btn.btn-outline-success input[type=radio]:checked + label > clr-icon,
.radio.btn.btn-outline-success input[type=radio]:checked + label > cds-icon {
  background-color: hsl(93, 100%, 26%);
  color: hsl(198, 0%, 100%);
}

.radio.btn.btn-warning-outline input[type=radio]:checked + label,
.radio.btn.btn-warning-outline input[type=radio]:checked + label > clr-icon,
.radio.btn.btn-warning-outline input[type=radio]:checked + label > cds-icon, .radio.btn.btn-outline-warning input[type=radio]:checked + label,
.radio.btn.btn-outline-warning input[type=radio]:checked + label > clr-icon,
.radio.btn.btn-outline-warning input[type=radio]:checked + label > cds-icon,
.radio.btn.btn-warning-outline input[type=radio]:checked + label,
.radio.btn.btn-warning-outline input[type=radio]:checked + label > clr-icon,
.radio.btn.btn-warning-outline input[type=radio]:checked + label > cds-icon,
.radio.btn.btn-outline-warning input[type=radio]:checked + label,
.radio.btn.btn-outline-warning input[type=radio]:checked + label > clr-icon,
.radio.btn.btn-outline-warning input[type=radio]:checked + label > cds-icon {
  background-color: hsl(9, 100%, 38%);
  color: hsl(198, 0%, 100%);
}

.radio.btn.btn-danger-outline input[type=radio]:checked + label,
.radio.btn.btn-danger-outline input[type=radio]:checked + label > clr-icon,
.radio.btn.btn-danger-outline input[type=radio]:checked + label > cds-icon, .radio.btn.btn-outline-danger input[type=radio]:checked + label,
.radio.btn.btn-outline-danger input[type=radio]:checked + label > clr-icon,
.radio.btn.btn-outline-danger input[type=radio]:checked + label > cds-icon,
.radio.btn.btn-danger-outline input[type=radio]:checked + label,
.radio.btn.btn-danger-outline input[type=radio]:checked + label > clr-icon,
.radio.btn.btn-danger-outline input[type=radio]:checked + label > cds-icon,
.radio.btn.btn-outline-danger input[type=radio]:checked + label,
.radio.btn.btn-outline-danger input[type=radio]:checked + label > clr-icon,
.radio.btn.btn-outline-danger input[type=radio]:checked + label > cds-icon {
  background-color: hsl(9, 100%, 38%);
  color: hsl(198, 0%, 100%);
}

.radio.btn.btn-link input[type=radio]:checked + label,
.radio.btn.btn-link input[type=radio]:checked + label > clr-icon,
.radio.btn.btn-link input[type=radio]:checked + label > cds-icon,
.radio.btn.btn-link input[type=radio]:checked + label,
.radio.btn.btn-link input[type=radio]:checked + label > clr-icon,
.radio.btn.btn-link input[type=radio]:checked + label > cds-icon {
  background-color: transparent;
  color: hsl(198, 100%, 24%);
}

.radio.btn.btn-inverse input[type=radio]:checked + label,
.radio.btn.btn-inverse input[type=radio]:checked + label > clr-icon,
.radio.btn.btn-inverse input[type=radio]:checked + label > cds-icon,
.radio.btn.btn-inverse input[type=radio]:checked + label,
.radio.btn.btn-inverse input[type=radio]:checked + label > clr-icon,
.radio.btn.btn-inverse input[type=radio]:checked + label > cds-icon {
  background-color: rgba(255, 255, 255, 0.15);
  color: hsl(198, 0%, 100%);
}

/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
.btn-group {
  display: inline-flex;
  margin-right: 0.6rem;
}

.btn-group clr-dropdown .dropdown-toggle {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.btn-group clr-dropdown:last-child .dropdown-toggle {
  border-top-right-radius: 0.15rem;
  border-bottom-right-radius: 0.15rem;
}

.btn-group .btn {
  margin: 0;
  vertical-align: top;
  overflow: hidden;
}

.btn-group .btn label {
  height: 100%;
}

.btn-group .btn input[type=radio]:focus,
.btn-group .btn input[type=checkbox]:focus {
  -webkit-appearance: none;
          appearance: none;
  opacity: 1;
  top: 0;
  height: 100%;
  width: 100%;
  box-shadow: 0 0 0.25rem rgb(81, 203, 238);
  box-shadow: 0 0 0.25rem var(--clr-btn-group-focus-outline, rgb(81, 203, 238));
  padding: 0.15rem 0 0.15rem 0.15rem;
  border-width: 0.05rem;
  border-style: solid;
  /* clr-btn-group-focus-outline */
  border-color: rgb(81, 203, 238);
  border-color: var(--clr-btn-group-focus-outline, rgb(81, 203, 238));
}

.btn-group .btn input[type=radio]:focus::-ms-check,
.btn-group .btn input[type=checkbox]:focus::-ms-check {
  display: none;
}

.btn-group .btn:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group .btn:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.btn-group .tooltip:not(:first-child) .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group .tooltip:not(:last-child) .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.btn-group.btn-primary .tooltip:not(:last-child) .btn,
.btn-group.btn-primary .btn:not(:last-child), .btn-group.btn-success .tooltip:not(:last-child) .btn,
.btn-group.btn-success .btn:not(:last-child), .btn-group.btn-danger .tooltip:not(:last-child) .btn,
.btn-group.btn-danger .btn:not(:last-child), .btn-group.btn-warning .tooltip:not(:last-child) .btn,
.btn-group.btn-warning .btn:not(:last-child) {
  margin: 0;
  /* clr-btn-border-width */
  margin-right: 0.05rem;
  margin-right: var(--clr-btn-border-width, 0.05rem);
}

.btn-group.btn-primary .dropdown-menu .btn, .btn-group.btn-success .dropdown-menu .btn, .btn-group.btn-danger .dropdown-menu .btn, .btn-group.btn-warning .dropdown-menu .btn {
  margin: 0;
}

.btn-group > .btn-group-overflow {
  position: relative;
}

.btn-group > .btn-group-overflow:last-child:not(:first-child) > .btn:first-child {
  /* clr-btn-border-radius */
  border-radius: 0.15rem;
  border-radius: var(--clr-btn-border-radius, 0.15rem);
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group > .btn-group-overflow:last-child:first-child > .btn:first-child {
  /* clr-btn-border-radius */
  border-radius: 0.15rem;
  border-radius: var(--clr-btn-border-radius, 0.15rem);
}

.btn-group .btn + .btn {
  border-left: none;
}

.btn-group .tooltip:not(:first-child) .btn {
  border-left: none;
}

.btn-group .btn + .btn-group-overflow .btn {
  border-left: none;
}

.btn-group.btn-link .dropdown-toggle {
  min-width: 0;
}

.btn-group.btn-icon-link.btn-link .btn {
  min-width: 0;
}

.btn-group.btn-icon .btn {
  min-width: 0;
}

.btn-group .clr-icon-title {
  display: none;
  text-transform: none;
}

.btn-group .dropdown-toggle {
  display: block;
}

.btn-group .dropdown-menu cds-icon,
.btn-group .dropdown-menu clr-icon {
  display: none;
}

.btn-group .dropdown-menu .clr-icon-title {
  display: inline;
}

.checkbox,
.radio {
  position: relative;
}

.checkbox input[type=checkbox],
.checkbox input[type=radio],
.radio input[type=checkbox],
.radio input[type=radio] {
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  width: 0;
  opacity: 0;
}

.card-footer .checkbox.btn label,
.card-footer .radio.btn label {
  line-height: 1.15rem;
}

.dropdown-menu.clr-button-group-menu {
  visibility: visible;
}

/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}

.close {
  float: right;
  font-size: 1.8rem;
  transition: color linear 0.2s;
  font-weight: 200;
  text-shadow: none;
  line-height: inherit;
  /* clr-close-color--normal */
  color: hsl(198, 0%, 55%);
  color: var(--clr-close-color--normal, hsl(198, 0%, 55%));
}

.close cds-icon,
.close clr-icon {
  /* clr-close-color--normal */
  fill: hsl(198, 0%, 55%);
  fill: var(--clr-close-color--normal, hsl(198, 0%, 55%));
}

.close:focus, .close:hover, .close:active {
  opacity: 1;
  /* clr-close-color--hover */
  color: hsl(198, 0%, 0%);
  color: var(--clr-close-color--hover, hsl(198, 0%, 0%));
}

.close:focus cds-icon,
.close:focus clr-icon, .close:hover cds-icon,
.close:hover clr-icon, .close:active cds-icon,
.close:active clr-icon {
  /* clr-close-color--hover */
  fill: hsl(198, 0%, 0%);
  fill: var(--clr-close-color--hover, hsl(198, 0%, 0%));
}

.close:focus {
  outline: Highlight solid 0.1rem;
  outline: -webkit-focus-ring-color solid 0.1rem;
  outline-offset: 0.05rem;
}

/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/* stylelint-disable-next-line meowtec/no-px */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/* stylelint-disable */
/* stylelint-enable */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
:root {
  --clr-alert-action-color: var(--clr-color-neutral-700);
  --clr-alert-action-active-color: var(--clr-color-secondary-action-900);
  --clr-alert-close-icon-color: var(--clr-alert-action-color);
  --clr-alert-close-icon-hover-color: var(--clr-alert-action-active-color);
  --clr-alert-close-icon-opacity: 1;
  --clr-alert-close-icon-hover-opacity: 1;
  --clr-app-level-alert-color: var(--clr-color-neutral-0);
  --clr-app-alert-close-icon-color: var(--clr-app-level-alert-color);
  --clr-app-alert-close-icon-opacity: 0.8;
  --clr-app-alert-close-icon-hover-opacity: 1;
  --clr-alert-padding: 0.5rem 0.55rem;
  --clr-alert-borderradius: var(--clr-global-borderradius);
  --clr-alert-actions-spacing: 0.6rem;
  --clr-alert-item-margin-bottom: 0.3rem;
  --clr-alert-line-height: 0.9rem;
  --clr-alert-sm-line-height: 0.8rem;
  --clr-alert-app-padding: 0.3rem 0.55rem;
  --clr-alert-text-flex-grow: 1;
  --clr-alert-icon-wrapper-margin-top: 0.15rem;
  --clr-alert-items-gap: 0;
  --clr-alert-icon-size: 0.9rem;
  --clr-alert-info-bg-color: var(--clr-color-action-50);
  --clr-alert-info-font-color: var(--clr-color-neutral-700);
  --clr-alert-info-border-color: var(--clr-color-action-800);
  --clr-alert-info-icon-color: var(--clr-color-action-800);
  --clr-alert-info-action-color: var(--clr-alert-action-color);
  --clr-alert-info-action-active-color: var(--clr-alert-action-active-color);
  --clr-alert-info-close-icon-color: var(--clr-alert-close-icon-color);
  --clr-alert-info-close-icon-opacity: var(--clr-alert-close-icon-opacity);
  --clr-alert-info-close-icon-hover-color: var(--clr-alert-close-icon-hover-color);
  --clr-alert-info-close-icon-hover-opacity: var(--clr-alert-close-icon-hover-opacity);
  --clr-alert-success-bg-color: var(--clr-color-success-50);
  --clr-alert-success-font-color: var(--clr-color-neutral-700);
  --clr-alert-success-border-color: var(--clr-color-success-800);
  --clr-alert-success-icon-color: var(--clr-color-success-800);
  --clr-alert-success-action-color: var(--clr-alert-action-color);
  --clr-alert-success-action-active-color: var(--clr-alert-action-active-color);
  --clr-alert-success-close-icon-color: var(--clr-alert-close-icon-color);
  --clr-alert-success-close-icon-opacity: var(--clr-alert-close-icon-opacity);
  --clr-alert-success-close-icon-hover-color: var(--clr-alert-close-icon-hover-color);
  --clr-alert-success-close-icon-hover-opacity: var(--clr-alert-close-icon-hover-opacity);
  --clr-alert-warning-bg-color: var(--clr-color-warning-100);
  --clr-alert-warning-font-color: var(--clr-color-neutral-900);
  --clr-alert-warning-border-color: var(--clr-color-warning-800);
  --clr-alert-warning-icon-color: var(--clr-color-warning-800);
  --clr-alert-warning-action-color: var(--clr-alert-action-color);
  --clr-alert-warning-action-active-color: var(--clr-alert-action-active-color);
  --clr-alert-warning-close-icon-color: var(--clr-alert-close-icon-color);
  --clr-alert-warning-close-icon-opacity: var(--clr-alert-close-icon-opacity);
  --clr-alert-warning-close-icon-hover-color: var(--clr-alert-close-icon-hover-color);
  --clr-alert-warning-close-icon-hover-opacity: var(--clr-alert-close-icon-hover-opacity);
  --clr-alert-danger-bg-color: var(--clr-color-danger-100);
  --clr-alert-danger-font-color: var(--clr-color-neutral-700);
  --clr-alert-danger-border-color: var(--clr-color-danger-900);
  --clr-alert-danger-icon-color: var(--clr-color-danger-900);
  --clr-alert-danger-action-color: var(--clr-alert-action-color);
  --clr-alert-danger-action-active-color: var(--clr-alert-action-active-color);
  --clr-alert-danger-close-icon-color: var(--clr-alert-close-icon-color);
  --clr-alert-danger-close-icon-opacity: var(--clr-alert-close-icon-opacity);
  --clr-alert-danger-close-icon-hover-color: var(--clr-alert-close-icon-hover-color);
  --clr-alert-danger-close-icon-hover-opacity: var(--clr-alert-close-icon-hover-opacity);
  --clr-app-alert-info-bg-color: var(--clr-color-action-600);
  --clr-app-alert-info-font-color: var(--clr-app-level-alert-color);
  --clr-app-alert-info-border-color: none;
  --clr-app-alert-info-icon-color: var(--clr-app-alert-close-icon-color);
  --clr-app-alert-info-action-color: var(--clr-app-alert-info-font-color);
  --clr-app-alert-info-action-active-color: var(--clr-app-alert-info-font-color);
  --clr-app-alert-info-close-icon-color: var(--clr-app-alert-close-icon-color);
  --clr-app-alert-info-close-icon-opacity: var(--clr-app-alert-close-icon-opacity);
  --clr-app-alert-info-close-icon-hover-color: var(--clr-app-alert-close-icon-color);
  --clr-app-alert-info-close-icon-hover-opacity: var(--clr-app-alert-close-icon-hover-opacity);
  --clr-app-alert-warning-bg-color: hsl(26, 100%, 38%);
  --clr-app-alert-warning-border-color: none;
  --clr-app-alert-warning-icon-color: var(--clr-app-alert-close-icon-color);
  --clr-app-alert-warning-font-color: var(--clr-app-level-alert-color);
  --clr-app-alert-warning-close-icon-color: var(--clr-app-alert-close-icon-color);
  --clr-app-alert-warning-action-color: var(--clr-app-alert-warning-font-color);
  --clr-app-alert-warning-action-active-color: var(--clr-app-alert-warning-font-color);
  --clr-app-alert-warning-close-icon-opacity: var(--clr-app-alert-close-icon-opacity);
  --clr-app-alert-warning-close-icon-hover-color: var(--clr-app-alert-close-icon-color);
  --clr-app-alert-warning-close-icon-hover-opacity: var(--clr-app-alert-close-icon-hover-opacity);
  --clr-app-alert-danger-bg-color: var(--clr-color-danger-800);
  --clr-app-alert-danger-border-color: none;
  --clr-app-alert-danger-icon-color: var(--clr-app-alert-close-icon-color);
  --clr-app-alert-danger-font-color: var(--clr-app-level-alert-color);
  --clr-app-alert-danger-close-icon-color: var(--clr-app-alert-close-icon-color);
  --clr-app-alert-danger-action-color: var(--clr-app-alert-danger-font-color);
  --clr-app-alert-danger-action-active-color: var(--clr-app-alert-danger-font-color);
  --clr-app-alert-danger-close-icon-opacity: var(--clr-app-alert-close-icon-opacity);
  --clr-app-alert-danger-close-icon-hover-color: var(--clr-app-alert-close-icon-color);
  --clr-app-alert-danger-close-icon-hover-opacity: var(--clr-app-alert-close-icon-hover-opacity);
  --clr-app-alert-success-border-color: none;
  --clr-app-alert-success-bg-color: var(--clr-color-success-700);
  --clr-app-alert-success-icon-color: var(--clr-app-alert-close-icon-color);
  --clr-app-alert-success-font-color: var(--clr-app-level-alert-color);
  --clr-app-alert-success-close-icon-color: var(--clr-app-alert-close-icon-color);
  --clr-app-alert-success-action-color: var(--clr-app-alert-success-font-color);
  --clr-app-alert-success-action-active-color: var(--clr-app-alert-success-font-color);
  --clr-app-alert-success-close-icon-opacity: var(--clr-app-alert-close-icon-opacity);
  --clr-app-alert-success-close-icon-hover-color: var(--clr-app-alert-close-icon-color);
  --clr-app-alert-success-close-icon-hover-opacity: var(--clr-app-alert-close-icon-hover-opacity);
  --clr-app-alert-pager-text-color: var(--clr-color-neutral-0);
  --clr-app-alert-info-pager-bg-color: var(--clr-color-action-800);
  --clr-app-alert-warning-pager-bg-color: var(--clr-color-warning-900);
  --clr-app-alert-danger-pager-bg-color: var(--clr-color-danger-900);
  --clr-app-alert-success-pager-bg-color: var(--clr-color-success-900);
  --clr-app-alert-pager-width: 7.2rem;
}

.alert-icon {
  height: 1.2rem;
  width: 1.2rem;
  /* clr-alert-icon-margin-left */
  margin-left: -0.15rem;
  margin-left: var(--clr-alert-icon-margin-left, -0.15rem);
  margin-top: -0.2rem;
}

.alert-icon-wrapper {
  flex: 0 0 1.25rem;
  align-self: start;
  padding-top: 0.05rem;
  /* clr-alert-icon-size */
  height: 0.9rem;
  height: var(--clr-alert-icon-size, 0.9rem);
}

.alert-item {
  flex: 1 1 auto;
  display: flex;
  flex-wrap: nowrap;
  /* clr-alert-items-gap */
  gap: 0;
  gap: var(--clr-alert-items-gap, 0);
  min-height: 0.9rem;
  /* clr-alert-item-margin-bottom */
  margin-bottom: 0.3rem;
  margin-bottom: var(--clr-alert-item-margin-bottom, 0.3rem);
}

.alert-item:last-child {
  margin-bottom: 0;
}

.alert-items {
  flex: 1 1 auto;
  flex-flow: column nowrap;
  /* clr-alert-padding */
  padding: 0.5rem 0.55rem;
  padding: var(--clr-alert-padding, 0.5rem 0.55rem);
  display: flex;
}

.alert-item > span,
.alert-text {
  /* clr-alert-text-flex-grow */
  flex-grow: 1;
  flex-grow: var(--clr-alert-text-flex-grow, 1);
  flex-shrink: 1;
  /* clr-alert-items-margin-right */
  margin-right: 0.6rem;
  margin-right: var(--clr-alert-items-margin-right, 0.6rem);
  text-align: left;
}

.alert {
  font-size: 0.65rem;
  letter-spacing: normal;
  /* clr-alert-line-height */
  line-height: 0.9rem;
  line-height: var(--clr-alert-line-height, 0.9rem);
  position: relative;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  width: auto;
  /* clr-alert-borderradius */
  border-radius: 0.15rem;
  border-radius: var(--clr-alert-borderradius, 0.15rem);
  margin-top: 0.3rem;
  /* clr-alert-info-bg-color */
  background: hsl(198, 83%, 94%);
  background: var(--clr-alert-info-bg-color, hsl(198, 83%, 94%));
  /* clr-alert-info-font-color */
  color: hsl(198, 0%, 40%);
  color: var(--clr-alert-info-font-color, hsl(198, 0%, 40%));
  border: 0.05rem solid;
  /* clr-alert-info-border-color */
  border-color: hsl(198, 100%, 24%);
  border-color: var(--clr-alert-info-border-color, hsl(198, 100%, 24%));
}

.alert a {
  /* clr-alert-info-font-color */
  color: hsl(198, 0%, 40%);
  color: var(--clr-alert-info-font-color, hsl(198, 0%, 40%));
}

.alert .alert-icon {
  /* clr-alert-info-icon-color */
  color: hsl(198, 100%, 24%);
  color: var(--clr-alert-info-icon-color, hsl(198, 100%, 24%));
}

.alert .alert-actions .dropdown .dropdown-toggle {
  /* clr-alert-info-action-color */
  color: hsl(198, 0%, 40%);
  color: var(--clr-alert-info-action-color, hsl(198, 0%, 40%));
  /* clr-alert-info-action-color */
  border-color: hsl(198, 0%, 40%);
  border-color: var(--clr-alert-info-action-color, hsl(198, 0%, 40%));
}

.alert .alert-action,
.alert .dropdown-toggle {
  /* clr-alert-info-action-color */
  color: hsl(198, 0%, 40%);
  color: var(--clr-alert-info-action-color, hsl(198, 0%, 40%));
}

.alert .alert-action.btn,
.alert .dropdown-toggle.btn {
  /* clr-alert-info-action-color */
  border-color: hsl(198, 0%, 40%);
  border-color: var(--clr-alert-info-action-color, hsl(198, 0%, 40%));
  /* clr-btn-transparent-bg-color */
  background-color: 0;
  background-color: var(--clr-btn-transparent-bg-color, 0);
}

.alert .alert-action.btn cds-icon,
.alert .alert-action.btn clr-icon,
.alert .dropdown-toggle.btn cds-icon,
.alert .dropdown-toggle.btn clr-icon {
  /* clr-alert-info-action-color */
  color: hsl(198, 0%, 40%);
  color: var(--clr-alert-info-action-color, hsl(198, 0%, 40%));
}

.alert .alert-action.btn:focus, .alert .alert-action.btn:hover, .alert .alert-action.btn:active,
.alert .dropdown-toggle.btn:focus,
.alert .dropdown-toggle.btn:hover,
.alert .dropdown-toggle.btn:active {
  /* clr-alert-info-action-active-color */
  border-color: hsl(282, 100%, 22%);
  border-color: var(--clr-alert-info-action-active-color, hsl(282, 100%, 22%));
}

.alert .alert-action.btn:active,
.alert .dropdown-toggle.btn:active {
  box-shadow: 0 0.05rem 0 0 hsl(282, 100%, 22%) inset;
  box-shadow: 0 0.05rem 0 0 var(--clr-alert-info-action-active-color, hsl(282, 100%, 22%)) inset;
}

.alert .alert-action:focus, .alert .alert-action:hover, .alert .alert-action:active,
.alert .dropdown-toggle:focus,
.alert .dropdown-toggle:hover,
.alert .dropdown-toggle:active {
  /* clr-alert-info-action-active-color */
  color: hsl(282, 100%, 22%);
  color: var(--clr-alert-info-action-active-color, hsl(282, 100%, 22%));
}

.alert .close {
  /* clr-alert-info-close-icon-color */
  color: hsl(198, 0%, 40%);
  color: var(--clr-alert-info-close-icon-color, hsl(198, 0%, 40%));
  /* clr-alert-info-close-icon-opacity */
  opacity: 1;
  opacity: var(--clr-alert-info-close-icon-opacity, 1);
}

.alert .close cds-icon,
.alert .close clr-icon {
  /* clr-alert-info-close-icon-color */
  fill: hsl(198, 0%, 40%);
  fill: var(--clr-alert-info-close-icon-color, hsl(198, 0%, 40%));
}

.alert .close:focus, .alert .close:hover, .alert .close:active {
  /* clr-alert-info-close-icon-hover-color */
  color: hsl(282, 100%, 22%);
  color: var(--clr-alert-info-close-icon-hover-color, hsl(282, 100%, 22%));
  /* clr-alert-info-close-icon-hover-opacity */
  opacity: 1;
  opacity: var(--clr-alert-info-close-icon-hover-opacity, 1);
}

.alert.alert-info {
  /* clr-alert-info-bg-color */
  background: hsl(198, 83%, 94%);
  background: var(--clr-alert-info-bg-color, hsl(198, 83%, 94%));
  /* clr-alert-info-font-color */
  color: hsl(198, 0%, 40%);
  color: var(--clr-alert-info-font-color, hsl(198, 0%, 40%));
  border: 0.05rem solid;
  /* clr-alert-info-border-color */
  border-color: hsl(198, 100%, 24%);
  border-color: var(--clr-alert-info-border-color, hsl(198, 100%, 24%));
}

.alert.alert-info a {
  /* clr-alert-info-font-color */
  color: hsl(198, 0%, 40%);
  color: var(--clr-alert-info-font-color, hsl(198, 0%, 40%));
}

.alert.alert-info .alert-icon {
  /* clr-alert-info-icon-color */
  color: hsl(198, 100%, 24%);
  color: var(--clr-alert-info-icon-color, hsl(198, 100%, 24%));
}

.alert.alert-info .alert-actions .dropdown .dropdown-toggle {
  /* clr-alert-info-action-color */
  color: hsl(198, 0%, 40%);
  color: var(--clr-alert-info-action-color, hsl(198, 0%, 40%));
  /* clr-alert-info-action-color */
  border-color: hsl(198, 0%, 40%);
  border-color: var(--clr-alert-info-action-color, hsl(198, 0%, 40%));
}

.alert.alert-info .alert-action,
.alert.alert-info .dropdown-toggle {
  /* clr-alert-info-action-color */
  color: hsl(198, 0%, 40%);
  color: var(--clr-alert-info-action-color, hsl(198, 0%, 40%));
}

.alert.alert-info .alert-action.btn,
.alert.alert-info .dropdown-toggle.btn {
  /* clr-alert-info-action-color */
  border-color: hsl(198, 0%, 40%);
  border-color: var(--clr-alert-info-action-color, hsl(198, 0%, 40%));
  /* clr-btn-transparent-bg-color */
  background-color: 0;
  background-color: var(--clr-btn-transparent-bg-color, 0);
}

.alert.alert-info .alert-action.btn cds-icon,
.alert.alert-info .alert-action.btn clr-icon,
.alert.alert-info .dropdown-toggle.btn cds-icon,
.alert.alert-info .dropdown-toggle.btn clr-icon {
  /* clr-alert-info-action-color */
  color: hsl(198, 0%, 40%);
  color: var(--clr-alert-info-action-color, hsl(198, 0%, 40%));
}

.alert.alert-info .alert-action.btn:focus, .alert.alert-info .alert-action.btn:hover, .alert.alert-info .alert-action.btn:active,
.alert.alert-info .dropdown-toggle.btn:focus,
.alert.alert-info .dropdown-toggle.btn:hover,
.alert.alert-info .dropdown-toggle.btn:active {
  /* clr-alert-info-action-active-color */
  border-color: hsl(282, 100%, 22%);
  border-color: var(--clr-alert-info-action-active-color, hsl(282, 100%, 22%));
}

.alert.alert-info .alert-action.btn:active,
.alert.alert-info .dropdown-toggle.btn:active {
  box-shadow: 0 0.05rem 0 0 hsl(282, 100%, 22%) inset;
  box-shadow: 0 0.05rem 0 0 var(--clr-alert-info-action-active-color, hsl(282, 100%, 22%)) inset;
}

.alert.alert-info .alert-action:focus, .alert.alert-info .alert-action:hover, .alert.alert-info .alert-action:active,
.alert.alert-info .dropdown-toggle:focus,
.alert.alert-info .dropdown-toggle:hover,
.alert.alert-info .dropdown-toggle:active {
  /* clr-alert-info-action-active-color */
  color: hsl(282, 100%, 22%);
  color: var(--clr-alert-info-action-active-color, hsl(282, 100%, 22%));
}

.alert.alert-info .close {
  /* clr-alert-info-close-icon-color */
  color: hsl(198, 0%, 40%);
  color: var(--clr-alert-info-close-icon-color, hsl(198, 0%, 40%));
  /* clr-alert-info-close-icon-opacity */
  opacity: 1;
  opacity: var(--clr-alert-info-close-icon-opacity, 1);
}

.alert.alert-info .close cds-icon,
.alert.alert-info .close clr-icon {
  /* clr-alert-info-close-icon-color */
  fill: hsl(198, 0%, 40%);
  fill: var(--clr-alert-info-close-icon-color, hsl(198, 0%, 40%));
}

.alert.alert-info .close:focus, .alert.alert-info .close:hover, .alert.alert-info .close:active {
  /* clr-alert-info-close-icon-hover-color */
  color: hsl(282, 100%, 22%);
  color: var(--clr-alert-info-close-icon-hover-color, hsl(282, 100%, 22%));
  /* clr-alert-info-close-icon-hover-opacity */
  opacity: 1;
  opacity: var(--clr-alert-info-close-icon-hover-opacity, 1);
}

.alert.alert-success {
  /* clr-alert-success-bg-color */
  background: hsl(93, 52%, 88%);
  background: var(--clr-alert-success-bg-color, hsl(93, 52%, 88%));
  /* clr-alert-success-font-color */
  color: hsl(198, 0%, 40%);
  color: var(--clr-alert-success-font-color, hsl(198, 0%, 40%));
  border: 0.05rem solid;
  /* clr-alert-success-border-color */
  border-color: hsl(93, 100%, 21%);
  border-color: var(--clr-alert-success-border-color, hsl(93, 100%, 21%));
}

.alert.alert-success a {
  /* clr-alert-success-font-color */
  color: hsl(198, 0%, 40%);
  color: var(--clr-alert-success-font-color, hsl(198, 0%, 40%));
}

.alert.alert-success .alert-icon {
  /* clr-alert-success-icon-color */
  color: hsl(93, 100%, 21%);
  color: var(--clr-alert-success-icon-color, hsl(93, 100%, 21%));
}

.alert.alert-success .alert-actions .dropdown .dropdown-toggle {
  /* clr-alert-success-action-color */
  color: hsl(198, 0%, 40%);
  color: var(--clr-alert-success-action-color, hsl(198, 0%, 40%));
  /* clr-alert-success-action-color */
  border-color: hsl(198, 0%, 40%);
  border-color: var(--clr-alert-success-action-color, hsl(198, 0%, 40%));
}

.alert.alert-success .alert-action,
.alert.alert-success .dropdown-toggle {
  /* clr-alert-success-action-color */
  color: hsl(198, 0%, 40%);
  color: var(--clr-alert-success-action-color, hsl(198, 0%, 40%));
}

.alert.alert-success .alert-action.btn,
.alert.alert-success .dropdown-toggle.btn {
  /* clr-alert-success-action-color */
  border-color: hsl(198, 0%, 40%);
  border-color: var(--clr-alert-success-action-color, hsl(198, 0%, 40%));
  /* clr-btn-transparent-bg-color */
  background-color: 0;
  background-color: var(--clr-btn-transparent-bg-color, 0);
}

.alert.alert-success .alert-action.btn cds-icon,
.alert.alert-success .alert-action.btn clr-icon,
.alert.alert-success .dropdown-toggle.btn cds-icon,
.alert.alert-success .dropdown-toggle.btn clr-icon {
  /* clr-alert-success-action-color */
  color: hsl(198, 0%, 40%);
  color: var(--clr-alert-success-action-color, hsl(198, 0%, 40%));
}

.alert.alert-success .alert-action.btn:focus, .alert.alert-success .alert-action.btn:hover, .alert.alert-success .alert-action.btn:active,
.alert.alert-success .dropdown-toggle.btn:focus,
.alert.alert-success .dropdown-toggle.btn:hover,
.alert.alert-success .dropdown-toggle.btn:active {
  /* clr-alert-success-action-active-color */
  border-color: hsl(282, 100%, 22%);
  border-color: var(--clr-alert-success-action-active-color, hsl(282, 100%, 22%));
}

.alert.alert-success .alert-action.btn:active,
.alert.alert-success .dropdown-toggle.btn:active {
  box-shadow: 0 0.05rem 0 0 hsl(282, 100%, 22%) inset;
  box-shadow: 0 0.05rem 0 0 var(--clr-alert-success-action-active-color, hsl(282, 100%, 22%)) inset;
}

.alert.alert-success .alert-action:focus, .alert.alert-success .alert-action:hover, .alert.alert-success .alert-action:active,
.alert.alert-success .dropdown-toggle:focus,
.alert.alert-success .dropdown-toggle:hover,
.alert.alert-success .dropdown-toggle:active {
  /* clr-alert-success-action-active-color */
  color: hsl(282, 100%, 22%);
  color: var(--clr-alert-success-action-active-color, hsl(282, 100%, 22%));
}

.alert.alert-success .close {
  /* clr-alert-success-close-icon-color */
  color: hsl(198, 0%, 40%);
  color: var(--clr-alert-success-close-icon-color, hsl(198, 0%, 40%));
  /* clr-alert-success-close-icon-opacity */
  opacity: 1;
  opacity: var(--clr-alert-success-close-icon-opacity, 1);
}

.alert.alert-success .close cds-icon,
.alert.alert-success .close clr-icon {
  /* clr-alert-success-close-icon-color */
  fill: hsl(198, 0%, 40%);
  fill: var(--clr-alert-success-close-icon-color, hsl(198, 0%, 40%));
}

.alert.alert-success .close:focus, .alert.alert-success .close:hover, .alert.alert-success .close:active {
  /* clr-alert-success-close-icon-hover-color */
  color: hsl(282, 100%, 22%);
  color: var(--clr-alert-success-close-icon-hover-color, hsl(282, 100%, 22%));
  /* clr-alert-success-close-icon-hover-opacity */
  opacity: 1;
  opacity: var(--clr-alert-success-close-icon-hover-opacity, 1);
}

.alert.alert-warning {
  /* clr-alert-warning-bg-color */
  background: hsl(48, 100%, 89%);
  background: var(--clr-alert-warning-bg-color, hsl(48, 100%, 89%));
  /* clr-alert-warning-font-color */
  color: hsl(198, 0%, 20%);
  color: var(--clr-alert-warning-font-color, hsl(198, 0%, 20%));
  border: 0.05rem solid;
  /* clr-alert-warning-border-color */
  border-color: hsl(41, 100%, 34%);
  border-color: var(--clr-alert-warning-border-color, hsl(41, 100%, 34%));
}

.alert.alert-warning a {
  /* clr-alert-warning-font-color */
  color: hsl(198, 0%, 20%);
  color: var(--clr-alert-warning-font-color, hsl(198, 0%, 20%));
}

.alert.alert-warning .alert-icon {
  /* clr-alert-warning-icon-color */
  color: hsl(198, 0%, 27%);
  color: var(--clr-alert-warning-icon-color, hsl(198, 0%, 27%));
}

.alert.alert-warning .alert-actions .dropdown .dropdown-toggle {
  /* clr-alert-warning-action-color */
  color: hsl(198, 0%, 40%);
  color: var(--clr-alert-warning-action-color, hsl(198, 0%, 40%));
  /* clr-alert-warning-action-color */
  border-color: hsl(198, 0%, 40%);
  border-color: var(--clr-alert-warning-action-color, hsl(198, 0%, 40%));
}

.alert.alert-warning .alert-action,
.alert.alert-warning .dropdown-toggle {
  /* clr-alert-warning-action-color */
  color: hsl(198, 0%, 40%);
  color: var(--clr-alert-warning-action-color, hsl(198, 0%, 40%));
}

.alert.alert-warning .alert-action.btn,
.alert.alert-warning .dropdown-toggle.btn {
  /* clr-alert-warning-action-color */
  border-color: hsl(198, 0%, 40%);
  border-color: var(--clr-alert-warning-action-color, hsl(198, 0%, 40%));
  /* clr-btn-transparent-bg-color */
  background-color: 0;
  background-color: var(--clr-btn-transparent-bg-color, 0);
}

.alert.alert-warning .alert-action.btn cds-icon,
.alert.alert-warning .alert-action.btn clr-icon,
.alert.alert-warning .dropdown-toggle.btn cds-icon,
.alert.alert-warning .dropdown-toggle.btn clr-icon {
  /* clr-alert-warning-action-color */
  color: hsl(198, 0%, 40%);
  color: var(--clr-alert-warning-action-color, hsl(198, 0%, 40%));
}

.alert.alert-warning .alert-action.btn:focus, .alert.alert-warning .alert-action.btn:hover, .alert.alert-warning .alert-action.btn:active,
.alert.alert-warning .dropdown-toggle.btn:focus,
.alert.alert-warning .dropdown-toggle.btn:hover,
.alert.alert-warning .dropdown-toggle.btn:active {
  /* clr-alert-warning-action-active-color */
  border-color: hsl(282, 100%, 22%);
  border-color: var(--clr-alert-warning-action-active-color, hsl(282, 100%, 22%));
}

.alert.alert-warning .alert-action.btn:active,
.alert.alert-warning .dropdown-toggle.btn:active {
  box-shadow: 0 0.05rem 0 0 hsl(282, 100%, 22%) inset;
  box-shadow: 0 0.05rem 0 0 var(--clr-alert-warning-action-active-color, hsl(282, 100%, 22%)) inset;
}

.alert.alert-warning .alert-action:focus, .alert.alert-warning .alert-action:hover, .alert.alert-warning .alert-action:active,
.alert.alert-warning .dropdown-toggle:focus,
.alert.alert-warning .dropdown-toggle:hover,
.alert.alert-warning .dropdown-toggle:active {
  /* clr-alert-warning-action-active-color */
  color: hsl(282, 100%, 22%);
  color: var(--clr-alert-warning-action-active-color, hsl(282, 100%, 22%));
}

.alert.alert-warning .close {
  /* clr-alert-warning-close-icon-color */
  color: hsl(198, 0%, 40%);
  color: var(--clr-alert-warning-close-icon-color, hsl(198, 0%, 40%));
  /* clr-alert-warning-close-icon-opacity */
  opacity: 1;
  opacity: var(--clr-alert-warning-close-icon-opacity, 1);
}

.alert.alert-warning .close cds-icon,
.alert.alert-warning .close clr-icon {
  /* clr-alert-warning-close-icon-color */
  fill: hsl(198, 0%, 40%);
  fill: var(--clr-alert-warning-close-icon-color, hsl(198, 0%, 40%));
}

.alert.alert-warning .close:focus, .alert.alert-warning .close:hover, .alert.alert-warning .close:active {
  /* clr-alert-warning-close-icon-hover-color */
  color: hsl(282, 100%, 22%);
  color: var(--clr-alert-warning-close-icon-hover-color, hsl(282, 100%, 22%));
  /* clr-alert-warning-close-icon-hover-opacity */
  opacity: 1;
  opacity: var(--clr-alert-warning-close-icon-hover-opacity, 1);
}

.alert.alert-danger {
  /* clr-alert-danger-bg-color */
  background: hsl(9, 95%, 92%);
  background: var(--clr-alert-danger-bg-color, hsl(9, 95%, 92%));
  /* clr-alert-danger-font-color */
  color: hsl(198, 0%, 40%);
  color: var(--clr-alert-danger-font-color, hsl(198, 0%, 40%));
  border: 0.05rem solid;
  /* clr-alert-danger-border-color */
  border-color: hsl(9, 100%, 30%);
  border-color: var(--clr-alert-danger-border-color, hsl(9, 100%, 30%));
}

.alert.alert-danger a {
  /* clr-alert-danger-font-color */
  color: hsl(198, 0%, 40%);
  color: var(--clr-alert-danger-font-color, hsl(198, 0%, 40%));
}

.alert.alert-danger .alert-icon {
  /* clr-alert-danger-icon-color */
  color: hsl(9, 100%, 30%);
  color: var(--clr-alert-danger-icon-color, hsl(9, 100%, 30%));
}

.alert.alert-danger .alert-actions .dropdown .dropdown-toggle {
  /* clr-alert-danger-action-color */
  color: hsl(198, 0%, 40%);
  color: var(--clr-alert-danger-action-color, hsl(198, 0%, 40%));
  /* clr-alert-danger-action-color */
  border-color: hsl(198, 0%, 40%);
  border-color: var(--clr-alert-danger-action-color, hsl(198, 0%, 40%));
}

.alert.alert-danger .alert-action,
.alert.alert-danger .dropdown-toggle {
  /* clr-alert-danger-action-color */
  color: hsl(198, 0%, 40%);
  color: var(--clr-alert-danger-action-color, hsl(198, 0%, 40%));
}

.alert.alert-danger .alert-action.btn,
.alert.alert-danger .dropdown-toggle.btn {
  /* clr-alert-danger-action-color */
  border-color: hsl(198, 0%, 40%);
  border-color: var(--clr-alert-danger-action-color, hsl(198, 0%, 40%));
  /* clr-btn-transparent-bg-color */
  background-color: 0;
  background-color: var(--clr-btn-transparent-bg-color, 0);
}

.alert.alert-danger .alert-action.btn cds-icon,
.alert.alert-danger .alert-action.btn clr-icon,
.alert.alert-danger .dropdown-toggle.btn cds-icon,
.alert.alert-danger .dropdown-toggle.btn clr-icon {
  /* clr-alert-danger-action-color */
  color: hsl(198, 0%, 40%);
  color: var(--clr-alert-danger-action-color, hsl(198, 0%, 40%));
}

.alert.alert-danger .alert-action.btn:focus, .alert.alert-danger .alert-action.btn:hover, .alert.alert-danger .alert-action.btn:active,
.alert.alert-danger .dropdown-toggle.btn:focus,
.alert.alert-danger .dropdown-toggle.btn:hover,
.alert.alert-danger .dropdown-toggle.btn:active {
  /* clr-alert-danger-action-active-color */
  border-color: hsl(282, 100%, 22%);
  border-color: var(--clr-alert-danger-action-active-color, hsl(282, 100%, 22%));
}

.alert.alert-danger .alert-action.btn:active,
.alert.alert-danger .dropdown-toggle.btn:active {
  box-shadow: 0 0.05rem 0 0 hsl(282, 100%, 22%) inset;
  box-shadow: 0 0.05rem 0 0 var(--clr-alert-danger-action-active-color, hsl(282, 100%, 22%)) inset;
}

.alert.alert-danger .alert-action:focus, .alert.alert-danger .alert-action:hover, .alert.alert-danger .alert-action:active,
.alert.alert-danger .dropdown-toggle:focus,
.alert.alert-danger .dropdown-toggle:hover,
.alert.alert-danger .dropdown-toggle:active {
  /* clr-alert-danger-action-active-color */
  color: hsl(282, 100%, 22%);
  color: var(--clr-alert-danger-action-active-color, hsl(282, 100%, 22%));
}

.alert.alert-danger .close {
  /* clr-alert-danger-close-icon-color */
  color: hsl(198, 0%, 40%);
  color: var(--clr-alert-danger-close-icon-color, hsl(198, 0%, 40%));
  /* clr-alert-danger-close-icon-opacity */
  opacity: 1;
  opacity: var(--clr-alert-danger-close-icon-opacity, 1);
}

.alert.alert-danger .close cds-icon,
.alert.alert-danger .close clr-icon {
  /* clr-alert-danger-close-icon-color */
  fill: hsl(198, 0%, 40%);
  fill: var(--clr-alert-danger-close-icon-color, hsl(198, 0%, 40%));
}

.alert.alert-danger .close:focus, .alert.alert-danger .close:hover, .alert.alert-danger .close:active {
  /* clr-alert-danger-close-icon-hover-color */
  color: hsl(282, 100%, 22%);
  color: var(--clr-alert-danger-close-icon-hover-color, hsl(282, 100%, 22%));
  /* clr-alert-danger-close-icon-hover-opacity */
  opacity: 1;
  opacity: var(--clr-alert-danger-close-icon-hover-opacity, 1);
}

.alert .alert-item .clr-icon {
  height: 0.9rem;
  width: 0.9rem;
  margin-right: 0.3rem;
}

.alert .alert-item .clr-icon + .alert-text {
  padding-left: 0;
}

.alert .alert-item .clr-icon + .alert-text::before {
  content: none;
}

.alert .alert-actions {
  flex: 0 0 auto;
  white-space: nowrap;
}

.alert .alert-actions .dropdown:last-child {
  margin-right: -0.1rem;
}

.alert .alert-actions .dropdown-item {
  /* clr-dropdown-text-color */
  color: hsl(198, 0%, 40%);
  color: var(--clr-dropdown-text-color, hsl(198, 0%, 40%));
  font-size: 0.7rem;
  line-height: 1.2rem;
  letter-spacing: normal;
}

.alert .alert-action:not(:last-child) {
  margin-right: 0.6rem;
}

.alert .alert-action,
.alert .dropdown-toggle {
  text-decoration: underline;
}

.alert .alert-action button.dropdown-toggle:not(.btn) {
  background: transparent;
  cursor: pointer;
  /* clr-dropdown-text-color */
  color: hsl(198, 0%, 40%);
  color: var(--clr-dropdown-text-color, hsl(198, 0%, 40%));
}

.alert .dropdown-toggle:not(.btn) {
  display: inline-block;
  background: transparent;
  border: none;
}

.alert .close {
  display: block;
  width: 1.2rem;
  height: 1.8rem;
  flex: 0 0 1.4rem;
  order: 100;
  padding-right: 0.2rem;
}

.alert .close cds-icon,
.alert .close clr-icon {
  margin-top: -0.15rem;
  /* clr-alert-close-icon-size */
  height: 1.15rem;
  height: var(--clr-alert-close-icon-size, 1.15rem);
  /* clr-alert-close-icon-size */
  width: 1.15rem;
  width: var(--clr-alert-close-icon-size, 1.15rem);
  /* clr-alert-close-icon-size */
  min-height: 1.15rem;
  min-height: var(--clr-alert-close-icon-size, 1.15rem);
  /* clr-alert-close-icon-size */
  min-width: 1.15rem;
  min-width: var(--clr-alert-close-icon-size, 1.15rem);
}

.alert .close ~ .alert-item > .alert-actions {
  /* clr-alert-actions-spacing */
  padding-right: 0.6rem;
  padding-right: var(--clr-alert-actions-spacing, 0.6rem);
}

.alert .close ~ .alert-item > .alert-actions > .alert-action:last-child {
  /* clr-alert-actions-spacing */
  margin-right: 0.6rem;
  margin-right: var(--clr-alert-actions-spacing, 0.6rem);
}

.alert-app-level {
  margin: 0;
  border: none;
  border-radius: 0;
  overflow-y: auto;
  /* clr-app-alert-info-bg-color */
  background: hsl(198, 100%, 32%);
  background: var(--clr-app-alert-info-bg-color, hsl(198, 100%, 32%));
  /* clr-app-alert-info-font-color */
  color: hsl(198, 0%, 100%);
  color: var(--clr-app-alert-info-font-color, hsl(198, 0%, 100%));
  border: none;
}

.alert-app-level a {
  /* clr-app-alert-info-font-color */
  color: hsl(198, 0%, 100%);
  color: var(--clr-app-alert-info-font-color, hsl(198, 0%, 100%));
}

.alert-app-level .alert-icon {
  /* clr-app-alert-info-icon-color */
  color: hsl(198, 0%, 100%);
  color: var(--clr-app-alert-info-icon-color, hsl(198, 0%, 100%));
}

.alert-app-level .alert-actions .dropdown .dropdown-toggle {
  /* clr-app-alert-info-action-color */
  color: hsl(198, 0%, 100%);
  color: var(--clr-app-alert-info-action-color, hsl(198, 0%, 100%));
  /* clr-app-alert-info-action-color */
  border-color: hsl(198, 0%, 100%);
  border-color: var(--clr-app-alert-info-action-color, hsl(198, 0%, 100%));
}

.alert-app-level .alert-action,
.alert-app-level .dropdown-toggle {
  /* clr-app-alert-info-action-color */
  color: hsl(198, 0%, 100%);
  color: var(--clr-app-alert-info-action-color, hsl(198, 0%, 100%));
}

.alert-app-level .alert-action.btn,
.alert-app-level .dropdown-toggle.btn {
  /* clr-app-alert-info-action-color */
  border-color: hsl(198, 0%, 100%);
  border-color: var(--clr-app-alert-info-action-color, hsl(198, 0%, 100%));
  /* clr-btn-transparent-bg-color */
  background-color: 0;
  background-color: var(--clr-btn-transparent-bg-color, 0);
}

.alert-app-level .alert-action.btn cds-icon,
.alert-app-level .alert-action.btn clr-icon,
.alert-app-level .dropdown-toggle.btn cds-icon,
.alert-app-level .dropdown-toggle.btn clr-icon {
  /* clr-app-alert-info-action-color */
  color: hsl(198, 0%, 100%);
  color: var(--clr-app-alert-info-action-color, hsl(198, 0%, 100%));
}

.alert-app-level .alert-action.btn:focus, .alert-app-level .alert-action.btn:hover, .alert-app-level .alert-action.btn:active,
.alert-app-level .dropdown-toggle.btn:focus,
.alert-app-level .dropdown-toggle.btn:hover,
.alert-app-level .dropdown-toggle.btn:active {
  /* clr-app-alert-info-action-active-color */
  border-color: hsl(198, 0%, 100%);
  border-color: var(--clr-app-alert-info-action-active-color, hsl(198, 0%, 100%));
}

.alert-app-level .alert-action.btn:active,
.alert-app-level .dropdown-toggle.btn:active {
  box-shadow: 0 0.05rem 0 0 hsl(198, 0%, 100%) inset;
  box-shadow: 0 0.05rem 0 0 var(--clr-app-alert-info-action-active-color, hsl(198, 0%, 100%)) inset;
}

.alert-app-level .alert-action:focus, .alert-app-level .alert-action:hover, .alert-app-level .alert-action:active,
.alert-app-level .dropdown-toggle:focus,
.alert-app-level .dropdown-toggle:hover,
.alert-app-level .dropdown-toggle:active {
  /* clr-app-alert-info-action-active-color */
  color: hsl(198, 0%, 100%);
  color: var(--clr-app-alert-info-action-active-color, hsl(198, 0%, 100%));
}

.alert-app-level .close {
  /* clr-app-alert-info-close-icon-color */
  color: hsl(198, 0%, 100%);
  color: var(--clr-app-alert-info-close-icon-color, hsl(198, 0%, 100%));
  /* clr-app-alert-info-close-icon-opacity */
  opacity: 0.8;
  opacity: var(--clr-app-alert-info-close-icon-opacity, 0.8);
}

.alert-app-level .close cds-icon,
.alert-app-level .close clr-icon {
  /* clr-app-alert-info-close-icon-color */
  fill: hsl(198, 0%, 100%);
  fill: var(--clr-app-alert-info-close-icon-color, hsl(198, 0%, 100%));
}

.alert-app-level .close:focus, .alert-app-level .close:hover, .alert-app-level .close:active {
  /* clr-app-alert-info-close-icon-hover-color */
  color: hsl(198, 0%, 100%);
  color: var(--clr-app-alert-info-close-icon-hover-color, hsl(198, 0%, 100%));
  /* clr-app-alert-info-close-icon-hover-opacity */
  opacity: 1;
  opacity: var(--clr-app-alert-info-close-icon-hover-opacity, 1);
}

.alert-app-level.alert-info {
  /* clr-app-alert-info-bg-color */
  background: hsl(198, 100%, 32%);
  background: var(--clr-app-alert-info-bg-color, hsl(198, 100%, 32%));
  /* clr-app-alert-info-font-color */
  color: hsl(198, 0%, 100%);
  color: var(--clr-app-alert-info-font-color, hsl(198, 0%, 100%));
  border: none;
}

.alert-app-level.alert-info a {
  /* clr-app-alert-info-font-color */
  color: hsl(198, 0%, 100%);
  color: var(--clr-app-alert-info-font-color, hsl(198, 0%, 100%));
}

.alert-app-level.alert-info .alert-icon {
  /* clr-app-alert-info-icon-color */
  color: hsl(198, 0%, 100%);
  color: var(--clr-app-alert-info-icon-color, hsl(198, 0%, 100%));
}

.alert-app-level.alert-info .alert-actions .dropdown .dropdown-toggle {
  /* clr-app-alert-info-action-color */
  color: hsl(198, 0%, 100%);
  color: var(--clr-app-alert-info-action-color, hsl(198, 0%, 100%));
  /* clr-app-alert-info-action-color */
  border-color: hsl(198, 0%, 100%);
  border-color: var(--clr-app-alert-info-action-color, hsl(198, 0%, 100%));
}

.alert-app-level.alert-info .alert-action,
.alert-app-level.alert-info .dropdown-toggle {
  /* clr-app-alert-info-action-color */
  color: hsl(198, 0%, 100%);
  color: var(--clr-app-alert-info-action-color, hsl(198, 0%, 100%));
}

.alert-app-level.alert-info .alert-action.btn,
.alert-app-level.alert-info .dropdown-toggle.btn {
  /* clr-app-alert-info-action-color */
  border-color: hsl(198, 0%, 100%);
  border-color: var(--clr-app-alert-info-action-color, hsl(198, 0%, 100%));
  /* clr-btn-transparent-bg-color */
  background-color: 0;
  background-color: var(--clr-btn-transparent-bg-color, 0);
}

.alert-app-level.alert-info .alert-action.btn cds-icon,
.alert-app-level.alert-info .alert-action.btn clr-icon,
.alert-app-level.alert-info .dropdown-toggle.btn cds-icon,
.alert-app-level.alert-info .dropdown-toggle.btn clr-icon {
  /* clr-app-alert-info-action-color */
  color: hsl(198, 0%, 100%);
  color: var(--clr-app-alert-info-action-color, hsl(198, 0%, 100%));
}

.alert-app-level.alert-info .alert-action.btn:focus, .alert-app-level.alert-info .alert-action.btn:hover, .alert-app-level.alert-info .alert-action.btn:active,
.alert-app-level.alert-info .dropdown-toggle.btn:focus,
.alert-app-level.alert-info .dropdown-toggle.btn:hover,
.alert-app-level.alert-info .dropdown-toggle.btn:active {
  /* clr-app-alert-info-action-active-color */
  border-color: hsl(198, 0%, 100%);
  border-color: var(--clr-app-alert-info-action-active-color, hsl(198, 0%, 100%));
}

.alert-app-level.alert-info .alert-action.btn:active,
.alert-app-level.alert-info .dropdown-toggle.btn:active {
  box-shadow: 0 0.05rem 0 0 hsl(198, 0%, 100%) inset;
  box-shadow: 0 0.05rem 0 0 var(--clr-app-alert-info-action-active-color, hsl(198, 0%, 100%)) inset;
}

.alert-app-level.alert-info .alert-action:focus, .alert-app-level.alert-info .alert-action:hover, .alert-app-level.alert-info .alert-action:active,
.alert-app-level.alert-info .dropdown-toggle:focus,
.alert-app-level.alert-info .dropdown-toggle:hover,
.alert-app-level.alert-info .dropdown-toggle:active {
  /* clr-app-alert-info-action-active-color */
  color: hsl(198, 0%, 100%);
  color: var(--clr-app-alert-info-action-active-color, hsl(198, 0%, 100%));
}

.alert-app-level.alert-info .close {
  /* clr-app-alert-info-close-icon-color */
  color: hsl(198, 0%, 100%);
  color: var(--clr-app-alert-info-close-icon-color, hsl(198, 0%, 100%));
  /* clr-app-alert-info-close-icon-opacity */
  opacity: 0.8;
  opacity: var(--clr-app-alert-info-close-icon-opacity, 0.8);
}

.alert-app-level.alert-info .close cds-icon,
.alert-app-level.alert-info .close clr-icon {
  /* clr-app-alert-info-close-icon-color */
  fill: hsl(198, 0%, 100%);
  fill: var(--clr-app-alert-info-close-icon-color, hsl(198, 0%, 100%));
}

.alert-app-level.alert-info .close:focus, .alert-app-level.alert-info .close:hover, .alert-app-level.alert-info .close:active {
  /* clr-app-alert-info-close-icon-hover-color */
  color: hsl(198, 0%, 100%);
  color: var(--clr-app-alert-info-close-icon-hover-color, hsl(198, 0%, 100%));
  /* clr-app-alert-info-close-icon-hover-opacity */
  opacity: 1;
  opacity: var(--clr-app-alert-info-close-icon-hover-opacity, 1);
}

.alert-app-level.alert-danger {
  /* clr-app-alert-danger-bg-color */
  background: hsl(9, 100%, 38%);
  background: var(--clr-app-alert-danger-bg-color, hsl(9, 100%, 38%));
  /* clr-app-alert-danger-font-color */
  color: hsl(198, 0%, 100%);
  color: var(--clr-app-alert-danger-font-color, hsl(198, 0%, 100%));
  border: none;
}

.alert-app-level.alert-danger a {
  /* clr-app-alert-danger-font-color */
  color: hsl(198, 0%, 100%);
  color: var(--clr-app-alert-danger-font-color, hsl(198, 0%, 100%));
}

.alert-app-level.alert-danger .alert-icon {
  /* clr-app-alert-danger-icon-color */
  color: hsl(198, 0%, 100%);
  color: var(--clr-app-alert-danger-icon-color, hsl(198, 0%, 100%));
}

.alert-app-level.alert-danger .alert-actions .dropdown .dropdown-toggle {
  /* clr-app-alert-danger-action-color */
  color: hsl(198, 0%, 100%);
  color: var(--clr-app-alert-danger-action-color, hsl(198, 0%, 100%));
  /* clr-app-alert-danger-action-color */
  border-color: hsl(198, 0%, 100%);
  border-color: var(--clr-app-alert-danger-action-color, hsl(198, 0%, 100%));
}

.alert-app-level.alert-danger .alert-action,
.alert-app-level.alert-danger .dropdown-toggle {
  /* clr-app-alert-danger-action-color */
  color: hsl(198, 0%, 100%);
  color: var(--clr-app-alert-danger-action-color, hsl(198, 0%, 100%));
}

.alert-app-level.alert-danger .alert-action.btn,
.alert-app-level.alert-danger .dropdown-toggle.btn {
  /* clr-app-alert-danger-action-color */
  border-color: hsl(198, 0%, 100%);
  border-color: var(--clr-app-alert-danger-action-color, hsl(198, 0%, 100%));
  /* clr-btn-transparent-bg-color */
  background-color: 0;
  background-color: var(--clr-btn-transparent-bg-color, 0);
}

.alert-app-level.alert-danger .alert-action.btn cds-icon,
.alert-app-level.alert-danger .alert-action.btn clr-icon,
.alert-app-level.alert-danger .dropdown-toggle.btn cds-icon,
.alert-app-level.alert-danger .dropdown-toggle.btn clr-icon {
  /* clr-app-alert-danger-action-color */
  color: hsl(198, 0%, 100%);
  color: var(--clr-app-alert-danger-action-color, hsl(198, 0%, 100%));
}

.alert-app-level.alert-danger .alert-action.btn:focus, .alert-app-level.alert-danger .alert-action.btn:hover, .alert-app-level.alert-danger .alert-action.btn:active,
.alert-app-level.alert-danger .dropdown-toggle.btn:focus,
.alert-app-level.alert-danger .dropdown-toggle.btn:hover,
.alert-app-level.alert-danger .dropdown-toggle.btn:active {
  /* clr-app-alert-danger-action-active-color */
  border-color: hsl(198, 0%, 100%);
  border-color: var(--clr-app-alert-danger-action-active-color, hsl(198, 0%, 100%));
}

.alert-app-level.alert-danger .alert-action.btn:active,
.alert-app-level.alert-danger .dropdown-toggle.btn:active {
  box-shadow: 0 0.05rem 0 0 hsl(198, 0%, 100%) inset;
  box-shadow: 0 0.05rem 0 0 var(--clr-app-alert-danger-action-active-color, hsl(198, 0%, 100%)) inset;
}

.alert-app-level.alert-danger .alert-action:focus, .alert-app-level.alert-danger .alert-action:hover, .alert-app-level.alert-danger .alert-action:active,
.alert-app-level.alert-danger .dropdown-toggle:focus,
.alert-app-level.alert-danger .dropdown-toggle:hover,
.alert-app-level.alert-danger .dropdown-toggle:active {
  /* clr-app-alert-danger-action-active-color */
  color: hsl(198, 0%, 100%);
  color: var(--clr-app-alert-danger-action-active-color, hsl(198, 0%, 100%));
}

.alert-app-level.alert-danger .close {
  /* clr-app-alert-danger-close-icon-color */
  color: hsl(198, 0%, 100%);
  color: var(--clr-app-alert-danger-close-icon-color, hsl(198, 0%, 100%));
  /* clr-app-alert-danger-close-icon-opacity */
  opacity: 0.8;
  opacity: var(--clr-app-alert-danger-close-icon-opacity, 0.8);
}

.alert-app-level.alert-danger .close cds-icon,
.alert-app-level.alert-danger .close clr-icon {
  /* clr-app-alert-danger-close-icon-color */
  fill: hsl(198, 0%, 100%);
  fill: var(--clr-app-alert-danger-close-icon-color, hsl(198, 0%, 100%));
}

.alert-app-level.alert-danger .close:focus, .alert-app-level.alert-danger .close:hover, .alert-app-level.alert-danger .close:active {
  /* clr-app-alert-danger-close-icon-hover-color */
  color: hsl(198, 0%, 100%);
  color: var(--clr-app-alert-danger-close-icon-hover-color, hsl(198, 0%, 100%));
  /* clr-app-alert-danger-close-icon-hover-opacity */
  opacity: 1;
  opacity: var(--clr-app-alert-danger-close-icon-hover-opacity, 1);
}

.alert-app-level.alert-warning {
  /* clr-app-alert-warning-bg-color */
  background: hsl(26, 100%, 38%);
  background: var(--clr-app-alert-warning-bg-color, hsl(26, 100%, 38%));
  /* clr-app-alert-warning-font-color */
  color: hsl(198, 0%, 100%);
  color: var(--clr-app-alert-warning-font-color, hsl(198, 0%, 100%));
  border: none;
}

.alert-app-level.alert-warning a {
  /* clr-app-alert-warning-font-color */
  color: hsl(198, 0%, 100%);
  color: var(--clr-app-alert-warning-font-color, hsl(198, 0%, 100%));
}

.alert-app-level.alert-warning .alert-icon {
  /* clr-app-alert-warning-icon-color */
  color: hsl(198, 0%, 100%);
  color: var(--clr-app-alert-warning-icon-color, hsl(198, 0%, 100%));
}

.alert-app-level.alert-warning .alert-actions .dropdown .dropdown-toggle {
  /* clr-app-alert-warning-action-color */
  color: hsl(198, 0%, 100%);
  color: var(--clr-app-alert-warning-action-color, hsl(198, 0%, 100%));
  /* clr-app-alert-warning-action-color */
  border-color: hsl(198, 0%, 100%);
  border-color: var(--clr-app-alert-warning-action-color, hsl(198, 0%, 100%));
}

.alert-app-level.alert-warning .alert-action,
.alert-app-level.alert-warning .dropdown-toggle {
  /* clr-app-alert-warning-action-color */
  color: hsl(198, 0%, 100%);
  color: var(--clr-app-alert-warning-action-color, hsl(198, 0%, 100%));
}

.alert-app-level.alert-warning .alert-action.btn,
.alert-app-level.alert-warning .dropdown-toggle.btn {
  /* clr-app-alert-warning-action-color */
  border-color: hsl(198, 0%, 100%);
  border-color: var(--clr-app-alert-warning-action-color, hsl(198, 0%, 100%));
  /* clr-btn-transparent-bg-color */
  background-color: 0;
  background-color: var(--clr-btn-transparent-bg-color, 0);
}

.alert-app-level.alert-warning .alert-action.btn cds-icon,
.alert-app-level.alert-warning .alert-action.btn clr-icon,
.alert-app-level.alert-warning .dropdown-toggle.btn cds-icon,
.alert-app-level.alert-warning .dropdown-toggle.btn clr-icon {
  /* clr-app-alert-warning-action-color */
  color: hsl(198, 0%, 100%);
  color: var(--clr-app-alert-warning-action-color, hsl(198, 0%, 100%));
}

.alert-app-level.alert-warning .alert-action.btn:focus, .alert-app-level.alert-warning .alert-action.btn:hover, .alert-app-level.alert-warning .alert-action.btn:active,
.alert-app-level.alert-warning .dropdown-toggle.btn:focus,
.alert-app-level.alert-warning .dropdown-toggle.btn:hover,
.alert-app-level.alert-warning .dropdown-toggle.btn:active {
  /* clr-app-alert-warning-action-active-color */
  border-color: hsl(198, 0%, 100%);
  border-color: var(--clr-app-alert-warning-action-active-color, hsl(198, 0%, 100%));
}

.alert-app-level.alert-warning .alert-action.btn:active,
.alert-app-level.alert-warning .dropdown-toggle.btn:active {
  box-shadow: 0 0.05rem 0 0 hsl(198, 0%, 100%) inset;
  box-shadow: 0 0.05rem 0 0 var(--clr-app-alert-warning-action-active-color, hsl(198, 0%, 100%)) inset;
}

.alert-app-level.alert-warning .alert-action:focus, .alert-app-level.alert-warning .alert-action:hover, .alert-app-level.alert-warning .alert-action:active,
.alert-app-level.alert-warning .dropdown-toggle:focus,
.alert-app-level.alert-warning .dropdown-toggle:hover,
.alert-app-level.alert-warning .dropdown-toggle:active {
  /* clr-app-alert-warning-action-active-color */
  color: hsl(198, 0%, 100%);
  color: var(--clr-app-alert-warning-action-active-color, hsl(198, 0%, 100%));
}

.alert-app-level.alert-warning .close {
  /* clr-app-alert-warning-close-icon-color */
  color: hsl(198, 0%, 100%);
  color: var(--clr-app-alert-warning-close-icon-color, hsl(198, 0%, 100%));
  /* clr-app-alert-warning-close-icon-opacity */
  opacity: 0.8;
  opacity: var(--clr-app-alert-warning-close-icon-opacity, 0.8);
}

.alert-app-level.alert-warning .close cds-icon,
.alert-app-level.alert-warning .close clr-icon {
  /* clr-app-alert-warning-close-icon-color */
  fill: hsl(198, 0%, 100%);
  fill: var(--clr-app-alert-warning-close-icon-color, hsl(198, 0%, 100%));
}

.alert-app-level.alert-warning .close:focus, .alert-app-level.alert-warning .close:hover, .alert-app-level.alert-warning .close:active {
  /* clr-app-alert-warning-close-icon-hover-color */
  color: hsl(198, 0%, 100%);
  color: var(--clr-app-alert-warning-close-icon-hover-color, hsl(198, 0%, 100%));
  /* clr-app-alert-warning-close-icon-hover-opacity */
  opacity: 1;
  opacity: var(--clr-app-alert-warning-close-icon-hover-opacity, 1);
}

.alert-app-level.alert-success {
  /* clr-app-alert-success-bg-color */
  background: hsl(93, 100%, 26%);
  background: var(--clr-app-alert-success-bg-color, hsl(93, 100%, 26%));
  /* clr-app-alert-success-font-color */
  color: hsl(198, 0%, 100%);
  color: var(--clr-app-alert-success-font-color, hsl(198, 0%, 100%));
  border: none;
}

.alert-app-level.alert-success a {
  /* clr-app-alert-success-font-color */
  color: hsl(198, 0%, 100%);
  color: var(--clr-app-alert-success-font-color, hsl(198, 0%, 100%));
}

.alert-app-level.alert-success .alert-icon {
  /* clr-app-alert-success-icon-color */
  color: hsl(198, 0%, 100%);
  color: var(--clr-app-alert-success-icon-color, hsl(198, 0%, 100%));
}

.alert-app-level.alert-success .alert-actions .dropdown .dropdown-toggle {
  /* clr-app-alert-success-action-color */
  color: hsl(198, 0%, 100%);
  color: var(--clr-app-alert-success-action-color, hsl(198, 0%, 100%));
  /* clr-app-alert-success-action-color */
  border-color: hsl(198, 0%, 100%);
  border-color: var(--clr-app-alert-success-action-color, hsl(198, 0%, 100%));
}

.alert-app-level.alert-success .alert-action,
.alert-app-level.alert-success .dropdown-toggle {
  /* clr-app-alert-success-action-color */
  color: hsl(198, 0%, 100%);
  color: var(--clr-app-alert-success-action-color, hsl(198, 0%, 100%));
}

.alert-app-level.alert-success .alert-action.btn,
.alert-app-level.alert-success .dropdown-toggle.btn {
  /* clr-app-alert-success-action-color */
  border-color: hsl(198, 0%, 100%);
  border-color: var(--clr-app-alert-success-action-color, hsl(198, 0%, 100%));
  /* clr-btn-transparent-bg-color */
  background-color: 0;
  background-color: var(--clr-btn-transparent-bg-color, 0);
}

.alert-app-level.alert-success .alert-action.btn cds-icon,
.alert-app-level.alert-success .alert-action.btn clr-icon,
.alert-app-level.alert-success .dropdown-toggle.btn cds-icon,
.alert-app-level.alert-success .dropdown-toggle.btn clr-icon {
  /* clr-app-alert-success-action-color */
  color: hsl(198, 0%, 100%);
  color: var(--clr-app-alert-success-action-color, hsl(198, 0%, 100%));
}

.alert-app-level.alert-success .alert-action.btn:focus, .alert-app-level.alert-success .alert-action.btn:hover, .alert-app-level.alert-success .alert-action.btn:active,
.alert-app-level.alert-success .dropdown-toggle.btn:focus,
.alert-app-level.alert-success .dropdown-toggle.btn:hover,
.alert-app-level.alert-success .dropdown-toggle.btn:active {
  /* clr-app-alert-success-action-active-color */
  border-color: hsl(198, 0%, 100%);
  border-color: var(--clr-app-alert-success-action-active-color, hsl(198, 0%, 100%));
}

.alert-app-level.alert-success .alert-action.btn:active,
.alert-app-level.alert-success .dropdown-toggle.btn:active {
  box-shadow: 0 0.05rem 0 0 hsl(198, 0%, 100%) inset;
  box-shadow: 0 0.05rem 0 0 var(--clr-app-alert-success-action-active-color, hsl(198, 0%, 100%)) inset;
}

.alert-app-level.alert-success .alert-action:focus, .alert-app-level.alert-success .alert-action:hover, .alert-app-level.alert-success .alert-action:active,
.alert-app-level.alert-success .dropdown-toggle:focus,
.alert-app-level.alert-success .dropdown-toggle:hover,
.alert-app-level.alert-success .dropdown-toggle:active {
  /* clr-app-alert-success-action-active-color */
  color: hsl(198, 0%, 100%);
  color: var(--clr-app-alert-success-action-active-color, hsl(198, 0%, 100%));
}

.alert-app-level.alert-success .close {
  /* clr-app-alert-success-close-icon-color */
  color: hsl(198, 0%, 100%);
  color: var(--clr-app-alert-success-close-icon-color, hsl(198, 0%, 100%));
  /* clr-app-alert-success-close-icon-opacity */
  opacity: 0.8;
  opacity: var(--clr-app-alert-success-close-icon-opacity, 0.8);
}

.alert-app-level.alert-success .close cds-icon,
.alert-app-level.alert-success .close clr-icon {
  /* clr-app-alert-success-close-icon-color */
  fill: hsl(198, 0%, 100%);
  fill: var(--clr-app-alert-success-close-icon-color, hsl(198, 0%, 100%));
}

.alert-app-level.alert-success .close:focus, .alert-app-level.alert-success .close:hover, .alert-app-level.alert-success .close:active {
  /* clr-app-alert-success-close-icon-hover-color */
  color: hsl(198, 0%, 100%);
  color: var(--clr-app-alert-success-close-icon-hover-color, hsl(198, 0%, 100%));
  /* clr-app-alert-success-close-icon-hover-opacity */
  opacity: 1;
  opacity: var(--clr-app-alert-success-close-icon-hover-opacity, 1);
}

.alert-app-level .alert-items {
  /* clr-alert-app-padding */
  padding: 0.3rem 0.55rem;
  padding: var(--clr-alert-app-padding, 0.3rem 0.55rem);
}

.alert-app-level .alert-item {
  justify-content: center;
  align-items: center;
  min-height: 1.2rem;
}

.alert-app-level .alert-item .btn {
  margin: 0;
}

.alert-app-level .alert-icon-wrapper {
  /* clr-alert-icon-wrapper-margin-top */
  margin-top: 0.15rem;
  margin-top: var(--clr-alert-icon-wrapper-margin-top, 0.15rem);
}

.alert-app-level .close {
  height: 1.8rem;
  overflow: hidden;
}

.alert-app-level .close cds-icon,
.alert-app-level .close clr-icon {
  margin-top: -0.25rem;
}

.alert-app-level .alert-action,
.alert-app-level .dropdown-toggle {
  text-decoration: none;
}

.alert-sm {
  font-size: 0.55rem;
  letter-spacing: normal;
  /* clr-alert-sm-line-height */
  line-height: 0.8rem;
  line-height: var(--clr-alert-sm-line-height, 0.8rem);
}

.alert-sm .alert-items {
  padding: 0.15rem 0.25rem;
}

.alert-sm .alert-item {
  padding-top: 0.05rem;
  margin-bottom: 0.2rem;
}

.alert-sm .alert-item:last-child {
  margin-bottom: 0;
}

.alert-sm .alert-icon-wrapper {
  padding-top: 0;
  height: 0.8rem;
}

.alert-sm .alert-icon {
  /* clr-alert-icon-margin-left */
  margin-left: -0.2rem;
  margin-left: var(--clr-alert-icon-margin-left, -0.2rem);
  margin-top: -0.2rem;
}

.alert-sm .alert-item > span,
.alert-sm .alert-text {
  margin-right: 0.3rem;
}

.alert-sm .close {
  padding-right: 0;
  flex: 0 0 1.2rem;
  height: 1.2rem;
  line-height: 1.2rem;
}

.alert-sm .close cds-icon,
.alert-sm .close clr-icon {
  margin-top: -0.25rem;
  margin-right: -0.05rem;
  /* clr-alert-close-icon-size */
  height: 1rem;
  height: var(--clr-alert-close-icon-size, 1rem);
  /* clr-alert-close-icon-size */
  width: 1rem;
  width: var(--clr-alert-close-icon-size, 1rem);
  /* clr-alert-close-icon-size */
  min-height: 1rem;
  min-height: var(--clr-alert-close-icon-size, 1rem);
  /* clr-alert-close-icon-size */
  min-width: 1rem;
  min-width: var(--clr-alert-close-icon-size, 1rem);
  line-height: 1.05rem;
}

@media screen and (max-width: 768px) {
  .alert .alert-item {
    flex-wrap: wrap;
  }
  .alert .alert-text {
    margin-right: 0;
    max-width: 90%;
    width: 90%;
    flex-basis: 90%;
  }
  .alert .alert-actions {
    flex: 1 0 100%;
    padding-top: 0.15rem;
    padding-left: 1.2rem;
  }
  .alerts-pager {
    margin-top: 0.15rem;
  }
  .alert-app-level .alert-actions {
    margin-left: 2.25rem;
  }
}
.alert-hidden {
  display: none;
}

.card .alert {
  /* clr-card-alert-margin */
  margin: 0.3rem 0;
  margin: var(--clr-card-alert-margin, 0.3rem 0);
}

.modal .alert + .modal-header {
  margin-top: 0.6rem;
}

.alerts.alert-info {
  /* clr-app-alert-info-pager-bg-color */
  background: hsl(198, 100%, 24%);
  background: var(--clr-app-alert-info-pager-bg-color, hsl(198, 100%, 24%));
}

.alerts.alert-danger {
  /* clr-app-alert-danger-pager-bg-color */
  background: hsl(9, 100%, 30%);
  background: var(--clr-app-alert-danger-pager-bg-color, hsl(9, 100%, 30%));
}

.alerts.alert-warning {
  /* clr-app-alert-warning-pager-bg-color */
  background: hsl(38, 100%, 28%);
  background: var(--clr-app-alert-warning-pager-bg-color, hsl(38, 100%, 28%));
}

.alerts.alert-success {
  /* clr-app-alert-success-pager-bg-color */
  background: hsl(93, 100%, 16%);
  background: var(--clr-app-alert-success-pager-bg-color, hsl(93, 100%, 16%));
}

.alerts-pager {
  /* clr-app-alert-pager-text-color */
  color: hsl(198, 0%, 100%);
  color: var(--clr-app-alert-pager-text-color, hsl(198, 0%, 100%));
  font-size: 0.65rem;
  letter-spacing: normal;
  float: left;
  min-height: 1.8rem;
  text-align: center;
  /* clr-app-alert-pager-width */
  width: 7.2rem;
  width: var(--clr-app-alert-pager-width, 7.2rem);
}

.alert-info .alerts-pager {
  /* clr-app-alert-info-pager-font-color */
  color: hsl(198, 0%, 100%);
  color: var(--clr-app-alert-info-pager-font-color, hsl(198, 0%, 100%));
}

.alert-warning .alerts-pager {
  /* clr-app-alert-warning-pager-font-color */
  color: hsl(198, 0%, 100%);
  color: var(--clr-app-alert-warning-pager-font-color, hsl(198, 0%, 100%));
}

.alert-danger .alerts-pager {
  /* clr-app-alert-danger-pager-font-color */
  color: hsl(198, 0%, 100%);
  color: var(--clr-app-alert-danger-pager-font-color, hsl(198, 0%, 100%));
}

.alert-success .alerts-pager {
  /* clr-app-alert-success-pager-font-color */
  color: hsl(198, 0%, 100%);
  color: var(--clr-app-alert-success-pager-font-color, hsl(198, 0%, 100%));
}

.alerts-pager-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  box-shadow: none;
  background: none;
  /* clr-app-alert-pager-text-color */
  color: hsl(198, 0%, 100%);
  color: var(--clr-app-alert-pager-text-color, hsl(198, 0%, 100%));
  cursor: pointer;
}

button.alerts-pager-button {
  cursor: pointer;
}

.alerts-pager-button cds-icon,
.alerts-pager-button clr-icon {
  /* clr-app-alert-pager-text-color */
  color: hsl(198, 0%, 100%);
  color: var(--clr-app-alert-pager-text-color, hsl(198, 0%, 100%));
}

.alert-info .alerts-pager-button cds-icon,
.alert-info .alerts-pager-button clr-icon {
  /* clr-app-alert-info-pager-font-color */
  color: hsl(198, 0%, 100%);
  color: var(--clr-app-alert-info-pager-font-color, hsl(198, 0%, 100%));
}

.alert-warning .alerts-pager-button cds-icon,
.alert-warning .alerts-pager-button clr-icon {
  /* clr-app-alert-warning-pager-font-color */
  color: hsl(198, 0%, 100%);
  color: var(--clr-app-alert-warning-pager-font-color, hsl(198, 0%, 100%));
}

.alert-danger .alerts-pager-button cds-icon,
.alert-danger .alerts-pager-button clr-icon {
  /* clr-app-alert-danger-pager-font-color */
  color: hsl(198, 0%, 100%);
  color: var(--clr-app-alert-danger-pager-font-color, hsl(198, 0%, 100%));
}

.alert-success .alerts-pager-button cds-icon,
.alert-success .alerts-pager-button clr-icon {
  /* clr-app-alert-success-pager-font-color */
  color: hsl(198, 0%, 100%);
  color: var(--clr-app-alert-success-pager-font-color, hsl(198, 0%, 100%));
}

.alerts-pager-control {
  display: flex;
  margin-top: 0.3rem;
  white-space: nowrap;
}

.alerts-page-down {
  margin-left: 1.2rem;
  width: 33.33%;
}

.alerts-page-up {
  margin-right: 1.2rem;
  width: 33.33%;
}

.alerts-pager-text {
  width: 33.33%;
}

/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/* stylelint-disable-next-line meowtec/no-px */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/* stylelint-disable */
/* stylelint-enable */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
:root {
  --clr-card-bg-color: var(--clr-color-neutral-0);
  --clr-card-divider-color: var(--clr-color-neutral-300);
  --clr-card-title-color: var(--clr-h4-color);
  --clr-card-title-font-weight: var(--clr-h4-font-weight);
  --clr-card-header-title-color: var(--clr-card-title-color);
  --clr-card-content-title-color: var(--clr-card-title-color);
  --clr-card-border-width: var(--clr-global-borderwidth);
  --clr-card-clickable-border-width: var(--clr-global-borderwidth);
  --clr-card-border-radius: var(--clr-global-borderradius);
  --clr-card-border-color: var(--clr-color-neutral-300);
  --clr-card-box-shadow-color: var(--clr-card-border-color);
  --clr-card-box-shadow: 0 0.15rem 0 0 var(--clr-card-box-shadow-color);
  --clr-card-clickable-border-color: var(--clr-color-action-500);
  --clr-card-clickable-box-shadow-color: var(--clr-card-clickable-border-color);
  --clr-card-clickable-box-shadow: 0
    0.15rem
    0
    0
    var(--clr-card-clickable-box-shadow-color);
  --clr-card-text-color: hsl(198, 0%, 40%);
  --clr-card-text-font-size: 0.7rem;
  --clr-card-children-space-between: 0.6rem;
  --clr-card-media-description-margin-left: 0.6rem;
  --clr-card-media-description-margin-top: 0.3rem;
  --clr-card-list-group-item-padding: 0.6rem 0.9rem;
  --clr-card-header-title-font-size: 1.1rem;
  --clr-card-content-title-font-size: 0.9rem;
  --clr-card-header-padding: 0.6rem
    0.9rem;
  --clr-card-footer-padding: 0.6rem
    0.9rem;
  --clr-card-block-padding: 0.6rem
    0.9rem;
  --clr-card-alert-margin: 0.3rem 0;
  --clr-card-footer-gap: 0.6rem;
}

.card {
  /* clr-card-box-shadow */
  box-shadow: 0 0.15rem 0 0 hsl(198, 0%, 87%);
  box-shadow: var(--clr-card-box-shadow, 0 0.15rem 0 0 hsl(198, 0%, 87%));
  /* clr-card-border-radius */
  border-radius: 0.15rem;
  border-radius: var(--clr-card-border-radius, 0.15rem);
  /* clr-card-border-width */
  border-width: 0.05rem;
  border-width: var(--clr-card-border-width, 0.05rem);
  border-style: solid;
  /* clr-card-border-color */
  border-color: hsl(198, 0%, 87%);
  border-color: var(--clr-card-border-color, hsl(198, 0%, 87%));
}

.card.clickable:hover {
  /* clr-card-clickable-box-shadow */
  box-shadow: 0 0.15rem 0 0 hsl(198, 80%, 46%);
  box-shadow: var(--clr-card-clickable-box-shadow, 0 0.15rem 0 0 hsl(198, 80%, 46%));
  /* clr-card-clickable-border-width */
  border-width: 0.05rem;
  border-width: var(--clr-card-clickable-border-width, 0.05rem);
  border-style: solid;
  /* clr-card-clickable-border-color */
  border-color: hsl(198, 80%, 46%);
  border-color: var(--clr-card-clickable-border-color, hsl(198, 80%, 46%));
  cursor: pointer;
  text-decoration: none;
  transform: translateY(-0.1rem);
  transition: border 0.2s ease, transform 0.2s ease;
}

.card-block .card-divider, .card .card-title,
.card .card-text,
.card .card-media-block,
.card .list,
.card .list-unstyled {
  margin-top: 0;
  /* clr-card-children-space-between */
  margin-bottom: 0.6rem;
  margin-bottom: var(--clr-card-children-space-between, 0.6rem);
}

.card-block .card-divider:last-child, .card .card-title:last-child,
.card .card-text:last-child,
.card .card-media-block:last-child,
.card .list:last-child,
.card .list-unstyled:last-child {
  margin-bottom: 0;
}

.card.card-img > img,
.card > .card-img:first-child:last-child > img, .card-img > img {
  display: block;
  height: auto;
  width: 100%;
  max-width: 100%;
}

.card {
  position: relative;
  display: block;
  /* clr-card-bg-color */
  background-color: hsl(198, 0%, 100%);
  background-color: var(--clr-card-bg-color, hsl(198, 0%, 100%));
  width: 100%;
  margin-top: 1.2rem;
}

.card .btn-link {
  min-width: 0;
  padding: 0;
}

.card.clickable {
  color: inherit;
}

.card > .list, .card > .list-unstyled {
  padding: 0.6rem 0.9rem;
}

.card .list-group {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.card .list-group-item {
  /* clr-card-text-font-size */
  font-size: 0.7rem;
  font-size: var(--clr-card-text-font-size, 0.7rem);
  /* clr-card-list-group-item-padding */
  padding: 0.6rem 0.9rem;
  padding: var(--clr-card-list-group-item-padding, 0.6rem 0.9rem);
  /* clr-card-bg-color */
  background-color: hsl(198, 0%, 100%);
  background-color: var(--clr-card-bg-color, hsl(198, 0%, 100%));
  /* clr-card-border-width */
  border-bottom-width: 0.05rem;
  border-bottom-width: var(--clr-card-border-width, 0.05rem);
  border-bottom-style: solid;
  /* clr-card-border-color */
  border-bottom-color: hsl(198, 0%, 87%);
  border-bottom-color: var(--clr-card-border-color, hsl(198, 0%, 87%));
}

@supports (-ms-ime-align: auto) {
  .card .dropdown > .dropdown-toggle::after {
    display: inline-block;
    margin-top: -0.6rem;
  }
}
.card-block {
  /* clr-card-block-padding */
  padding: 0.6rem 0.9rem;
  padding: var(--clr-card-block-padding, 0.6rem 0.9rem);
}

.card-footer {
  display: flex;
  flex-direction: row;
  /* clr-card-footer-gap */
  gap: 0.6rem;
  gap: var(--clr-card-footer-gap, 0.6rem);
  /* clr-card-footer-padding */
  padding: 0.6rem 0.9rem;
  padding: var(--clr-card-footer-padding, 0.6rem 0.9rem);
}

h3.card-header,
.card-header {
  /* clr-card-header-title-font-size */
  font-size: 1.1rem;
  font-size: var(--clr-card-header-title-font-size, 1.1rem);
  /* clr-card-header-padding */
  padding: 0.6rem 0.9rem;
  padding: var(--clr-card-header-padding, 0.6rem 0.9rem);
  /* clr-card-header-title-color */
  color: hsl(198, 0%, 0%);
  color: var(--clr-card-header-title-color, hsl(198, 0%, 0%));
}

h4.card-title,
.card-title {
  /* clr-card-content-title-color */
  color: hsl(198, 0%, 0%);
  color: var(--clr-card-content-title-color, hsl(198, 0%, 0%));
  /* clr-card-content-title-font-size */
  font-size: 0.9rem;
  font-size: var(--clr-card-content-title-font-size, 0.9rem);
}

.card-header,
.card-title {
  /* clr-card-title-font-weight */
  font-weight: 200;
  font-weight: var(--clr-card-title-font-weight, 200);
  letter-spacing: normal;
}

h1.card-header, h1.card-title,
h2.card-header,
h2.card-title,
h3.card-header,
h3.card-title,
h4.card-header,
h4.card-title,
h5.card-header,
h5.card-title,
h6.card-header,
h6.card-title {
  margin-top: 0;
}

.card-text {
  /* clr-card-text-font-size */
  font-size: 0.7rem;
  font-size: var(--clr-card-text-font-size, 0.7rem);
  /* clr-card-text-color */
  color: hsl(198, 0%, 40%);
  color: var(--clr-card-text-color, hsl(198, 0%, 40%));
}

.card-img:first-child > img {
  border-radius: 0;
  /* clr-card-border-radius */
  border-top-left-radius: 0.15rem;
  border-top-left-radius: var(--clr-card-border-radius, 0.15rem);
  /* clr-card-border-radius */
  border-top-right-radius: 0.15rem;
  border-top-right-radius: var(--clr-card-border-radius, 0.15rem);
}

.card-img:last-child > img {
  border-radius: 0;
  /* clr-card-border-radius */
  border-bottom-left-radius: 0.15rem;
  border-bottom-left-radius: var(--clr-card-border-radius, 0.15rem);
  /* clr-card-border-radius */
  border-bottom-right-radius: 0.15rem;
  border-bottom-right-radius: var(--clr-card-border-radius, 0.15rem);
}

.card.card-img > img,
.card > .card-img:first-child:last-child > img {
  /* clr-card-border-radius */
  border-radius: 0.15rem;
  border-radius: var(--clr-card-border-radius, 0.15rem);
}

.card-block .btn,
.card-block .btn.btn-link,
.card-block .card-link,
.card-footer .btn,
.card-footer .btn.btn-link,
.card-footer .card-link {
  margin: 0;
}

.card-block .btn-group .btn,
.card-footer .btn-group .btn {
  margin: 0;
}

.card-header,
.card-block {
  /* clr-card-border-width */
  border-bottom-width: 0.05rem;
  border-bottom-width: var(--clr-card-border-width, 0.05rem);
  border-bottom-style: solid;
  /* clr-card-border-color */
  border-bottom-color: hsl(198, 0%, 87%);
  border-bottom-color: var(--clr-card-border-color, hsl(198, 0%, 87%));
}

.card-header:last-child,
.card-block:last-child {
  border-bottom: none;
}

.card-divider {
  display: block;
  /* clr-card-border-width */
  border-bottom-width: 0.05rem;
  border-bottom-width: var(--clr-card-border-width, 0.05rem);
  border-bottom-style: solid;
  /* clr-card-divider-color */
  border-bottom-color: hsl(198, 0%, 87%);
  border-bottom-color: var(--clr-card-divider-color, hsl(198, 0%, 87%));
}

.card-block .card-divider {
  margin-left: -0.9rem;
  margin-right: -0.9rem;
  width: auto;
}

.card-header + .card-divider,
.card-block + .card-divider {
  display: none;
}

.card-media-block {
  display: flex;
}

.card-media-block .card-media-image {
  display: inline-block;
  flex: 0 0 auto;
  height: 3rem;
  width: 3rem;
  max-height: 3rem;
  max-width: 3rem;
}

.card-media-block .card-media-description {
  display: flex;
  flex-direction: column;
  /* clr-card-text-color */
  color: hsl(198, 0%, 40%);
  color: var(--clr-card-text-color, hsl(198, 0%, 40%));
  /* clr-card-text-font-size */
  font-size: 0.6rem;
  font-size: var(--clr-card-text-font-size, 0.6rem);
  /* clr-card-media-description-margin-left */
  margin-left: 0.6rem;
  margin-left: var(--clr-card-media-description-margin-left, 0.6rem);
}

.card-media-block .card-media-title {
  display: inline-block;
}

.card-media-block span,
.card-media-block .card-media-text {
  display: inline-block;
}

.card-media-block.wrap {
  flex-direction: column;
}

.card-media-block.wrap .card-media-description {
  margin-left: 0;
  /* clr-card-media-description-margin-top */
  margin-top: 0.3rem;
  margin-top: var(--clr-card-media-description-margin-top, 0.3rem);
}

.card-block > .list, .card-block > .list-unstyled {
  padding: 0;
}

@media screen and (min-width: 576px) {
  .card-columns {
    column-count: 3;
    column-gap: 0.6rem;
    break-inside: avoid;
    column-fill: balance;
    -webkit-perspective: 1;
  }
  .card-columns.card-columns-2 {
    column-count: 2;
  }
  .card-columns.card-columns-4 {
    column-count: 4;
  }
  .card-columns .card {
    display: inline-block;
    margin: 0.3rem;
  }
  .card-columns .clickable {
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
  }
}
@supports (-ms-ime-align: auto) {
  .card .checkbox.btn label,
  .card .checkbox-inline.btn label,
  .card .radio.btn label,
  .card .radio-inline.btn label {
    display: inline-block;
  }
}
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/* stylelint-disable-next-line meowtec/no-px */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/* stylelint-disable */
/* stylelint-enable */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
:root {
  --clr-dropdown-active-text-color: var(--clr-color-neutral-1000);
  --clr-dropdown-active-background-color: var(--clr-global-selection-color);
  --clr-dropdown-bg-color: var(--clr-color-neutral-0);
  --clr-dropdown-border-color: var(--clr-color-neutral-400);
  --clr-dropdown-divider-color: var(--clr-color-neutral-200);
  --clr-dropdown-divider-border-width: var(--clr-global-borderwidth);
  --clr-dropdown-divider-margin: 0.3rem 0;
  --clr-dropdown-child-border-color: var(--clr-color-neutral-500);
  --clr-dropdown-bg-hover-color: var(--clr-global-hover-color);
  --clr-dropdown-selection-color: var(--clr-global-selection-color);
  --clr-dropdown-box-shadow: var(--clr-popover-box-shadow-color);
  --clr-dropdown-caret-icon-size: 0.6rem;
  --clr-dropdown-text-color: var(--clr-p1-color);
  --clr-dropdown-header-color: var(--clr-color-neutral-900);
  --clr-dropdown-header-font-weight: 600;
  --clr-dropdown-header-font-size: 0.6rem;
  --clr-dropdown-header-line-height: 0.9rem;
  --clr-dropdown-header-letter-spacing: normal;
  --clr-dropdown-header-padding: 0 0.6rem;
  --clr-dropdown-subsection-offset: 1.2rem;
  --clr-dropdown-item-color: var(--clr-color-neutral-700);
  --clr-dropdown-item-font-weight: var(--clr-p1-font-weight);
  --clr-dropdown-item-padding: 0.15rem 1.2rem;
  --clr-dropdown-font-size: inherit;
  --clr-dropdown-line-height: inherit;
  --clr-dropdown-letter-spacing: inherit;
  --clr-dropdown-items-padding: 0.6rem 0;
  --clr-dropdown-border-radius: 0.15rem;
}

.dropdown-menu .btn,
.dropdown-menu .btn-secondary,
.dropdown-menu .btn-info,
.dropdown-menu .btn-outline,
.dropdown-menu .btn-outline-primary,
.dropdown-menu .btn-outline-secondary,
.dropdown-menu .btn-outline-warning,
.dropdown-menu .btn-outline-danger,
.dropdown-menu .btn-outline-success,
.dropdown-menu .btn-danger,
.dropdown-menu .btn-primary,
.dropdown-menu .btn-warning,
.dropdown-menu .btn-success,
.dropdown-menu .btn-link,
.dropdown-menu .dropdown-item, .dropdown-menu .dropdown-header {
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown .dropdown-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin: 0;
  white-space: nowrap;
  cursor: pointer;
}

.dropdown .dropdown-toggle clr-icon[shape^=caret],
.dropdown .dropdown-toggle clr-icon[shape^=angle] {
  position: absolute;
  color: inherit;
  height: 0.5rem;
  width: 0.5rem;
  min-height: 0.5rem;
  min-width: 0.5rem;
}

.dropdown .dropdown-toggle cds-icon[shape^=caret],
.dropdown .dropdown-toggle cds-icon[shape^=angle] {
  margin-top: unset;
  position: absolute;
  color: inherit;
  height: 0.5rem;
  width: 0.5rem;
  --cds-global-space-7: 0.5rem;
}

.dropdown .dropdown-toggle.btn {
  padding-right: 1.2rem;
  text-overflow: unset;
}

.dropdown .dropdown-toggle.btn clr-icon {
  /**
   * The .btn applies some transform settings that we need to remove in here to align the icon correctly
   */
  transform: none;
}

.dropdown .dropdown-toggle.btn cds-icon[shape^=caret],
.dropdown .dropdown-toggle.btn clr-icon[shape^=caret],
.dropdown .dropdown-toggle.btn cds-icon[shape^=angle],
.dropdown .dropdown-toggle.btn clr-icon[shape^=angle] {
  right: 0.6rem;
}

.dropdown .dropdown-toggle:not(.btn) {
  padding: 0 0.6rem 0 0;
  /* clr-dropdown-active-text-color */
  color: hsl(198, 0%, 0%);
  color: var(--clr-dropdown-active-text-color, hsl(198, 0%, 0%));
}

.dropdown .dropdown-toggle:not(.btn) cds-icon[shape^=caret],
.dropdown .dropdown-toggle:not(.btn) clr-icon[shape^=caret],
.dropdown .dropdown-toggle:not(.btn) cds-icon[shape^=angle],
.dropdown .dropdown-toggle:not(.btn) clr-icon[shape^=angle] {
  right: 0;
}

.dropdown button.dropdown-toggle:not(.btn) {
  background: transparent;
  border: none;
  cursor: pointer;
  /* clr-dropdown-active-text-color */
  color: hsl(198, 0%, 0%);
  color: var(--clr-dropdown-active-text-color, hsl(198, 0%, 0%));
}

.dropdown-menu > * {
  display: block;
  white-space: nowrap;
}

.dropdown-menu {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 6rem;
  max-width: 18rem;
  /* clr-dropdown-bg-color */
  background-color: hsl(198, 0%, 100%);
  background-color: var(--clr-dropdown-bg-color, hsl(198, 0%, 100%));
  /* clr-global-borderwidth */
  border-width: 0.05rem;
  border-width: var(--clr-global-borderwidth, 0.05rem);
  border-style: solid;
  /* clr-dropdown-border-color */
  border-color: hsl(198, 0%, 80%);
  border-color: var(--clr-dropdown-border-color, hsl(198, 0%, 80%));
  /* clr-dropdown-border-radius */
  border-radius: 0.15rem;
  border-radius: var(--clr-dropdown-border-radius, 0.15rem);
  box-shadow: 0 0.05rem 0.15rem rgba(140, 140, 140, 0.25);
  box-shadow: 0 0.05rem 0.15rem var(--clr-dropdown-box-shadow, rgba(140, 140, 140, 0.25));
  margin-top: 0.1rem;
  /* clr-dropdown-items-padding */
  padding: 0.6rem 0;
  padding: var(--clr-dropdown-items-padding, 0.6rem 0);
  visibility: hidden;
  z-index: 1050;
}

.dropdown-menu .dropdown-header {
  /* clr-dropdown-header-color */
  color: hsl(198, 0%, 20%);
  color: var(--clr-dropdown-header-color, hsl(198, 0%, 20%));
  /* clr-dropdown-header-font-weight */
  font-weight: 600;
  font-weight: var(--clr-dropdown-header-font-weight, 600);
  /* clr-dropdown-header-font-size */
  font-size: 0.6rem;
  font-size: var(--clr-dropdown-header-font-size, 0.6rem);
  /* clr-dropdown-header-line-height */
  line-height: 0.9rem;
  line-height: var(--clr-dropdown-header-line-height, 0.9rem);
  /* clr-dropdown-header-letter-spacing */
  letter-spacing: normal;
  letter-spacing: var(--clr-dropdown-header-letter-spacing, normal);
  /* clr-dropdown-header-padding */
  padding: 0 0.6rem;
  padding: var(--clr-dropdown-header-padding, 0 0.6rem);
  margin: 0;
}

.dropdown-menu .dropdown-header ~ .dropdown-item, .dropdown-menu .dropdown-header ~ .dropdown > .dropdown-item {
  /* clr-dropdown-subsection-offset */
  padding-left: 1.2rem;
  padding-left: var(--clr-dropdown-subsection-offset, 1.2rem);
}

.dropdown-menu .btn,
.dropdown-menu .btn-secondary,
.dropdown-menu .btn-info,
.dropdown-menu .btn-outline,
.dropdown-menu .btn-outline-primary,
.dropdown-menu .btn-outline-secondary,
.dropdown-menu .btn-outline-warning,
.dropdown-menu .btn-outline-danger,
.dropdown-menu .btn-outline-success,
.dropdown-menu .btn-danger,
.dropdown-menu .btn-primary,
.dropdown-menu .btn-warning,
.dropdown-menu .btn-success,
.dropdown-menu .btn-link,
.dropdown-menu .dropdown-item {
  /* clr-dropdown-item-color */
  color: hsl(198, 0%, 40%);
  color: var(--clr-dropdown-item-color, hsl(198, 0%, 40%));
  font-size: 0.7rem;
  /* clr-dropdown-item-font-weight */
  font-weight: 400;
  font-weight: var(--clr-dropdown-item-font-weight, 400);
  letter-spacing: normal;
  background: transparent;
  border: 0;
  cursor: pointer;
  display: block;
  height: auto;
  line-height: inherit;
  margin: 0;
  width: 100%;
  text-transform: none;
  /* clr-dropdown-font-size */
  font-size: inherit;
  font-size: var(--clr-dropdown-font-size, inherit);
  /* clr-dropdown-letter-spacing */
  letter-spacing: inherit;
  letter-spacing: var(--clr-dropdown-letter-spacing, inherit);
  /* clr-dropdown-line-height */
  line-height: inherit;
  line-height: var(--clr-dropdown-line-height, inherit);
}

.dropdown-menu .btn:hover,
.dropdown-menu .btn-secondary:hover,
.dropdown-menu .btn-info:hover,
.dropdown-menu .btn-outline:hover,
.dropdown-menu .btn-outline-primary:hover,
.dropdown-menu .btn-outline-secondary:hover,
.dropdown-menu .btn-outline-warning:hover,
.dropdown-menu .btn-outline-danger:hover,
.dropdown-menu .btn-outline-success:hover,
.dropdown-menu .btn-danger:hover,
.dropdown-menu .btn-primary:hover,
.dropdown-menu .btn-warning:hover,
.dropdown-menu .btn-success:hover,
.dropdown-menu .btn-link:hover,
.dropdown-menu .dropdown-item:hover {
  /* clr-dropdown-bg-hover-color */
  background-color: hsl(198, 0%, 91%);
  background-color: var(--clr-dropdown-bg-hover-color, hsl(198, 0%, 91%));
  /* clr-dropdown-item-color */
  color: hsl(198, 0%, 40%);
  color: var(--clr-dropdown-item-color, hsl(198, 0%, 40%));
  text-decoration: none;
}

.dropdown-menu .btn.active,
.dropdown-menu .btn-secondary.active,
.dropdown-menu .btn-info.active,
.dropdown-menu .btn-outline.active,
.dropdown-menu .btn-outline-primary.active,
.dropdown-menu .btn-outline-secondary.active,
.dropdown-menu .btn-outline-warning.active,
.dropdown-menu .btn-outline-danger.active,
.dropdown-menu .btn-outline-success.active,
.dropdown-menu .btn-danger.active,
.dropdown-menu .btn-primary.active,
.dropdown-menu .btn-warning.active,
.dropdown-menu .btn-success.active,
.dropdown-menu .btn-link.active,
.dropdown-menu .dropdown-item.active {
  /* clr-dropdown-selection-color */
  background-color: hsl(201, 29%, 88%);
  background-color: var(--clr-dropdown-selection-color, hsl(201, 29%, 88%));
  /* clr-dropdown-active-text-color */
  color: hsl(198, 0%, 0%);
  color: var(--clr-dropdown-active-text-color, hsl(198, 0%, 0%));
}

.dropdown-menu .btn:active,
.dropdown-menu .btn-secondary:active,
.dropdown-menu .btn-info:active,
.dropdown-menu .btn-outline:active,
.dropdown-menu .btn-outline-primary:active,
.dropdown-menu .btn-outline-secondary:active,
.dropdown-menu .btn-outline-warning:active,
.dropdown-menu .btn-outline-danger:active,
.dropdown-menu .btn-outline-success:active,
.dropdown-menu .btn-danger:active,
.dropdown-menu .btn-primary:active,
.dropdown-menu .btn-warning:active,
.dropdown-menu .btn-success:active,
.dropdown-menu .btn-link:active,
.dropdown-menu .dropdown-item:active {
  box-shadow: none;
}

.dropdown-menu .btn:focus,
.dropdown-menu .btn-secondary:focus,
.dropdown-menu .btn-info:focus,
.dropdown-menu .btn-outline:focus,
.dropdown-menu .btn-outline-primary:focus,
.dropdown-menu .btn-outline-secondary:focus,
.dropdown-menu .btn-outline-warning:focus,
.dropdown-menu .btn-outline-danger:focus,
.dropdown-menu .btn-outline-success:focus,
.dropdown-menu .btn-danger:focus,
.dropdown-menu .btn-primary:focus,
.dropdown-menu .btn-warning:focus,
.dropdown-menu .btn-success:focus,
.dropdown-menu .btn-link:focus,
.dropdown-menu .dropdown-item:focus {
  z-index: inherit;
}

.dropdown-menu .btn.disabled, .dropdown-menu .btn:disabled,
.dropdown-menu .btn-secondary.disabled,
.dropdown-menu .btn-secondary:disabled,
.dropdown-menu .btn-info.disabled,
.dropdown-menu .btn-info:disabled,
.dropdown-menu .btn-outline.disabled,
.dropdown-menu .btn-outline:disabled,
.dropdown-menu .btn-outline-primary.disabled,
.dropdown-menu .btn-outline-primary:disabled,
.dropdown-menu .btn-outline-secondary.disabled,
.dropdown-menu .btn-outline-secondary:disabled,
.dropdown-menu .btn-outline-warning.disabled,
.dropdown-menu .btn-outline-warning:disabled,
.dropdown-menu .btn-outline-danger.disabled,
.dropdown-menu .btn-outline-danger:disabled,
.dropdown-menu .btn-outline-success.disabled,
.dropdown-menu .btn-outline-success:disabled,
.dropdown-menu .btn-danger.disabled,
.dropdown-menu .btn-danger:disabled,
.dropdown-menu .btn-primary.disabled,
.dropdown-menu .btn-primary:disabled,
.dropdown-menu .btn-warning.disabled,
.dropdown-menu .btn-warning:disabled,
.dropdown-menu .btn-success.disabled,
.dropdown-menu .btn-success:disabled,
.dropdown-menu .btn-link.disabled,
.dropdown-menu .btn-link:disabled,
.dropdown-menu .dropdown-item.disabled,
.dropdown-menu .dropdown-item:disabled {
  pointer-events: none;
  opacity: 0.4;
  -webkit-user-select: none;
          user-select: none;
}

.dropdown-menu .btn.disabled:hover, .dropdown-menu .btn:disabled:hover,
.dropdown-menu .btn-secondary.disabled:hover,
.dropdown-menu .btn-secondary:disabled:hover,
.dropdown-menu .btn-info.disabled:hover,
.dropdown-menu .btn-info:disabled:hover,
.dropdown-menu .btn-outline.disabled:hover,
.dropdown-menu .btn-outline:disabled:hover,
.dropdown-menu .btn-outline-primary.disabled:hover,
.dropdown-menu .btn-outline-primary:disabled:hover,
.dropdown-menu .btn-outline-secondary.disabled:hover,
.dropdown-menu .btn-outline-secondary:disabled:hover,
.dropdown-menu .btn-outline-warning.disabled:hover,
.dropdown-menu .btn-outline-warning:disabled:hover,
.dropdown-menu .btn-outline-danger.disabled:hover,
.dropdown-menu .btn-outline-danger:disabled:hover,
.dropdown-menu .btn-outline-success.disabled:hover,
.dropdown-menu .btn-outline-success:disabled:hover,
.dropdown-menu .btn-danger.disabled:hover,
.dropdown-menu .btn-danger:disabled:hover,
.dropdown-menu .btn-primary.disabled:hover,
.dropdown-menu .btn-primary:disabled:hover,
.dropdown-menu .btn-warning.disabled:hover,
.dropdown-menu .btn-warning:disabled:hover,
.dropdown-menu .btn-success.disabled:hover,
.dropdown-menu .btn-success:disabled:hover,
.dropdown-menu .btn-link.disabled:hover,
.dropdown-menu .btn-link:disabled:hover,
.dropdown-menu .dropdown-item.disabled:hover,
.dropdown-menu .dropdown-item:disabled:hover {
  background: none;
}

.dropdown-menu .btn.disabled:active, .dropdown-menu .btn:disabled:active,
.dropdown-menu .btn-secondary.disabled:active,
.dropdown-menu .btn-secondary:disabled:active,
.dropdown-menu .btn-info.disabled:active,
.dropdown-menu .btn-info:disabled:active,
.dropdown-menu .btn-outline.disabled:active,
.dropdown-menu .btn-outline:disabled:active,
.dropdown-menu .btn-outline-primary.disabled:active,
.dropdown-menu .btn-outline-primary:disabled:active,
.dropdown-menu .btn-outline-secondary.disabled:active,
.dropdown-menu .btn-outline-secondary:disabled:active,
.dropdown-menu .btn-outline-warning.disabled:active,
.dropdown-menu .btn-outline-warning:disabled:active,
.dropdown-menu .btn-outline-danger.disabled:active,
.dropdown-menu .btn-outline-danger:disabled:active,
.dropdown-menu .btn-outline-success.disabled:active,
.dropdown-menu .btn-outline-success:disabled:active,
.dropdown-menu .btn-danger.disabled:active,
.dropdown-menu .btn-danger:disabled:active,
.dropdown-menu .btn-primary.disabled:active,
.dropdown-menu .btn-primary:disabled:active,
.dropdown-menu .btn-warning.disabled:active,
.dropdown-menu .btn-warning:disabled:active,
.dropdown-menu .btn-success.disabled:active,
.dropdown-menu .btn-success:disabled:active,
.dropdown-menu .btn-link.disabled:active,
.dropdown-menu .btn-link:disabled:active,
.dropdown-menu .dropdown-item.disabled:active,
.dropdown-menu .dropdown-item:disabled:active {
  background: none;
  box-shadow: none;
}

.dropdown-menu .btn.expandable,
.dropdown-menu .btn-secondary.expandable,
.dropdown-menu .btn-info.expandable,
.dropdown-menu .btn-outline.expandable,
.dropdown-menu .btn-outline-primary.expandable,
.dropdown-menu .btn-outline-secondary.expandable,
.dropdown-menu .btn-outline-warning.expandable,
.dropdown-menu .btn-outline-danger.expandable,
.dropdown-menu .btn-outline-success.expandable,
.dropdown-menu .btn-danger.expandable,
.dropdown-menu .btn-primary.expandable,
.dropdown-menu .btn-warning.expandable,
.dropdown-menu .btn-success.expandable,
.dropdown-menu .btn-link.expandable,
.dropdown-menu .dropdown-item.expandable {
  margin-right: 1.2rem;
  padding-right: 0.6rem;
}

.dropdown-menu .btn.expandable:before,
.dropdown-menu .btn-secondary.expandable:before,
.dropdown-menu .btn-info.expandable:before,
.dropdown-menu .btn-outline.expandable:before,
.dropdown-menu .btn-outline-primary.expandable:before,
.dropdown-menu .btn-outline-secondary.expandable:before,
.dropdown-menu .btn-outline-warning.expandable:before,
.dropdown-menu .btn-outline-danger.expandable:before,
.dropdown-menu .btn-outline-success.expandable:before,
.dropdown-menu .btn-danger.expandable:before,
.dropdown-menu .btn-primary.expandable:before,
.dropdown-menu .btn-warning.expandable:before,
.dropdown-menu .btn-success.expandable:before,
.dropdown-menu .btn-link.expandable:before,
.dropdown-menu .dropdown-item.expandable:before {
  content: "";
  float: right;
  /* clr-dropdown-caret-icon-size */
  height: 0.6rem;
  height: var(--clr-dropdown-caret-icon-size, 0.6rem);
  /* clr-dropdown-caret-icon-size */
  width: 0.6rem;
  width: var(--clr-dropdown-caret-icon-size, 0.6rem);
  transform: rotate(-90deg);
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%2012%22%3E%0A%20%20%20%20%3Cdefs%3E%0A%20%20%20%20%20%20%20%20%3Cstyle%3E.cls-1%7Bfill%3A%239a9a9a%3B%7D%3C%2Fstyle%3E%0A%20%20%20%20%3C%2Fdefs%3E%0A%20%20%20%20%3Ctitle%3ECaret%3C%2Ftitle%3E%0A%20%20%20%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M6%2C9L1.2%2C4.2a0.68%2C0.68%2C0%2C0%2C1%2C1-1L6%2C7.08%2C9.84%2C3.24a0.68%2C0.68%2C0%2C1%2C1%2C1%2C1Z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  /* clr-dropdown-caret-icon-margin-top */
  margin-top: 0.3rem;
  margin-top: var(--clr-dropdown-caret-icon-margin-top, 0.3rem);
}

.dropdown-menu .btn:active,
.dropdown-menu .btn-secondary:active,
.dropdown-menu .btn-info:active,
.dropdown-menu .btn-outline:active,
.dropdown-menu .btn-outline-primary:active,
.dropdown-menu .btn-outline-secondary:active,
.dropdown-menu .btn-outline-warning:active,
.dropdown-menu .btn-outline-danger:active,
.dropdown-menu .btn-outline-success:active,
.dropdown-menu .btn-danger:active,
.dropdown-menu .btn-primary:active,
.dropdown-menu .btn-warning:active,
.dropdown-menu .btn-success:active,
.dropdown-menu .btn-link:active,
.dropdown-menu .dropdown-item:active {
  /* clr-dropdown-active-text-color */
  color: var(--clr-color-neutral-1000);
  color: var(--clr-dropdown-active-text-color, var(--clr-color-neutral-1000));
  /* clr-dropdown-active-background-color */
  background-color: var(--clr-global-selection-color);
  background-color: var(--clr-dropdown-active-background-color, var(--clr-global-selection-color));
}

.dropdown-menu .btn,
.dropdown-menu .dropdown-item {
  /* clr-dropdown-item-padding */
  padding: 0.15rem 1.2rem;
  padding: var(--clr-dropdown-item-padding, 0.15rem 1.2rem);
}

@media screen and (max-width: 576px) {
  .dropdown-menu .btn,
  .dropdown-menu .dropdown-item {
    padding: 0.3rem 1.2rem;
  }
}
.dropdown-menu a.dropdown-item {
  text-decoration: none;
}

.dropdown-menu .dropdown-divider {
  font-size: 0.6rem;
  /* clr-dropdown-divider-border-width */
  border-bottom-width: 0.05rem;
  border-bottom-width: var(--clr-dropdown-divider-border-width, 0.05rem);
  border-bottom-style: solid;
  /* clr-dropdown-divider-color */
  border-bottom-color: hsl(198, 0%, 91%);
  border-bottom-color: var(--clr-dropdown-divider-color, hsl(198, 0%, 91%));
  /* clr-dropdown-divider-margin */
  margin: 0.3rem 0;
  margin: var(--clr-dropdown-divider-margin, 0.3rem 0);
}

.btn-group-overflow.open > .dropdown-menu, .btn-group-overflow.open > .dropdown-menu-wrapper > .dropdown-menu,
.tabs-overflow.open > .dropdown-menu,
.tabs-overflow.open > .dropdown-menu-wrapper > .dropdown-menu,
.dropdown.open > .dropdown-menu,
.dropdown.open > .dropdown-menu-wrapper > .dropdown-menu {
  visibility: visible;
}

.btn-group-overflow.bottom-left > .dropdown-menu, .btn-group-overflow.bottom-right > .dropdown-menu,
.tabs-overflow.bottom-left > .dropdown-menu,
.tabs-overflow.bottom-right > .dropdown-menu,
.dropdown.bottom-left > .dropdown-menu,
.dropdown.bottom-right > .dropdown-menu {
  top: 100%;
  bottom: auto;
  margin: 0.1rem 0 0 0;
}

.btn-group-overflow.bottom-left > .dropdown-menu,
.tabs-overflow.bottom-left > .dropdown-menu,
.dropdown.bottom-left > .dropdown-menu {
  left: 0;
  right: auto;
}

.btn-group-overflow.bottom-right > .dropdown-menu,
.tabs-overflow.bottom-right > .dropdown-menu,
.dropdown.bottom-right > .dropdown-menu {
  right: 0;
  left: auto;
}

.btn-group-overflow.top-left > .dropdown-menu, .btn-group-overflow.top-right > .dropdown-menu,
.tabs-overflow.top-left > .dropdown-menu,
.tabs-overflow.top-right > .dropdown-menu,
.dropdown.top-left > .dropdown-menu,
.dropdown.top-right > .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin: 0 0 0.1rem 0;
}

.btn-group-overflow.top-left > .dropdown-menu,
.tabs-overflow.top-left > .dropdown-menu,
.dropdown.top-left > .dropdown-menu {
  left: 0;
  right: auto;
}

.btn-group-overflow.top-right > .dropdown-menu,
.tabs-overflow.top-right > .dropdown-menu,
.dropdown.top-right > .dropdown-menu {
  right: 0;
  left: auto;
}

.btn-group-overflow.left-top > .dropdown-menu, .btn-group-overflow.left-bottom > .dropdown-menu,
.tabs-overflow.left-top > .dropdown-menu,
.tabs-overflow.left-bottom > .dropdown-menu,
.dropdown.left-top > .dropdown-menu,
.dropdown.left-bottom > .dropdown-menu {
  right: 100%;
  left: auto;
  margin: 0 0.1rem 0 0;
}

.btn-group-overflow.left-bottom > .dropdown-menu,
.tabs-overflow.left-bottom > .dropdown-menu,
.dropdown.left-bottom > .dropdown-menu {
  top: 0;
  bottom: auto;
}

.btn-group-overflow.left-top > .dropdown-menu,
.tabs-overflow.left-top > .dropdown-menu,
.dropdown.left-top > .dropdown-menu {
  bottom: 0;
  top: auto;
}

.btn-group-overflow.right-top > .dropdown-menu, .btn-group-overflow.right-bottom > .dropdown-menu,
.tabs-overflow.right-top > .dropdown-menu,
.tabs-overflow.right-bottom > .dropdown-menu,
.dropdown.right-top > .dropdown-menu,
.dropdown.right-bottom > .dropdown-menu {
  left: 100%;
  right: auto;
  margin: 0 0 0 0.1rem;
}

.btn-group-overflow.right-bottom > .dropdown-menu,
.tabs-overflow.right-bottom > .dropdown-menu,
.dropdown.right-bottom > .dropdown-menu {
  top: 0;
  bottom: auto;
}

.btn-group-overflow.right-top > .dropdown-menu,
.tabs-overflow.right-top > .dropdown-menu,
.dropdown.right-top > .dropdown-menu {
  bottom: 0;
  top: auto;
}

.btn-group-overflow .dropdown .dropdown-menu,
.tabs-overflow .dropdown .dropdown-menu,
.dropdown .dropdown .dropdown-menu {
  /* clr-dropdown-child-border-color */
  border-color: hsl(198, 0%, 70%);
  border-color: var(--clr-dropdown-child-border-color, hsl(198, 0%, 70%));
  position: absolute;
}

.btn-group-overflow .dropdown.left-top > .dropdown-menu,
.btn-group-overflow .dropdown.left-top > .dropdown-menu-wrapper > .dropdown-menu,
.tabs-overflow .dropdown.left-top > .dropdown-menu,
.tabs-overflow .dropdown.left-top > .dropdown-menu-wrapper > .dropdown-menu,
.dropdown .dropdown.left-top > .dropdown-menu,
.dropdown .dropdown.left-top > .dropdown-menu-wrapper > .dropdown-menu {
  top: 0;
  bottom: auto;
  left: auto;
  right: 100%;
  margin-top: -0.95rem;
  margin-right: -0.2rem;
}

.btn-group-overflow .dropdown.right-top > .dropdown-menu,
.btn-group-overflow .dropdown.right-top > .dropdown-menu-wrapper > .dropdown-menu,
.tabs-overflow .dropdown.right-top > .dropdown-menu,
.tabs-overflow .dropdown.right-top > .dropdown-menu-wrapper > .dropdown-menu,
.dropdown .dropdown.right-top > .dropdown-menu,
.dropdown .dropdown.right-top > .dropdown-menu-wrapper > .dropdown-menu {
  top: 0;
  bottom: auto;
  left: 100%;
  right: auto;
  margin-top: -0.95rem;
  margin-left: -0.2rem;
}

.btn-group-overflow .dropdown.left-bottom > .dropdown-menu,
.btn-group-overflow .dropdown.left-bottom > .dropdown-menu-wrapper > .dropdown-menu,
.tabs-overflow .dropdown.left-bottom > .dropdown-menu,
.tabs-overflow .dropdown.left-bottom > .dropdown-menu-wrapper > .dropdown-menu,
.dropdown .dropdown.left-bottom > .dropdown-menu,
.dropdown .dropdown.left-bottom > .dropdown-menu-wrapper > .dropdown-menu {
  top: auto;
  bottom: 0;
  left: auto;
  right: 100%;
  margin-bottom: -0.95rem;
  margin-right: -0.2rem;
}

.btn-group-overflow .dropdown.right-bottom > .dropdown-menu,
.btn-group-overflow .dropdown.right-bottom > .dropdown-menu-wrapper > .dropdown-menu,
.tabs-overflow .dropdown.right-bottom > .dropdown-menu,
.tabs-overflow .dropdown.right-bottom > .dropdown-menu-wrapper > .dropdown-menu,
.dropdown .dropdown.right-bottom > .dropdown-menu,
.dropdown .dropdown.right-bottom > .dropdown-menu-wrapper > .dropdown-menu {
  top: auto;
  bottom: 0;
  left: 100%;
  right: auto;
  margin-bottom: -0.95rem;
  margin-left: -0.2rem;
}

/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/* stylelint-disable-next-line meowtec/no-px */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/* stylelint-disable */
/* stylelint-enable */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
:root {
  --clr-badge-background-color: var(--clr-color-neutral-600);
  --clr-badge-color: var(--clr-color-on-neutral-600);
  --clr-badge-info-bg-color: var(--clr-color-action-800);
  --clr-badge-info-color: var(--clr-color-neutral-0);
  --clr-badge-success-bg-color: var(--clr-color-success-800);
  --clr-badge-success-color: var(--clr-color-neutral-0);
  --clr-badge-warning-bg-color: var(--clr-color-warning-1000);
  --clr-badge-warning-color: var(--clr-color-neutral-0);
  --clr-badge-danger-bg-color: var(--clr-color-danger-900);
  --clr-badge-danger-color: var(--clr-color-neutral-0);
  --clr-badge-gray-bg-color: var(--clr-color-neutral-600);
  --clr-badge-gray-color: var(--clr-badge-font-color-light);
  --clr-badge-purple-bg-color: var(--clr-color-secondary-action-500);
  --clr-badge-purple-color: var(--clr-badge-font-color-light);
  --clr-badge-blue-bg-color: var(--clr-color-action-800);
  --clr-badge-blue-color: var(--clr-badge-font-color-light);
  --clr-badge-orange-bg-color: var(--clr-color-warning-1000);
  --clr-badge-orange-color: var(--clr-color-neutral-0);
  --clr-badge-light-blue-bg-color: var(--clr-color-action-500);
  --clr-badge-light-blue-color: var(--clr-color-neutral-0);
}

.badge {
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
  justify-content: center;
  min-width: 0.75rem;
  background: hsl(198, 0%, 55%);
  height: 0.75rem;
  line-height: normal;
  border-radius: 0.5rem;
  font-size: 0.5rem;
  padding: 0 0.2rem;
  margin-right: 0.3rem;
  white-space: nowrap;
  text-align: center;
  /* clr-badge-font-color-light */
  color: hsl(198, 0%, 100%);
  color: var(--clr-badge-font-color-light, hsl(198, 0%, 100%));
}

.badge:visited {
  /* clr-badge-font-color-light */
  color: hsl(198, 0%, 100%);
  color: var(--clr-badge-font-color-light, hsl(198, 0%, 100%));
}

.badge.badge-gray, .badge.badge-1 {
  /* clr-badge-gray-bg-color */
  background: hsl(198, 0%, 55%);
  background: var(--clr-badge-gray-bg-color, hsl(198, 0%, 55%));
  /* clr-badge-gray-color */
  color: hsl(198, 0%, 100%);
  color: var(--clr-badge-gray-color, hsl(198, 0%, 100%));
}

.badge.badge-purple, .badge.badge-2 {
  /* clr-badge-purple-bg-color */
  background: hsl(282, 43%, 54%);
  background: var(--clr-badge-purple-bg-color, hsl(282, 43%, 54%));
  /* clr-badge-purple-color */
  color: hsl(198, 0%, 100%);
  color: var(--clr-badge-purple-color, hsl(198, 0%, 100%));
}

.badge.badge-blue, .badge.badge-3 {
  /* clr-badge-blue-bg-color */
  background: hsl(198, 100%, 24%);
  background: var(--clr-badge-blue-bg-color, hsl(198, 100%, 24%));
  /* clr-badge-blue-color */
  color: hsl(198, 0%, 100%);
  color: var(--clr-badge-blue-color, hsl(198, 0%, 100%));
}

.badge.badge-orange, .badge.badge-4 {
  /* clr-badge-orange-bg-color */
  background: hsl(31, 100%, 19%);
  background: var(--clr-badge-orange-bg-color, hsl(31, 100%, 19%));
  /* clr-badge-orange-color */
  color: hsl(198, 0%, 100%);
  color: var(--clr-badge-orange-color, hsl(198, 0%, 100%));
}

.badge.badge-light-blue, .badge.badge-5 {
  /* clr-badge-light-blue-bg-color */
  background: hsl(198, 80%, 46%);
  background: var(--clr-badge-light-blue-bg-color, hsl(198, 80%, 46%));
  /* clr-badge-light-blue-color */
  color: hsl(198, 0%, 100%);
  color: var(--clr-badge-light-blue-color, hsl(198, 0%, 100%));
}

.badge.badge-info {
  /* clr-badge-info-bg-color */
  background: hsl(198, 100%, 24%);
  background: var(--clr-badge-info-bg-color, hsl(198, 100%, 24%));
  /* clr-badge-info-color */
  color: hsl(198, 0%, 100%);
  color: var(--clr-badge-info-color, hsl(198, 0%, 100%));
}

.badge.badge-success {
  /* clr-badge-success-bg-color */
  background: hsl(93, 100%, 21%);
  background: var(--clr-badge-success-bg-color, hsl(93, 100%, 21%));
  /* clr-badge-success-color */
  color: hsl(198, 0%, 100%);
  color: var(--clr-badge-success-color, hsl(198, 0%, 100%));
}

.badge.badge-danger {
  /* clr-badge-danger-bg-color */
  background: hsl(9, 100%, 30%);
  background: var(--clr-badge-danger-bg-color, hsl(9, 100%, 30%));
  /* clr-badge-danger-color */
  color: hsl(198, 0%, 100%);
  color: var(--clr-badge-danger-color, hsl(198, 0%, 100%));
}

.badge.badge-warning {
  /* clr-badge-warning-bg-color */
  background: hsl(31, 100%, 19%);
  background: var(--clr-badge-warning-bg-color, hsl(31, 100%, 19%));
  /* clr-badge-warning-color */
  color: hsl(198, 0%, 100%);
  color: var(--clr-badge-warning-color, hsl(198, 0%, 100%));
}

_:-ms-input-placeholder .badge,
:root .badge {
  padding: 0.1rem 0.15rem 0;
}

@supports (-ms-ime-align: auto) {
  .badge {
    padding: 0.1rem 0.15rem 0;
  }
}
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/* stylelint-disable-next-line meowtec/no-px */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/* stylelint-disable */
/* stylelint-enable */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
:root {
  --clr-label-font-color-light: var(--clr-color-neutral-1000);
  --clr-label-font-color-dark: var(--clr-color-neutral-1000);
  --clr-label-default-border-color: var(--clr-color-neutral-600);
  --clr-label-font-size: 0.55rem;
  --clr-label-font-weight: 400;
  --clr-label-letter-spacing: 0.03em;
  --clr-label-border-radius: 0.6rem;
  --clr-label-bg-hover-color: var(--clr-color-neutral-200);
  --clr-label-gray-bg-color: var(--clr-color-neutral-600);
  --clr-label-gray-color: var(--clr-label-font-color-light);
  --clr-label-purple-bg-color: var(--clr-color-secondary-action-500);
  --clr-label-purple-color: var(--clr-label-font-color-light);
  --clr-label-blue-bg-color: var(--clr-color-action-800);
  --clr-label-blue-color: var(--clr-label-font-color-light);
  --clr-label-orange-bg-color: var(--clr-color-warning-1000);
  --clr-label-orange-color: var(--clr-label-font-color-dark);
  --clr-label-light-blue-bg-color: var(--clr-color-action-500);
  --clr-label-light-blue-color: var(--clr-label-font-color-dark);
  --clr-label-info-bg-color: var(--clr-color-action-50);
  --clr-label-info-font-color: var(--clr-color-action-800);
  --clr-label-info-border-color: var(--clr-color-action-800);
  --clr-label-success-bg-color: var(--clr-color-success-50);
  --clr-label-success-font-color: var(--clr-color-success-800);
  --clr-label-success-border-color: var(--clr-color-success-800);
  --clr-label-warning-bg-color: var(--clr-color-warning-100);
  --clr-label-warning-font-color: var(--clr-color-neutral-900);
  --clr-label-warning-border-color: var(--clr-color-warning-800);
  --clr-label-danger-bg-color: var(--clr-color-danger-100);
  --clr-label-danger-font-color: var(--clr-color-danger-900);
  --clr-label-danger-border-color: var(--clr-color-danger-900);
}

.label,
a.label {
  /* clr-label-font-size */
  font-size: 0.55rem;
  font-size: var(--clr-label-font-size, 0.55rem);
  /* clr-label-font-weight */
  font-weight: 400;
  font-weight: var(--clr-label-font-weight, 400);
  /* clr-label-letter-spacing */
  letter-spacing: 0.03em;
  letter-spacing: var(--clr-label-letter-spacing, 0.03em);
  line-height: 0.6rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0 0.6rem 0;
  /* clr-label-border-radius */
  border-radius: 0.6rem;
  border-radius: var(--clr-label-border-radius, 0.6rem);
  border: 0.05rem solid;
  /* clr-label-default-border-color */
  border-color: hsl(198, 0%, 55%);
  border-color: var(--clr-label-default-border-color, hsl(198, 0%, 55%));
  height: 1.05rem;
  margin: 0 0.3rem 0.05rem 0;
  white-space: nowrap;
  /* clr-label-font-color-light */
  color: hsl(198, 0%, 0%);
  color: var(--clr-label-font-color-light, hsl(198, 0%, 0%));
}

.label:visited,
a.label:visited {
  /* clr-label-font-color-light */
  color: hsl(198, 0%, 0%);
  color: var(--clr-label-font-color-light, hsl(198, 0%, 0%));
}

.label:focus, .label:hover, .label:active,
a.label:focus,
a.label:hover,
a.label:active {
  text-decoration: none;
}

.label.clickable:hover, .label.clickable:active,
a.label.clickable:hover,
a.label.clickable:active {
  /* clr-label-bg-hover-color */
  background: hsl(198, 0%, 91%);
  background: var(--clr-label-bg-hover-color, hsl(198, 0%, 91%));
}

.label.clickable:active,
a.label.clickable:active {
  box-shadow: 0 0.05rem 0 0 hsl(198, 0%, 55%) inset;
  box-shadow: 0 0.05rem 0 0 var(--clr-label-gray-bg-color, hsl(198, 0%, 55%)) inset;
  transform: translateY(0.5px);
}

.label.label-gray, .label.label-1,
a.label.label-gray,
a.label.label-1 {
  border: 0.05rem solid;
  /* clr-label-gray-bg-color */
  border-color: hsl(198, 0%, 55%);
  border-color: var(--clr-label-gray-bg-color, hsl(198, 0%, 55%));
}

.label.clickable.label-gray:hover, .label.clickable.label-gray:active,
a.label.clickable.label-gray:hover,
a.label.clickable.label-gray:active {
  text-decoration: none;
  /* clr-label-bg-hover-color */
  background: hsl(198, 0%, 91%);
  background: var(--clr-label-bg-hover-color, hsl(198, 0%, 91%));
}

.label.clickable.label-gray:active,
a.label.clickable.label-gray:active {
  box-shadow: 0 0.05rem 0 0 hsl(198, 0%, 55%) inset;
  box-shadow: 0 0.05rem 0 0 var(--clr-label-gray-bg-color, hsl(198, 0%, 55%)) inset;
  transform: translateY(0.5px);
}

.label.label-gray > .badge,
a.label.label-gray > .badge {
  /* clr-badge-gray-bg-color */
  background: hsl(198, 0%, 55%);
  background: var(--clr-badge-gray-bg-color, hsl(198, 0%, 55%));
  /* clr-badge-gray-color */
  color: hsl(198, 0%, 100%);
  color: var(--clr-badge-gray-color, hsl(198, 0%, 100%));
}

.label.label-purple, .label.label-2,
a.label.label-purple,
a.label.label-2 {
  border: 0.05rem solid;
  /* clr-label-purple-bg-color */
  border-color: hsl(282, 43%, 54%);
  border-color: var(--clr-label-purple-bg-color, hsl(282, 43%, 54%));
}

.label.clickable.label-purple:hover, .label.clickable.label-purple:active,
a.label.clickable.label-purple:hover,
a.label.clickable.label-purple:active {
  text-decoration: none;
  /* clr-label-bg-hover-color */
  background: hsl(198, 0%, 91%);
  background: var(--clr-label-bg-hover-color, hsl(198, 0%, 91%));
}

.label.clickable.label-purple:active,
a.label.clickable.label-purple:active {
  box-shadow: 0 0.05rem 0 0 hsl(282, 43%, 54%) inset;
  box-shadow: 0 0.05rem 0 0 var(--clr-label-purple-bg-color, hsl(282, 43%, 54%)) inset;
  transform: translateY(0.5px);
}

.label.label-purple > .badge,
a.label.label-purple > .badge {
  /* clr-badge-purple-bg-color */
  background: hsl(282, 43%, 54%);
  background: var(--clr-badge-purple-bg-color, hsl(282, 43%, 54%));
  /* clr-badge-purple-color */
  color: hsl(198, 0%, 100%);
  color: var(--clr-badge-purple-color, hsl(198, 0%, 100%));
}

.label.label-blue, .label.label-3,
a.label.label-blue,
a.label.label-3 {
  border: 0.05rem solid;
  /* clr-label-blue-bg-color */
  border-color: hsl(198, 100%, 24%);
  border-color: var(--clr-label-blue-bg-color, hsl(198, 100%, 24%));
}

.label.clickable.label-blue:hover, .label.clickable.label-blue:active,
a.label.clickable.label-blue:hover,
a.label.clickable.label-blue:active {
  text-decoration: none;
  /* clr-label-bg-hover-color */
  background: hsl(198, 0%, 91%);
  background: var(--clr-label-bg-hover-color, hsl(198, 0%, 91%));
}

.label.clickable.label-blue:active,
a.label.clickable.label-blue:active {
  box-shadow: 0 0.05rem 0 0 hsl(198, 100%, 24%) inset;
  box-shadow: 0 0.05rem 0 0 var(--clr-label-blue-bg-color, hsl(198, 100%, 24%)) inset;
  transform: translateY(0.5px);
}

.label.label-blue > .badge,
a.label.label-blue > .badge {
  /* clr-badge-blue-bg-color */
  background: hsl(198, 100%, 24%);
  background: var(--clr-badge-blue-bg-color, hsl(198, 100%, 24%));
  /* clr-badge-blue-color */
  color: hsl(198, 0%, 100%);
  color: var(--clr-badge-blue-color, hsl(198, 0%, 100%));
}

.label.label-orange, .label.label-4,
a.label.label-orange,
a.label.label-4 {
  border: 0.05rem solid;
  /* clr-label-orange-bg-color */
  border-color: hsl(31, 100%, 19%);
  border-color: var(--clr-label-orange-bg-color, hsl(31, 100%, 19%));
}

.label.clickable.label-orange:hover, .label.clickable.label-orange:active,
a.label.clickable.label-orange:hover,
a.label.clickable.label-orange:active {
  text-decoration: none;
  /* clr-label-bg-hover-color */
  background: hsl(198, 0%, 91%);
  background: var(--clr-label-bg-hover-color, hsl(198, 0%, 91%));
}

.label.clickable.label-orange:active,
a.label.clickable.label-orange:active {
  box-shadow: 0 0.05rem 0 0 hsl(31, 100%, 19%) inset;
  box-shadow: 0 0.05rem 0 0 var(--clr-label-orange-bg-color, hsl(31, 100%, 19%)) inset;
  transform: translateY(0.5px);
}

.label.label-orange > .badge,
a.label.label-orange > .badge {
  /* clr-badge-orange-bg-color */
  background: hsl(31, 100%, 19%);
  background: var(--clr-badge-orange-bg-color, hsl(31, 100%, 19%));
  /* clr-badge-orange-color */
  color: hsl(198, 0%, 100%);
  color: var(--clr-badge-orange-color, hsl(198, 0%, 100%));
}

.label.label-light-blue, .label.label-5,
a.label.label-light-blue,
a.label.label-5 {
  border: 0.05rem solid;
  /* clr-label-light-blue-bg-color */
  border-color: hsl(198, 80%, 46%);
  border-color: var(--clr-label-light-blue-bg-color, hsl(198, 80%, 46%));
}

.label.clickable.label-light-blue:hover, .label.clickable.label-light-blue:active,
a.label.clickable.label-light-blue:hover,
a.label.clickable.label-light-blue:active {
  text-decoration: none;
  /* clr-label-bg-hover-color */
  background: hsl(198, 0%, 91%);
  background: var(--clr-label-bg-hover-color, hsl(198, 0%, 91%));
}

.label.clickable.label-light-blue:active,
a.label.clickable.label-light-blue:active {
  box-shadow: 0 0.05rem 0 0 hsl(198, 80%, 46%) inset;
  box-shadow: 0 0.05rem 0 0 var(--clr-label-light-blue-bg-color, hsl(198, 80%, 46%)) inset;
  transform: translateY(0.5px);
}

.label.label-light-blue > .badge,
a.label.label-light-blue > .badge {
  /* clr-badge-light-blue-bg-color */
  background: hsl(198, 80%, 46%);
  background: var(--clr-badge-light-blue-bg-color, hsl(198, 80%, 46%));
  /* clr-badge-light-blue-color */
  color: hsl(198, 0%, 100%);
  color: var(--clr-badge-light-blue-color, hsl(198, 0%, 100%));
}

.label.label-info,
a.label.label-info {
  /* clr-label-info-bg-color */
  background: hsl(198, 83%, 94%);
  background: var(--clr-label-info-bg-color, hsl(198, 83%, 94%));
  /* clr-label-info-font-color */
  color: hsl(198, 100%, 24%);
  color: var(--clr-label-info-font-color, hsl(198, 100%, 24%));
  border: 0.05rem solid;
  /* clr-label-info-border-color */
  border-color: hsl(198, 100%, 24%);
  border-color: var(--clr-label-info-border-color, hsl(198, 100%, 24%));
}

.label.label-success,
a.label.label-success {
  /* clr-label-success-bg-color */
  background: hsl(93, 52%, 88%);
  background: var(--clr-label-success-bg-color, hsl(93, 52%, 88%));
  /* clr-label-success-font-color */
  color: hsl(93, 100%, 21%);
  color: var(--clr-label-success-font-color, hsl(93, 100%, 21%));
  border: 0.05rem solid;
  /* clr-label-success-border-color */
  border-color: hsl(93, 100%, 21%);
  border-color: var(--clr-label-success-border-color, hsl(93, 100%, 21%));
}

.label.label-warning,
a.label.label-warning {
  /* clr-label-warning-bg-color */
  background: hsl(48, 100%, 89%);
  background: var(--clr-label-warning-bg-color, hsl(48, 100%, 89%));
  /* clr-label-warning-font-color */
  color: hsl(198, 0%, 20%);
  color: var(--clr-label-warning-font-color, hsl(198, 0%, 20%));
  border: 0.05rem solid;
  /* clr-label-warning-border-color */
  border-color: hsl(41, 100%, 34%);
  border-color: var(--clr-label-warning-border-color, hsl(41, 100%, 34%));
}

.label.label-danger,
a.label.label-danger {
  /* clr-label-danger-bg-color */
  background: hsl(9, 95%, 92%);
  background: var(--clr-label-danger-bg-color, hsl(9, 95%, 92%));
  /* clr-label-danger-font-color */
  color: hsl(9, 100%, 30%);
  color: var(--clr-label-danger-font-color, hsl(9, 100%, 30%));
  border: 0.05rem solid;
  /* clr-label-danger-border-color */
  border-color: hsl(9, 100%, 30%);
  border-color: var(--clr-label-danger-border-color, hsl(9, 100%, 30%));
}

.label > .badge,
a.label > .badge {
  margin: 0 -0.45rem 0 0.3rem;
}

@-moz-document url-prefix() {
  .label,
  a.label {
    vertical-align: bottom;
  }
}
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/* stylelint-disable-next-line meowtec/no-px */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/* stylelint-disable */
/* stylelint-enable */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
:root {
  --clr-login-padding: 1.2rem 3rem;
  --clr-login-width: 25.2rem;
  --clr-login-title-width: 100%;
  --clr-login-group-width: 100%;
  --clr-login-title-color: var(--clr-h1-color);
  --clr-login-title-font-weight: var(--clr-h1-font-weight);
  --clr-login-title-font-family: var(--clr-h1-font-family);
  --clr-login-trademark-color: var(--clr-h2-color);
  --clr-login-trademark-font-weight: var(--clr-h2-font-weight);
  --clr-login-trademark-font-family: var(--clr-h2-font-family);
  --clr-login-subtitle-color: var(--clr-h3-color);
  --clr-login-subtitle-font-weight: var(--clr-h3-font-weight);
  --clr-login-subtitle-font-family: var(--clr-h3-font-family);
  --clr-login-background-color: var(--clr-global-app-background);
  --clr-login-background: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0D%0A%3Csvg%0D%0A%20%20%20%20%20version%3D%221.1%22%0D%0A%20%20%20%20%20id%3D%22no-aspect-ratio%22%0D%0A%20%20%20%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0D%0A%20%20%20%20%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%0D%0A%20%20%20%20%20x%3D%220px%22%0D%0A%20%20%20%20%20y%3D%220px%22%0D%0A%20%20%20%20%20height%3D%222055.55px%22%0D%0A%20%20%20%20%20width%3D%221440px%22%0D%0A%20%20%20%20%20viewBox%3D%220%200%202055.55%201440%22%0D%0A%20%20%20%20%20preserveAspectRatio%3D%22xMinYMin%20slice%22%3E%0D%0A%20%20%20%20%20%20%20%20%20%3Cdesc%3ELogin%20Image%3C%2Fdesc%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20transform%3D%22translate%280.000000%2C%20-4.000000%29%22%3E%0D%0A%20%20%20%20%20%20%20%20%3Cg%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20fill%3D%22%23FAFAFA%22%20x%3D%220%22%20y%3D%224%22%3E%3C%2Frect%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%23007CBB%22%20opacity%3D%220.4%22%20style%3D%22mix-blend-mode%3A%20multiply%3B%22%20points%3D%221108.43%201443.63%201109.08%201443.63%20443.44%20777.74%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%2393D8CA%22%20opacity%3D%220.6%22%20style%3D%22mix-blend-mode%3A%20overlay%3B%22%20points%3D%220.79%20334.92%20443.44%20777.74%200.79%20334.49%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%23A0DEEA%22%20points%3D%220.79%20211.88%200.79%20329.6%2059.62%20270.77%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%2396C7DF%22%20points%3D%22160.65%20169.74%200.79%209.73%200.79%20211.88%2090.27%20301.46%2059.62%20270.77%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%23CDE3EE%22%20points%3D%22503.77%201443.63%20697.47%201443.63%20803.74%201337.36%20706.93%201240.43%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%23CDE3EE%22%20points%3D%22158.33%20691.15%200.79%20848.72%200.79%201427.43%20447.52%20980.7%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%23CEDDE0%22%20points%3D%22257.71%20591.75%200.79%20334.49%200.79%20533.42%20158.33%20691.15%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%23A9C9D5%22%20points%3D%220.79%20533.42%200.79%20848.72%20158.33%20691.15%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%23AFD4E7%22%20points%3D%22806.46%201140.89%20546.94%20881.28%20447.52%20980.7%20706.93%201240.43%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%238FC4DF%22%20points%3D%22447.52%20980.7%200.79%201427.43%200.79%201443.63%20503.77%201443.63%20706.93%201240.43%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%2370C0DC%22%20points%3D%22608.23%20819.99%20546.94%20881.28%20806.46%201140.89%20867.64%201079.7%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%2396C7DF%22%20points%3D%22420.05%20429.39%20319.01%20530.45%20608.23%20819.99%20709.3%20718.91%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%2369AFD4%22%20points%3D%22709.3%20718.91%20608.23%20819.99%20867.64%201079.7%20968.74%20978.6%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%238EB5BC%22%20points%3D%22619.59%20229.82%20393.42%203.12%20327.27%203.12%20160.65%20169.74%20420.05%20429.39%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%238EB5BC%22%20points%3D%22319.01%20530.45%20319.01%20530.45%2090.27%20301.46%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%237CB0C7%22%20points%3D%22160.65%20169.74%2059.62%20270.77%2090.27%20301.46%20319.01%20530.45%20420.05%20429.39%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%2384C4D2%22%20points%3D%2259.62%20270.77%200.79%20329.6%200.79%20334.49%20257.71%20591.75%20319.01%20530.45%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%237CB0C7%22%20points%3D%22537.55%203.12%20393.42%203.12%20619.59%20229.82%20691.74%20157.66%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%2387D1DB%22%20points%3D%22846.25%203.12%20537.55%203.12%20691.74%20157.66%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%23CDE3EE%22%20points%3D%22909.87%201443.63%20850.19%201383.87%20790.43%201443.63%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%23A0DEEA%22%20points%3D%22319.01%20530.45%20257.71%20591.75%20443.44%20777.74%20546.94%20881.28%20608.23%20819.99%20867.64%201079.7%20867.64%201079.7%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%23A0DEEA%22%20points%3D%22867.64%201079.7%20806.46%201140.89%20903.31%201237.78%20964.46%201176.63%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%2396C7DF%22%20points%3D%221065.57%201075.52%20968.74%20978.6%20867.64%201079.7%20964.46%201176.63%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%2396C7DF%22%20points%3D%22964.46%201176.63%20867.64%201079.7%20867.64%201079.7%20964.46%201176.63%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%2396C7DF%22%20points%3D%221010.92%201223.13%201231.16%201443.63%201010.92%201223.13%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%2396C7DF%22%20points%3D%221240.08%20707.22%201167.9%20779.4%201264.68%20876.4%201336.87%20804.22%201240.08%20707.21%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%2396C7DF%22%20points%3D%22980.83%20447.39%20691.74%20157.66%20619.59%20229.82%20908.66%20519.56%20980.83%20447.39%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%23AFD4E7%22%20points%3D%22709.3%20718.91%20968.74%20978.6%201167.91%20779.4%20908.66%20519.55%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%2369AFD4%22%20points%3D%22980.83%20447.39%20908.66%20519.55%201167.91%20779.4%201240.08%20707.21%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%23A0DEEA%22%20points%3D%221034.59%203.12%20846.25%203.12%20691.74%20157.66%20980.83%20447.39%201229.75%20198.47%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%23A0DEEA%22%20points%3D%221240.08%20707.21%201336.87%20804.22%201586.01%20555.08%201489.14%20458.12%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%2370C0DC%22%20points%3D%221229.75%20198.47%20980.83%20447.39%201240.08%20707.21%201489.14%20458.12%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%23B7CED2%22%20points%3D%221292.22%201302.38%201433.32%201443.63%201830.61%201443.63%201491.18%201103.42%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%23A0DEEA%22%20points%3D%221010.92%201223.13%20949.78%201284.27%201109.08%201443.63%201150.98%201443.63%201191.09%201403.51%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%2375B8C5%22%20points%3D%221150.98%201443.63%201231.16%201443.63%201191.09%201403.51%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%2396C7DF%22%20points%3D%221292.22%201302.38%201112.03%201122.02%201010.92%201223.13%201191.09%201403.51%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%236EA4BC%22%20points%3D%221191.09%201403.51%201231.16%201443.63%201433.32%201443.63%201292.22%201302.38%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%23007CBB%22%20opacity%3D%220.4%22%20style%3D%22mix-blend-mode%3A%20multiply%3B%22%20points%3D%221383.3%20850.75%201311.12%20922.94%201491.18%201103.42%201563.37%201031.23%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%23B7CED2%22%20points%3D%221491.18%201103.42%201830.61%201443.63%201974.86%201443.63%201563.37%201031.23%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%236EA4BC%22%20points%3D%221491.18%201103.42%201830.61%201443.63%201974.86%201443.63%201563.37%201031.23%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%23A0DEEA%22%20points%3D%221812.65%20781.95%201632.46%20601.59%201383.3%20850.75%201563.37%201031.23%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%23B7CED2%22%20points%3D%221563.37%201031.23%201974.86%201443.63%202054.45%201443.63%202054.45%201023.99%201812.65%20781.95%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%2378CAD4%22%20points%3D%221563.37%201031.23%201974.86%201443.63%202054.45%201443.63%202054.45%201023.99%201812.65%20781.95%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%2391C5E0%22%20points%3D%22803.74%201337.36%20850.19%201383.87%20949.78%201284.27%20903.31%201237.78%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%2391C5E0%22%20points%3D%221065.57%201075.52%201112.03%201122.02%201311.12%20922.94%201264.69%20876.4%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%2377B8D9%22%20points%3D%22697.47%201443.63%20790.43%201443.63%20850.19%201383.87%20803.74%201337.36%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%23A0DEEA%22%20points%3D%22964.46%201176.63%20903.31%201237.78%20949.78%201284.27%201010.92%201223.13%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%235DB5D6%22%20points%3D%22964.46%201176.63%20903.31%201237.78%20949.78%201284.27%201010.92%201223.13%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20fill%3D%22%2396C7DF%22%20transform%3D%22translate%281038.247297%2C%201149.275429%29%20rotate%28-44.970000%29%20translate%28-1038.247297%2C%20-1149.275429%29%20%22%20x%3D%22966.752297%22%20y%3D%221116.41043%22%20width%3D%22142.99%22%20height%3D%2265.73%22%3E%3C%2Frect%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20fill%3D%22%2357A8D0%22%20transform%3D%22translate%281038.247297%2C%201149.275429%29%20rotate%28-44.970000%29%20translate%28-1038.247297%2C%20-1149.275429%29%20%22%20x%3D%22966.752297%22%20y%3D%221116.41043%22%20width%3D%22142.99%22%20height%3D%2265.73%22%3E%3C%2Frect%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%2396C7DF%22%20points%3D%221010.92%201223.13%201010.92%201223.13%20964.46%201176.63%20964.46%201176.63%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%23000000%22%20opacity%3D%220.42%22%20points%3D%221010.92%201223.13%201010.92%201223.13%20964.46%201176.63%20964.46%201176.63%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%23007CBB%22%20opacity%3D%220.4%22%20style%3D%22mix-blend-mode%3A%20multiply%3B%22%20points%3D%221336.87%20804.22%201264.69%20876.4%201311.12%20922.94%201383.3%20850.75%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%2357A8D0%22%20points%3D%221336.87%20804.22%201264.69%20876.4%201311.12%20922.94%201383.3%20850.75%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%2393D8CA%22%20opacity%3D%220.6%22%20style%3D%22mix-blend-mode%3A%20overlay%3B%22%20points%3D%221336.87%20804.22%201383.3%20850.75%201632.46%20601.59%201586.01%20555.08%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%235DB5D6%22%20points%3D%221336.87%20804.22%201383.3%20850.75%201632.46%20601.59%201586.01%20555.08%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%23AFD3E6%22%20points%3D%222056%200.12%201645.49%200.12%201648.49%203.12%201944.07%203.12%201796.22%20150.99%201893.12%20247.97%202054.45%2086.64%202054.45%20179.6%201939.58%20294.47%202056%20411%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%237AB9D9%22%20points%3D%221648.49%203.12%201796.22%20150.99%201944.07%203.12%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%2366AED4%22%20points%3D%222054.45%2086.64%201893.12%20247.97%201939.58%20294.47%202054.45%20179.6%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%23B7CED2%22%20points%3D%221884.82%20709.78%202054.45%20879.57%202054.45%20540.15%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%23AFD4E7%22%20points%3D%221489.14%20458.12%201489.14%20458.12%201371.13%20339.99%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%23AFD4E7%22%20points%3D%221796.22%20150.99%201648.49%203.12%201425.1%203.12%201301.91%20126.31%201561.3%20385.95%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20fill%3D%22%2391C5E0%22%20transform%3D%22translate%281798.954066%2C%20388.798781%29%20rotate%28-44.970000%29%20translate%28-1798.954066%2C%20-388.798781%29%20%22%20x%3D%221632.82407%22%20y%3D%22355.933781%22%20width%3D%22332.26%22%20height%3D%2265.73%22%3E%3C%2Frect%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%2391C5E0%22%20points%3D%221586.01%20555.08%201632.46%20601.59%201632.46%20601.59%201586.01%20555.08%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20fill%3D%22%23B3EAEE%22%20transform%3D%22translate%281573.711577%2C%20470.620263%29%20rotate%28-45.000000%29%20translate%28-1573.711577%2C%20-470.620263%29%20%22%20x%3D%221522.68158%22%20y%3D%22402.085263%22%20width%3D%22102.06%22%20height%3D%22137.07%22%3E%3C%2Frect%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20fill%3D%22%23B3EAEE%22%20transform%3D%22translate%281758.676758%2C%20655.767120%29%20rotate%28-44.970000%29%20translate%28-1758.676758%2C%20-655.767120%29%20%22%20x%3D%221707.64676%22%20y%3D%22528.29212%22%20width%3D%22102.06%22%20height%3D%22254.95%22%3E%3C%2Frect%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%23B3EAEE%22%20points%3D%221301.91%20126.31%201178.84%203.12%201034.59%203.12%201229.75%20198.47%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%2383C0C8%22%20points%3D%221812.65%20781.95%202054.45%201023.99%202054.45%20879.57%201884.82%20709.78%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20fill%3D%22%237DC6DC%22%20transform%3D%22translate%281395.516901%2C%20292.206519%29%20rotate%28-45.000000%29%20translate%28-1395.516901%2C%20-292.206519%29%20%22%20x%3D%221344.4919%22%20y%3D%22108.701519%22%20width%3D%22102.05%22%20height%3D%22367.01%22%3E%3C%2Frect%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20fill%3D%22%2368B8D5%22%20transform%3D%22translate%281645.313619%2C%20542.249760%29%20rotate%28-45.000000%29%20translate%28-1645.313619%2C%20-542.249760%29%20%22%20x%3D%221594.28362%22%20y%3D%22509.38476%22%20width%3D%22102.06%22%20height%3D%2265.73%22%3E%3C%2Frect%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%280.000000%2C%203.000000%29%22%20stroke%3D%22%23000000%22%20opacity%3D%220.15%22%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M0.95%2C0.12%20L0.95%2C840.12%22%20id%3D%22Shape%22%3E%3C%2Fpath%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0D%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0D%0A%20%20%20%20%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E");
  --clr-login-error-background-color: var(--clr-color-danger-800);
  --clr-login-error-border-radius: var(--clr-global-borderradius);
  --clr-login-panel-line-color: var(--clr-color-neutral-1000);
  --clr-login-panel-line-opacity: 0.1;
  --clr-login-footer-font-size: inherit;
  --clr-login-footer-line-height: inherit;
  --clr-login-footer-gap: 0.9rem;
  --clr-login-welcome-margin: 0;
  --clr-login-group-btn-margin: 1.2rem 0 0 0;
  --clr-login-group-error-margin: 0.3rem 0 0 0;
  --clr-login-group-padding: 2.4rem 0 0 0;
  --clr-login-hint-margin: 1.5rem 0 0 0;
  --clr-login-group-control-margin: 0.3rem 0 0.9rem 0;
  --clr-login-group-remember-margin: 0.3rem 0 0.9rem 0;
  --clr-login-group-signup-margin: 0.6rem 0 0 0;
}

.login-wrapper {
  display: flex;
  height: 100%;
  background: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0D%0A%3Csvg%0D%0A%20%20%20%20%20version%3D%221.1%22%0D%0A%20%20%20%20%20id%3D%22no-aspect-ratio%22%0D%0A%20%20%20%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0D%0A%20%20%20%20%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%0D%0A%20%20%20%20%20x%3D%220px%22%0D%0A%20%20%20%20%20y%3D%220px%22%0D%0A%20%20%20%20%20height%3D%222055.55px%22%0D%0A%20%20%20%20%20width%3D%221440px%22%0D%0A%20%20%20%20%20viewBox%3D%220%200%202055.55%201440%22%0D%0A%20%20%20%20%20preserveAspectRatio%3D%22xMinYMin%20slice%22%3E%0D%0A%20%20%20%20%20%20%20%20%20%3Cdesc%3ELogin%20Image%3C%2Fdesc%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20transform%3D%22translate%280.000000%2C%20-4.000000%29%22%3E%0D%0A%20%20%20%20%20%20%20%20%3Cg%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20fill%3D%22%23FAFAFA%22%20x%3D%220%22%20y%3D%224%22%3E%3C%2Frect%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%23007CBB%22%20opacity%3D%220.4%22%20style%3D%22mix-blend-mode%3A%20multiply%3B%22%20points%3D%221108.43%201443.63%201109.08%201443.63%20443.44%20777.74%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%2393D8CA%22%20opacity%3D%220.6%22%20style%3D%22mix-blend-mode%3A%20overlay%3B%22%20points%3D%220.79%20334.92%20443.44%20777.74%200.79%20334.49%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%23A0DEEA%22%20points%3D%220.79%20211.88%200.79%20329.6%2059.62%20270.77%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%2396C7DF%22%20points%3D%22160.65%20169.74%200.79%209.73%200.79%20211.88%2090.27%20301.46%2059.62%20270.77%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%23CDE3EE%22%20points%3D%22503.77%201443.63%20697.47%201443.63%20803.74%201337.36%20706.93%201240.43%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%23CDE3EE%22%20points%3D%22158.33%20691.15%200.79%20848.72%200.79%201427.43%20447.52%20980.7%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%23CEDDE0%22%20points%3D%22257.71%20591.75%200.79%20334.49%200.79%20533.42%20158.33%20691.15%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%23A9C9D5%22%20points%3D%220.79%20533.42%200.79%20848.72%20158.33%20691.15%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%23AFD4E7%22%20points%3D%22806.46%201140.89%20546.94%20881.28%20447.52%20980.7%20706.93%201240.43%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%238FC4DF%22%20points%3D%22447.52%20980.7%200.79%201427.43%200.79%201443.63%20503.77%201443.63%20706.93%201240.43%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%2370C0DC%22%20points%3D%22608.23%20819.99%20546.94%20881.28%20806.46%201140.89%20867.64%201079.7%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%2396C7DF%22%20points%3D%22420.05%20429.39%20319.01%20530.45%20608.23%20819.99%20709.3%20718.91%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%2369AFD4%22%20points%3D%22709.3%20718.91%20608.23%20819.99%20867.64%201079.7%20968.74%20978.6%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%238EB5BC%22%20points%3D%22619.59%20229.82%20393.42%203.12%20327.27%203.12%20160.65%20169.74%20420.05%20429.39%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%238EB5BC%22%20points%3D%22319.01%20530.45%20319.01%20530.45%2090.27%20301.46%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%237CB0C7%22%20points%3D%22160.65%20169.74%2059.62%20270.77%2090.27%20301.46%20319.01%20530.45%20420.05%20429.39%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%2384C4D2%22%20points%3D%2259.62%20270.77%200.79%20329.6%200.79%20334.49%20257.71%20591.75%20319.01%20530.45%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%237CB0C7%22%20points%3D%22537.55%203.12%20393.42%203.12%20619.59%20229.82%20691.74%20157.66%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%2387D1DB%22%20points%3D%22846.25%203.12%20537.55%203.12%20691.74%20157.66%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%23CDE3EE%22%20points%3D%22909.87%201443.63%20850.19%201383.87%20790.43%201443.63%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%23A0DEEA%22%20points%3D%22319.01%20530.45%20257.71%20591.75%20443.44%20777.74%20546.94%20881.28%20608.23%20819.99%20867.64%201079.7%20867.64%201079.7%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%23A0DEEA%22%20points%3D%22867.64%201079.7%20806.46%201140.89%20903.31%201237.78%20964.46%201176.63%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%2396C7DF%22%20points%3D%221065.57%201075.52%20968.74%20978.6%20867.64%201079.7%20964.46%201176.63%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%2396C7DF%22%20points%3D%22964.46%201176.63%20867.64%201079.7%20867.64%201079.7%20964.46%201176.63%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%2396C7DF%22%20points%3D%221010.92%201223.13%201231.16%201443.63%201010.92%201223.13%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%2396C7DF%22%20points%3D%221240.08%20707.22%201167.9%20779.4%201264.68%20876.4%201336.87%20804.22%201240.08%20707.21%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%2396C7DF%22%20points%3D%22980.83%20447.39%20691.74%20157.66%20619.59%20229.82%20908.66%20519.56%20980.83%20447.39%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%23AFD4E7%22%20points%3D%22709.3%20718.91%20968.74%20978.6%201167.91%20779.4%20908.66%20519.55%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%2369AFD4%22%20points%3D%22980.83%20447.39%20908.66%20519.55%201167.91%20779.4%201240.08%20707.21%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%23A0DEEA%22%20points%3D%221034.59%203.12%20846.25%203.12%20691.74%20157.66%20980.83%20447.39%201229.75%20198.47%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%23A0DEEA%22%20points%3D%221240.08%20707.21%201336.87%20804.22%201586.01%20555.08%201489.14%20458.12%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%2370C0DC%22%20points%3D%221229.75%20198.47%20980.83%20447.39%201240.08%20707.21%201489.14%20458.12%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%23B7CED2%22%20points%3D%221292.22%201302.38%201433.32%201443.63%201830.61%201443.63%201491.18%201103.42%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%23A0DEEA%22%20points%3D%221010.92%201223.13%20949.78%201284.27%201109.08%201443.63%201150.98%201443.63%201191.09%201403.51%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%2375B8C5%22%20points%3D%221150.98%201443.63%201231.16%201443.63%201191.09%201403.51%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%2396C7DF%22%20points%3D%221292.22%201302.38%201112.03%201122.02%201010.92%201223.13%201191.09%201403.51%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%236EA4BC%22%20points%3D%221191.09%201403.51%201231.16%201443.63%201433.32%201443.63%201292.22%201302.38%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%23007CBB%22%20opacity%3D%220.4%22%20style%3D%22mix-blend-mode%3A%20multiply%3B%22%20points%3D%221383.3%20850.75%201311.12%20922.94%201491.18%201103.42%201563.37%201031.23%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%23B7CED2%22%20points%3D%221491.18%201103.42%201830.61%201443.63%201974.86%201443.63%201563.37%201031.23%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%236EA4BC%22%20points%3D%221491.18%201103.42%201830.61%201443.63%201974.86%201443.63%201563.37%201031.23%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%23A0DEEA%22%20points%3D%221812.65%20781.95%201632.46%20601.59%201383.3%20850.75%201563.37%201031.23%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%23B7CED2%22%20points%3D%221563.37%201031.23%201974.86%201443.63%202054.45%201443.63%202054.45%201023.99%201812.65%20781.95%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%2378CAD4%22%20points%3D%221563.37%201031.23%201974.86%201443.63%202054.45%201443.63%202054.45%201023.99%201812.65%20781.95%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%2391C5E0%22%20points%3D%22803.74%201337.36%20850.19%201383.87%20949.78%201284.27%20903.31%201237.78%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%2391C5E0%22%20points%3D%221065.57%201075.52%201112.03%201122.02%201311.12%20922.94%201264.69%20876.4%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%2377B8D9%22%20points%3D%22697.47%201443.63%20790.43%201443.63%20850.19%201383.87%20803.74%201337.36%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%23A0DEEA%22%20points%3D%22964.46%201176.63%20903.31%201237.78%20949.78%201284.27%201010.92%201223.13%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%235DB5D6%22%20points%3D%22964.46%201176.63%20903.31%201237.78%20949.78%201284.27%201010.92%201223.13%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20fill%3D%22%2396C7DF%22%20transform%3D%22translate%281038.247297%2C%201149.275429%29%20rotate%28-44.970000%29%20translate%28-1038.247297%2C%20-1149.275429%29%20%22%20x%3D%22966.752297%22%20y%3D%221116.41043%22%20width%3D%22142.99%22%20height%3D%2265.73%22%3E%3C%2Frect%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20fill%3D%22%2357A8D0%22%20transform%3D%22translate%281038.247297%2C%201149.275429%29%20rotate%28-44.970000%29%20translate%28-1038.247297%2C%20-1149.275429%29%20%22%20x%3D%22966.752297%22%20y%3D%221116.41043%22%20width%3D%22142.99%22%20height%3D%2265.73%22%3E%3C%2Frect%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%2396C7DF%22%20points%3D%221010.92%201223.13%201010.92%201223.13%20964.46%201176.63%20964.46%201176.63%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%23000000%22%20opacity%3D%220.42%22%20points%3D%221010.92%201223.13%201010.92%201223.13%20964.46%201176.63%20964.46%201176.63%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%23007CBB%22%20opacity%3D%220.4%22%20style%3D%22mix-blend-mode%3A%20multiply%3B%22%20points%3D%221336.87%20804.22%201264.69%20876.4%201311.12%20922.94%201383.3%20850.75%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%2357A8D0%22%20points%3D%221336.87%20804.22%201264.69%20876.4%201311.12%20922.94%201383.3%20850.75%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%2393D8CA%22%20opacity%3D%220.6%22%20style%3D%22mix-blend-mode%3A%20overlay%3B%22%20points%3D%221336.87%20804.22%201383.3%20850.75%201632.46%20601.59%201586.01%20555.08%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%235DB5D6%22%20points%3D%221336.87%20804.22%201383.3%20850.75%201632.46%20601.59%201586.01%20555.08%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%23AFD3E6%22%20points%3D%222056%200.12%201645.49%200.12%201648.49%203.12%201944.07%203.12%201796.22%20150.99%201893.12%20247.97%202054.45%2086.64%202054.45%20179.6%201939.58%20294.47%202056%20411%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%237AB9D9%22%20points%3D%221648.49%203.12%201796.22%20150.99%201944.07%203.12%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%2366AED4%22%20points%3D%222054.45%2086.64%201893.12%20247.97%201939.58%20294.47%202054.45%20179.6%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%23B7CED2%22%20points%3D%221884.82%20709.78%202054.45%20879.57%202054.45%20540.15%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%23AFD4E7%22%20points%3D%221489.14%20458.12%201489.14%20458.12%201371.13%20339.99%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%23AFD4E7%22%20points%3D%221796.22%20150.99%201648.49%203.12%201425.1%203.12%201301.91%20126.31%201561.3%20385.95%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20fill%3D%22%2391C5E0%22%20transform%3D%22translate%281798.954066%2C%20388.798781%29%20rotate%28-44.970000%29%20translate%28-1798.954066%2C%20-388.798781%29%20%22%20x%3D%221632.82407%22%20y%3D%22355.933781%22%20width%3D%22332.26%22%20height%3D%2265.73%22%3E%3C%2Frect%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%2391C5E0%22%20points%3D%221586.01%20555.08%201632.46%20601.59%201632.46%20601.59%201586.01%20555.08%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20fill%3D%22%23B3EAEE%22%20transform%3D%22translate%281573.711577%2C%20470.620263%29%20rotate%28-45.000000%29%20translate%28-1573.711577%2C%20-470.620263%29%20%22%20x%3D%221522.68158%22%20y%3D%22402.085263%22%20width%3D%22102.06%22%20height%3D%22137.07%22%3E%3C%2Frect%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20fill%3D%22%23B3EAEE%22%20transform%3D%22translate%281758.676758%2C%20655.767120%29%20rotate%28-44.970000%29%20translate%28-1758.676758%2C%20-655.767120%29%20%22%20x%3D%221707.64676%22%20y%3D%22528.29212%22%20width%3D%22102.06%22%20height%3D%22254.95%22%3E%3C%2Frect%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%23B3EAEE%22%20points%3D%221301.91%20126.31%201178.84%203.12%201034.59%203.12%201229.75%20198.47%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20fill%3D%22%2383C0C8%22%20points%3D%221812.65%20781.95%202054.45%201023.99%202054.45%20879.57%201884.82%20709.78%22%3E%3C%2Fpolygon%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20fill%3D%22%237DC6DC%22%20transform%3D%22translate%281395.516901%2C%20292.206519%29%20rotate%28-45.000000%29%20translate%28-1395.516901%2C%20-292.206519%29%20%22%20x%3D%221344.4919%22%20y%3D%22108.701519%22%20width%3D%22102.05%22%20height%3D%22367.01%22%3E%3C%2Frect%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20fill%3D%22%2368B8D5%22%20transform%3D%22translate%281645.313619%2C%20542.249760%29%20rotate%28-45.000000%29%20translate%28-1645.313619%2C%20-542.249760%29%20%22%20x%3D%221594.28362%22%20y%3D%22509.38476%22%20width%3D%22102.06%22%20height%3D%2265.73%22%3E%3C%2Frect%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate%280.000000%2C%203.000000%29%22%20stroke%3D%22%23000000%22%20opacity%3D%220.15%22%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M0.95%2C0.12%20L0.95%2C840.12%22%20id%3D%22Shape%22%3E%3C%2Fpath%3E%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0D%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0D%0A%20%20%20%20%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E");
  background-size: 100%;
  background-position: 25.2rem 0;
  background-repeat: no-repeat;
}

.login-wrapper .login {
  /* clr-login-background-color */
  background: hsl(198, 0%, 98%);
  background: var(--clr-login-background-color, hsl(198, 0%, 98%));
  position: relative;
  display: flex;
  flex-direction: column;
  /* clr-login-padding */
  padding: 1.2rem 3rem;
  padding: var(--clr-login-padding, 1.2rem 3rem);
  height: auto;
  min-height: 100vh;
  /* clr-login-width */
  width: 25.2rem;
  width: var(--clr-login-width, 25.2rem);
}

.login-wrapper .login .login-footer,
.login-wrapper .login .login-header {
  display: flex;
  width: 100%;
  flex-direction: row;
}

.login-wrapper .login .login-footer .actions,
.login-wrapper .login .login-header .actions {
  margin-left: auto;
}

.login-wrapper .login .login-footer {
  /* clr-login-footer-line-height */
  line-height: inherit;
  line-height: var(--clr-login-footer-line-height, inherit);
  /* clr-login-footer-font-size */
  font-size: inherit;
  font-size: var(--clr-login-footer-font-size, inherit);
  /* clr-login-footer-gap */
  gap: 0.9rem;
  gap: var(--clr-login-footer-gap, 0.9rem);
}

.login-wrapper .login .login-footer .copyright {
  /* clr-login-copyright-color */
  color: hsl(198, 0%, 40%);
  color: var(--clr-login-copyright-color, hsl(198, 0%, 40%));
}

.login-wrapper .login .login-body {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.login-wrapper .login .title {
  /* clr-login-title-color */
  color: hsl(198, 0%, 0%);
  color: var(--clr-login-title-color, hsl(198, 0%, 0%));
  /* clr-login-title-font-weight */
  font-weight: 200;
  font-weight: var(--clr-login-title-font-weight, 200);
  /* clr-login-title-font-family */
  font-family: Metropolis, "Avenir Next", "Helvetica Neue", Arial, sans-serif;
  font-family: var(--clr-login-title-font-family, Metropolis, "Avenir Next", "Helvetica Neue", Arial, sans-serif);
  /* clr-login-title-width */
  width: 100%;
  width: var(--clr-login-title-width, 100%);
  font-size: 1.6rem;
  letter-spacing: normal;
  line-height: 1.8rem;
}

.login-wrapper .login .title .welcome {
  line-height: 1.8rem;
  /* clr-login-welcome-color */
  color: hsl(198, 0%, 0%);
  color: var(--clr-login-welcome-color, hsl(198, 0%, 0%));
  /* clr-login-welcome-margin */
  margin: 0;
  margin: var(--clr-login-welcome-margin, 0);
}

.login-wrapper .login .title .hint {
  /* clr-login-hint-color */
  color: hsl(198, 0%, 0%);
  color: var(--clr-login-hint-color, hsl(198, 0%, 0%));
  /* clr-login-hint-margin */
  margin: 1.5rem 0 0;
  margin: var(--clr-login-hint-margin, 1.5rem 0 0);
  font-size: 0.7rem;
}

.login-wrapper .login .trademark {
  /* clr-login-trademark-color */
  color: hsl(198, 0%, 0%);
  color: var(--clr-login-trademark-color, hsl(198, 0%, 0%));
  /* clr-login-trademark-font-weight */
  font-weight: 200;
  font-weight: var(--clr-login-trademark-font-weight, 200);
  /* clr-login-trademark-font-family */
  font-family: Metropolis, "Avenir Next", "Helvetica Neue", Arial, sans-serif;
  font-family: var(--clr-login-trademark-font-family, Metropolis, "Avenir Next", "Helvetica Neue", Arial, sans-serif);
  font-size: 1.4rem;
  letter-spacing: normal;
}

.login-wrapper .login .subtitle {
  /* clr-login-subtitle-font-weight */
  font-weight: 200;
  font-weight: var(--clr-login-subtitle-font-weight, 200);
  /* clr-login-subtitle-color */
  color: hsl(198, 0%, 0%);
  color: var(--clr-login-subtitle-color, hsl(198, 0%, 0%));
  /* clr-login-subtitle-font-family */
  font-family: Metropolis, "Avenir Next", "Helvetica Neue", Arial, sans-serif;
  font-family: var(--clr-login-subtitle-font-family, Metropolis, "Avenir Next", "Helvetica Neue", Arial, sans-serif);
  font-size: 1.1rem;
  letter-spacing: normal;
  line-height: 1.8rem;
}

.login-wrapper .login .login-group {
  display: flex;
  flex-direction: column;
  /* clr-login-group-padding */
  padding: 2.4rem 0 0 0;
  padding: var(--clr-login-group-padding, 2.4rem 0 0 0);
  /* clr-login-group-width */
  width: 100%;
  width: var(--clr-login-group-width, 100%);
}

.login-wrapper .login .login-group .auth-source,
.login-wrapper .login .login-group .username,
.login-wrapper .login .login-group .password,
.login-wrapper .login .login-group .checkbox,
.login-wrapper .login .login-group .clr-form-control {
  /* clr-login-group-control-margin */
  margin: 0.3rem 0 0.9rem 0;
  margin: var(--clr-login-group-control-margin, 0.3rem 0 0.9rem 0);
}

.login-wrapper .login .login-group .clr-checkbox-wrapper {
  /* clr-login-group-remember-margin */
  margin: 0.3rem 0 0.9rem 0;
  margin: var(--clr-login-group-remember-margin, 0.3rem 0 0.9rem 0);
}

.login-wrapper .login .login-group .clr-control-container {
  display: block;
  width: 100%;
}

.login-wrapper .login .login-group .clr-control-container .clr-select-wrapper,
.login-wrapper .login .login-group .clr-control-container .clr-select {
  width: 100%;
}

.login-wrapper .login .login-group .clr-control-container .clr-input-wrapper > .clr-input {
  width: 100%;
}

.login-wrapper .login .login-group .clr-control-container .clr-input-wrapper {
  width: 100%;
}

.login-wrapper .login .login-group .clr-control-container .clr-input-wrapper > .clr-input-group {
  max-width: 100%;
  width: 100%;
  padding-right: 0.48rem;
}

.login-wrapper .login .login-group .clr-control-container .clr-input-wrapper > .clr-input-group > .clr-input {
  width: calc(100% - 1.2rem);
}

.login-wrapper .login .login-group .tooltip-validation {
  margin-top: 0.3rem;
}

.login-wrapper .login .login-group .tooltip-validation .username,
.login-wrapper .login .login-group .tooltip-validation .password {
  width: 100%;
  margin-top: 0;
}

.login-wrapper .login .login-group .error {
  display: none;
  /* clr-login-group-error-margin */
  margin: 0.3rem 0 0 0;
  margin: var(--clr-login-group-error-margin, 0.3rem 0 0 0);
  padding: 0.45rem 0.6rem;
  /* clr-login-error-background-color */
  background: hsl(9, 100%, 38%);
  background: var(--clr-login-error-background-color, hsl(9, 100%, 38%));
  /* clr-login-background-color */
  color: hsl(198, 0%, 98%);
  color: var(--clr-login-background-color, hsl(198, 0%, 98%));
  /* clr-login-error-border-radius */
  border-radius: 0.15rem;
  border-radius: var(--clr-login-error-border-radius, 0.15rem);
  line-height: 0.9rem;
}

.login-wrapper .login .login-group .error:before {
  display: inline-block;
  content: "";
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20viewBox%3D%225%205%2026%2026%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cdefs%3E%3Cstyle%3E.clr-i-outline%7Bfill%3Ahsl(198, 0%, 98%)%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Ctitle%3Eexclamation-circle-line%3C%2Ftitle%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20class%3D%22clr-i-outline%20clr-i-outline-path-1%22%20d%3D%22M18%2C6A12%2C12%2C0%2C1%2C0%2C30%2C18%2C12%2C12%2C0%2C0%2C0%2C18%2C6Zm0%2C22A10%2C10%2C0%2C1%2C1%2C28%2C18%2C10%2C10%2C0%2C0%2C1%2C18%2C28Z%22%3E%3C%2Fpath%3E%3Cpath%20class%3D%22clr-i-outline%20clr-i-outline-path-2%22%20d%3D%22M18%2C20.07a1.3%2C1.3%2C0%2C0%2C1-1.3-1.3v-6a1.3%2C1.3%2C0%2C1%2C1%2C2.6%2C0v6A1.3%2C1.3%2C0%2C0%2C1%2C18%2C20.07Z%22%3E%3C%2Fpath%3E%3Ccircle%20class%3D%22clr-i-outline%20clr-i-outline-path-3%22%20cx%3D%2217.95%22%20cy%3D%2223.02%22%20r%3D%221.5%22%3E%3C%2Fcircle%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fsvg%3E");
  margin: 0.05rem 0.3rem 0 0;
  height: 0.8rem;
  width: 0.8rem;
}

.login-wrapper .login .login-group .error.active {
  display: flex;
}

.login-wrapper .login .login-group .error.active:before {
  flex: 0 0 0.8rem;
}

.login-wrapper .login .login-group .btn {
  /* clr-login-group-btn-margin */
  margin: 1.2rem 0 0 0;
  margin: var(--clr-login-group-btn-margin, 1.2rem 0 0 0);
  max-width: none;
}

.login-wrapper .login .login-group .signup {
  /* clr-login-group-signup-margin */
  margin: 0.6rem 0 0 0;
  margin: var(--clr-login-group-signup-margin, 0.6rem 0 0 0);
  font-size: 0.7rem;
  text-align: center;
}

.login-wrapper .login:after {
  position: absolute;
  content: "";
  display: block;
  width: 0.05rem;
  height: 100%;
  /* clr-login-panel-line-color */
  background: hsl(198, 0%, 0%);
  background: var(--clr-login-panel-line-color, hsl(198, 0%, 0%));
  /* clr-login-panel-line-opacity */
  opacity: 0.1;
  opacity: var(--clr-login-panel-line-opacity, 0.1);
  top: 0;
  right: -0.1rem;
}

@media screen and (max-width: 768px) {
  .login-wrapper {
    justify-content: center;
    /* clr-login-background-color */
    background: hsl(198, 0%, 98%);
    background: var(--clr-login-background-color, hsl(198, 0%, 98%));
  }
  .login-wrapper .login {
    width: 100%;
    margin-left: 0;
    padding: 1.2rem 20%;
  }
  .login-wrapper .login:after {
    content: none;
  }
}
@media screen and (max-width: 576px) {
  .login-wrapper .login {
    padding: 1.2rem 15%;
  }
}
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
.main-container {
  display: flex;
  flex-direction: column;
  height: 100vh;
  /* clr-global-app-background */
  background: hsl(198, 0%, 98%);
  background: var(--clr-global-app-background, hsl(198, 0%, 98%));
}

.main-container .alert.alert-app-level {
  flex: 0 0 auto;
  overflow-x: hidden;
}

.main-container header,
.main-container .header {
  flex: 0 0 3rem;
}

.main-container .sub-nav,
.main-container .subnav {
  flex: 0 0 1.8rem;
}

.main-container .u-main-container {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  overflow: hidden;
}

.main-container .content-container {
  display: flex;
  flex: 1 1 auto;
  min-height: 0.05rem;
}

.main-container .content-container .content-area {
  flex: 1 1 auto;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding: 1.2rem 1.2rem 1.2rem 1.2rem;
}

.main-container .content-container .content-area > :first-child {
  margin-top: 0;
}

.main-container .content-container .clr-vertical-nav {
  flex: 0 0 auto;
  order: -1;
}

@media print {
  .main-container {
    height: auto;
  }
}
body.no-scrolling,
body[cds-layout=no-scrolling] {
  overflow: hidden;
}

body.no-scrolling .main-container .content-container .content-area,
body[cds-layout=no-scrolling] .main-container .content-container .content-area {
  overflow: hidden;
}

/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/* stylelint-disable-next-line meowtec/no-px */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/* stylelint-disable */
/* stylelint-enable */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
:root {
  --clr-modal-sm-width: 14.4rem;
  --clr-modal-md-width: 28.8rem;
  --clr-modal-lg-width: 43.2rem;
  --clr-modal-xl-width: 57.6rem;
  --clr-modal-text-color: hsl(198, 0%, 40%);
  --clr-modal-close-color: var(--clr-color-neutral-600);
  --clr-modal-bg-color: var(--clr-color-neutral-0);
  --clr-modal-content-box-shadow-color: rgba(
    0,
    0,
    0,
    0.2
  );
  --clr-modal-content-box-shadow: 0
    0.05rem
    0.1rem
    0.1rem
    var(--clr-modal-content-box-shadow-color);
  --clr-modal-backdrop-color: var(--clr-color-neutral-900);
  --clr-modal-backdrop-opacity: 0.85;
  --clr-modal-border-radius: var(--clr-global-borderradius);
  --clr-modal-content-border-style: none;
  --clr-modal-content-border-color: transparent;
  --clr-modal-content-border-width: 0;
  --clr-modal-content-border-radius: unset;
  --clr-modal-content-padding: 1.2rem;
  --clr-modal-sm-content-padding: 0.6rem
    0
    0.6rem
    1.2rem;
  --clr-modal-title-color: var(--clr-h3-color);
  --clr-modal-title-font-family: var(--clr-h3-font-family);
  --clr-modal-title-font-weight: var(--clr-h3-font-weight);
  --clr-modal-header-padding: 0 0 1.2rem 0;
  --clr-modal-sm-header-padding: 0 1.2rem 0.6rem 0;
  --clr-modal-footer-padding: 1.2rem 0 0 0;
  --clr-modal-sm-footer-padding: 0.6rem 1.2rem 0 0;
  --clr-modal-footer-gap: 0.6rem;
  --clr-modal-close-icon-size: 1.2rem;
}

.modal {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 1050;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 2.4rem;
}

@media screen and (max-width: 576px) {
  .modal {
    padding: 0.6rem;
  }
}
.modal-dialog {
  position: relative;
  z-index: 1050;
  /* clr-modal-md-width */
  width: 28.8rem;
  width: var(--clr-modal-md-width, 28.8rem);
  /* clr-modal-border-radius */
  border-radius: 0.15rem;
  border-radius: var(--clr-modal-border-radius, 0.15rem);
  /* clr-modal-content-box-shadow */
  box-shadow: 0 0.05rem 0.1rem 0.1rem rgba(0, 0, 0, 0.2);
  box-shadow: var(--clr-modal-content-box-shadow, 0 0.05rem 0.1rem 0.1rem rgba(0, 0, 0, 0.2));
  /* clr-modal-content-border-style */
  border-style: none;
  border-style: var(--clr-modal-content-border-style, none);
  /* clr-modal-content-border-width */
  border-width: 0;
  border-width: var(--clr-modal-content-border-width, 0);
  /* clr-modal-content-border-color */
  border-color: transparent;
  border-color: var(--clr-modal-content-border-color, transparent);
  overflow: hidden;
  max-width: 100%;
}

.modal-dialog.modal-sm {
  /* clr-modal-sm-width */
  width: 14.4rem;
  width: var(--clr-modal-sm-width, 14.4rem);
}

.modal-dialog.modal-lg {
  /* clr-modal-lg-width */
  width: 43.2rem;
  width: var(--clr-modal-lg-width, 43.2rem);
}

.modal-dialog.modal-xl { /* clr-modal-xl-width */
  width: 57.6rem;
  width: var(--clr-modal-xl-width, 57.6rem);
}

.modal-dialog .modal-content {
  /* clr-modal-content-padding */
  padding: 1.2rem 1.2rem 1.2rem 1.2rem;
  padding: var(--clr-modal-content-padding, 1.2rem 1.2rem 1.2rem 1.2rem);
  /* clr-modal-bg-color */
  background-color: hsl(198, 0%, 100%);
  background-color: var(--clr-modal-bg-color, hsl(198, 0%, 100%));
}

.modal-header, .modal-header--accessible {
  border-bottom: none;
  /* clr-modal-header-padding */
  padding: 0 0 1.2rem 0;
  padding: var(--clr-modal-header-padding, 0 0 1.2rem 0);
}

.modal-header--accessible {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.modal-header .modal-title, .modal-header--accessible .modal-title {
  /* clr-modal-title-color */
  color: hsl(198, 0%, 0%);
  color: var(--clr-modal-title-color, hsl(198, 0%, 0%));
  margin: 0;
  padding: 0 0.15rem;
}

.modal-header .modal-title:not([cds-text]), .modal-header--accessible .modal-title:not([cds-text]) {
  font-size: 1.1rem;
  /* clr-modal-title-font-family */
  font-family: Metropolis, "Avenir Next", "Helvetica Neue", Arial, sans-serif;
  font-family: var(--clr-modal-title-font-family, Metropolis, "Avenir Next", "Helvetica Neue", Arial, sans-serif);
  /* clr-modal-title-font-weight */
  font-weight: 200;
  font-weight: var(--clr-modal-title-font-weight, 200);
  line-height: 1.2rem;
  letter-spacing: normal;
}

.modal-header .close, .modal-header--accessible .close {
  margin-top: -0.05rem;
  margin-right: -0.25rem;
  font-size: 1.3rem;
  line-height: 1.2rem;
}

.modal-header .close cds-icon, .modal-header--accessible .close cds-icon,
.modal-header .close clr-icon,
.modal-header--accessible .close clr-icon {
  /* clr-modal-close-color */
  fill: hsl(198, 0%, 55%);
  fill: var(--clr-modal-close-color, hsl(198, 0%, 55%));
  /* clr-modal-close-icon-size */
  height: 1.2rem;
  height: var(--clr-modal-close-icon-size, 1.2rem);
  /* clr-modal-close-icon-size */
  width: 1.2rem;
  width: var(--clr-modal-close-icon-size, 1.2rem);
}

.modal-title-wrapper {
  flex: 1;
}

.modal-title-wrapper .modal-title > h3 {
  margin-top: 0;
}

.modal-body-wrapper {
  max-height: 70vh;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0 0.15rem;
}

.modal-body-wrapper .modal-body {
  /* clr-modal-text-color */
  color: hsl(198, 0%, 40%);
  color: var(--clr-modal-text-color, hsl(198, 0%, 40%));
}

.modal-body-wrapper > :first-child {
  margin-top: 0;
}

.modal-body-wrapper > :last-child {
  margin-bottom: 0;
}

.modal-footer {
  display: flex;
  justify-content: flex-end;
  /* clr-modal-footer-padding */
  padding: 1.2rem 0 0 0;
  padding: var(--clr-modal-footer-padding, 1.2rem 0 0 0);
  /* clr-modal-footer-gap */
  gap: 0.6rem;
  gap: var(--clr-modal-footer-gap, 0.6rem);
}

.modal-footer .btn {
  margin: 0;
}

@media screen and (max-width: 768px) and (orientation: landscape) {
  .modal-body-wrapper {
    max-height: 55vh;
  }
}
@media screen and (max-width: 576px) {
  .modal-content {
    /* clr-modal-sm-content-padding */
    padding: 0.6rem 0 0.6rem 1.2rem;
    padding: var(--clr-modal-sm-content-padding, 0.6rem 0 0.6rem 1.2rem);
  }
  .modal-header, .modal-header--accessible {
    /* clr-modal-sm-header-padding */
    padding: 0 1.2rem 0.6rem 0;
    padding: var(--clr-modal-sm-header-padding, 0 1.2rem 0.6rem 0);
  }
  .modal-body-wrapper {
    max-height: 55vh;
  }
  .modal-footer {
    /* clr-modal-sm-footer-padding */
    padding: 0.6rem 1.2rem 0 0;
    padding: var(--clr-modal-sm-footer-padding, 0.6rem 1.2rem 0 0);
  }
}
.modal-backdrop {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  /* clr-modal-backdrop-color */
  background-color: hsl(198, 0%, 20%);
  background-color: var(--clr-modal-backdrop-color, hsl(198, 0%, 20%));
  /* clr-modal-backdrop-opacity */
  opacity: 0.85;
  opacity: var(--clr-modal-backdrop-opacity, 0.85);
  z-index: 1040;
}

.modal .modal-nav {
  display: none;
}

/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/* stylelint-disable-next-line meowtec/no-px */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/* stylelint-disable */
/* stylelint-enable */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
:root {
  --clr-header-bg-color: var(--clr-color-neutral-900);
  --clr-header-divider-opacity: 0.15;
  --clr-header-nav-opacity: 0.65;
  --clr-header-nav-hover-opacity: 1;
  --clr-header-2-bg-color: hsl(209, 19%, 35%);
  --clr-header-3-bg-color: var(--clr-color-secondary-action-1000);
  --clr-header-4-bg-color: hsl(202, 66%, 41%);
  --clr-header-5-bg-color: var(--clr-color-action-800);
  --clr-header-6-bg-color: var(--clr-color-action-1000);
  --clr-header-7-bg-color: hsl(206, 25%, 25%);
  --clr-header-8-bg-color: #0f171c;
  --clr-header-font-color: var(--clr-color-neutral-50);
  --clr-header-title-color: var(--clr-header-font-color);
  --clr-header-title-font-weight: var(--clr-h5-font-weight);
  --clr-header-title-font-family: var(--clr-h5-font-family);
}

header,
.header {
  display: flex;
  /* clr-header-font-color */
  color: hsl(198, 0%, 98%);
  color: var(--clr-header-font-color, hsl(198, 0%, 98%));
  /* clr-header-bg-color */
  background-color: hsl(198, 0%, 20%);
  background-color: var(--clr-header-bg-color, hsl(198, 0%, 20%));
  height: 3rem;
  white-space: nowrap;
}

header.header-1,
.header.header-1 {
  /* clr-header-bg-color */
  background-color: hsl(198, 0%, 20%);
  background-color: var(--clr-header-bg-color, hsl(198, 0%, 20%));
}

header.header-2,
.header.header-2 {
  /* clr-header-2-bg-color */
  background-color: hsl(209, 19%, 35%);
  background-color: var(--clr-header-2-bg-color, hsl(209, 19%, 35%));
}

header.header-3,
.header.header-3 {
  /* clr-header-3-bg-color */
  background-color: hsl(282, 100%, 14%);
  background-color: var(--clr-header-3-bg-color, hsl(282, 100%, 14%));
}

header.header-4,
.header.header-4 {
  /* clr-header-4-bg-color */
  background-color: hsl(202, 66%, 41%);
  background-color: var(--clr-header-4-bg-color, hsl(202, 66%, 41%));
}

header.header-5,
.header.header-5 {
  /* clr-header-5-bg-color */
  background-color: hsl(198, 100%, 24%);
  background-color: var(--clr-header-5-bg-color, hsl(198, 100%, 24%));
}

header.header-6,
.header.header-6 {
  /* clr-header-6-bg-color */
  background-color: hsl(198, 100%, 15%);
  background-color: var(--clr-header-6-bg-color, hsl(198, 100%, 15%));
}

header.header-7,
.header.header-7 {
  /* clr-header-7-bg-color */
  background-color: hsl(206, 25%, 25%);
  background-color: var(--clr-header-7-bg-color, hsl(206, 25%, 25%));
}

header.header-8,
.header.header-8 {
  /* clr-header-8-bg-color */
  background-color: #0f171c;
  background-color: var(--clr-header-8-bg-color, #0f171c);
}

header .branding,
.header .branding {
  display: flex;
  flex: 0 0 auto;
  min-width: 10.2rem;
  padding: 0 1.2rem;
  height: 3rem;
}

header .branding > a, header .branding > .nav-link,
.header .branding > a,
.header .branding > .nav-link {
  display: inline-flex;
  align-items: center;
  height: 3rem;
  text-decoration: none;
}

header .branding > a:focus, header .branding > .nav-link:focus,
.header .branding > a:focus,
.header .branding > .nav-link:focus {
  outline-offset: -0.25rem;
}

header .branding .clr-icon,
header .branding cds-icon,
header .branding clr-icon,
.header .branding .clr-icon,
.header .branding cds-icon,
.header .branding clr-icon {
  flex-grow: 0;
  flex-shrink: 0;
  height: 1.8rem;
  width: 1.8rem;
  margin-right: 0.45rem;
}

header .branding .title,
.header .branding .title {
  /* clr-header-title-color */
  color: hsl(198, 0%, 98%);
  color: var(--clr-header-title-color, hsl(198, 0%, 98%));
  /* clr-header-title-font-weight */
  font-weight: 400;
  font-weight: var(--clr-header-title-font-weight, 400);
  /* clr-header-title-font-family */
  font-family: Metropolis, "Avenir Next", "Helvetica Neue", Arial, sans-serif;
  font-family: var(--clr-header-title-font-family, Metropolis, "Avenir Next", "Helvetica Neue", Arial, sans-serif);
  font-size: 0.8rem;
  letter-spacing: 0.01em;
  line-height: 3rem;
  text-decoration: none;
}

header .settings,
header .header-nav,
header .header-actions,
.header .settings,
.header .header-nav,
.header .header-actions {
  height: 3rem;
}

header .settings .nav-text,
header .header-nav .nav-text,
header .header-actions .nav-text,
.header .settings .nav-text,
.header .header-nav .nav-text,
.header .header-actions .nav-text {
  font-weight: 500;
}

header .settings clr-icon,
header .header-nav clr-icon,
header .header-actions clr-icon,
.header .settings clr-icon,
.header .header-nav clr-icon,
.header .header-actions clr-icon {
  /* clr-header-font-color */
  color: hsl(198, 0%, 98%);
  color: var(--clr-header-font-color, hsl(198, 0%, 98%));
}

header .settings .nav-icon,
header .header-nav .nav-icon,
header .header-actions .nav-icon,
.header .settings .nav-icon,
.header .header-nav .nav-icon,
.header .header-actions .nav-icon {
  height: 3rem;
  width: 3rem;
}

header .settings .nav-link,
header .header-nav .nav-link,
header .header-actions .nav-link,
.header .settings .nav-link,
.header .header-nav .nav-link,
.header .header-actions .nav-link {
  position: relative;
  display: inline-block;
  text-align: center;
  padding: 0.9rem 1.2rem;
  text-decoration: none;
  /* clr-header-font-color */
  color: hsl(198, 0%, 98%);
  color: var(--clr-header-font-color, hsl(198, 0%, 98%));
  /* clr-header-nav-opacity */
  opacity: 0.65;
  opacity: var(--clr-header-nav-opacity, 0.65);
}

header .settings .nav-link:enabled:hover,
header .header-nav .nav-link:enabled:hover,
header .header-actions .nav-link:enabled:hover,
.header .settings .nav-link:enabled:hover,
.header .header-nav .nav-link:enabled:hover,
.header .header-actions .nav-link:enabled:hover {
  /* clr-header-nav-hover-opacity */
  opacity: 1;
  opacity: var(--clr-header-nav-hover-opacity, 1);
}

header .settings .nav-link:disabled,
header .header-nav .nav-link:disabled,
header .header-actions .nav-link:disabled,
.header .settings .nav-link:disabled,
.header .header-nav .nav-link:disabled,
.header .header-actions .nav-link:disabled {
  cursor: not-allowed;
}

header .settings .nav-link .fa,
header .settings .nav-link .nav-icon,
header .header-nav .nav-link .fa,
header .header-nav .nav-link .nav-icon,
header .header-actions .nav-link .fa,
header .header-actions .nav-link .nav-icon,
.header .settings .nav-link .fa,
.header .settings .nav-link .nav-icon,
.header .header-nav .nav-link .fa,
.header .header-nav .nav-link .nav-icon,
.header .header-actions .nav-link .fa,
.header .header-actions .nav-link .nav-icon {
  font-size: 1.1rem;
}

header .settings .nav-link cds-icon,
header .settings .nav-link clr-icon,
header .header-nav .nav-link cds-icon,
header .header-nav .nav-link clr-icon,
header .header-actions .nav-link cds-icon,
header .header-actions .nav-link clr-icon,
.header .settings .nav-link cds-icon,
.header .settings .nav-link clr-icon,
.header .header-nav .nav-link cds-icon,
.header .header-nav .nav-link clr-icon,
.header .header-actions .nav-link cds-icon,
.header .header-actions .nav-link clr-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 1.2rem;
  width: 1.2rem;
}

header .settings .nav-link.nav-icon-text cds-icon,
header .settings .nav-link.nav-icon-text clr-icon,
header .header-nav .nav-link.nav-icon-text cds-icon,
header .header-nav .nav-link.nav-icon-text clr-icon,
header .header-actions .nav-link.nav-icon-text cds-icon,
header .header-actions .nav-link.nav-icon-text clr-icon,
.header .settings .nav-link.nav-icon-text cds-icon,
.header .settings .nav-link.nav-icon-text clr-icon,
.header .header-nav .nav-link.nav-icon-text cds-icon,
.header .header-nav .nav-link.nav-icon-text clr-icon,
.header .header-actions .nav-link.nav-icon-text cds-icon,
.header .header-actions .nav-link.nav-icon-text clr-icon {
  position: relative;
  top: auto;
  left: auto;
  transform: none;
  margin-left: 1.2rem;
}

header .settings .nav-link.nav-icon-text .nav-text,
header .header-nav .nav-link.nav-icon-text .nav-text,
header .header-actions .nav-link.nav-icon-text .nav-text,
.header .settings .nav-link.nav-icon-text .nav-text,
.header .header-nav .nav-link.nav-icon-text .nav-text,
.header .header-actions .nav-link.nav-icon-text .nav-text {
  margin-left: 0;
  padding-left: 0.3rem;
}

header .settings .nav-link .nav-icon + .nav-text,
header .header-nav .nav-link .nav-icon + .nav-text,
header .header-actions .nav-link .nav-icon + .nav-text,
.header .settings .nav-link .nav-icon + .nav-text,
.header .header-nav .nav-link .nav-icon + .nav-text,
.header .header-actions .nav-link .nav-icon + .nav-text {
  display: none;
}

header .settings .nav-link.active,
header .header-nav .nav-link.active,
header .header-actions .nav-link.active,
.header .settings .nav-link.active,
.header .header-nav .nav-link.active,
.header .header-actions .nav-link.active {
  background: rgba(255, 255, 255, 0.15);
  opacity: 1;
}

header .settings .nav-link:focus,
header .header-nav .nav-link:focus,
header .header-actions .nav-link:focus,
.header .settings .nav-link:focus,
.header .header-nav .nav-link:focus,
.header .header-actions .nav-link:focus {
  outline-offset: -0.25rem;
}

header .header-nav,
.header .header-nav {
  display: flex;
  flex: 0 0 auto;
}

header .header-nav:last-child > .nav-link:last-child::after,
.header .header-nav:last-child > .nav-link:last-child::after {
  content: none;
}

header .header-nav .nav-link:first-of-type, header .header-nav .nav-link:last-of-type,
.header .header-nav .nav-link:first-of-type,
.header .header-nav .nav-link:last-of-type {
  position: relative;
}

header .header-nav .nav-link:first-of-type::before, header .header-nav .nav-link:last-of-type::after,
.header .header-nav .nav-link:first-of-type::before,
.header .header-nav .nav-link:last-of-type::after {
  display: inline-block;
  position: absolute;
  content: "";
  /* clr-header-font-color */
  background: hsl(198, 0%, 98%);
  background: var(--clr-header-font-color, hsl(198, 0%, 98%));
  /* clr-header-divider-opacity */
  opacity: 0.15;
  opacity: var(--clr-header-divider-opacity, 0.15);
  opacity: 0.15;
  height: 2rem;
  /* clr-global-borderwidth */
  width: 0.05rem;
  width: var(--clr-global-borderwidth, 0.05rem);
  top: 0.5rem;
  left: 0;
  left: auto;
}

header .header-nav .nav-link:first-of-type::before,
.header .header-nav .nav-link:first-of-type::before {
  left: 0;
}

header .header-nav .nav-link:last-of-type::after,
.header .header-nav .nav-link:last-of-type::after {
  right: 0;
}

header .header-nav .nav-link.active:first-of-type::before, header .header-nav .nav-link.active:last-of-type::after,
.header .header-nav .nav-link.active:first-of-type::before,
.header .header-nav .nav-link.active:last-of-type::after {
  content: none;
}

header .settings,
header .header-actions,
.header .settings,
.header .header-actions {
  flex: 1 0 auto;
  display: flex;
  justify-content: flex-end;
}

header .settings > .dropdown > .dropdown-toggle,
header .header-actions > .dropdown > .dropdown-toggle,
.header .settings > .dropdown > .dropdown-toggle,
.header .header-actions > .dropdown > .dropdown-toggle {
  position: relative;
  line-height: 3rem;
  height: 3rem;
  outline-offset: -0.25rem;
  /* clr-header-font-color */
  color: hsl(198, 0%, 98%);
  color: var(--clr-header-font-color, hsl(198, 0%, 98%));
  /* clr-header-nav-opacity */
  opacity: 0.65;
  opacity: var(--clr-header-nav-opacity, 0.65);
}

header .settings > .dropdown > .dropdown-toggle:enabled:hover,
header .header-actions > .dropdown > .dropdown-toggle:enabled:hover,
.header .settings > .dropdown > .dropdown-toggle:enabled:hover,
.header .header-actions > .dropdown > .dropdown-toggle:enabled:hover {
  /* clr-header-nav-hover-opacity */
  opacity: 1;
  opacity: var(--clr-header-nav-hover-opacity, 1);
}

header .settings > .dropdown > .dropdown-toggle:disabled,
header .header-actions > .dropdown > .dropdown-toggle:disabled,
.header .settings > .dropdown > .dropdown-toggle:disabled,
.header .header-actions > .dropdown > .dropdown-toggle:disabled {
  cursor: not-allowed;
}

header .settings > .dropdown .dropdown-toggle.nav-icon cds-icon:not([shape^=angle]),
header .settings > .dropdown .dropdown-toggle.nav-icon clr-icon:not([shape^=angle]),
header .header-actions > .dropdown .dropdown-toggle.nav-icon cds-icon:not([shape^=angle]),
header .header-actions > .dropdown .dropdown-toggle.nav-icon clr-icon:not([shape^=angle]),
.header .settings > .dropdown .dropdown-toggle.nav-icon cds-icon:not([shape^=angle]),
.header .settings > .dropdown .dropdown-toggle.nav-icon clr-icon:not([shape^=angle]),
.header .header-actions > .dropdown .dropdown-toggle.nav-icon cds-icon:not([shape^=angle]),
.header .header-actions > .dropdown .dropdown-toggle.nav-icon clr-icon:not([shape^=angle]) {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: 1.1rem;
  width: 1.1rem;
  right: 1.2rem;
}

header .settings > .dropdown .dropdown-toggle.nav-icon cds-icon[shape^=angle],
header .settings > .dropdown .dropdown-toggle.nav-icon clr-icon[shape^=angle],
header .header-actions > .dropdown .dropdown-toggle.nav-icon cds-icon[shape^=angle],
header .header-actions > .dropdown .dropdown-toggle.nav-icon clr-icon[shape^=angle],
.header .settings > .dropdown .dropdown-toggle.nav-icon cds-icon[shape^=angle],
.header .settings > .dropdown .dropdown-toggle.nav-icon clr-icon[shape^=angle],
.header .header-actions > .dropdown .dropdown-toggle.nav-icon cds-icon[shape^=angle],
.header .header-actions > .dropdown .dropdown-toggle.nav-icon clr-icon[shape^=angle] {
  right: 0.6rem;
  top: 44%;
}

header .settings > .dropdown .dropdown-toggle.nav-text,
header .header-actions > .dropdown .dropdown-toggle.nav-text,
.header .settings > .dropdown .dropdown-toggle.nav-text,
.header .header-actions > .dropdown .dropdown-toggle.nav-text {
  padding: 0 1.8rem 0 1.2rem;
}

header .settings > .dropdown .dropdown-toggle.nav-text cds-icon[shape^=angle],
header .settings > .dropdown .dropdown-toggle.nav-text clr-icon[shape^=angle],
header .header-actions > .dropdown .dropdown-toggle.nav-text cds-icon[shape^=angle],
header .header-actions > .dropdown .dropdown-toggle.nav-text clr-icon[shape^=angle],
.header .settings > .dropdown .dropdown-toggle.nav-text cds-icon[shape^=angle],
.header .settings > .dropdown .dropdown-toggle.nav-text clr-icon[shape^=angle],
.header .header-actions > .dropdown .dropdown-toggle.nav-text cds-icon[shape^=angle],
.header .header-actions > .dropdown .dropdown-toggle.nav-text clr-icon[shape^=angle] {
  right: 1.2rem;
}

header .settings > .dropdown .dropdown-toggle.nav-icon,
header .header-actions > .dropdown .dropdown-toggle.nav-icon,
.header .settings > .dropdown .dropdown-toggle.nav-icon,
.header .header-actions > .dropdown .dropdown-toggle.nav-icon {
  width: 3rem;
  padding-right: 0;
}

header .settings > .dropdown.bottom-right > .dropdown-menu, header .settings > .dropdown.bottom-left > .dropdown-menu,
header .header-actions > .dropdown.bottom-right > .dropdown-menu,
header .header-actions > .dropdown.bottom-left > .dropdown-menu,
.header .settings > .dropdown.bottom-right > .dropdown-menu,
.header .settings > .dropdown.bottom-left > .dropdown-menu,
.header .header-actions > .dropdown.bottom-right > .dropdown-menu,
.header .header-actions > .dropdown.bottom-left > .dropdown-menu {
  top: 85%;
}

header .settings > .dropdown:last-child.bottom-right > .dropdown-menu,
header .header-actions > .dropdown:last-child.bottom-right > .dropdown-menu,
.header .settings > .dropdown:last-child.bottom-right > .dropdown-menu,
.header .header-actions > .dropdown:last-child.bottom-right > .dropdown-menu {
  right: 0.15rem;
}

header .settings > .dropdown .dropdown-menu,
header .header-actions > .dropdown .dropdown-menu,
.header .settings > .dropdown .dropdown-menu,
.header .header-actions > .dropdown .dropdown-menu {
  margin-top: -0.2rem;
  left: auto;
  right: 0;
}

header .settings > .dropdown :last-child.dropdown-menu,
header .header-actions > .dropdown :last-child.dropdown-menu,
.header .settings > .dropdown :last-child.dropdown-menu,
.header .header-actions > .dropdown :last-child.dropdown-menu {
  margin-right: 0.4rem;
}

header .search-box,
header .search,
.header .search-box,
.header .search {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  max-width: 14.4rem;
  padding: 0;
  height: 3rem;
  /* clr-header-font-color */
  color: hsl(198, 0%, 98%);
  color: var(--clr-header-font-color, hsl(198, 0%, 98%));
  /* clr-header-nav-opacity */
  opacity: 0.65;
  opacity: var(--clr-header-nav-opacity, 0.65);
}

header .search-box:enabled:hover,
header .search:enabled:hover,
.header .search-box:enabled:hover,
.header .search:enabled:hover {
  /* clr-header-nav-hover-opacity */
  opacity: 1;
  opacity: var(--clr-header-nav-hover-opacity, 1);
}

header .search-box:disabled,
header .search:disabled,
.header .search-box:disabled,
.header .search:disabled {
  cursor: not-allowed;
}

header .search-box > .nav-icon,
header .search > .nav-icon,
.header .search-box > .nav-icon,
.header .search > .nav-icon {
  margin: 0 0.3rem 0.15rem 1.2rem;
}

header .search-box label,
header .search label,
.header .search-box label,
.header .search label {
  display: inline-block;
  height: 3rem;
  line-height: 3rem;
  padding-left: 1.2rem;
  text-align: center;
}

header .search-box label::before,
header .search label::before,
.header .search-box label::before,
.header .search label::before {
  display: inline-block;
  content: "";
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2036%2036%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23ffffff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3ESearch%3C%2Ftitle%3E%3Cg%20id%3D%22icons%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M15%2C4.05A10.95%2C10.95%2C0%2C1%2C1%2C4.05%2C15%2C11%2C11%2C0%2C0%2C1%2C15%2C4.05M15%2C2A13%2C13%2C0%2C1%2C0%2C28%2C15%2C13%2C13%2C0%2C0%2C0%2C15%2C2Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20%20d%3D%22M33.71%2C32.29l-7.37-7.42-1.42%2C1.41%2C7.37%2C7.42a1%2C1%2C0%2C1%2C0%2C1.42-1.41Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
  height: 1rem;
  width: 1rem;
  margin: 1rem 0 0;
  vertical-align: top;
}

header .search-box label input,
header .search label input,
.header .search-box label input,
.header .search label input {
  line-height: 1.2rem;
  margin: 0.9rem 0;
}

header .search-box input[type=text],
header .search input[type=text],
.header .search-box input[type=text],
.header .search input[type=text] {
  border: none;
  background: none;
  /* clr-header-font-color */
  color: hsl(198, 0%, 98%);
  color: var(--clr-header-font-color, hsl(198, 0%, 98%));
  padding: 0;
  vertical-align: middle;
}

header .search-box input[type=text]:focus, header .search-box input[type=text]:active,
header .search input[type=text]:focus,
header .search input[type=text]:active,
.header .search-box input[type=text]:focus,
.header .search-box input[type=text]:active,
.header .search input[type=text]:focus,
.header .search input[type=text]:active {
  background: none;
}

header .branding + .search,
header .branding + .search-box,
.header .branding + .search,
.header .branding + .search-box {
  position: relative;
}

header .branding + .search::after,
header .branding + .search-box::after,
.header .branding + .search::after,
.header .branding + .search-box::after {
  display: inline-block;
  position: absolute;
  content: "";
  /* clr-header-font-color */
  background: hsl(198, 0%, 98%);
  background: var(--clr-header-font-color, hsl(198, 0%, 98%));
  /* clr-header-divider-opacity */
  opacity: 0.15;
  opacity: var(--clr-header-divider-opacity, 0.15);
  opacity: 0.15;
  height: 2rem;
  /* clr-global-borderwidth */
  width: 0.05rem;
  width: var(--clr-global-borderwidth, 0.05rem);
  top: 0.5rem;
  left: 0;
}

@media screen and (max-width: 768px) {
  header .search-box,
  header .search,
  .header .search-box,
  .header .search {
    flex: 1 0 auto;
    justify-content: flex-end;
    max-width: none;
  }
  header .search-box label,
  header .search label,
  .header .search-box label,
  .header .search label {
    padding: 0;
    width: 3rem;
  }
  header .search-box label::before,
  header .search label::before,
  .header .search-box label::before,
  .header .search label::before {
    left: 1rem;
  }
  header .search-box label input,
  header .search label input,
  .header .search-box label input,
  .header .search label input {
    display: none;
  }
  header .branding + .search::after,
  header .branding + .search-box::after,
  .header .branding + .search::after,
  .header .branding + .search-box::after {
    content: none;
  }
  header .search-box + .settings,
  header .search-box + .header-actions,
  header .search + .settings,
  header .search + .header-actions,
  .header .search-box + .settings,
  .header .search-box + .header-actions,
  .header .search + .settings,
  .header .search + .header-actions {
    position: relative;
    flex: 0 0 auto;
  }
  header .search-box + .settings::after,
  header .search-box + .header-actions::after,
  header .search + .settings::after,
  header .search + .header-actions::after,
  .header .search-box + .settings::after,
  .header .search-box + .header-actions::after,
  .header .search + .settings::after,
  .header .search + .header-actions::after {
    display: inline-block;
    position: absolute;
    content: "";
    /* clr-header-font-color */
    background: hsl(198, 0%, 98%);
    background: var(--clr-header-font-color, hsl(198, 0%, 98%));
    /* clr-header-divider-opacity */
    opacity: 0.15;
    opacity: var(--clr-header-divider-opacity, 0.15);
    opacity: 0.15;
    height: 2rem;
    /* clr-global-borderwidth */
    width: 0.05rem;
    width: var(--clr-global-borderwidth, 0.05rem);
    top: 0.5rem;
    left: 0;
  }
}
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
a:link {
  /* 
  * Due to the higher specificity of `a:link` over `.btn` and `.nav-link` it overrides the styles of both 
  * which is not required. Also `.btn, .nav-link` doesn't need these styles, so we don't add them in these cases.
  */
}

a:link:not(.btn, .nav-link) {
  /* clr-link-font-weight */
  font-weight: inherit;
  font-weight: var(--clr-link-font-weight, inherit);
  /* clr-link-font-size */
  font-size: inherit;
  font-size: var(--clr-link-font-size, inherit);
  /* clr-link-line-height */
  line-height: inherit;
  line-height: var(--clr-link-line-height, inherit);
  /* clr-link-letter-spacing */
  letter-spacing: inherit;
  letter-spacing: var(--clr-link-letter-spacing, inherit);
}

a.link-normal:link {
  /* clr-link-color */
  color: hsl(198, 100%, 32%);
  color: var(--clr-link-color, hsl(198, 100%, 32%));
}

a.link-hovered:link {
  /* clr-link-hover-color */
  color: hsl(198, 100%, 32%);
  color: var(--clr-link-hover-color, hsl(198, 100%, 32%));
}

a.link-clicked:link {
  /* clr-link-active-color */
  color: hsl(282, 43%, 54%);
  color: var(--clr-link-active-color, hsl(282, 43%, 54%));
}

a.link-visited:link {
  /* clr-link-visited-color */
  color: hsl(238, 41%, 53%);
  color: var(--clr-link-visited-color, hsl(238, 41%, 53%));
}

/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/* stylelint-disable-next-line meowtec/no-px */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/* stylelint-disable */
/* stylelint-enable */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
:root {
  --clr-nav-box-shadow-color: var(--clr-color-neutral-400);
  --clr-nav-active-box-shadow-color: var(--clr-color-action-600);
  --clr-nav-active-border-color: var(--clr-nav-active-box-shadow-color);
  --clr-nav-active-bg-color: var(--clr-global-selection-color);
  --clr-nav-selected-bg-color: var(--clr-global-selection-color);
  --clr-nav-hover-bg-color: var(--clr-color-neutral-200);
  --clr-nav-active-border-width: 0.15rem;
  --clr-nav-selected-hover-background-color: var(--clr-nav-active-bg-color);
  --clr-nav-horizontal-gap-size: 1.2rem;
  --clr-nav-vertical-gap-size: 0;
  --clr-nav-link-dropdown-toggle-padding: 0 0.15rem;
  --clr-nav-horizontal-link-padding: 0 0.15rem;
  --clr-nav-vertical-link-padding: 0 0.6rem;
  --clr-nav-link-color: var(--clr-color-neutral-700);
  --clr-nav-link-active-color: var(--clr-color-neutral-1000);
  --clr-nav-link-font-weight: var(--clr-p1-font-weight);
  --clr-nav-link-font-size: 0.7rem;
  --clr-nav-link-line-height: 1.8rem;
  --clr-nav-link-active-font-weight: var(--clr-nav-link-font-weight);
  --clr-nav-item-margin-right: 1.2rem;
}

@media screen {
  section[aria-hidden=true] {
    display: none;
  }
}
[data-hidden=true] {
  display: none;
}

button.nav-link {
  border-radius: 0;
  text-transform: capitalize;
  min-width: 0;
}

.tabs-overflow {
  position: relative;
}

.tabs-overflow .nav-item {
  margin-right: 0;
}

.tab-content {
  display: inline;
}

_:-ms-fullscreen .tab-content,
:root .tab-content {
  display: inline-block;
  width: 100%;
}

.tabs-vertical {
  display: flex;
}

.tabs-vertical > .nav {
  height: auto;
  box-shadow: none;
  flex-direction: column;
  align-items: stretch;
  margin-right: 1.2rem;
  overflow: auto;
  flex-shrink: 0;
  padding: 0.2rem;
  width: 12rem;
  min-width: 2.4rem;
  /* clr-nav-vertical-gap-size */
  gap: 0;
  gap: var(--clr-nav-vertical-gap-size, 0);
}

.tabs-vertical > .nav .nav-item {
  /* clr-nav-item-margin-right */
  margin-right: 1.2rem;
  margin-right: var(--clr-nav-item-margin-right, 1.2rem);
}

.tabs-vertical > .nav .nav-link {
  text-align: left;
  /* clr-nav-vertical-link-padding */
  padding: 0 0.6rem;
  padding: var(--clr-nav-vertical-link-padding, 0 0.6rem);
  border: none;
  flex-shrink: 0;
  margin-top: 0;
  margin-left: 0;
  width: 100%;
}

.tabs-vertical > .nav .nav-link.btn {
  margin-bottom: 0.05rem;
}

.tabs-vertical > .nav .nav-link.active::before, .tabs-vertical > .nav .nav-link:hover::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  border: none;
  border-left-style: solid;
  /* clr-nav-active-border-color */
  border-left-color: hsl(198, 100%, 32%);
  border-left-color: var(--clr-nav-active-border-color, hsl(198, 100%, 32%));
  /* clr-nav-active-border-width */
  border-left-width: 0.15rem;
  border-left-width: var(--clr-nav-active-border-width, 0.15rem);
  transition: border-left 0.2s ease-in;
}

.tabs-vertical > .nav .nav-link:not(:active).active {
  /* clr-nav-selected-bg-color */
  background-color: hsl(201, 29%, 88%);
  background-color: var(--clr-nav-selected-bg-color, hsl(201, 29%, 88%));
}

.tabs-vertical > .nav .nav-link:not(.active):hover {
  /* clr-nav-hover-bg-color */
  background-color: hsl(198, 0%, 91%);
  background-color: var(--clr-nav-hover-bg-color, hsl(198, 0%, 91%));
}

/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
.nav {
  display: flex;
  height: 1.8rem;
  list-style-type: none;
  align-items: center;
  margin: 0;
  width: 100%;
  white-space: nowrap;
  box-shadow: 0 -0.05rem 0 hsl(198, 0%, 80%) inset;
  box-shadow: 0 -0.05rem 0 var(--clr-nav-box-shadow-color, hsl(198, 0%, 80%)) inset;
  /* clr-nav-horizontal-gap-size */
  gap: 1.2rem;
  gap: var(--clr-nav-horizontal-gap-size, 1.2rem);
}

.nav .nav-item {
  display: inline-block;
}

.nav .nav-item.active > .nav-link {
  /* clr-nav-link-active-color */
  color: hsl(198, 0%, 0%);
  color: var(--clr-nav-link-active-color, hsl(198, 0%, 0%));
  box-shadow: 0 -0.05rem 0 hsl(198, 0%, 80%) inset;
  box-shadow: 0 -0.05rem 0 var(--clr-nav-box-shadow-color, hsl(198, 0%, 80%)) inset;
}

.nav .nav-link {
  position: relative;
  /* clr-nav-link-color */
  color: hsl(198, 0%, 40%);
  color: var(--clr-nav-link-color, hsl(198, 0%, 40%));
  /* clr-nav-link-font-size */
  font-size: 0.7rem;
  font-size: var(--clr-nav-link-font-size, 0.7rem);
  /* clr-nav-link-font-weight */
  font-weight: 400;
  font-weight: var(--clr-nav-link-font-weight, 400);
  /* clr-nav-link-line-height */
  line-height: 1.8rem;
  line-height: var(--clr-nav-link-line-height, 1.8rem);
  letter-spacing: normal;
  /* clr-nav-horizontal-link-padding */
  padding: 0 0.15rem;
  padding: var(--clr-nav-horizontal-link-padding, 0 0.15rem);
  display: inline-block;
}

.nav .nav-link.btn {
  text-transform: none;
  margin: 0;
  margin-bottom: -0.05rem;
  border-radius: 0;
}

.nav .nav-link.dropdown-toggle {
  /* clr-nav-link-dropdown-toggle-padding */
  padding: 0 0.15rem;
  padding: var(--clr-nav-link-dropdown-toggle-padding, 0 0.15rem);
}

.nav .nav-link.dropdown-toggle cds-icon {
  /* clr-nav-link-color */
  color: hsl(198, 0%, 40%);
  color: var(--clr-nav-link-color, hsl(198, 0%, 40%));
}

.nav .nav-link:hover, .nav .nav-link:focus, .nav .nav-link:active {
  color: inherit;
}

.nav .nav-link:active {
  /* clr-nav-active-bg-color */
  background-color: transparent;
  background-color: var(--clr-nav-active-bg-color, transparent);
}

.nav .nav-link:hover::before, .nav .nav-link.active::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  border: none;
  border-bottom-style: solid;
  /* clr-nav-active-border-color */
  border-bottom-color: hsl(198, 100%, 32%);
  border-bottom-color: var(--clr-nav-active-border-color, hsl(198, 100%, 32%));
  /* clr-nav-active-border-width */
  border-bottom-width: 0.15rem;
  border-bottom-width: var(--clr-nav-active-border-width, 0.15rem);
  transition: border-bottom 0.2s ease-in;
}

.nav .nav-link:hover, .nav .nav-link:focus, .nav .nav-link:active, .nav .nav-link.active {
  text-decoration: none;
}

.nav .nav-link.active {
  /* clr-nav-link-active-color */
  color: hsl(198, 0%, 0%);
  color: var(--clr-nav-link-active-color, hsl(198, 0%, 0%));
  /* clr-nav-link-active-font-weight */
  font-weight: 400;
  font-weight: var(--clr-nav-link-active-font-weight, 400);
}

.nav .nav-link.active:hover {
  /* clr-nav-selected-hover-background-color */
  background-color: transparent;
  background-color: var(--clr-nav-selected-hover-background-color, transparent);
}

.nav .nav-link.nav-item {
  margin-right: 1.2rem;
}

/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/* stylelint-disable-next-line meowtec/no-px */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/* stylelint-disable */
/* stylelint-enable */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
:root {
  --clr-subnav-bg-color: var(--clr-color-neutral-0);
  --clr-nav-box-shadow-color: var(--clr-color-neutral-400);
}

/*TODO: deprecated. Remove when the clarity css naming convention is implemented.*/
.sub-nav,
.subnav {
  display: flex;
  box-shadow: 0 -0.05rem 0 hsl(198, 0%, 80%) inset;
  box-shadow: 0 -0.05rem 0 var(--clr-nav-box-shadow-color, hsl(198, 0%, 80%)) inset;
  justify-content: space-between;
  align-items: center;
  /* clr-subnav-bg-color */
  background-color: hsl(198, 0%, 100%);
  background-color: var(--clr-subnav-bg-color, hsl(198, 0%, 100%));
  height: 1.8rem;
}

.sub-nav .nav,
.subnav .nav {
  flex: 1 1 auto;
  padding-left: 1.2rem;
}

.sub-nav .nav-item,
.sub-nav .nav-item a,
.subnav .nav-item,
.subnav .nav-item a {
  text-decoration: none;
}

.sub-nav aside,
.subnav aside {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  height: 1.8rem;
  padding: 0 1.2rem;
}

.sub-nav aside > :last-child,
.subnav aside > :last-child {
  margin-right: 0;
  padding-right: 0;
}

/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/* stylelint-disable-next-line meowtec/no-px */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/* stylelint-disable */
/* stylelint-enable */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
:root {
  --clr-vertical-nav-divider-color: var(--clr-color-neutral-700);
  --clr-vertical-nav-icon-active-color: var(--clr-color-action-600);
  --clr-vertical-nav-item-color: var(--clr-color-neutral-700);
  --clr-vertical-nav-item-active-color: var(--clr-color-neutral-700);
  --clr-vertical-nav-bg-color: var(--clr-color-neutral-200);
  --clr-vertical-nav-active-bg-color: var(--clr-color-neutral-0);
  --clr-vertical-nav-hover-bg-color: var(--clr-color-neutral-400);
  --clr-vertical-nav-toggle-icon-color: var(--clr-color-neutral-1000);
  --clr-vertical-nav-trigger-divider-border-width: var(--clr-global-borderwidth);
  --clr-vertical-nav-trigger-divider-border-color: var(--clr-color-neutral-400);
  --clr-vertical-nav-header-font-weight: var(--clr-p4-font-weight);
}

.clr-vertical-nav {
  display: flex;
  flex-direction: column;
  padding-top: 0.9rem;
  width: 12rem;
  min-width: 2.4rem;
  /* clr-vertical-nav-bg-color */
  background-color: hsl(198, 0%, 91%);
  background-color: var(--clr-vertical-nav-bg-color, hsl(198, 0%, 91%));
  will-change: width;
  transition: width 0.2s ease-in-out;
}

.clr-vertical-nav .nav-divider {
  /* clr-vertical-nav-trigger-divider-border-color */
  border-color: hsl(198, 0%, 80%);
  border-color: var(--clr-vertical-nav-trigger-divider-border-color, hsl(198, 0%, 80%));
  border-style: solid;
  /* clr-vertical-nav-trigger-divider-border-width */
  border-width: 0.05rem;
  border-width: var(--clr-vertical-nav-trigger-divider-border-width, 0.05rem);
  margin: 0.6rem 0;
}

.clr-vertical-nav .nav-content {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  overflow-y: auto;
  overflow-x: hidden;
}

.clr-vertical-nav .nav-group {
  display: block;
  flex: 0 0 auto;
  height: auto;
  min-height: 1.8rem;
}

.clr-vertical-nav .nav-group-content {
  display: flex;
  /* clr-vertical-nav-item-color */
  color: hsl(198, 0%, 40%);
  color: var(--clr-vertical-nav-item-color, hsl(198, 0%, 40%));
}

.clr-vertical-nav .nav-group-content.active {
  /* clr-vertical-nav-item-active-color */
  color: hsl(198, 0%, 40%);
  color: var(--clr-vertical-nav-item-active-color, hsl(198, 0%, 40%));
  /* clr-vertical-nav-active-bg-color */
  background-color: hsl(198, 0%, 100%);
  background-color: var(--clr-vertical-nav-active-bg-color, hsl(198, 0%, 100%));
  position: relative;
}

.clr-vertical-nav .nav-group-content.active::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  border: none;
  border-left-style: solid;
  /* clr-nav-active-border-color */
  border-left-color: hsl(198, 100%, 32%);
  border-left-color: var(--clr-nav-active-border-color, hsl(198, 100%, 32%));
  /* clr-nav-active-border-width */
  border-left-width: 0.15rem;
  border-left-width: var(--clr-nav-active-border-width, 0.15rem);
  transition: border-left 0.2s ease-in;
}

.clr-vertical-nav .nav-group-content.active .nav-icon {
  /* clr-vertical-nav-icon-active-color */
  fill: hsl(198, 100%, 32%);
  fill: var(--clr-vertical-nav-icon-active-color, hsl(198, 100%, 32%));
}

.clr-vertical-nav .nav-group-content:hover {
  /* clr-vertical-nav-item-active-color */
  color: hsl(198, 0%, 40%);
  color: var(--clr-vertical-nav-item-active-color, hsl(198, 0%, 40%));
  /* clr-vertical-nav-hover-bg-color */
  background-color: hsl(198, 0%, 80%);
  background-color: var(--clr-vertical-nav-hover-bg-color, hsl(198, 0%, 80%));
  text-decoration: none;
}

.clr-vertical-nav .nav-group-content .nav-link {
  flex: 1 1 auto;
  padding-left: 0;
  min-width: 0;
}

.clr-vertical-nav .nav-group-content .nav-icon {
  margin-left: 1.2rem;
}

.clr-vertical-nav .nav-group-content .nav-text {
  padding-left: 1.2rem;
}

.clr-vertical-nav .nav-group-content .nav-icon + .nav-text {
  padding-left: 0;
}

.clr-vertical-nav .nav-group-content .nav-link + .nav-group-text {
  display: none;
}

.clr-vertical-nav .nav-group-children {
  overflow-y: hidden;
}

.clr-vertical-nav .nav-trigger,
.clr-vertical-nav .nav-group-trigger {
  flex: 0 0 1.8rem;
  border: none;
  height: 1.8rem;
  padding: 0;
  background-color: transparent;
  cursor: pointer;
  outline-offset: -0.25rem;
}

.clr-vertical-nav .nav-trigger cds-icon[shape=angle-double],
.clr-vertical-nav .nav-trigger clr-icon[shape=angle-double],
.clr-vertical-nav .nav-group-trigger cds-icon[shape=angle-double],
.clr-vertical-nav .nav-group-trigger clr-icon[shape=angle-double] {
  /* clr-vertical-nav-toggle-icon-color */
  color: hsl(198, 0%, 0%);
  color: var(--clr-vertical-nav-toggle-icon-color, hsl(198, 0%, 0%));
}

.clr-vertical-nav .nav-trigger {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 1.8rem;
  margin-top: -0.9rem;
}

.clr-vertical-nav .nav-group-trigger {
  display: flex;
  flex: 1 1 auto;
  color: inherit;
  overflow: hidden;
  text-align: left;
}

.clr-vertical-nav .nav-group-trigger .nav-group-trigger-icon {
  flex-shrink: 0;
  width: 0.8rem;
  align-self: center;
  margin-right: 0.5rem;
  transition: all 0.2s ease-in-out;
}

.clr-vertical-nav .nav-trigger-icon {
  margin-left: auto;
  margin-right: 0.5rem;
  transition: all 0.2s ease-in-out;
}

.clr-vertical-nav .nav-trigger + .nav-content {
  /* clr-vertical-nav-trigger-divider-border-color */
  border-top-color: hsl(198, 0%, 80%);
  border-top-color: var(--clr-vertical-nav-trigger-divider-border-color, hsl(198, 0%, 80%));
  border-top-style: solid;
  /* clr-vertical-nav-trigger-divider-border-width */
  border-top-width: 0.05rem;
  border-top-width: var(--clr-vertical-nav-trigger-divider-border-width, 0.05rem);
  padding-top: 0.6rem;
}

.clr-vertical-nav .nav-group-text,
.clr-vertical-nav .nav-link {
  height: 1.8rem;
  padding: 0 0.6rem 0 1.2rem;
  line-height: 1.8rem;
  outline-offset: -0.25rem;
}

.clr-vertical-nav .nav-group-text,
.clr-vertical-nav .nav-text {
  flex: 1 1 auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.clr-vertical-nav .nav-link {
  display: flex;
  text-decoration: none;
  /* clr-vertical-nav-item-color */
  color: hsl(198, 0%, 40%);
  color: var(--clr-vertical-nav-item-color, hsl(198, 0%, 40%));
}

.clr-vertical-nav .nav-link.active {
  /* clr-vertical-nav-item-active-color */
  color: hsl(198, 0%, 40%);
  color: var(--clr-vertical-nav-item-active-color, hsl(198, 0%, 40%));
  /* clr-vertical-nav-active-bg-color */
  background-color: hsl(198, 0%, 100%);
  background-color: var(--clr-vertical-nav-active-bg-color, hsl(198, 0%, 100%));
  position: relative;
}

.clr-vertical-nav .nav-link.active::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  border: none;
  border-left-style: solid;
  /* clr-nav-active-border-color */
  border-left-color: hsl(198, 100%, 32%);
  border-left-color: var(--clr-nav-active-border-color, hsl(198, 100%, 32%));
  /* clr-nav-active-border-width */
  border-left-width: 0.15rem;
  border-left-width: var(--clr-nav-active-border-width, 0.15rem);
  transition: border-left 0.2s ease-in;
}

.clr-vertical-nav .nav-link.active .nav-icon {
  /* clr-vertical-nav-icon-active-color */
  fill: hsl(198, 100%, 32%);
  fill: var(--clr-vertical-nav-icon-active-color, hsl(198, 100%, 32%));
}

.clr-vertical-nav .nav-link:hover {
  /* clr-vertical-nav-item-active-color */
  color: hsl(198, 0%, 40%);
  color: var(--clr-vertical-nav-item-active-color, hsl(198, 0%, 40%));
  /* clr-vertical-nav-hover-bg-color */
  background-color: hsl(198, 0%, 80%);
  background-color: var(--clr-vertical-nav-hover-bg-color, hsl(198, 0%, 80%));
  text-decoration: none;
}

.clr-vertical-nav .nav-header {
  padding: 0 0.6rem 0 1.2rem;
  font-size: 0.6rem;
  /* clr-vertical-nav-header-font-weight */
  font-weight: 600;
  font-weight: var(--clr-vertical-nav-header-font-weight, 600);
  letter-spacing: normal;
  line-height: 1.8rem;
}

.clr-vertical-nav .nav-icon {
  flex: 0 0 0.8rem;
  align-self: center;
  height: 0.8rem;
  width: 0.8rem;
  height: 0.8rem;
  width: 0.8rem;
  min-height: 0.8rem;
  min-width: 0.8rem;
  margin-right: 0.3rem;
  vertical-align: middle;
}

.clr-vertical-nav clr-vertical-nav-group-children {
  display: block;
}

.clr-vertical-nav .nav-btn {
  flex: 1 1 auto;
  padding: 0;
  margin: 0;
  background: transparent;
  border: none;
  cursor: pointer;
  outline-offset: -0.25rem;
}

.clr-vertical-nav > .nav-link,
.clr-vertical-nav .nav-content > .nav-link {
  flex: 0 0 1.8rem;
}

.clr-vertical-nav .nav-link + .nav-group-trigger {
  flex: 0 0 1.8rem;
}

.clr-vertical-nav .nav-link + .nav-group-trigger .nav-group-text {
  display: none;
}

.clr-vertical-nav .nav-icon + .nav-group-text {
  padding-left: 0;
}

.clr-vertical-nav.has-nav-groups .nav-link,
.clr-vertical-nav.has-nav-groups .nav-group .nav-group-text,
.clr-vertical-nav.has-nav-groups .nav-group .nav-group-trigger {
  font-weight: 600;
}

.clr-vertical-nav.has-nav-groups .nav-group-children .nav-link {
  font-weight: normal;
}

.clr-vertical-nav.has-icons .nav-group-children .nav-link {
  padding-left: 2.3rem;
}

.clr-vertical-nav .nav-group.active:not(.is-expanded) .nav-group-content {
  /* clr-vertical-nav-active-bg-color */
  background-color: hsl(198, 0%, 100%);
  background-color: var(--clr-vertical-nav-active-bg-color, hsl(198, 0%, 100%));
  border-left: 0.15rem solid var(--clr-nav-active-box-shadow-color);
}

.clr-vertical-nav .nav-group.active:not(.is-expanded) .nav-group-content .nav-icon {
  /* clr-vertical-nav-icon-active-color */
  fill: hsl(198, 100%, 32%);
  fill: var(--clr-vertical-nav-icon-active-color, hsl(198, 100%, 32%));
}

.clr-vertical-nav .nav-group-content .nav-link.active ~ .nav-group-trigger {
  /* clr-vertical-nav-active-bg-color */
  background-color: hsl(198, 0%, 100%);
  background-color: var(--clr-vertical-nav-active-bg-color, hsl(198, 0%, 100%));
}

.clr-vertical-nav .nav-group-content .nav-link:hover ~ .nav-group-trigger {
  /* clr-vertical-nav-hover-bg-color */
  background-color: hsl(198, 0%, 80%);
  background-color: var(--clr-vertical-nav-hover-bg-color, hsl(198, 0%, 80%));
}

.clr-vertical-nav:not(.is-collapsed) .nav-link + .nav-group-trigger {
  justify-content: center;
}

.main-container:not([class*=open-overflow-menu]):not([class*=open-hamburger-menu]) .clr-vertical-nav.is-collapsed {
  width: 2.4rem;
  min-width: 2.4rem;
  cursor: pointer;
}

.main-container:not([class*=open-overflow-menu]):not([class*=open-hamburger-menu]) .clr-vertical-nav.is-collapsed .nav-trigger {
  margin-right: 0.15rem;
}

.main-container:not([class*=open-overflow-menu]):not([class*=open-hamburger-menu]) .clr-vertical-nav.is-collapsed .nav-icon {
  margin: 0;
  margin-left: 0.8rem;
}

.main-container:not([class*=open-overflow-menu]):not([class*=open-hamburger-menu]) .clr-vertical-nav.is-collapsed .nav-group-content .nav-link {
  flex: 0 0 2.4rem;
}

.main-container:not([class*=open-overflow-menu]):not([class*=open-hamburger-menu]) .clr-vertical-nav.is-collapsed .nav-group-content .nav-link ~ .nav-group-trigger {
  flex: 0 0 0.8rem;
  transform: translateX(-0.8rem);
  pointer-events: none;
}

.main-container:not([class*=open-overflow-menu]):not([class*=open-hamburger-menu]) .clr-vertical-nav.is-collapsed .nav-link,
.main-container:not([class*=open-overflow-menu]):not([class*=open-hamburger-menu]) .clr-vertical-nav.is-collapsed .nav-group-trigger {
  padding: 0;
}

.main-container:not([class*=open-overflow-menu]):not([class*=open-hamburger-menu]) .clr-vertical-nav.is-collapsed .nav-group-trigger {
  padding-left: 0;
}

.main-container:not([class*=open-overflow-menu]):not([class*=open-hamburger-menu]) .clr-vertical-nav.is-collapsed .nav-group-trigger clr-icon.nav-group-trigger-icon {
  height: 1.8rem;
  width: 0.5rem;
  margin-left: 0.15rem;
  margin-right: 0;
}

.main-container:not([class*=open-overflow-menu]):not([class*=open-hamburger-menu]) .clr-vertical-nav.is-collapsed .nav-group-trigger cds-icon.nav-group-trigger-icon {
  width: 0.5rem;
}

.main-container:not([class*=open-overflow-menu]):not([class*=open-hamburger-menu]) .clr-vertical-nav.is-collapsed .nav-group,
.main-container:not([class*=open-overflow-menu]):not([class*=open-hamburger-menu]) .clr-vertical-nav.is-collapsed .nav-link {
  display: none;
}

.main-container:not([class*=open-overflow-menu]):not([class*=open-hamburger-menu]) .clr-vertical-nav.is-collapsed.has-icons .nav-group {
  display: block;
}

.main-container:not([class*=open-overflow-menu]):not([class*=open-hamburger-menu]) .clr-vertical-nav.is-collapsed.has-icons .nav-link {
  display: flex;
}

.main-container:not([class*=open-overflow-menu]):not([class*=open-hamburger-menu]) .clr-vertical-nav.is-collapsed.has-icons .nav-group-text,
.main-container:not([class*=open-overflow-menu]):not([class*=open-hamburger-menu]) .clr-vertical-nav.is-collapsed.has-icons .nav-text {
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
  white-space: nowrap;
  top: 0;
  left: 0;
}

.clr-vertical-nav.nav-trigger--bottom .nav-trigger {
  order: 2;
  margin-top: 0;
}

.clr-vertical-nav.nav-trigger--bottom .nav-trigger + .nav-content {
  /* clr-vertical-nav-trigger-divider-border-color */
  border-bottom-color: hsl(198, 0%, 80%);
  border-bottom-color: var(--clr-vertical-nav-trigger-divider-border-color, hsl(198, 0%, 80%));
  border-bottom-style: solid;
  /* clr-vertical-nav-trigger-divider-border-width */
  border-bottom-width: 0.05rem;
  border-bottom-width: var(--clr-vertical-nav-trigger-divider-border-width, 0.05rem);
  border-top: none;
  padding-top: 0;
}

/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/* stylelint-disable-next-line meowtec/no-px */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/* stylelint-disable */
/* stylelint-enable */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
:root {
  --clr-sliding-panel-text-color: var(--clr-color-neutral-700);
  --clr-nav-background-color: var(--clr-color-neutral-200);
  --clr-responsive-nav-hover-bg: var(--clr-color-neutral-0);
  --clr-responsive-nav-trigger-bg-color: var(--clr-color-neutral-0);
  --clr-responsive-nav-trigger-border-radius: var(--clr-global-borderradius);
  --clr-responsive-nav-hamburger-border-radius: var(--clr-responsive-nav-trigger-border-radius);
  --clr-responsive-nav-overflow-border-radius: 0.2rem;
  --clr-responsive-nav-header-backdrop-bg-color: var(--clr-color-neutral-1000);
  --clr-responsive-nav-header-backdrop-opacity: 0.85;
}

.clr-nav-close {
  margin: 0.75rem;
  --color: var(--clr-color-neutral-500);
}

.clr-nav-close:hover, .clr-nav-close:focus {
  --color: var(--clr-responsive-nav-trigger-bg-color);
}

.header-hamburger-trigger,
.header-overflow-trigger {
  display: none;
}

.header-hamburger-trigger > span, .header-hamburger-trigger > span::before, .header-hamburger-trigger > span::after,
.clr-nav-close > span,
.clr-nav-close > span::before,
.clr-nav-close > span::after {
  display: inline-block;
  height: 0.1rem;
  width: 1.2rem;
  /* clr-responsive-nav-trigger-bg-color */
  background: hsl(198, 0%, 100%);
  background: var(--clr-responsive-nav-trigger-bg-color, hsl(198, 0%, 100%));
  /* clr-responsive-nav-hamburger-border-radius */
  border-radius: 0.15rem;
  border-radius: var(--clr-responsive-nav-hamburger-border-radius, 0.15rem);
}

.header-hamburger-trigger > span,
.clr-nav-close > span {
  position: relative;
  vertical-align: middle;
}

.header-hamburger-trigger > span::before, .header-hamburger-trigger > span::after,
.clr-nav-close > span::before,
.clr-nav-close > span::after {
  content: "";
  position: absolute;
  left: 0;
}

.header-hamburger-trigger > span::before,
.clr-nav-close > span::before {
  top: -0.35rem;
}

.header-hamburger-trigger > span::after,
.clr-nav-close > span::after {
  bottom: -0.35rem;
}

.header-hamburger-trigger.active > span,
.clr-nav-close.active > span {
  background: transparent;
}

.header-hamburger-trigger.active > span::before, .header-hamburger-trigger.active > span::after,
.clr-nav-close.active > span::before,
.clr-nav-close.active > span::after {
  left: 0.15rem;
  transform-origin: 9%;
  transition: transform 0.6s ease;
}

.header-hamburger-trigger.active > span::before,
.clr-nav-close.active > span::before {
  transform: rotate(45deg);
}

.header-hamburger-trigger.active > span::after,
.clr-nav-close.active > span::after {
  transform: rotate(-45deg);
}

.header-overflow-trigger > span, .header-overflow-trigger > span::before, .header-overflow-trigger > span::after,
.clr-nav-close > span,
.clr-nav-close > span::before,
.clr-nav-close > span::after {
  display: inline-block;
  height: 0.2rem;
  width: 0.2rem;
  /* clr-responsive-nav-trigger-bg-color */
  background: hsl(198, 0%, 100%);
  background: var(--clr-responsive-nav-trigger-bg-color, hsl(198, 0%, 100%));
  /* clr-responsive-nav-overflow-border-radius */
  border-radius: 0.2rem;
  border-radius: var(--clr-responsive-nav-overflow-border-radius, 0.2rem);
}

.header-overflow-trigger > span,
.clr-nav-close > span {
  position: relative;
  vertical-align: middle;
}

.header-overflow-trigger > span::before, .header-overflow-trigger > span::after,
.clr-nav-close > span::before,
.clr-nav-close > span::after {
  content: "";
  position: absolute;
  left: 0;
}

.header-overflow-trigger > span::before,
.clr-nav-close > span::before {
  top: -0.4rem;
}

.header-overflow-trigger > span::after,
.clr-nav-close > span::after {
  bottom: -0.4rem;
}

.header-overflow-trigger.active > span,
.clr-nav-close.active > span {
  background: transparent;
}

.header-overflow-trigger.active > span::before, .header-overflow-trigger.active > span::after,
.clr-nav-close.active > span::before,
.clr-nav-close.active > span::after {
  height: 0.1rem;
  width: 1.2rem;
  left: -0.3rem;
  transform-origin: -3%;
  transition: transform 0.6s ease;
}

.header-overflow-trigger.active > span::before,
.clr-nav-close.active > span::before {
  transform: rotate(45deg);
}

.header-overflow-trigger.active > span::after,
.clr-nav-close.active > span::after {
  transform: rotate(-45deg);
}

@media screen and (max-width: 992px) {
  .main-container .header-hamburger-trigger,
  .main-container .header-overflow-trigger {
    display: inline-block;
    border: none;
    background: none;
    cursor: pointer;
    font-size: 1.2rem;
    height: 3rem;
    width: 3rem;
    padding: 0 0 0.2rem 0;
    text-align: center;
    white-space: nowrap;
    /* clr-header-font-color */
    color: hsl(198, 0%, 98%);
    color: var(--clr-header-font-color, hsl(198, 0%, 98%));
    /* clr-header-nav-opacity */
    opacity: 0.65;
    opacity: var(--clr-header-nav-opacity, 0.65);
  }
  .main-container .header-hamburger-trigger:focus,
  .main-container .header-overflow-trigger:focus {
    outline-offset: -0.25rem;
  }
  .main-container .header-hamburger-trigger:enabled:hover,
  .main-container .header-overflow-trigger:enabled:hover {
    /* clr-header-nav-hover-opacity */
    opacity: 1;
    opacity: var(--clr-header-nav-hover-opacity, 1);
  }
  .main-container .header-hamburger-trigger:disabled,
  .main-container .header-overflow-trigger:disabled {
    cursor: not-allowed;
  }
  .main-container .header-nav.clr-nav-level-1,
  .main-container .subnav.clr-nav-level-1,
  .main-container .sub-nav.clr-nav-level-1,
  .main-container .clr-vertical-nav.clr-nav-level-1 {
    display: flex;
    flex-direction: column;
    position: fixed;
    top: 0;
    right: auto;
    bottom: 0;
    left: 0;
    /* clr-nav-background-color */
    background: hsl(198, 0%, 91%);
    background: var(--clr-nav-background-color, hsl(198, 0%, 91%));
    z-index: 1039;
    height: 100vh;
    transform: translateX(-18rem);
    transition: transform 0.3s ease;
  }
  .main-container .header-nav.clr-nav-level-2,
  .main-container .subnav.clr-nav-level-2,
  .main-container .sub-nav.clr-nav-level-2,
  .main-container .clr-vertical-nav.clr-nav-level-2 {
    display: flex;
    flex-direction: column;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    /* clr-nav-background-color */
    background: hsl(198, 0%, 91%);
    background: var(--clr-nav-background-color, hsl(198, 0%, 91%));
    z-index: 1039;
    height: 100vh;
    transform: translateX(18rem);
    transition: transform 0.3s ease;
  }
  .main-container .subnav.clr-nav-level-1 .nav,
  .main-container .subnav.clr-nav-level-1 aside,
  .main-container .sub-nav.clr-nav-level-1 .nav,
  .main-container .sub-nav.clr-nav-level-1 aside,
  .main-container .subnav.clr-nav-level-2 .nav,
  .main-container .subnav.clr-nav-level-2 aside,
  .main-container .sub-nav.clr-nav-level-2 .nav,
  .main-container .sub-nav.clr-nav-level-2 aside {
    flex-direction: column;
    align-items: stretch;
  }
  .main-container .subnav.clr-nav-level-1 aside,
  .main-container .sub-nav.clr-nav-level-1 aside,
  .main-container .subnav.clr-nav-level-2 aside,
  .main-container .sub-nav.clr-nav-level-2 aside {
    justify-content: center;
    width: 100%;
  }
  .main-container .subnav.clr-nav-level-1 .nav,
  .main-container .sub-nav.clr-nav-level-1 .nav,
  .main-container .subnav.clr-nav-level-2 .nav,
  .main-container .sub-nav.clr-nav-level-2 .nav {
    padding-left: 0;
  }
  .main-container .subnav.clr-nav-level-1 .nav .nav-item,
  .main-container .sub-nav.clr-nav-level-1 .nav .nav-item,
  .main-container .subnav.clr-nav-level-2 .nav .nav-item,
  .main-container .sub-nav.clr-nav-level-2 .nav .nav-item {
    height: 1.8rem;
    margin-right: 0;
  }
  .main-container .subnav.clr-nav-level-1 .nav .nav-link,
  .main-container .sub-nav.clr-nav-level-1 .nav .nav-link,
  .main-container .subnav.clr-nav-level-2 .nav .nav-link,
  .main-container .sub-nav.clr-nav-level-2 .nav .nav-link {
    padding: 0 0.6rem 0 1.2rem;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    border-radius: 0;
    /* clr-global-borderradius */
    border-top-left-radius: 0.15rem;
    border-top-left-radius: var(--clr-global-borderradius, 0.15rem);
    /* clr-global-borderradius */
    border-bottom-left-radius: 0.15rem;
    border-bottom-left-radius: var(--clr-global-borderradius, 0.15rem);
    /* clr-vertical-nav-item-color */
    color: hsl(198, 0%, 40%);
    color: var(--clr-vertical-nav-item-color, hsl(198, 0%, 40%));
  }
  .main-container .subnav.clr-nav-level-1 .nav .nav-link.active,
  .main-container .sub-nav.clr-nav-level-1 .nav .nav-link.active,
  .main-container .subnav.clr-nav-level-2 .nav .nav-link.active,
  .main-container .sub-nav.clr-nav-level-2 .nav .nav-link.active {
    /* clr-vertical-nav-item-active-color */
    color: hsl(198, 0%, 40%);
    color: var(--clr-vertical-nav-item-active-color, hsl(198, 0%, 40%));
    /* clr-vertical-nav-active-bg-color */
    background-color: hsl(198, 0%, 100%);
    background-color: var(--clr-vertical-nav-active-bg-color, hsl(198, 0%, 100%));
    position: relative;
  }
  .main-container .subnav.clr-nav-level-1 .nav .nav-link.active::before,
  .main-container .sub-nav.clr-nav-level-1 .nav .nav-link.active::before,
  .main-container .subnav.clr-nav-level-2 .nav .nav-link.active::before,
  .main-container .sub-nav.clr-nav-level-2 .nav .nav-link.active::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    border: none;
    border-left-style: solid;
    /* clr-nav-active-border-color */
    border-left-color: hsl(198, 100%, 32%);
    border-left-color: var(--clr-nav-active-border-color, hsl(198, 100%, 32%));
    /* clr-nav-active-border-width */
    border-left-width: 0.15rem;
    border-left-width: var(--clr-nav-active-border-width, 0.15rem);
    transition: border-left 0.2s ease-in;
  }
  .main-container .subnav.clr-nav-level-1 .nav .nav-link.active .nav-icon,
  .main-container .sub-nav.clr-nav-level-1 .nav .nav-link.active .nav-icon,
  .main-container .subnav.clr-nav-level-2 .nav .nav-link.active .nav-icon,
  .main-container .sub-nav.clr-nav-level-2 .nav .nav-link.active .nav-icon {
    /* clr-vertical-nav-icon-active-color */
    fill: hsl(198, 100%, 32%);
    fill: var(--clr-vertical-nav-icon-active-color, hsl(198, 100%, 32%));
  }
  .main-container .subnav.clr-nav-level-1 .nav .nav-link:hover,
  .main-container .sub-nav.clr-nav-level-1 .nav .nav-link:hover,
  .main-container .subnav.clr-nav-level-2 .nav .nav-link:hover,
  .main-container .sub-nav.clr-nav-level-2 .nav .nav-link:hover {
    /* clr-vertical-nav-item-active-color */
    color: hsl(198, 0%, 40%);
    color: var(--clr-vertical-nav-item-active-color, hsl(198, 0%, 40%));
    /* clr-vertical-nav-hover-bg-color */
    background-color: hsl(198, 0%, 80%);
    background-color: var(--clr-vertical-nav-hover-bg-color, hsl(198, 0%, 80%));
    text-decoration: none;
  }
  .main-container .subnav.clr-nav-level-1 .nav .nav-link:hover, .main-container .subnav.clr-nav-level-1 .nav .nav-link.active,
  .main-container .sub-nav.clr-nav-level-1 .nav .nav-link:hover,
  .main-container .sub-nav.clr-nav-level-1 .nav .nav-link.active,
  .main-container .subnav.clr-nav-level-2 .nav .nav-link:hover,
  .main-container .subnav.clr-nav-level-2 .nav .nav-link.active,
  .main-container .sub-nav.clr-nav-level-2 .nav .nav-link:hover,
  .main-container .sub-nav.clr-nav-level-2 .nav .nav-link.active {
    box-shadow: none;
  }
  .main-container .clr-vertical-nav.clr-nav-level-1,
  .main-container .clr-vertical-nav.clr-nav-level-2 {
    border-right: none;
  }
  .main-container .header-overflow-trigger {
    position: relative;
  }
  .main-container .header-overflow-trigger::after {
    position: absolute;
    content: "";
    display: inline-block;
    position: absolute;
    content: "";
    /* clr-header-font-color */
    background: hsl(198, 0%, 98%);
    background: var(--clr-header-font-color, hsl(198, 0%, 98%));
    /* clr-header-divider-opacity */
    opacity: 0.15;
    opacity: var(--clr-header-divider-opacity, 0.15);
    opacity: 0.15;
    height: 2rem;
    /* clr-global-borderwidth */
    width: 0.05rem;
    width: var(--clr-global-borderwidth, 0.05rem);
    top: 0.5rem;
    left: 0;
    left: 0;
  }
  .main-container .header .branding {
    max-width: 12rem;
    min-width: 0;
    overflow: hidden;
  }
  .main-container .header .header-hamburger-trigger + .branding {
    padding-left: 0;
  }
  .main-container .header .header-hamburger-trigger + .branding .clr-icon,
  .main-container .header .header-hamburger-trigger + .branding .logo,
  .main-container .header .header-hamburger-trigger + .branding cds-icon,
  .main-container .header .header-hamburger-trigger + .branding clr-icon {
    display: none;
  }
  .main-container .header .branding + .header-overflow-trigger,
  .main-container .header .header-nav + .header-overflow-trigger,
  .main-container .header .header-nav + .cdk-visually-hidden + .header-overflow-trigger {
    margin-left: auto;
  }
  .main-container.open-hamburger-menu .header .header-backdrop, .main-container.open-overflow-menu .header .header-backdrop {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    /* clr-responsive-nav-header-backdrop-bg-color */
    background: hsl(198, 0%, 0%);
    background: var(--clr-responsive-nav-header-backdrop-bg-color, hsl(198, 0%, 0%));
    /* clr-responsive-nav-header-backdrop-opacity */
    opacity: 0.85;
    opacity: var(--clr-responsive-nav-header-backdrop-opacity, 0.85);
    cursor: pointer;
    z-index: 1038;
  }
  .main-container.open-hamburger-menu .header .header-nav.clr-nav-level-1 .nav-link,
  .main-container.open-hamburger-menu .header .header-nav.clr-nav-level-2 .nav-link, .main-container.open-overflow-menu .header .header-nav.clr-nav-level-1 .nav-link,
  .main-container.open-overflow-menu .header .header-nav.clr-nav-level-2 .nav-link {
    flex: 0 0 auto;
    opacity: 1;
    /* clr-vertical-nav-item-color */
    color: hsl(198, 0%, 40%);
    color: var(--clr-vertical-nav-item-color, hsl(198, 0%, 40%));
  }
  .main-container.open-hamburger-menu .header .header-nav.clr-nav-level-1 .nav-link .nav-icon,
  .main-container.open-hamburger-menu .header .header-nav.clr-nav-level-1 .nav-link .fa,
  .main-container.open-hamburger-menu .header .header-nav.clr-nav-level-2 .nav-link .nav-icon,
  .main-container.open-hamburger-menu .header .header-nav.clr-nav-level-2 .nav-link .fa, .main-container.open-overflow-menu .header .header-nav.clr-nav-level-1 .nav-link .nav-icon,
  .main-container.open-overflow-menu .header .header-nav.clr-nav-level-1 .nav-link .fa,
  .main-container.open-overflow-menu .header .header-nav.clr-nav-level-2 .nav-link .nav-icon,
  .main-container.open-overflow-menu .header .header-nav.clr-nav-level-2 .nav-link .fa {
    display: none;
  }
  .main-container.open-hamburger-menu .header .header-nav.clr-nav-level-1 .nav-link .nav-text,
  .main-container.open-hamburger-menu .header .header-nav.clr-nav-level-2 .nav-link .nav-text, .main-container.open-overflow-menu .header .header-nav.clr-nav-level-1 .nav-link .nav-text,
  .main-container.open-overflow-menu .header .header-nav.clr-nav-level-2 .nav-link .nav-text {
    display: inline-block;
    /* clr-sliding-panel-text-color */
    color: hsl(198, 0%, 40%);
    color: var(--clr-sliding-panel-text-color, hsl(198, 0%, 40%));
    line-height: 1.2rem;
    padding: 0.3rem 0 0.3rem 1.2rem;
    white-space: normal;
    font-weight: normal;
  }
  .main-container.open-hamburger-menu .header .header-nav.clr-nav-level-1 .nav-link .nav-icon + .nav-text,
  .main-container.open-hamburger-menu .header .header-nav.clr-nav-level-2 .nav-link .nav-icon + .nav-text, .main-container.open-overflow-menu .header .header-nav.clr-nav-level-1 .nav-link .nav-icon + .nav-text,
  .main-container.open-overflow-menu .header .header-nav.clr-nav-level-2 .nav-link .nav-icon + .nav-text {
    display: inline-block;
  }
  .main-container.open-hamburger-menu .header .header-nav.clr-nav-level-1 .nav-link.active,
  .main-container.open-hamburger-menu .header .header-nav.clr-nav-level-2 .nav-link.active, .main-container.open-overflow-menu .header .header-nav.clr-nav-level-1 .nav-link.active,
  .main-container.open-overflow-menu .header .header-nav.clr-nav-level-2 .nav-link.active {
    /* clr-vertical-nav-item-active-color */
    color: hsl(198, 0%, 40%);
    color: var(--clr-vertical-nav-item-active-color, hsl(198, 0%, 40%));
    /* clr-vertical-nav-active-bg-color */
    background-color: hsl(198, 0%, 100%);
    background-color: var(--clr-vertical-nav-active-bg-color, hsl(198, 0%, 100%));
    position: relative;
  }
  .main-container.open-hamburger-menu .header .header-nav.clr-nav-level-1 .nav-link.active::before,
  .main-container.open-hamburger-menu .header .header-nav.clr-nav-level-2 .nav-link.active::before, .main-container.open-overflow-menu .header .header-nav.clr-nav-level-1 .nav-link.active::before,
  .main-container.open-overflow-menu .header .header-nav.clr-nav-level-2 .nav-link.active::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    border: none;
    border-left-style: solid;
    /* clr-nav-active-border-color */
    border-left-color: hsl(198, 100%, 32%);
    border-left-color: var(--clr-nav-active-border-color, hsl(198, 100%, 32%));
    /* clr-nav-active-border-width */
    border-left-width: 0.15rem;
    border-left-width: var(--clr-nav-active-border-width, 0.15rem);
    transition: border-left 0.2s ease-in;
  }
  .main-container.open-hamburger-menu .header .header-nav.clr-nav-level-1 .nav-link.active .nav-icon,
  .main-container.open-hamburger-menu .header .header-nav.clr-nav-level-2 .nav-link.active .nav-icon, .main-container.open-overflow-menu .header .header-nav.clr-nav-level-1 .nav-link.active .nav-icon,
  .main-container.open-overflow-menu .header .header-nav.clr-nav-level-2 .nav-link.active .nav-icon {
    /* clr-vertical-nav-icon-active-color */
    fill: hsl(198, 100%, 32%);
    fill: var(--clr-vertical-nav-icon-active-color, hsl(198, 100%, 32%));
  }
  .main-container.open-hamburger-menu .header .header-nav.clr-nav-level-1 .nav-link:hover,
  .main-container.open-hamburger-menu .header .header-nav.clr-nav-level-2 .nav-link:hover, .main-container.open-overflow-menu .header .header-nav.clr-nav-level-1 .nav-link:hover,
  .main-container.open-overflow-menu .header .header-nav.clr-nav-level-2 .nav-link:hover {
    /* clr-vertical-nav-item-active-color */
    color: hsl(198, 0%, 40%);
    color: var(--clr-vertical-nav-item-active-color, hsl(198, 0%, 40%));
    /* clr-vertical-nav-hover-bg-color */
    background-color: hsl(198, 0%, 80%);
    background-color: var(--clr-vertical-nav-hover-bg-color, hsl(198, 0%, 80%));
    text-decoration: none;
  }
  .main-container.open-hamburger-menu .header .header-nav.clr-nav-level-1 .nav-link.active > .nav-text,
  .main-container.open-hamburger-menu .header .header-nav.clr-nav-level-2 .nav-link.active > .nav-text, .main-container.open-overflow-menu .header .header-nav.clr-nav-level-1 .nav-link.active > .nav-text,
  .main-container.open-overflow-menu .header .header-nav.clr-nav-level-2 .nav-link.active > .nav-text {
    color: inherit;
  }
  .main-container.open-hamburger-menu .clr-vertical-nav .nav-trigger, .main-container.open-overflow-menu .clr-vertical-nav .nav-trigger {
    display: none;
  }
  .main-container.open-hamburger-menu .header .branding {
    position: fixed;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 18rem;
    max-width: 18rem;
    z-index: 1040;
    padding-left: 1.2rem;
  }
  .main-container.open-hamburger-menu .header .branding > .nav-link {
    overflow: hidden;
  }
  .main-container.open-hamburger-menu .header .branding .clr-icon,
  .main-container.open-hamburger-menu .header .branding .logo,
  .main-container.open-hamburger-menu .header .branding cds-icon,
  .main-container.open-hamburger-menu .header .branding clr-icon {
    display: inline-block;
  }
  .main-container.open-hamburger-menu .header .branding cds-icon[shape=vm-bug],
  .main-container.open-hamburger-menu .header .branding clr-icon[shape=vm-bug],
  .main-container.open-hamburger-menu .header .branding .clr-vmw-logo {
    background-color: hsl(198, 0%, 55%);
    border-radius: 0.15rem;
  }
  .main-container.open-hamburger-menu .header .branding .title {
    /* clr-sliding-panel-text-color */
    color: hsl(198, 0%, 40%);
    color: var(--clr-sliding-panel-text-color, hsl(198, 0%, 40%));
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .main-container.open-hamburger-menu .clr-nav-close {
    position: fixed;
    top: 0;
    right: auto;
    left: 0;
    z-index: 1039;
    transform: translateX(18.6rem);
    transition: transform 0.6s ease;
  }
  .main-container.open-hamburger-menu .clr-nav-close::after {
    content: none;
  }
  .main-container.open-hamburger-menu .clr-nav-close > span {
    background: transparent;
  }
  .main-container.open-hamburger-menu .clr-nav-close > span::before, .main-container.open-hamburger-menu .clr-nav-close > span::after {
    left: 0.15rem;
    transform-origin: 9%;
    transition: transform 0.6s ease;
  }
  .main-container.open-hamburger-menu .clr-nav-close > span::before {
    transform: rotate(45deg);
  }
  .main-container.open-hamburger-menu .clr-nav-close > span::after {
    transform: rotate(-45deg);
  }
  .main-container.open-hamburger-menu .header-nav.clr-nav-level-1,
  .main-container.open-hamburger-menu .subnav.clr-nav-level-1,
  .main-container.open-hamburger-menu .sub-nav.clr-nav-level-1,
  .main-container.open-hamburger-menu .clr-vertical-nav.clr-nav-level-1 {
    padding-top: 4.2rem;
    transform: translateX(0);
    transition: transform 0.3s ease;
  }
  .main-container.open-overflow-menu .header-nav.clr-nav-level-2,
  .main-container.open-overflow-menu .subnav.clr-nav-level-2,
  .main-container.open-overflow-menu .sub-nav.clr-nav-level-2,
  .main-container.open-overflow-menu .clr-vertical-nav.clr-nav-level-2 {
    transform: translateX(0);
    transition: transform 0.3s ease;
  }
  .main-container.open-overflow-menu .header-nav.clr-nav-level-2,
  .main-container.open-overflow-menu .subnav.clr-nav-level-2,
  .main-container.open-overflow-menu .sub-nav.clr-nav-level-2 {
    padding-top: 1.2rem;
  }
  .main-container.open-overflow-menu .clr-nav-close {
    position: fixed;
    top: 0;
    right: 0;
    left: auto;
    z-index: 1039;
    transform: translateX(-18.6rem);
    transition: transform 0.6s ease;
  }
  .main-container.open-overflow-menu .clr-nav-close::after {
    content: none;
  }
  .main-container.open-overflow-menu .clr-nav-close > span {
    background: transparent;
  }
  .main-container.open-overflow-menu .clr-nav-close > span::before, .main-container.open-overflow-menu .clr-nav-close > span::after {
    height: 0.1rem;
    width: 1.2rem;
    left: -0.3rem;
    transform-origin: -3%;
    transition: transform 0.6s ease;
  }
  .main-container.open-overflow-menu .clr-nav-close > span::before {
    transform: rotate(45deg);
  }
  .main-container.open-overflow-menu .clr-nav-close > span::after {
    transform: rotate(-45deg);
  }
  .main-container.open-hamburger-menu .header-nav.clr-nav-level-1,
  .main-container.open-hamburger-menu .subnav.clr-nav-level-1,
  .main-container.open-hamburger-menu .sub-nav.clr-nav-level-1,
  .main-container.open-hamburger-menu .clr-vertical-nav.clr-nav-level-1 {
    overflow: inherit;
    width: 18rem;
    max-width: 18rem;
  }
  .main-container.open-overflow-menu .header-nav.clr-nav-level-2,
  .main-container.open-overflow-menu .subnav.clr-nav-level-2,
  .main-container.open-overflow-menu .sub-nav.clr-nav-level-2,
  .main-container.open-overflow-menu .clr-vertical-nav.clr-nav-level-2 {
    width: 18rem;
    max-width: 18rem;
  }
}
@media screen and (max-width: 576px) {
  .main-container .header .branding {
    max-width: 7.2rem;
    min-width: 0;
    overflow: hidden;
  }
  .main-container .header-nav.clr-nav-level-1,
  .main-container .subnav.clr-nav-level-1,
  .main-container .sub-nav.clr-nav-level-1,
  .main-container .clr-vertical-nav.clr-nav-level-1 {
    transform: translateX(-14.4rem);
  }
  .main-container .header-nav.clr-nav-level-2,
  .main-container .subnav.clr-nav-level-2,
  .main-container .sub-nav.clr-nav-level-2,
  .main-container .clr-vertical-nav.clr-nav-level-2 {
    transform: translateX(14.4rem);
  }
  .main-container.open-hamburger-menu .header .branding {
    width: 14.4rem;
    max-width: 14.4rem;
  }
  .main-container.open-hamburger-menu .header-nav.clr-nav-level-1,
  .main-container.open-hamburger-menu .subnav.clr-nav-level-1,
  .main-container.open-hamburger-menu .sub-nav.clr-nav-level-1,
  .main-container.open-hamburger-menu .clr-vertical-nav.clr-nav-level-1 {
    overflow: inherit;
    width: 14.4rem;
    max-width: 14.4rem;
  }
  .main-container.open-hamburger-menu .clr-nav-close {
    position: fixed;
    top: 0;
    right: auto;
    left: 0;
    z-index: 1039;
    transform: translateX(15rem);
    transition: transform 0.6s ease;
  }
  .main-container.open-hamburger-menu .clr-nav-close::after {
    content: none;
  }
  .main-container.open-overflow-menu .header-nav.clr-nav-level-2,
  .main-container.open-overflow-menu .subnav.clr-nav-level-2,
  .main-container.open-overflow-menu .sub-nav.clr-nav-level-2,
  .main-container.open-overflow-menu .clr-vertical-nav.clr-nav-level-2 {
    width: 14.4rem;
    max-width: 14.4rem;
  }
  .main-container.open-overflow-menu .clr-nav-close {
    position: fixed;
    top: 0;
    right: 0;
    left: auto;
    z-index: 1039;
    transform: translateX(-15rem);
    transition: transform 0.6s ease;
  }
  .main-container.open-overflow-menu .clr-nav-close::after {
    content: none;
  }
}
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/* stylelint-disable-next-line meowtec/no-px */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/* stylelint-disable */
/* stylelint-enable */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
:root {
  --clr-progress-default-color: var(--clr-color-action-600);
  --clr-progress-alt-color-1: var(--clr-color-success-400);
  --clr-progress-alt-color-2: var(--clr-color-danger-800);
  --clr-progress-alt-color-3: var(--clr-progress-alt-color-2);
  --clr-progress-bg-color: var(--clr-color-neutral-200);
  --clr-progress-max-height: 0.7rem;
  --clr-progress-min-height: 0.2rem;
  --clr-progress-loop-width: 75%;
  --clr-progress-percantage-label-padding: 3em;
  --clr-progress-card-margin-bottom: 0.6rem;
  --clr-progress-block-items-padding-right: 0.6rem;
  --clr-progress-block-first-item-padding-right: 0.9rem;
  --clr-progress-clr-row-color: inherit;
  --clr-progress-clr-row-font-weight: inherit;
  --clr-progress-clr-row-font-size: inherit;
  --clr-progress-clr-row-line-height: inherit;
  --clr-progress-clr-row-letter-spacing: inherit;
  --clr-progress-label-color: inherit;
  --clr-progress-standart-font-weight: inherit;
  --clr-progress-label-font-weight: 600;
  --clr-progress-label-font-size: inherit;
  --clr-progress-label-line-height: inherit;
  --clr-progress-label-letter-spacing: inherit;
  --clr-progress-label-max-width: inherit;
}

.progress,
.progress-static {
  background-color: transparent;
  border-radius: 0;
  font-size: inherit;
  height: 2em;
  margin: 0;
  overflow: hidden;
  /* clr-progress-max-height */
  max-height: 0.7rem;
  max-height: var(--clr-progress-max-height, 0.7rem);
  /* clr-progress-min-height */
  min-height: 0.2rem;
  min-height: var(--clr-progress-min-height, 0.2rem);
  display: block;
  width: 100%;
}

.progress > progress {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  /* clr-progress-default-color */
  color: hsl(198, 100%, 32%);
  color: var(--clr-progress-default-color, hsl(198, 100%, 32%));
  display: block;
  /* clr-progress-bg-color */
  background-color: hsl(198, 0%, 91%);
  background-color: var(--clr-progress-bg-color, hsl(198, 0%, 91%));
  border: none;
  height: 100%;
  width: 100%;
}

.progress > progress::-webkit-progress-value {
  /* clr-progress-default-color */
  background-color: hsl(198, 100%, 32%);
  background-color: var(--clr-progress-default-color, hsl(198, 100%, 32%));
}

.progress > progress::-moz-progress-bar {
  /* clr-progress-default-color */
  background-color: hsl(198, 100%, 32%);
  background-color: var(--clr-progress-default-color, hsl(198, 100%, 32%));
}

.progress > progress[value="0"]::-moz-progress-bar {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  /* clr-progress-bg-color */
  color: hsl(198, 0%, 91%);
  color: var(--clr-progress-bg-color, hsl(198, 0%, 91%));
  min-width: 2.4rem;
  background-color: transparent;
  background-image: none;
}

.progress > progress[value="0"]::-webkit-progress-value {
  -webkit-transition: none;
  transition: none;
}

.progress > progress::-webkit-progress-bar {
  border-radius: 0;
  /* clr-progress-bg-color */
  background-color: hsl(198, 0%, 91%);
  background-color: var(--clr-progress-bg-color, hsl(198, 0%, 91%));
}

.progress > progress::-webkit-progress-inner-element {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
}

.progress > progress::-webkit-progress-value {
  -webkit-transition: width 0.23s ease-in;
  transition: width 0.23s ease-in;
  border-radius: 0;
}

.progress {
  /* warning, success, and danger distinctions for progress bars are deprecated in 3.0 */
}

.progress.success > progress {
  /* clr-progress-alt-color-1 */
  color: hsl(93, 79%, 40%);
  color: var(--clr-progress-alt-color-1, hsl(93, 79%, 40%));
}

.progress.success > progress::-webkit-progress-value {
  /* clr-progress-alt-color-1 */
  background-color: hsl(93, 79%, 40%);
  background-color: var(--clr-progress-alt-color-1, hsl(93, 79%, 40%));
}

.progress.success > progress::-moz-progress-bar {
  /* clr-progress-alt-color-1 */
  background-color: hsl(93, 79%, 40%);
  background-color: var(--clr-progress-alt-color-1, hsl(93, 79%, 40%));
}

.progress.warning > progress {
  /* clr-progress-alt-color-3 */
  color: hsl(9, 100%, 38%);
  color: var(--clr-progress-alt-color-3, hsl(9, 100%, 38%));
}

.progress.warning > progress::-webkit-progress-value {
  /* clr-progress-alt-color-3 */
  background-color: hsl(9, 100%, 38%);
  background-color: var(--clr-progress-alt-color-3, hsl(9, 100%, 38%));
}

.progress.warning > progress::-moz-progress-bar {
  /* clr-progress-alt-color-3 */
  background-color: hsl(9, 100%, 38%);
  background-color: var(--clr-progress-alt-color-3, hsl(9, 100%, 38%));
}

.progress.danger > progress {
  /* clr-progress-alt-color-2 */
  color: hsl(9, 100%, 38%);
  color: var(--clr-progress-alt-color-2, hsl(9, 100%, 38%));
}

.progress.danger > progress::-webkit-progress-value {
  /* clr-progress-alt-color-2 */
  background-color: hsl(9, 100%, 38%);
  background-color: var(--clr-progress-alt-color-2, hsl(9, 100%, 38%));
}

.progress.danger > progress::-moz-progress-bar {
  /* clr-progress-alt-color-2 */
  background-color: hsl(9, 100%, 38%);
  background-color: var(--clr-progress-alt-color-2, hsl(9, 100%, 38%));
}

.progress.labeled,
.progress-static.labeled {
  position: relative;
  /* clr-progress-percantage-label-padding */
  padding-right: 3em;
  padding-right: var(--clr-progress-percantage-label-padding, 3em);
  /* clr-progress-label-color */
  color: inherit;
  color: var(--clr-progress-label-color, inherit);
  /* clr-progress-standart-font-weight */
  font-weight: inherit;
  font-weight: var(--clr-progress-standart-font-weight, inherit);
  /* clr-progress-label-font-size */
  font-size: inherit;
  font-size: var(--clr-progress-label-font-size, inherit);
  /* clr-progress-label-line-height */
  line-height: inherit;
  line-height: var(--clr-progress-label-line-height, inherit);
  /* clr-progress-label-letter-spacing */
  letter-spacing: inherit;
  letter-spacing: var(--clr-progress-label-letter-spacing, inherit);
}

.progress.labeled > span,
.progress-static.labeled > span {
  display: block;
  font-size: 1em;
  position: absolute;
  top: 50%;
  right: 0;
  line-height: 1em;
  margin-top: -0.375em;
}

@keyframes clr-progress-fade {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.progress.progress-fade > progress[value="100"], .progress.progress-fade > progress[value="100"] + span {
  animation: clr-progress-fade 0.3s linear 0.5s forwards;
}

.progress.flash-danger > progress, .progress.flash > progress {
  transition: color 0.1s ease-out 1s;
}

.progress.flash-danger > progress::-webkit-progress-value, .progress.flash > progress::-webkit-progress-value {
  -webkit-transition: width 0.23s ease-in, background-color 0.1s ease-out 0.3s;
  transition: width 0.23s ease-in, background-color 0.1s ease-out 0.3s;
}

.progress.flash-danger > progress[value="0"]::-webkit-progress-value, .progress.flash > progress[value="0"]::-webkit-progress-value {
  -webkit-transition: none;
  transition: none;
}

.progress.flash-danger > progress::-moz-progress-bar, .progress.flash > progress::-moz-progress-bar {
  -moz-transition: width 0.23s ease-in, background-color 0.1s ease-out 0.3s;
  transition: width 0.23s ease-in, background-color 0.1s ease-out 0.3s;
}

/* flash progress bars are deprecated in 3.0 */
.progress.flash > progress[value="100"] {
  /* clr-progress-alt-color-1 */
  color: hsl(93, 79%, 40%);
  color: var(--clr-progress-alt-color-1, hsl(93, 79%, 40%));
}

.progress.flash > progress[value="100"]::-webkit-progress-value {
  /* clr-progress-alt-color-1 */
  background-color: hsl(93, 79%, 40%);
  background-color: var(--clr-progress-alt-color-1, hsl(93, 79%, 40%));
}

.progress.flash > progress[value="100"]::-moz-progress-bar {
  /* clr-progress-alt-color-1 */
  background-color: hsl(93, 79%, 40%);
  background-color: var(--clr-progress-alt-color-1, hsl(93, 79%, 40%));
}

/* flash progress bars are deprecated in 3.0 */
.progress.progress-fade.flash > progress[value="100"], .progress.progress-fade.flash > progress[value="100"] + span {
  animation: clr-progress-fade 0.6s linear 1s forwards;
}

/* flash-danger progress bars are deprecated in 3.0 */
.progress.flash-danger > progress[value="100"] {
  /* clr-progress-alt-color-2 */
  color: hsl(9, 100%, 38%);
  color: var(--clr-progress-alt-color-2, hsl(9, 100%, 38%));
}

.progress.flash-danger > progress[value="100"]::-webkit-progress-value {
  /* clr-progress-alt-color-2 */
  background-color: hsl(9, 100%, 38%);
  background-color: var(--clr-progress-alt-color-2, hsl(9, 100%, 38%));
}

.progress.flash-danger > progress[value="100"]::-moz-progress-bar {
  /* clr-progress-alt-color-2 */
  background-color: hsl(9, 100%, 38%);
  background-color: var(--clr-progress-alt-color-2, hsl(9, 100%, 38%));
}

@keyframes clr-progress-looper {
  from {
    left: -100%;
  }
  to {
    left: 100%;
  }
}
.progress.loop {
  position: relative;
}

.progress.loop > progress {
  overflow: hidden;
  /* clr-color-action-600 */
  color: transparent;
  color: var(--clr-color-action-600, transparent);
}

.progress.loop > progress::-webkit-progress-value {
  /* clr-color-action-600 */
  background-color: transparent;
  background-color: var(--clr-color-action-600, transparent);
}

.progress.loop > progress::-moz-progress-bar {
  /* clr-color-action-600 */
  background-color: transparent;
  background-color: var(--clr-color-action-600, transparent);
}

.progress.loop > progress::-moz-progress-bar {
  background-color: transparent;
}

.progress.loop::after {
  animation: clr-progress-looper 2s ease-in-out infinite;
  content: " ";
  top: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  display: block;
  /* clr-progress-default-color */
  background-color: hsl(198, 100%, 32%);
  background-color: var(--clr-progress-default-color, hsl(198, 100%, 32%));
  /* clr-progress-loop-width */
  width: 75%;
  width: var(--clr-progress-loop-width, 75%);
}

.progress.loop.danger::after {
  /* clr-progress-alt-color-2 */
  background-color: hsl(9, 100%, 38%);
  background-color: var(--clr-progress-alt-color-2, hsl(9, 100%, 38%));
}

.progress.loop.warning::after {
  /* clr-progress-alt-color-3 */
  background-color: hsl(9, 100%, 38%);
  background-color: var(--clr-progress-alt-color-3, hsl(9, 100%, 38%));
}

.progress.loop.success::after {
  /* clr-progress-alt-color-1 */
  background-color: hsl(93, 79%, 40%);
  background-color: var(--clr-progress-alt-color-1, hsl(93, 79%, 40%));
}

.nav-item .progress::after {
  top: 0;
}

.progress-static {
  position: relative;
  border: none;
  width: 100%;
  /* warning, success, and danger distinctions for progress bars are deprecated in 3.0 */
}

.progress-static > .progress-meter {
  /* clr-progress-bg-color */
  background-color: hsl(198, 0%, 91%);
  background-color: var(--clr-progress-bg-color, hsl(198, 0%, 91%));
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.progress-static > .progress-meter::before {
  /* clr-progress-default-color */
  background-color: hsl(198, 100%, 32%);
  background-color: var(--clr-progress-default-color, hsl(198, 100%, 32%));
  top: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  display: block;
  width: 0;
  content: " ";
}

.progress-static > .progress-meter[data-value="1"]::before, .progress-static > .progress-meter[data-value="2"]::before, .progress-static > .progress-meter[data-value="3"]::before {
  width: 2%;
}

.progress-static > .progress-meter[data-value="4"]::before, .progress-static > .progress-meter[data-value="5"]::before, .progress-static > .progress-meter[data-value="6"]::before, .progress-static > .progress-meter[data-value="7"]::before {
  width: 5%;
}

.progress-static > .progress-meter[data-value="8"]::before, .progress-static > .progress-meter[data-value="9"]::before, .progress-static > .progress-meter[data-value="10"]::before, .progress-static > .progress-meter[data-value="11"]::before, .progress-static > .progress-meter[data-value="12"]::before {
  width: 10%;
}

.progress-static > .progress-meter[data-value="13"]::before, .progress-static > .progress-meter[data-value="14"]::before, .progress-static > .progress-meter[data-value="15"]::before, .progress-static > .progress-meter[data-value="16"]::before, .progress-static > .progress-meter[data-value="17"]::before {
  width: 15%;
}

.progress-static > .progress-meter[data-value="18"]::before, .progress-static > .progress-meter[data-value="19"]::before, .progress-static > .progress-meter[data-value="20"]::before, .progress-static > .progress-meter[data-value="21"]::before, .progress-static > .progress-meter[data-value="22"]::before {
  width: 20%;
}

.progress-static > .progress-meter[data-value="23"]::before, .progress-static > .progress-meter[data-value="24"]::before, .progress-static > .progress-meter[data-value="25"]::before, .progress-static > .progress-meter[data-value="26"]::before, .progress-static > .progress-meter[data-value="27"]::before {
  width: 25%;
}

.progress-static > .progress-meter[data-value="28"]::before, .progress-static > .progress-meter[data-value="29"]::before, .progress-static > .progress-meter[data-value="30"]::before, .progress-static > .progress-meter[data-value="31"]::before, .progress-static > .progress-meter[data-value="32"]::before {
  width: 30%;
}

.progress-static > .progress-meter[data-value="33"]::before, .progress-static > .progress-meter[data-value="34"]::before, .progress-static > .progress-meter[data-value="35"]::before, .progress-static > .progress-meter[data-value="36"]::before, .progress-static > .progress-meter[data-value="37"]::before {
  width: 35%;
}

.progress-static > .progress-meter[data-value="38"]::before, .progress-static > .progress-meter[data-value="39"]::before, .progress-static > .progress-meter[data-value="40"]::before, .progress-static > .progress-meter[data-value="41"]::before, .progress-static > .progress-meter[data-value="42"]::before {
  width: 40%;
}

.progress-static > .progress-meter[data-value="43"]::before, .progress-static > .progress-meter[data-value="44"]::before, .progress-static > .progress-meter[data-value="45"]::before, .progress-static > .progress-meter[data-value="46"]::before, .progress-static > .progress-meter[data-value="47"]::before {
  width: 45%;
}

.progress-static > .progress-meter[data-value="48"]::before, .progress-static > .progress-meter[data-value="49"]::before, .progress-static > .progress-meter[data-value="50"]::before, .progress-static > .progress-meter[data-value="51"]::before, .progress-static > .progress-meter[data-value="52"]::before {
  width: 50%;
}

.progress-static > .progress-meter[data-value="53"]::before, .progress-static > .progress-meter[data-value="54"]::before, .progress-static > .progress-meter[data-value="55"]::before, .progress-static > .progress-meter[data-value="56"]::before, .progress-static > .progress-meter[data-value="57"]::before {
  width: 55%;
}

.progress-static > .progress-meter[data-value="58"]::before, .progress-static > .progress-meter[data-value="59"]::before, .progress-static > .progress-meter[data-value="60"]::before, .progress-static > .progress-meter[data-value="61"]::before, .progress-static > .progress-meter[data-value="62"]::before {
  width: 60%;
}

.progress-static > .progress-meter[data-value="63"]::before, .progress-static > .progress-meter[data-value="64"]::before, .progress-static > .progress-meter[data-value="65"]::before, .progress-static > .progress-meter[data-value="66"]::before, .progress-static > .progress-meter[data-value="67"]::before {
  width: 65%;
}

.progress-static > .progress-meter[data-value="68"]::before, .progress-static > .progress-meter[data-value="69"]::before, .progress-static > .progress-meter[data-value="70"]::before, .progress-static > .progress-meter[data-value="71"]::before, .progress-static > .progress-meter[data-value="72"]::before {
  width: 70%;
}

.progress-static > .progress-meter[data-value="73"]::before, .progress-static > .progress-meter[data-value="74"]::before, .progress-static > .progress-meter[data-value="75"]::before, .progress-static > .progress-meter[data-value="76"]::before, .progress-static > .progress-meter[data-value="77"]::before {
  width: 75%;
}

.progress-static > .progress-meter[data-value="78"]::before, .progress-static > .progress-meter[data-value="79"]::before, .progress-static > .progress-meter[data-value="80"]::before, .progress-static > .progress-meter[data-value="81"]::before, .progress-static > .progress-meter[data-value="82"]::before {
  width: 80%;
}

.progress-static > .progress-meter[data-value="83"]::before, .progress-static > .progress-meter[data-value="84"]::before, .progress-static > .progress-meter[data-value="85"]::before, .progress-static > .progress-meter[data-value="86"]::before, .progress-static > .progress-meter[data-value="87"]::before {
  width: 85%;
}

.progress-static > .progress-meter[data-value="88"]::before, .progress-static > .progress-meter[data-value="89"]::before, .progress-static > .progress-meter[data-value="90"]::before, .progress-static > .progress-meter[data-value="91"]::before, .progress-static > .progress-meter[data-value="92"]::before {
  width: 90%;
}

.progress-static > .progress-meter[data-value="93"]::before, .progress-static > .progress-meter[data-value="94"]::before, .progress-static > .progress-meter[data-value="95"]::before, .progress-static > .progress-meter[data-value="96"]::before {
  width: 95%;
}

.progress-static > .progress-meter[data-value="97"]::before, .progress-static > .progress-meter[data-value="98"]::before, .progress-static > .progress-meter[data-value="99"]::before {
  width: 98%;
}

.progress-static > .progress-meter[data-value="100"]::before {
  width: 100%;
}

.progress-static.labeled > .progress-meter {
  right: 3em;
}

.progress-static.success > .progress-meter::before {
  /* clr-progress-alt-color-1 */
  background-color: hsl(93, 79%, 40%);
  background-color: var(--clr-progress-alt-color-1, hsl(93, 79%, 40%));
}

.progress-static.warning > .progress-meter::before {
  /* clr-progress-alt-color-3 */
  background-color: hsl(9, 100%, 38%);
  background-color: var(--clr-progress-alt-color-3, hsl(9, 100%, 38%));
}

.progress-static.danger > .progress-meter::before {
  /* clr-progress-alt-color-2 */
  background-color: hsl(9, 100%, 38%);
  background-color: var(--clr-progress-alt-color-2, hsl(9, 100%, 38%));
}

.card-block .progress,
.card-block .progress-static,
.card-footer .progress,
.card-footer .progress-static {
  margin: 0;
  margin-top: -0.6rem;
  margin-top: calc(-1 * (var(--clr-card-footer-padding, 0.6rem)));
  height: 0.1875rem;
  position: absolute;
  left: 0;
}

.card-block .progress > progress,
.card-block .progress-static > .progress-meter,
.card-footer .progress > progress,
.card-footer .progress-static > .progress-meter {
  height: 0.1875rem;
  position: absolute;
}

.card-block .progress.top,
.card-block .progress-static.top,
.card-footer .progress.top,
.card-footer .progress-static.top {
  margin-top: 0;
  top: 0;
}

.nav-item .progress,
.nav-item .progress-static {
  margin: 0;
  height: 0.24rem;
  min-height: 0.24rem;
  max-height: 0.24rem;
  left: 0;
}

.nav-item .progress > progress,
.nav-item .progress-static > .progress-meter {
  height: 0.24rem;
  min-height: 0.24rem;
  max-height: 0.24rem;
  position: absolute;
}

.progress-block {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  /* clr-progress-label-color */
  color: inherit;
  color: var(--clr-progress-label-color, inherit);
  /* clr-progress-standart-font-weight */
  font-weight: inherit;
  font-weight: var(--clr-progress-standart-font-weight, inherit);
  /* clr-progress-label-font-size */
  font-size: inherit;
  font-size: var(--clr-progress-label-font-size, inherit);
  /* clr-progress-label-line-height */
  line-height: inherit;
  line-height: var(--clr-progress-label-line-height, inherit);
  /* clr-progress-label-letter-spacing */
  letter-spacing: inherit;
  letter-spacing: var(--clr-progress-label-letter-spacing, inherit);
}

.progress-block > * {
  flex: 0 0 auto;
  /* clr-progress-block-items-padding-right */
  padding-right: 0.6rem;
  padding-right: var(--clr-progress-block-items-padding-right, 0.6rem);
}

.progress-block > *:first-child {
  /* clr-progress-block-first-item-padding-right */
  padding-right: 0.9rem;
  padding-right: var(--clr-progress-block-first-item-padding-right, 0.9rem);
}

.progress-block > *:last-child {
  padding-right: 0;
}

.progress-block > label {
  /* clr-progress-label-max-width */
  max-width: inherit;
  max-width: var(--clr-progress-label-max-width, inherit);
  /* clr-progress-label-font-weight */
  font-weight: 600;
  font-weight: var(--clr-progress-label-font-weight, 600);
}

.progress-block > .progress, .progress-block > .progress-static {
  flex: 0 1 auto;
}

.progress-block > .progress-group {
  flex-direction: column;
  height: auto;
  flex: 0 1 auto;
  display: flex;
  width: 100%;
}

.progress-block > .progress-group .clr-row {
  margin-left: 0;
  margin-right: 0;
  /* clr-progress-clr-row-color */
  color: inherit;
  color: var(--clr-progress-clr-row-color, inherit);
  /* clr-progress-clr-row-font-weight */
  font-weight: inherit;
  font-weight: var(--clr-progress-clr-row-font-weight, inherit);
  /* clr-progress-clr-row-font-size */
  font-size: inherit;
  font-size: var(--clr-progress-clr-row-font-size, inherit);
  /* clr-progress-clr-row-line-height */
  line-height: inherit;
  line-height: var(--clr-progress-clr-row-line-height, inherit);
  /* clr-progress-clr-row-letter-spacing */
  letter-spacing: inherit;
  letter-spacing: var(--clr-progress-clr-row-letter-spacing, inherit);
}

.progress-block > .progress-group .clr-row > [class*=clr-col-] {
  padding-left: 0;
  padding-right: 0;
}

.card-block .progress-block {
  /* clr-progress-card-margin-bottom */
  margin-bottom: 0.6rem;
  margin-bottom: var(--clr-progress-card-margin-bottom, 0.6rem);
  padding: 0;
}

.card-block .progress-block:last-child {
  margin-bottom: 0;
}

.card-block .progress-block > label {
  max-width: 33%;
  line-height: 0.9rem;
}

.card-block .progress-block .progress,
.card-block .progress-block .progress-static {
  position: relative;
  height: 0.6395rem;
  margin-top: 0;
}

.card-block .progress-block .progress > progress, .card-block .progress-block .progress > .progress-meter,
.card-block .progress-block .progress-static > progress,
.card-block .progress-block .progress-static > .progress-meter {
  height: 0.6395rem;
}

_:-ms-input-placeholder .progress-block > label,
:root .progress-block > label {
  display: inline-block;
}

/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
.spinner {
  position: relative;
  display: inline-block;
  /* clr-spinner-default-size */
  height: 3.6rem;
  height: var(--clr-spinner-default-size, 3.6rem);
  /* clr-spinner-default-size */
  width: 3.6rem;
  width: var(--clr-spinner-default-size, 3.6rem);
  /* clr-spinner-default-size */
  min-height: 3.6rem;
  min-height: var(--clr-spinner-default-size, 3.6rem);
  /* clr-spinner-default-size */
  min-width: 3.6rem;
  min-width: var(--clr-spinner-default-size, 3.6rem);
  animation: spin 1s linear infinite;
  margin-right: 0;
  padding: 0;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
}

.spinner::after {
  content: "";
  /* clr-spinner-default-size */
  height: 3.6rem;
  height: var(--clr-spinner-default-size, 3.6rem);
  /* clr-spinner-default-size */
  width: 3.6rem;
  width: var(--clr-spinner-default-size, 3.6rem);
  /* clr-spinner-default-size */
  min-height: 3.6rem;
  min-height: var(--clr-spinner-default-size, 3.6rem);
  /* clr-spinner-default-size */
  min-width: 3.6rem;
  min-width: var(--clr-spinner-default-size, 3.6rem);
  position: absolute;
  top: 0;
  left: 0;
  clip-path: ellipse(100% 53.5% at 0 0);
  /* clr-spinner-default-stroke-width */
  border-width: 0.3rem;
  border-width: var(--clr-spinner-default-stroke-width, 0.3rem);
  border-style: solid;
  /* clr-spinner-fill-color */
  border-color: hsl(198, 100%, 32%);
  border-color: var(--clr-spinner-fill-color, hsl(198, 100%, 32%));
  border-right-color: transparent !important;
  border-bottom-color: transparent !important;
  /* clr-spinner-border-radius */
  border-radius: 50%;
  border-radius: var(--clr-spinner-border-radius, 50%);
}

.spinner::before {
  content: "";
  /* clr-spinner-default-size */
  height: 3.6rem;
  height: var(--clr-spinner-default-size, 3.6rem);
  /* clr-spinner-default-size */
  width: 3.6rem;
  width: var(--clr-spinner-default-size, 3.6rem);
  /* clr-spinner-default-size */
  min-height: 3.6rem;
  min-height: var(--clr-spinner-default-size, 3.6rem);
  /* clr-spinner-default-size */
  min-width: 3.6rem;
  min-width: var(--clr-spinner-default-size, 3.6rem);
  position: absolute;
  top: 0;
  left: 0;
  /* clr-spinner-default-stroke-width */
  border-width: 0.3rem;
  border-width: var(--clr-spinner-default-stroke-width, 0.3rem);
  border-style: solid;
  /* clr-spinner-fill-bg-color */
  border-color: rgba(0, 0, 0, 0.15);
  border-color: var(--clr-spinner-fill-bg-color, rgba(0, 0, 0, 0.15));
  /* clr-spinner-border-radius */
  border-radius: 50%;
  border-radius: var(--clr-spinner-border-radius, 50%);
}

.spinner.spinner-md {
  /* clr-spinner-medium-size */
  height: 1.8rem;
  height: var(--clr-spinner-medium-size, 1.8rem);
  /* clr-spinner-medium-size */
  width: 1.8rem;
  width: var(--clr-spinner-medium-size, 1.8rem);
  /* clr-spinner-medium-size */
  min-height: 1.8rem;
  min-height: var(--clr-spinner-medium-size, 1.8rem);
  /* clr-spinner-medium-size */
  min-width: 1.8rem;
  min-width: var(--clr-spinner-medium-size, 1.8rem);
}

.spinner.spinner-md::after, .spinner.spinner-md::before {
  /* clr-spinner-medium-size */
  height: 1.8rem;
  height: var(--clr-spinner-medium-size, 1.8rem);
  /* clr-spinner-medium-size */
  width: 1.8rem;
  width: var(--clr-spinner-medium-size, 1.8rem);
  /* clr-spinner-medium-size */
  min-height: 1.8rem;
  min-height: var(--clr-spinner-medium-size, 1.8rem);
  /* clr-spinner-medium-size */
  min-width: 1.8rem;
  min-width: var(--clr-spinner-medium-size, 1.8rem);
  /* clr-spinner-medium-stroke-width */
  border-width: 0.15rem;
  border-width: var(--clr-spinner-medium-stroke-width, 0.15rem);
}

.spinner.spinner-inline, .spinner.spinner-sm {
  /* clr-spinner-small-size */
  height: 0.9rem;
  height: var(--clr-spinner-small-size, 0.9rem);
  /* clr-spinner-small-size */
  width: 0.9rem;
  width: var(--clr-spinner-small-size, 0.9rem);
  /* clr-spinner-small-size */
  min-height: 0.9rem;
  min-height: var(--clr-spinner-small-size, 0.9rem);
  /* clr-spinner-small-size */
  min-width: 0.9rem;
  min-width: var(--clr-spinner-small-size, 0.9rem);
}

.spinner.spinner-inline::after, .spinner.spinner-inline::before, .spinner.spinner-sm::after, .spinner.spinner-sm::before {
  /* clr-spinner-small-size */
  height: 0.9rem;
  height: var(--clr-spinner-small-size, 0.9rem);
  /* clr-spinner-small-size */
  width: 0.9rem;
  width: var(--clr-spinner-small-size, 0.9rem);
  /* clr-spinner-small-size */
  min-height: 0.9rem;
  min-height: var(--clr-spinner-small-size, 0.9rem);
  /* clr-spinner-small-size */
  min-width: 0.9rem;
  min-width: var(--clr-spinner-small-size, 0.9rem);
  /* clr-spinner-small-stroke-width */
  border-width: 0.12rem;
  border-width: var(--clr-spinner-small-stroke-width, 0.12rem);
}

.spinner.spinner-inline {
  vertical-align: text-bottom;
  /* clr-spinner-margin-right */
  margin-right: 0;
  margin-right: var(--clr-spinner-margin-right, 0);
}

.spinner.spinner-inverse::after {
  /* clr-spinner-fill-inverse-color */
  border-color: #74c1e2;
  border-color: var(--clr-spinner-fill-inverse-color, #74c1e2);
}

.spinner.spinner-inverse::before {
  /* clr-spinner-fill-inverse-bg-color */
  border-color: rgba(255, 255, 255, 0.15);
  border-color: var(--clr-spinner-fill-inverse-bg-color, rgba(255, 255, 255, 0.15));
}

.spinner.spinner-neutral-0::after {
  /* clr-spinner-fill-color */
  border-color: hsl(198, 100%, 32%);
  border-color: var(--clr-spinner-fill-color, hsl(198, 100%, 32%));
}

.spinner.spinner-neutral-0::before {
  border-color: black;
}

.spinner.spinner-check {
  animation: none;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20viewBox%3D%220%200%2036%2036%22%20preserveAspectRatio%3D%22xMidYMid%20meet%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20focusable%3D%22false%22%20aria-hidden%3D%22true%22%20role%3D%22img%22%3E%3Cpath%20fill%3D%22hsl(198, 100%, 32%)%22%20class%3D%22clr-i-outline%20clr-i-outline-path-1%22%20d%3D%22M13.72%2C27.69%2C3.29%2C17.27a1%2C1%2C0%2C0%2C1%2C1.41-1.41l9%2C9L31.29%2C7.29a1%2C1%2C0%2C0%2C1%2C1.41%2C1.41Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
}

.spinner.spinner-check::after, .spinner.spinner-check::before {
  border: none;
}

.btn .spinner {
  display: inline-block;
  margin-right: 0;
  padding: 0;
  text-indent: 100%;
  /* clr-spinner-inside-button-size */
  height: 0.8rem;
  height: var(--clr-spinner-inside-button-size, 0.8rem);
  /* clr-spinner-inside-button-size */
  width: 0.8rem;
  width: var(--clr-spinner-inside-button-size, 0.8rem);
  /* clr-spinner-inside-button-size */
  min-height: 0.8rem;
  min-height: var(--clr-spinner-inside-button-size, 0.8rem);
  /* clr-spinner-inside-button-size */
  min-width: 0.8rem;
  min-width: var(--clr-spinner-inside-button-size, 0.8rem);
}

.btn .spinner::before, .btn .spinner::after {
  position: absolute;
  top: 0;
  left: 0;
  /* clr-spinner-inside-button-stroke-width */
  border-width: 0.065rem;
  border-width: var(--clr-spinner-inside-button-stroke-width, 0.065rem);
  /* clr-spinner-border-radius */
  border-radius: 50%;
  border-radius: var(--clr-spinner-border-radius, 50%);
  /* clr-spinner-inside-button-size */
  height: 0.8rem;
  height: var(--clr-spinner-inside-button-size, 0.8rem);
  /* clr-spinner-inside-button-size */
  width: 0.8rem;
  width: var(--clr-spinner-inside-button-size, 0.8rem);
  /* clr-spinner-inside-button-size */
  min-height: 0.8rem;
  min-height: var(--clr-spinner-inside-button-size, 0.8rem);
  /* clr-spinner-inside-button-size */
  min-width: 0.8rem;
  min-width: var(--clr-spinner-inside-button-size, 0.8rem);
}

.btn-sm .spinner {
  /* clr-spinner-inside-small-button-size */
  height: 0.65rem;
  height: var(--clr-spinner-inside-small-button-size, 0.65rem);
  /* clr-spinner-inside-small-button-size */
  width: 0.65rem;
  width: var(--clr-spinner-inside-small-button-size, 0.65rem);
  /* clr-spinner-inside-small-button-size */
  min-height: 0.65rem;
  min-height: var(--clr-spinner-inside-small-button-size, 0.65rem);
  /* clr-spinner-inside-small-button-size */
  min-width: 0.65rem;
  min-width: var(--clr-spinner-inside-small-button-size, 0.65rem);
}

.btn-sm .spinner::before, .btn-sm .spinner::after {
  position: absolute;
  top: 0;
  left: 0;
  border-style: solid;
  /* clr-spinner-inside-button-stroke-width */
  border-width: 0.065rem;
  border-width: var(--clr-spinner-inside-button-stroke-width, 0.065rem);
  /* clr-spinner-border-radius */
  border-radius: 50%;
  border-radius: var(--clr-spinner-border-radius, 50%);
  /* clr-spinner-inside-small-button-size */
  height: 0.65rem;
  height: var(--clr-spinner-inside-small-button-size, 0.65rem);
  /* clr-spinner-inside-small-button-size */
  width: 0.65rem;
  width: var(--clr-spinner-inside-small-button-size, 0.65rem);
  /* clr-spinner-inside-small-button-size */
  min-height: 0.65rem;
  min-height: var(--clr-spinner-inside-small-button-size, 0.65rem);
  /* clr-spinner-inside-small-button-size */
  min-width: 0.65rem;
  min-width: var(--clr-spinner-inside-small-button-size, 0.65rem);
}

.btn-sm .spinner::before {
  content: "";
  /* clr-spinner-fill-bg-color */
  border-color: rgba(0, 0, 0, 0.15);
  border-color: var(--clr-spinner-fill-bg-color, rgba(0, 0, 0, 0.15));
}

.btn-sm .spinner::after {
  content: "";
  /* clr-spinner-fill-color */
  border-color: hsl(198, 100%, 32%);
  border-color: var(--clr-spinner-fill-color, hsl(198, 100%, 32%));
  border-right-color: transparent !important;
  border-bottom-color: transparent !important;
}

.btn-icon:not(.btn-sm) .spinner {
  /* clr-spinner-inside-button-size */
  height: 0.8rem;
  height: var(--clr-spinner-inside-button-size, 0.8rem);
  /* clr-spinner-inside-button-size */
  width: 0.8rem;
  width: var(--clr-spinner-inside-button-size, 0.8rem);
  /* clr-spinner-inside-button-size */
  min-height: 0.8rem;
  min-height: var(--clr-spinner-inside-button-size, 0.8rem);
  /* clr-spinner-inside-button-size */
  min-width: 0.8rem;
  min-width: var(--clr-spinner-inside-button-size, 0.8rem);
}

.clr-treenode-spinner-container .spinner {
  /* clr-spinner-inside-button-size */
  height: 0.8rem;
  height: var(--clr-spinner-inside-button-size, 0.8rem);
  /* clr-spinner-inside-button-size */
  width: 0.8rem;
  width: var(--clr-spinner-inside-button-size, 0.8rem);
  /* clr-spinner-inside-button-size */
  min-height: 0.8rem;
  min-height: var(--clr-spinner-inside-button-size, 0.8rem);
  /* clr-spinner-inside-button-size */
  min-width: 0.8rem;
  min-width: var(--clr-spinner-inside-button-size, 0.8rem);
}

.clr-treenode-spinner-container .spinner::before, .clr-treenode-spinner-container .spinner::after {
  border-style: solid;
  /* clr-spinner-inside-treeview-stroke-width */
  border-width: 0.065rem;
  border-width: var(--clr-spinner-inside-treeview-stroke-width, 0.065rem);
  /* clr-spinner-border-radius */
  border-radius: 50%;
  border-radius: var(--clr-spinner-border-radius, 50%);
  /* clr-spinner-inside-button-size */
  height: 0.8rem;
  height: var(--clr-spinner-inside-button-size, 0.8rem);
  /* clr-spinner-inside-button-size */
  width: 0.8rem;
  width: var(--clr-spinner-inside-button-size, 0.8rem);
  /* clr-spinner-inside-button-size */
  min-height: 0.8rem;
  min-height: var(--clr-spinner-inside-button-size, 0.8rem);
  /* clr-spinner-inside-button-size */
  min-width: 0.8rem;
  min-width: var(--clr-spinner-inside-button-size, 0.8rem);
}

.clr-treenode-spinner-container .spinner::before {
  content: "";
  /* clr-spinner-fill-bg-color */
  border-color: rgba(0, 0, 0, 0.15);
  border-color: var(--clr-spinner-fill-bg-color, rgba(0, 0, 0, 0.15));
}

.clr-treenode-spinner-container .spinner::after {
  content: "";
  /* clr-spinner-fill-color */
  border-color: hsl(198, 100%, 32%);
  border-color: var(--clr-spinner-fill-color, hsl(198, 100%, 32%));
  border-right-color: transparent !important;
  border-bottom-color: transparent !important;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/* stylelint-disable-next-line meowtec/no-px */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/* stylelint-disable */
/* stylelint-enable */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
:root {
  --clr-table-bgcolor: var(--clr-color-neutral-0);
  --clr-thead-bgcolor: var(--clr-color-neutral-50);
  --clr-table-header-border-bottom-color: var(--clr-color-neutral-400);
  --clr-table-footer-border-top-color: var(--clr-color-neutral-400);
  --clr-table-border-color: var(--clr-color-neutral-400);
  --clr-tablerow-bordercolor: var(--clr-color-neutral-200);
  --clr-table-border-radius: var(--clr-global-borderradius);
  --clr-table-borderwidth: var(--clr-global-borderwidth);
  --clr-table-cornercellradius: 0.1rem;
  --clr-table-font-color: var(--clr-color-neutral-700);
  --clr-table-margin: 1.2rem 0 0 0;
  --clr-thead-color: hsl(198, 0%, 40%);
  --clr-table-cell-padding: 0.55rem 0.6rem 0.55rem;
  --clr-table-cell-padding-left: 0.3rem;
  --clr-table-cell-compact-padding: 0.3rem 0.6rem 0.25rem;
  --clr-table-noborder-cell-padding-left: 0;
  --clr-table-noborder-borderwidth: 0;
  --clr-table-noborder-bg-color: transparent;
  --clr-table-noborder-th-border-color: hsl(198, 0%, 80%);
  --clr-table-vertical-align: bottom;
  --clr-table-data-cell-font-size: 0.65rem;
  --clr-table-data-cell-line-height: 0.7rem;
  --clr-table-data-cell-font-weight: 400;
}

.table {
  border-collapse: separate;
  border-style: solid;
  /* clr-table-borderwidth */
  border-width: 0.05rem;
  border-width: var(--clr-table-borderwidth, 0.05rem);
  /* clr-table-border-color */
  border-color: hsl(198, 0%, 80%);
  border-color: var(--clr-table-border-color, hsl(198, 0%, 80%));
  /* clr-table-border-radius */
  border-radius: 0.15rem;
  border-radius: var(--clr-table-border-radius, 0.15rem);
  /* clr-table-bgcolor */
  background-color: hsl(198, 0%, 100%);
  background-color: var(--clr-table-bgcolor, hsl(198, 0%, 100%));
  /* clr-table-font-color */
  color: hsl(198, 0%, 40%);
  color: var(--clr-table-font-color, hsl(198, 0%, 40%));
  /* clr-table-margin */
  margin: 1.2rem 0 0 0;
  margin: var(--clr-table-margin, 1.2rem 0 0 0);
  max-width: 100%;
  width: 100%;
}

.table th,
.table td {
  border-top-style: solid;
  /* clr-table-data-cell-font-size */
  font-size: 0.65rem;
  font-size: var(--clr-table-data-cell-font-size, 0.65rem);
  /* clr-table-data-cell-line-height */
  line-height: 0.7rem;
  line-height: var(--clr-table-data-cell-line-height, 0.7rem);
  /* clr-table-data-cell-font-weight */
  font-weight: 400;
  font-weight: var(--clr-table-data-cell-font-weight, 400);
  /* clr-table-borderwidth */
  border-top-width: 0.05rem;
  border-top-width: var(--clr-table-borderwidth, 0.05rem);
  /* clr-tablerow-bordercolor */
  border-top-color: hsl(198, 0%, 91%);
  border-top-color: var(--clr-tablerow-bordercolor, hsl(198, 0%, 91%));
  /* clr-table-cell-padding */
  padding: 0.55rem 0.6rem 0.55rem;
  padding: var(--clr-table-cell-padding, 0.55rem 0.6rem 0.55rem);
  text-align: center;
  vertical-align: top;
}

.table th.left,
.table td.left {
  text-align: left;
}

.table th.left:first-child,
.table td.left:first-child {
  /* clr-table-cell-padding-left */
  padding-left: 0.3rem;
  padding-left: var(--clr-table-cell-padding-left, 0.3rem);
}

.table th.right,
.table td.right {
  text-align: right;
}

.table th {
  /* clr-thead-color */
  color: hsl(198, 0%, 40%);
  color: var(--clr-thead-color, hsl(198, 0%, 40%));
  letter-spacing: 0.03em;
  /* clr-table-header-cell-font-size */
  font-size: 0.55rem;
  font-size: var(--clr-table-header-cell-font-size, 0.55rem);
  /* clr-table-header-cell-line-height */
  line-height: 0.7rem;
  line-height: var(--clr-table-header-cell-line-height, 0.7rem);
  /* clr-table-header-cell-font-weight */
  font-weight: 600;
  font-weight: var(--clr-table-header-cell-font-weight, 600);
  /* clr-thead-bgcolor */
  background-color: hsl(198, 0%, 98%);
  background-color: var(--clr-thead-bgcolor, hsl(198, 0%, 98%));
  /* clr-table-vertical-align */
  vertical-align: bottom;
  vertical-align: var(--clr-table-vertical-align, bottom);
  border-bottom-style: solid;
  /* clr-table-borderwidth */
  border-bottom-width: 0.05rem;
  border-bottom-width: var(--clr-table-borderwidth, 0.05rem);
  /* clr-table-border-color */
  border-bottom-color: hsl(198, 0%, 80%);
  border-bottom-color: var(--clr-table-border-color, hsl(198, 0%, 80%));
  border-top: 0 none;
}

.table tbody tr:first-child td {
  border-top: 0 none;
}

.table tbody + tbody {
  border-top-style: solid;
  /* clr-table-borderwidth */
  border-top-width: 0.05rem;
  border-top-width: var(--clr-table-borderwidth, 0.05rem);
  /* clr-table-border-color */
  border-top-color: hsl(198, 0%, 80%);
  border-top-color: var(--clr-table-border-color, hsl(198, 0%, 80%));
}

.table thead th:first-child {
  border-radius: 0;
  /* clr-table-cornercellradius */
  border-top-left-radius: 0.1rem;
  border-top-left-radius: var(--clr-table-cornercellradius, 0.1rem);
}

.table thead th:last-child {
  border-radius: 0;
  /* clr-table-cornercellradius */
  border-top-right-radius: 0.1rem;
  border-top-right-radius: var(--clr-table-cornercellradius, 0.1rem);
}

.table tbody:last-child tr:last-child td:first-child {
  border-radius: 0;
  /* clr-table-cornercellradius */
  border-bottom-left-radius: 0.1rem;
  border-bottom-left-radius: var(--clr-table-cornercellradius, 0.1rem);
}

.table tbody:last-child tr:last-child td:last-child {
  border-radius: 0;
  /* clr-table-cornercellradius */
  border-bottom-right-radius: 0.1rem;
  border-bottom-right-radius: var(--clr-table-cornercellradius, 0.1rem);
}

.table-compact th,
.table-compact td {
  /* clr-table-cell-compact-padding */
  padding: 0.3rem 0.6rem 0.25rem;
  padding: var(--clr-table-cell-compact-padding, 0.3rem 0.6rem 0.25rem);
}

.table.table-vertical thead th {
  border: 0 none;
  border-radius: 0;
  display: none;
}

.table.table-vertical th {
  border-bottom: 0;
  border-top-style: solid;
  /* clr-table-borderwidth */
  border-top-width: 0.05rem;
  border-top-width: var(--clr-table-borderwidth, 0.05rem);
  /* clr-table-border-color */
  border-top-color: hsl(198, 0%, 80%);
  border-top-color: var(--clr-table-border-color, hsl(198, 0%, 80%));
  vertical-align: top;
}

.table.table-vertical td,
.table.table-vertical th {
  text-align: left;
  /* clr-table-border-color */
  border-color: hsl(198, 0%, 80%);
  border-color: var(--clr-table-border-color, hsl(198, 0%, 80%));
}

.table.table-vertical td:first-child,
.table.table-vertical th:first-child {
  border-right-style: solid;
  /* clr-table-borderwidth */
  border-right-width: 0.05rem;
  border-right-width: var(--clr-table-borderwidth, 0.05rem);
  /* clr-table-border-color */
  border-right-color: hsl(198, 0%, 80%);
  border-right-color: var(--clr-table-border-color, hsl(198, 0%, 80%));
  /* clr-thead-bgcolor */
  background-color: hsl(198, 0%, 98%);
  background-color: var(--clr-thead-bgcolor, hsl(198, 0%, 98%));
  font-weight: 600;
}

.table.table-vertical tbody:first-of-type tr:first-child th,
.table.table-vertical tbody:first-of-type tr:first-child td {
  border-top: 0 none;
}

.table.table-vertical tbody:first-of-type tr:first-child th:first-child,
.table.table-vertical tbody:first-of-type tr:first-child td:first-child {
  border-radius: 0;
  /* clr-table-cornercellradius */
  border-top-left-radius: 0.1rem;
  border-top-left-radius: var(--clr-table-cornercellradius, 0.1rem);
}

.table.table-vertical tbody:first-of-type tr:first-child th:last-child,
.table.table-vertical tbody:first-of-type tr:first-child td:last-child {
  border-radius: 0;
  /* clr-table-cornercellradius */
  border-top-right-radius: 0.1rem;
  border-top-right-radius: var(--clr-table-cornercellradius, 0.1rem);
}

.table.table-vertical tbody:last-child tr:last-child th:first-child,
.table.table-vertical tbody:last-child tr:last-child td:first-child {
  border-radius: 0;
  /* clr-table-cornercellradius */
  border-bottom-left-radius: 0.1rem;
  border-bottom-left-radius: var(--clr-table-cornercellradius, 0.1rem);
}

.table.table-vertical tbody:last-child tr:last-child th:last-child,
.table.table-vertical tbody:last-child tr:last-child td:last-child {
  border-radius: 0;
  /* clr-table-cornercellradius */
  border-bottom-right-radius: 0.1rem;
  border-bottom-right-radius: var(--clr-table-cornercellradius, 0.1rem);
}

.table.table-noborder {
  border-radius: 0;
  box-shadow: none;
  background-color: transparent;
  /* clr-table-noborder-borderwidth */
  border-width: 0;
  border-width: var(--clr-table-noborder-borderwidth, 0);
}

.table.table-noborder th {
  /* clr-table-noborder-bg-color */
  background-color: transparent;
  background-color: var(--clr-table-noborder-bg-color, transparent);
  /* clr-table-noborder-th-border-color */
  border-bottom-color: hsl(198, 0%, 80%);
  border-bottom-color: var(--clr-table-noborder-th-border-color, hsl(198, 0%, 80%));
  border-top: 0 none;
}

.table.table-noborder th:first-child {
  border-right: 0 none;
}

.table.table-noborder td {
  border-top: 0 none;
  padding-top: var(--clr-table-cell-padding-vertical, 0.6rem);
}

.table.table-noborder td:first-child {
  border-right: 0 none;
}

.table.table-noborder thead th:first-child, .table.table-noborder thead th:last-child {
  border-radius: 0;
}

.table.table-noborder th,
.table.table-noborder td {
  border-radius: 0 !important;
}

.table.table-noborder th:first-child,
.table.table-noborder td:first-child {
  /* clr-table-noborder-cell-padding-left */
  padding-left: 0;
  padding-left: var(--clr-table-noborder-cell-padding-left, 0);
}

.table.table-compact th,
.table.table-compact td {
  padding-top: var(--clr-table-cell-compact-padding-vertical, 0.3rem);
  padding-bottom: var(--clr-table-cell-compact-padding-vertical, 0.25rem);
}

.table.table-compact.table-noborder th,
.table.table-compact.table-noborder td {
  padding-top: var(--clr-table-cell-compact-padding-vertical, 0.35rem);
  padding-bottom: var(--clr-table-cell-compact-padding-vertical, 0.3rem);
}

/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/* stylelint-disable-next-line meowtec/no-px */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/* stylelint-disable */
/* stylelint-enable */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
:root {
  --clr-tooltip-background-color: var(--clr-color-neutral-1000);
  --clr-tooltip-border-radius: var(--clr-global-borderradius);
  --clr-tooltip-color: var(--clr-color-neutral-0);
  --clr-tooltip-font-weight: var(--clr-p3-font-weight);
  --clr-tooltip-content-padding: 0.45rem 0.6rem;
  --clr-tooltip-content-line-height: 0.9rem;
  --clr-tooltip-content-margin: 0.8rem;
  --clr-tooltip-arrow-width: 0.25rem;
  --clr-tooltip-arrow-height: 0.3rem;
  --clr-tooltip-arrow-horizontal-size: -0.45rem;
  --clr-tooltip-arrow-vertical-size: -0.42rem;
}

.tooltip {
  display: inline-block;
  position: relative;
  text-align: left;
  overflow: visible;
}

.tooltip > .tooltip-content {
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s linear;
  white-space: normal;
  z-index: 1050;
}

.tooltip > .tooltip-content::after {
  position: absolute;
  top: -20px;
  left: -20px;
  right: -20px;
  bottom: -20px;
  content: "";
  z-index: -1;
}

.tooltip:hover > .tooltip-content, .tooltip:focus > .tooltip-content {
  visibility: visible;
  opacity: 1;
}

.tooltip:hover > .tooltip-content:empty, .tooltip:focus > .tooltip-content:empty {
  visibility: hidden;
  opacity: 0;
}

.tooltip:focus {
  outline: 0;
}

.tooltip:focus > :first-child {
  outline-offset: 0.05rem;
  outline-width: 0.05rem;
  outline-color: rgb(59, 153, 252);
  outline-style: solid;
}

.tooltip > .tooltip-content, .tooltip.tooltip-top-right > .tooltip-content,
.tooltip .tooltip-content.tooltip-top-right {
  /* clr-tooltip-color */
  color: hsl(198, 0%, 100%);
  color: var(--clr-tooltip-color, hsl(198, 0%, 100%));
  font-size: 0.65rem;
  /* clr-tooltip-font-weight */
  font-weight: 400;
  font-weight: var(--clr-tooltip-font-weight, 400);
  letter-spacing: normal;
  /* clr-tooltip-background-color */
  background-color: hsl(198, 0%, 0%);
  background-color: var(--clr-tooltip-background-color, hsl(198, 0%, 0%));
  /* clr-tooltip-border-radius */
  border-radius: 0.15rem;
  border-radius: var(--clr-tooltip-border-radius, 0.15rem);
  /* clr-tooltip-content-padding */
  padding: 0.45rem 0.6rem;
  padding: var(--clr-tooltip-content-padding, 0.45rem 0.6rem);
  /* clr-tooltip-content-line-height */
  line-height: 0.9rem;
  line-height: var(--clr-tooltip-content-line-height, 0.9rem);
  margin: 0;
  width: 12rem;
  position: absolute;
  top: auto;
  bottom: 100%;
  left: 50%;
  right: auto;
  border-bottom-left-radius: 0;
  /* clr-tooltip-content-margin */
  margin-bottom: 0.8rem;
  margin-bottom: var(--clr-tooltip-content-margin, 0.8rem);
}

.tooltip > .tooltip-content::before, .tooltip.tooltip-top-right > .tooltip-content::before,
.tooltip .tooltip-content.tooltip-top-right::before {
  content: "";
  position: absolute;
  left: 0;
  top: auto;
  right: auto;
  /* clr-tooltip-arrow-vertical-size */
  bottom: -0.42rem;
  bottom: var(--clr-tooltip-arrow-vertical-size, -0.42rem);
  border-style: solid;
  /* clr-tooltip-arrow-height */
  border-left-width: 0.3rem;
  border-left-width: var(--clr-tooltip-arrow-height, 0.3rem);
  /* clr-tooltip-background-color */
  border-left-color: hsl(198, 0%, 0%);
  border-left-color: var(--clr-tooltip-background-color, hsl(198, 0%, 0%));
  /* clr-tooltip-arrow-width */
  border-top-width: 0.25rem;
  border-top-width: var(--clr-tooltip-arrow-width, 0.25rem);
  /* clr-tooltip-background-color */
  border-top-color: hsl(198, 0%, 0%);
  border-top-color: var(--clr-tooltip-background-color, hsl(198, 0%, 0%));
  border-bottom-color: transparent;
  /* clr-tooltip-arrow-width */
  border-bottom-width: 0.25rem;
  border-bottom-width: var(--clr-tooltip-arrow-width, 0.25rem);
  border-right-color: transparent;
  /* clr-tooltip-arrow-width */
  border-right-width: 0.25rem;
  border-right-width: var(--clr-tooltip-arrow-width, 0.25rem);
  pointer-events: none;
}

.tooltip.tooltip-top-left > .tooltip-content,
.tooltip .tooltip-content.tooltip-top-left {
  /* clr-tooltip-color */
  color: hsl(198, 0%, 100%);
  color: var(--clr-tooltip-color, hsl(198, 0%, 100%));
  font-size: 0.65rem;
  /* clr-tooltip-font-weight */
  font-weight: 400;
  font-weight: var(--clr-tooltip-font-weight, 400);
  letter-spacing: normal;
  /* clr-tooltip-background-color */
  background-color: hsl(198, 0%, 0%);
  background-color: var(--clr-tooltip-background-color, hsl(198, 0%, 0%));
  /* clr-tooltip-border-radius */
  border-radius: 0.15rem;
  border-radius: var(--clr-tooltip-border-radius, 0.15rem);
  /* clr-tooltip-content-padding */
  padding: 0.45rem 0.6rem;
  padding: var(--clr-tooltip-content-padding, 0.45rem 0.6rem);
  /* clr-tooltip-content-line-height */
  line-height: 0.9rem;
  line-height: var(--clr-tooltip-content-line-height, 0.9rem);
  margin: 0;
  width: 12rem;
  position: absolute;
  top: auto;
  bottom: 100%;
  right: 50%;
  left: auto;
  border-bottom-right-radius: 0;
  /* clr-tooltip-content-margin */
  margin-bottom: 0.8rem;
  margin-bottom: var(--clr-tooltip-content-margin, 0.8rem);
}

.tooltip.tooltip-top-left > .tooltip-content::before,
.tooltip .tooltip-content.tooltip-top-left::before {
  content: "";
  position: absolute;
  right: 0;
  top: auto;
  left: auto;
  /* clr-tooltip-arrow-vertical-size */
  bottom: -0.42rem;
  bottom: var(--clr-tooltip-arrow-vertical-size, -0.42rem);
  border-style: solid;
  /* clr-tooltip-arrow-height */
  border-right-width: 0.3rem;
  border-right-width: var(--clr-tooltip-arrow-height, 0.3rem);
  /* clr-tooltip-background-color */
  border-right-color: hsl(198, 0%, 0%);
  border-right-color: var(--clr-tooltip-background-color, hsl(198, 0%, 0%));
  /* clr-tooltip-arrow-width */
  border-top-width: 0.25rem;
  border-top-width: var(--clr-tooltip-arrow-width, 0.25rem);
  /* clr-tooltip-background-color */
  border-top-color: hsl(198, 0%, 0%);
  border-top-color: var(--clr-tooltip-background-color, hsl(198, 0%, 0%));
  border-bottom-color: transparent;
  /* clr-tooltip-arrow-width */
  border-bottom-width: 0.25rem;
  border-bottom-width: var(--clr-tooltip-arrow-width, 0.25rem);
  border-left-color: transparent;
  /* clr-tooltip-arrow-width */
  border-left-width: 0.25rem;
  border-left-width: var(--clr-tooltip-arrow-width, 0.25rem);
  pointer-events: none;
}

.tooltip.tooltip-bottom-right > .tooltip-content,
.tooltip .tooltip-content.tooltip-bottom-right {
  /* clr-tooltip-color */
  color: hsl(198, 0%, 100%);
  color: var(--clr-tooltip-color, hsl(198, 0%, 100%));
  font-size: 0.65rem;
  /* clr-tooltip-font-weight */
  font-weight: 400;
  font-weight: var(--clr-tooltip-font-weight, 400);
  letter-spacing: normal;
  /* clr-tooltip-background-color */
  background-color: hsl(198, 0%, 0%);
  background-color: var(--clr-tooltip-background-color, hsl(198, 0%, 0%));
  /* clr-tooltip-border-radius */
  border-radius: 0.15rem;
  border-radius: var(--clr-tooltip-border-radius, 0.15rem);
  /* clr-tooltip-content-padding */
  padding: 0.45rem 0.6rem;
  padding: var(--clr-tooltip-content-padding, 0.45rem 0.6rem);
  /* clr-tooltip-content-line-height */
  line-height: 0.9rem;
  line-height: var(--clr-tooltip-content-line-height, 0.9rem);
  margin: 0;
  width: 12rem;
  position: absolute;
  bottom: auto;
  top: 100%;
  left: 50%;
  right: auto;
  border-top-left-radius: 0;
  /* clr-tooltip-content-margin */
  margin-top: 0.8rem;
  margin-top: var(--clr-tooltip-content-margin, 0.8rem);
}

.tooltip.tooltip-bottom-right > .tooltip-content::before,
.tooltip .tooltip-content.tooltip-bottom-right::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: auto;
  right: auto;
  /* clr-tooltip-arrow-vertical-size */
  top: -0.42rem;
  top: var(--clr-tooltip-arrow-vertical-size, -0.42rem);
  border-style: solid;
  /* clr-tooltip-arrow-height */
  border-left-width: 0.3rem;
  border-left-width: var(--clr-tooltip-arrow-height, 0.3rem);
  /* clr-tooltip-background-color */
  border-left-color: hsl(198, 0%, 0%);
  border-left-color: var(--clr-tooltip-background-color, hsl(198, 0%, 0%));
  /* clr-tooltip-arrow-width */
  border-bottom-width: 0.25rem;
  border-bottom-width: var(--clr-tooltip-arrow-width, 0.25rem);
  /* clr-tooltip-background-color */
  border-bottom-color: hsl(198, 0%, 0%);
  border-bottom-color: var(--clr-tooltip-background-color, hsl(198, 0%, 0%));
  border-top-color: transparent;
  /* clr-tooltip-arrow-width */
  border-top-width: 0.25rem;
  border-top-width: var(--clr-tooltip-arrow-width, 0.25rem);
  border-right-color: transparent;
  /* clr-tooltip-arrow-width */
  border-right-width: 0.25rem;
  border-right-width: var(--clr-tooltip-arrow-width, 0.25rem);
  pointer-events: none;
}

.tooltip.tooltip-bottom-left > .tooltip-content,
.tooltip .tooltip-content.tooltip-bottom-left {
  /* clr-tooltip-color */
  color: hsl(198, 0%, 100%);
  color: var(--clr-tooltip-color, hsl(198, 0%, 100%));
  font-size: 0.65rem;
  /* clr-tooltip-font-weight */
  font-weight: 400;
  font-weight: var(--clr-tooltip-font-weight, 400);
  letter-spacing: normal;
  /* clr-tooltip-background-color */
  background-color: hsl(198, 0%, 0%);
  background-color: var(--clr-tooltip-background-color, hsl(198, 0%, 0%));
  /* clr-tooltip-border-radius */
  border-radius: 0.15rem;
  border-radius: var(--clr-tooltip-border-radius, 0.15rem);
  /* clr-tooltip-content-padding */
  padding: 0.45rem 0.6rem;
  padding: var(--clr-tooltip-content-padding, 0.45rem 0.6rem);
  /* clr-tooltip-content-line-height */
  line-height: 0.9rem;
  line-height: var(--clr-tooltip-content-line-height, 0.9rem);
  margin: 0;
  width: 12rem;
  position: absolute;
  bottom: auto;
  top: 100%;
  right: 50%;
  left: auto;
  border-top-right-radius: 0;
  /* clr-tooltip-content-margin */
  margin-top: 0.8rem;
  margin-top: var(--clr-tooltip-content-margin, 0.8rem);
}

.tooltip.tooltip-bottom-left > .tooltip-content::before,
.tooltip .tooltip-content.tooltip-bottom-left::before {
  content: "";
  position: absolute;
  right: 0;
  bottom: auto;
  left: auto;
  /* clr-tooltip-arrow-vertical-size */
  top: -0.42rem;
  top: var(--clr-tooltip-arrow-vertical-size, -0.42rem);
  border-style: solid;
  /* clr-tooltip-arrow-height */
  border-right-width: 0.3rem;
  border-right-width: var(--clr-tooltip-arrow-height, 0.3rem);
  /* clr-tooltip-background-color */
  border-right-color: hsl(198, 0%, 0%);
  border-right-color: var(--clr-tooltip-background-color, hsl(198, 0%, 0%));
  /* clr-tooltip-arrow-width */
  border-bottom-width: 0.25rem;
  border-bottom-width: var(--clr-tooltip-arrow-width, 0.25rem);
  /* clr-tooltip-background-color */
  border-bottom-color: hsl(198, 0%, 0%);
  border-bottom-color: var(--clr-tooltip-background-color, hsl(198, 0%, 0%));
  border-top-color: transparent;
  /* clr-tooltip-arrow-width */
  border-top-width: 0.25rem;
  border-top-width: var(--clr-tooltip-arrow-width, 0.25rem);
  border-left-color: transparent;
  /* clr-tooltip-arrow-width */
  border-left-width: 0.25rem;
  border-left-width: var(--clr-tooltip-arrow-width, 0.25rem);
  pointer-events: none;
}

.tooltip.tooltip-right > .tooltip-content,
.tooltip .tooltip-content.tooltip-right {
  position: absolute;
  right: auto;
  left: 100%;
  top: 50%;
  bottom: auto;
  /* clr-tooltip-color */
  color: hsl(198, 0%, 100%);
  color: var(--clr-tooltip-color, hsl(198, 0%, 100%));
  font-size: 0.65rem;
  /* clr-tooltip-font-weight */
  font-weight: 400;
  font-weight: var(--clr-tooltip-font-weight, 400);
  letter-spacing: normal;
  /* clr-tooltip-background-color */
  background-color: hsl(198, 0%, 0%);
  background-color: var(--clr-tooltip-background-color, hsl(198, 0%, 0%));
  /* clr-tooltip-border-radius */
  border-radius: 0.15rem;
  border-radius: var(--clr-tooltip-border-radius, 0.15rem);
  /* clr-tooltip-content-padding */
  padding: 0.45rem 0.6rem;
  padding: var(--clr-tooltip-content-padding, 0.45rem 0.6rem);
  /* clr-tooltip-content-line-height */
  line-height: 0.9rem;
  line-height: var(--clr-tooltip-content-line-height, 0.9rem);
  margin: 0;
  width: 12rem;
  border-top-left-radius: 0;
  /* clr-tooltip-content-margin */
  margin-left: 0.8rem;
  margin-left: var(--clr-tooltip-content-margin, 0.8rem);
}

.tooltip.tooltip-right > .tooltip-content::before,
.tooltip .tooltip-content.tooltip-right::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: auto;
  right: auto;
  /* clr-tooltip-arrow-horizontal-size */
  left: -0.45rem;
  left: var(--clr-tooltip-arrow-horizontal-size, -0.45rem);
  border-style: solid;
  /* clr-tooltip-arrow-height */
  border-top-width: 0.3rem;
  border-top-width: var(--clr-tooltip-arrow-height, 0.3rem);
  /* clr-tooltip-background-color */
  border-top-color: hsl(198, 0%, 0%);
  border-top-color: var(--clr-tooltip-background-color, hsl(198, 0%, 0%));
  /* clr-tooltip-arrow-width */
  border-right-width: 0.25rem;
  border-right-width: var(--clr-tooltip-arrow-width, 0.25rem);
  /* clr-tooltip-background-color */
  border-right-color: hsl(198, 0%, 0%);
  border-right-color: var(--clr-tooltip-background-color, hsl(198, 0%, 0%));
  border-bottom-color: transparent;
  /* clr-tooltip-arrow-height */
  border-top-width: 0.3rem;
  border-top-width: var(--clr-tooltip-arrow-height, 0.3rem);
  border-left-color: transparent;
  /* clr-tooltip-arrow-width */
  border-left-width: 0.25rem;
  border-left-width: var(--clr-tooltip-arrow-width, 0.25rem);
  pointer-events: none;
}

.tooltip.tooltip-left > .tooltip-content,
.tooltip .tooltip-content.tooltip-left {
  position: absolute;
  left: auto;
  right: 100%;
  top: 50%;
  bottom: auto;
  /* clr-tooltip-color */
  color: hsl(198, 0%, 100%);
  color: var(--clr-tooltip-color, hsl(198, 0%, 100%));
  font-size: 0.65rem;
  /* clr-tooltip-font-weight */
  font-weight: 400;
  font-weight: var(--clr-tooltip-font-weight, 400);
  letter-spacing: normal;
  /* clr-tooltip-background-color */
  background-color: hsl(198, 0%, 0%);
  background-color: var(--clr-tooltip-background-color, hsl(198, 0%, 0%));
  /* clr-tooltip-border-radius */
  border-radius: 0.15rem;
  border-radius: var(--clr-tooltip-border-radius, 0.15rem);
  /* clr-tooltip-content-padding */
  padding: 0.45rem 0.6rem;
  padding: var(--clr-tooltip-content-padding, 0.45rem 0.6rem);
  /* clr-tooltip-content-line-height */
  line-height: 0.9rem;
  line-height: var(--clr-tooltip-content-line-height, 0.9rem);
  margin: 0;
  width: 12rem;
  border-top-right-radius: 0;
  /* clr-tooltip-content-margin */
  margin-right: 0.8rem;
  margin-right: var(--clr-tooltip-content-margin, 0.8rem);
}

.tooltip.tooltip-left > .tooltip-content::before,
.tooltip .tooltip-content.tooltip-left::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: auto;
  left: auto;
  /* clr-tooltip-arrow-horizontal-size */
  right: -0.45rem;
  right: var(--clr-tooltip-arrow-horizontal-size, -0.45rem);
  border-style: solid;
  /* clr-tooltip-arrow-height */
  border-top-width: 0.3rem;
  border-top-width: var(--clr-tooltip-arrow-height, 0.3rem);
  /* clr-tooltip-background-color */
  border-top-color: hsl(198, 0%, 0%);
  border-top-color: var(--clr-tooltip-background-color, hsl(198, 0%, 0%));
  /* clr-tooltip-arrow-width */
  border-left-width: 0.25rem;
  border-left-width: var(--clr-tooltip-arrow-width, 0.25rem);
  /* clr-tooltip-background-color */
  border-left-color: hsl(198, 0%, 0%);
  border-left-color: var(--clr-tooltip-background-color, hsl(198, 0%, 0%));
  border-bottom-color: transparent;
  /* clr-tooltip-arrow-height */
  border-top-width: 0.3rem;
  border-top-width: var(--clr-tooltip-arrow-height, 0.3rem);
  border-right-color: transparent;
  /* clr-tooltip-arrow-width */
  border-right-width: 0.25rem;
  border-right-width: var(--clr-tooltip-arrow-width, 0.25rem);
  pointer-events: none;
}

.tooltip.tooltip-xs > .tooltip-content,
.tooltip .tooltip-content.tooltip-xs {
  width: 3.6rem;
}

.tooltip.tooltip-sm > .tooltip-content,
.tooltip .tooltip-content.tooltip-sm {
  width: 6rem;
}

.tooltip.tooltip-md > .tooltip-content,
.tooltip .tooltip-content.tooltip-md {
  width: 12rem;
}

.tooltip.tooltip-lg > .tooltip-content,
.tooltip .tooltip-content.tooltip-lg {
  width: 18rem;
}

.tooltip > .btn + .tooltip-content, .tooltip.tooltip-top-right > .btn + .tooltip-content, .tooltip.tooltip-top-left > .btn + .tooltip-content {
  margin-bottom: 0.5rem;
}

.tooltip.tooltip-bottom-right > .btn + .tooltip-content, .tooltip.tooltip-bottom-left > .btn + .tooltip-content {
  margin-top: 0.5rem;
}

.tooltip.tooltip-right > .btn + .tooltip-content {
  margin-left: 0.2rem;
}

.tooltip > .clr-icon {
  margin-right: 0;
}

.tooltip > svg {
  pointer-events: none;
}

.tooltip-trigger:focus + .tooltip-content {
  visibility: visible;
}

/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
:root {
  --clr-forms-baseline: 0.3rem;
  --clr-form-disabled-background-color: var(--clr-color-neutral-400);
  --clr-forms-label-color: var(--clr-color-neutral-800);
  --clr-forms-text-color: var(--clr-color-neutral-1000);
  --clr-forms-invalid-color: var(--clr-color-danger-800);
  --clr-forms-invalid-text-color: var(--clr-color-danger-800);
  --clr-forms-valid-color: var(--clr-color-success-700);
  --clr-forms-valid-text-color: var(--clr-color-success-900);
  --clr-forms-subtext-color: var(--clr-color-neutral-600);
  --clr-forms-placeholder-color: var(--clr-global-color-construction-600);
  --clr-forms-border-color: hsl(198, 10%, 46%);
  --clr-forms-focused-color: var(--clr-color-action-600);
  --clr-forms-subtext-disabled-color: hsl(198, 0%, 55%);
  --clr-forms-border-disabled-color: hsl(198, 10%, 46%);
  --clr-forms-text-disabled-color: hsl(198, 0%, 70%);
  --clr-forms-label-disabled-color: hsl(198, 0%, 55%);
  --clr-forms-icon-size: 1.2rem;
  --clr-forms-placeholder-disabled-color: hsl(198, 14%, 36%);
  --clr-forms-subtext-margin-top: 0.3rem;
  --clr-forms-label-font-weight: var(--clr-font-weight-bold);
  --clr-forms-block-label-font-weight: 400;
  --clr-forms-text-font-weight: 400;
  --clr-forms-input-padding: 0 0.3rem;
  --clr-forms-input-wrapper-height: 1.2rem;
  --clr-forms-input-group-icon-action-size: 0.9rem;
  --clr-forms-textarea-background-color: var(--clr-color-neutral-0);
  --clr-forms-textarea-focused-outline: 0
    0
    0.1rem
    0.1rem
    hsl(197, 68%, 65%);
  --clr-forms-textarea-invalid-focused-outline: 0
    0
    0.1rem
    0.1rem
    #ff745c;
  --clr-forms-textarea-padding: 0.4rem 0.6rem;
  --clr-forms-textarea-wrapper-margin-left: 0;
  --clr-forms-textarea-wrapper-margin-top: 0.3rem;
  --clr-forms-textarea-disabled-background: hsl(198, 0%, 100%);
  --clr-forms-select-hover-background: rgba(
    222,
    222,
    222,
    0.5
  );
  --clr-forms-select-hover-border-color: var(--clr-forms-select-hover-background);
  --clr-forms-select-disabled-border-color: hsl(198, 10%, 46%);
  --clr-forms-select-caret-hover-color: var(--clr-color-neutral-600);
  --clr-forms-select-caret-color: var(--clr-color-neutral-500);
  --clr-forms-select-option-color: var(--clr-forms-text-color);
  --clr-forms-select-multiple-background-color: var(--clr-forms-textarea-background-color);
  --clr-forms-select-multiple-border-color: var(--clr-color-neutral-400);
  --clr-forms-select-multiple-option-color: var(--clr-forms-text-color);
  --clr-forms-select-multiple-error-focus-color: #ff745c;
  --clr-forms-checkbox-label-color: var(--clr-forms-label-color);
  --clr-forms-checkbox-background-color: var(--clr-color-action-600);
  --clr-forms-checkbox-indeterminate-border-color: var(--clr-color-action-600);
  --clr-forms-checkbox-mark-color: var(--clr-color-neutral-0);
  --clr-forms-checkbox-disabled-background-color: var(--clr-form-disabled-background-color);
  --clr-forms-checkbox-disabled-mark-color: var(--clr-color-neutral-1000);
  --clr-forms-checkbox-border-radius: var(--clr-global-borderradius);
  --clr-forms-checkbox-line-height: 1.2rem;
  --clr-forms-checkbox-padding-left: 1.1rem;
  --clr-forms-checkbox-label-height: 1.2rem;
  --clr-forms-checkbox-checked-shadow: inset
    0
    0
    0
    0.3rem
    var(--clr-forms-checkbox-background-color);
  --clr-forms-radio-label-color: var(--clr-forms-checkbox-label-color);
  --clr-forms-radio-label-disabled-color: hsl(198, 0%, 27%);
  --clr-forms-radio-disabled-background-color: var(--clr-color-neutral-700);
  --clr-forms-radio-disabled-mark-color: var(--clr-forms-checkbox-disabled-mark-color);
  --clr-forms-radio-selected-shadow: var(--clr-forms-checkbox-checked-shadow);
  --clr-forms-radio-disabled-shadow: inset 0 0 0 0.6rem hsl(198, 0%, 91%);
  --clr-forms-radio-line-height: 1.2rem;
  --clr-forms-radio-padding-left: 1.1rem;
  --clr-forms-radio-label-height: 1.2rem;
  --clr-forms-radio-focused-shadow: 0
    0
    0.1rem
    0.1rem
    hsl(197, 68%, 65%);
  --clr-forms-range-progress-fill-color: var(--clr-color-action-600);
  --clr-forms-range-track-color: var(--clr-color-neutral-200);
  --clr-forms-range-track-border-color: hsl(198, 0%, 91%);
  --clr-forms-range-thumb-height: 0.7rem;
  --clr-forms-range-track-height: 0.2rem;
  --clr-forms-range-track-border-radius: 0;
  --clr-forms-range-track-border-width: 0;
  --clr-forms-range-progress-fill-color-disabled: hsl(198, 100%, 32%);
  --clr-forms-range-track-color-disabled: hsl(198, 0%, 91%);
  --clr-forms-range-track-border-color-disabled: hsl(198, 0%, 55%);
  --clr-forms-datalist-caret-color: hsl(198, 0%, 55%);
  --clr-forms-datalist-caret-disabled-color: hsl(198, 0%, 55%);
  --clr-forms-datalist-caret-icon-size: 0.8rem;
  --clr-forms-password-eye-icon-color: var(--clr-forms-focused-color);
  --clr-forms-password-disabled-eye-icon-color: var(--clr-forms-text-disabled-color);
}

/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
.clr-date-container .clr-input-wrapper {
  max-width: -moz-fit-content;
  max-width: fit-content;
}

.clr-form-control {
  margin-top: 1.2rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.clr-form-control input::-ms-reveal,
.clr-form-control input::-ms-clear {
  display: none;
}

.clr-form-control-disabled {
  /* clr-forms-text-disabled-color */
  color: hsl(198, 0%, 70%);
  color: var(--clr-forms-text-disabled-color, hsl(198, 0%, 70%));
}

.clr-form-control-disabled label,
.clr-form-control-disabled .clr-control-label {
  /* clr-forms-label-disabled-color */
  color: hsl(198, 0%, 55%);
  color: var(--clr-forms-label-disabled-color, hsl(198, 0%, 55%));
}

.clr-form-control-disabled .clr-input,
.clr-form-control-disabled .clr-textarea,
.clr-form-control-disabled .clr-select {
  /* clr-forms-text-disabled-color */
  color: hsl(198, 0%, 70%);
  color: var(--clr-forms-text-disabled-color, hsl(198, 0%, 70%));
  /* clr-forms-border-disabled-color */
  border-bottom-color: hsl(198, 0%, 70%);
  border-bottom-color: var(--clr-forms-border-disabled-color, hsl(198, 0%, 70%));
}

.clr-form-control-disabled input[type=range]::-webkit-slider-thumb,
.clr-form-control-disabled input[type=range]::-moz-range-thumb {
  /* clr-forms-forms-range-progress-disabled-color */
  background-color: hsl(198, 0%, 55%);
  background-color: var(--clr-forms-forms-range-progress-disabled-color, hsl(198, 0%, 55%));
}

.clr-form-control-disabled .clr-subtext {
  /* clr-forms-subtext-disabled-color */
  color: hsl(198, 0%, 55%);
  color: var(--clr-forms-subtext-disabled-color, hsl(198, 0%, 55%));
}

.clr-form-control-multi {
  flex-direction: row;
  flex-wrap: wrap;
}

.clr-form-control-multi .clr-control-label {
  width: 100%;
}

.clr-control-label {
  display: block;
  /* clr-forms-label-color */
  color: hsl(198, 0%, 27%);
  color: var(--clr-forms-label-color, hsl(198, 0%, 27%));
  font-size: 0.65rem;
  /* clr-forms-label-font-weight */
  font-weight: 600;
  font-weight: var(--clr-forms-label-font-weight, 600);
  line-height: 0.9rem;
}

.clr-control-container {
  display: inline-block;
}

.clr-control-inline {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
}

.clr-control-inline .clr-control-label {
  display: inline-block;
  margin-right: 0.6rem;
  width: auto;
}

.clr-subtext {
  display: block;
  /* clr-forms-subtext-font-size */
  font-size: 0.55rem;
  font-size: var(--clr-forms-subtext-font-size, 0.55rem);
  /* clr-forms-subtext-line-height */
  line-height: 0.6rem;
  line-height: var(--clr-forms-subtext-line-height, 0.6rem);
  /* clr-forms-subtext-color */
  color: hsl(198, 0%, 55%);
  color: var(--clr-forms-subtext-color, hsl(198, 0%, 55%));
  /* clr-forms-subtext-margin-top */
  margin-top: 0.3rem;
  margin-top: var(--clr-forms-subtext-margin-top, 0.3rem);
}

.clr-subtext-wrapper {
  flex-basis: 100%;
  display: flex;
}

.clr-validate-icon {
  /* clr-forms-icon-size */
  height: 1.2rem;
  height: var(--clr-forms-icon-size, 1.2rem);
  /* clr-forms-icon-size */
  width: 1.2rem;
  width: var(--clr-forms-icon-size, 1.2rem);
  /* clr-forms-icon-size */
  min-height: 1.2rem;
  min-height: var(--clr-forms-icon-size, 1.2rem);
  /* clr-forms-icon-size */
  min-width: 1.2rem;
  min-width: var(--clr-forms-icon-size, 1.2rem);
  /* clr-forms-invalid-color */
  color: hsl(9, 100%, 38%);
  color: var(--clr-forms-invalid-color, hsl(9, 100%, 38%));
  /* clr-forms-invalid-color */
  fill: hsl(9, 100%, 38%);
  fill: var(--clr-forms-invalid-color, hsl(9, 100%, 38%));
  display: none;
}

.clr-success .clr-validate-icon {
  display: inline-block;
  /* clr-forms-valid-color */
  color: hsl(93, 100%, 26%);
  color: var(--clr-forms-valid-color, hsl(93, 100%, 26%));
  /* clr-forms-valid-color */
  fill: hsl(93, 100%, 26%);
  fill: var(--clr-forms-valid-color, hsl(93, 100%, 26%));
}

.clr-success .clr-subtext {
  /* clr-forms-valid-text-color */
  color: hsl(93, 100%, 16%);
  color: var(--clr-forms-valid-text-color, hsl(93, 100%, 16%));
}

.clr-error .clr-validate-icon {
  display: inline-block;
}

.clr-error .clr-subtext {
  /* clr-forms-invalid-text-color */
  color: hsl(9, 100%, 38%);
  color: var(--clr-forms-invalid-text-color, hsl(9, 100%, 38%));
}

.clr-form-horizontal .clr-form-control > .clr-control-label,
.clr-form-horizontal .clr-form-control > .clr-form-control.clr-form-control-multi .clr-control-label {
  width: 9.6rem;
  flex-shrink: 0;
  margin-top: 0.15rem;
}

.clr-form-horizontal.clr-row .clr-control-label {
  width: auto;
}

.clr-form-horizontal .clr-form-control {
  display: flex;
  flex-direction: row;
}

.clr-form-compact .clr-form-control > .clr-control-label {
  width: 9.6rem;
  min-width: 9.6rem;
}

.clr-form-compact .clr-form-control.clr-row > .clr-control-label {
  width: auto;
  min-width: auto;
}

.clr-form-compact .clr-control-label {
  margin-top: 0.15rem;
}

.clr-form-compact .clr-form-control {
  display: flex;
  flex-direction: row;
  margin-top: 0.6rem;
}

.clr-form-compact .clr-control-container {
  display: flex;
}

.clr-form-compact .clr-subtext {
  display: inline-block;
  margin-top: 0.3rem;
  margin-left: 1.2rem;
}

.clr-form-compact .clr-error .clr-subtext,
.clr-form-compact .clr-success .clr-subtext {
  margin-left: 0;
}

.clr-form-compact .clr-error .clr-validate-icon,
.clr-form-compact .clr-success .clr-validate-icon {
  margin-left: 0;
}

.clr-form-compact .clr-subtext-wrapper {
  flex-basis: auto;
  display: inline-block;
}

/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
.clr-form {
  padding: 0.3rem;
}

.clr-form-group {
  padding: 0.3rem;
}

.clr-required-mark::after {
  content: "*";
  /* clr-forms-invalid-color */
  color: hsl(9, 100%, 38%);
  color: var(--clr-forms-invalid-color, hsl(9, 100%, 38%));
  /* clr-forms-invalid-color */
  fill: hsl(9, 100%, 38%);
  fill: var(--clr-forms-invalid-color, hsl(9, 100%, 38%));
  font-size: 0.65rem;
  margin-left: 0.3rem;
}

/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
.clr-checkbox-wrapper {
  position: relative;
  display: flex;
}

.clr-checkbox-wrapper .clr-control-label {
  font-weight: normal;
  display: block;
}

.clr-checkbox-wrapper ~ .clr-validate-icon {
  margin-left: 0;
}

.clr-checkbox-wrapper ~ .clr-subtext {
  display: inline-block;
}

.clr-checkbox-wrapper .clr-control-label {
  position: relative;
  display: block;
  margin-top: 0;
  cursor: pointer;
  /* clr-forms-checkbox-label-height */
  min-height: 1.2rem;
  min-height: var(--clr-forms-checkbox-label-height, 1.2rem);
  /* clr-forms-checkbox-padding-left */
  padding-left: 1.1rem;
  padding-left: var(--clr-forms-checkbox-padding-left, 1.1rem);
  /* clr-forms-checkbox-line-height */
  line-height: 1.2rem;
  line-height: var(--clr-forms-checkbox-line-height, 1.2rem);
  /* clr-forms-checkbox-label-color */
  color: hsl(198, 0%, 27%);
  color: var(--clr-forms-checkbox-label-color, hsl(198, 0%, 27%));
}

.clr-checkbox-wrapper input[type=checkbox] {
  position: absolute;
  opacity: 0;
  top: 0.25rem;
  left: 0;
  height: 0.8rem;
  width: 0.8rem;
}

.clr-checkbox-wrapper input[type=checkbox] + .clr-control-label::before {
  position: absolute;
  top: 0.2rem;
  left: 0;
  content: "";
  display: inline-block;
  height: 0.8rem;
  width: 0.8rem;
  border: 0.05rem solid;
  /* clr-forms-border-color */
  border-color: hsl(198, 10%, 46%);
  border-color: var(--clr-forms-border-color, hsl(198, 10%, 46%));
  /* clr-forms-checkbox-border-radius */
  border-radius: 0.15rem;
  border-radius: var(--clr-forms-checkbox-border-radius, 0.15rem);
}

.clr-checkbox-wrapper input[type=checkbox]:focus + .clr-control-label::before {
  outline: Highlight solid 0.1rem;
  outline: -webkit-focus-ring-color solid 0.1rem;
  outline-offset: 0.05rem;
}

.clr-checkbox-wrapper input[type=checkbox] + .clr-control-label::after {
  position: absolute;
  content: "";
  display: none;
  height: 0.25rem;
  width: 0.4rem;
  border-left: 0.1rem solid;
  border-bottom: 0.1rem solid;
  /* clr-forms-checkbox-mark-color */
  border-color: hsl(198, 0%, 100%);
  border-color: var(--clr-forms-checkbox-mark-color, hsl(198, 0%, 100%));
  top: 0.2rem;
  left: 0.2rem;
  transform: translate(0, 0.2rem) rotate(-45deg);
}

.clr-checkbox-wrapper input[type=checkbox]:checked + .clr-control-label::before {
  /* clr-forms-checkbox-background-color */
  background: hsl(198, 100%, 32%);
  background: var(--clr-forms-checkbox-background-color, hsl(198, 100%, 32%));
  border: none;
}

.clr-checkbox-wrapper input[type=checkbox]:checked + .clr-control-label::after {
  display: inline-block;
}

.clr-checkbox-wrapper input[type=checkbox].clr-indeterminate + .clr-control-label::before,
.clr-checkbox-wrapper input[type=checkbox]:indeterminate + .clr-control-label::before {
  border: 0.05rem solid;
  /* clr-forms-checkbox-indeterminate-border-color */
  border-color: hsl(198, 100%, 32%);
  border-color: var(--clr-forms-checkbox-indeterminate-border-color, hsl(198, 100%, 32%));
}

.clr-checkbox-wrapper input[type=checkbox].clr-indeterminate + .clr-control-label::after,
.clr-checkbox-wrapper input[type=checkbox]:indeterminate + .clr-control-label::after {
  border-left: none;
  /* clr-forms-checkbox-indeterminate-border-color */
  border-bottom-color: hsl(198, 100%, 32%);
  border-bottom-color: var(--clr-forms-checkbox-indeterminate-border-color, hsl(198, 100%, 32%));
  display: inline-block;
  transform: translate(0, 0.2rem);
}

.clr-checkbox-wrapper.clr-checkbox-inline {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
}

.clr-checkbox-wrapper.clr-checkbox-inline .clr-control-label {
  display: inline-block;
  margin-right: 0.6rem;
  width: auto;
}

.clr-error .clr-checkbox-wrapper input[type=checkbox] + .clr-control-label::before {
  /* clr-forms-invalid-color */
  border-color: hsl(9, 100%, 38%);
  border-color: var(--clr-forms-invalid-color, hsl(9, 100%, 38%));
}

.clr-form-control-disabled .clr-checkbox-wrapper .clr-control-label {
  cursor: not-allowed;
  /* clr-forms-label-disabled-color */
  color: hsl(198, 0%, 55%);
  color: var(--clr-forms-label-disabled-color, hsl(198, 0%, 55%));
}

.clr-form-control-disabled .clr-checkbox-wrapper input[type=checkbox] + .clr-control-label::before {
  /* clr-forms-checkbox-disabled-background-color */
  background-color: hsl(198, 0%, 80%);
  background-color: var(--clr-forms-checkbox-disabled-background-color, hsl(198, 0%, 80%));
  /* clr-forms-checkbox-disabled-border-color */
  border-color: hsl(198, 0%, 80%);
  border-color: var(--clr-forms-checkbox-disabled-border-color, hsl(198, 0%, 80%));
}

.clr-form-control-disabled .clr-checkbox-wrapper input[type=checkbox]:checked + .clr-control-label::before {
  /* clr-forms-checkbox-disabled-checked-background-color */
  background-color: hsl(198, 0%, 80%);
  background-color: var(--clr-forms-checkbox-disabled-checked-background-color, hsl(198, 0%, 80%));
  border: none;
}

.clr-form-control-disabled .clr-checkbox-wrapper input[type=checkbox]:checked + .clr-control-label::after {
  /* clr-forms-checkbox-disabled-mark-color */
  border-color: hsl(198, 0%, 0%);
  border-color: var(--clr-forms-checkbox-disabled-mark-color, hsl(198, 0%, 0%));
}

.clr-form-control-disabled .clr-checkbox-wrapper input[type=checkbox].clr-indeterminate + .clr-control-label::after,
.clr-form-control-disabled .clr-checkbox-wrapper input[type=checkbox]:indeterminate + .clr-control-label::after {
  /* clr-forms-checkbox-disabled-indeterminate-color */
  border-color: hsl(198, 0%, 0%);
  border-color: var(--clr-forms-checkbox-disabled-indeterminate-color, hsl(198, 0%, 0%));
  border-left: none;
}

.clr-form-compact .clr-checkbox-wrapper {
  max-width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  height: 1.2rem;
}

.clr-form-compact .clr-checkbox-wrapper ~ .clr-subtext {
  margin-left: 0.3rem;
}

.clr-form-compact .clr-checkbox-wrapper .clr-control-label {
  display: inline-block;
  margin-right: 0.6rem;
  width: auto;
}

.clr-form-compact .clr-checkbox-wrapper .clr-control-label {
  margin-top: 0;
}

/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
.clr-file-wrapper {
  position: relative;
  margin-top: 0.3rem;
}

.clr-file-wrapper .clr-control-label {
  font-weight: normal;
  display: block;
}

.clr-file-wrapper ~ .clr-validate-icon {
  margin-left: 0;
}

.clr-file-wrapper ~ .clr-subtext {
  display: inline-block;
}

.clr-file-wrapper .btn {
  margin: 0;
}

.clr-file {
  height: 0;
  width: 0;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}

.clr-form-compact .clr-file-wrapper {
  max-width: 100%;
  margin-top: 0;
}

.clr-form-compact .clr-file-wrapper ~ .clr-subtext {
  margin-left: 0.3rem;
}

.clr-form-compact .clr-file-wrapper ~ .clr-validate-icon {
  line-height: 1.2rem;
}

.clr-form-compact .clr-file-wrapper ~ .clr-subtext {
  line-height: 1.2rem;
  margin-top: 0;
}

.clr-form-compact .clr-file-wrapper .clr-control-label {
  margin-top: 0;
  line-height: 1.08rem;
}

.clr-form-compact .clr-file-wrapper .btn {
  height: 1.2rem;
}

/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
.clr-input-wrapper {
  white-space: nowrap;
  /* clr-forms-input-wrapper-height */
  max-height: 1.2rem;
  max-height: var(--clr-forms-input-wrapper-height, 1.2rem);
}

.clr-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  box-shadow: none;
  background: none;
  height: 1.2rem;
  /* clr-forms-text-color */
  color: hsl(198, 0%, 0%);
  color: var(--clr-forms-text-color, hsl(198, 0%, 0%));
  border-bottom: 0.05rem solid;
  /* clr-forms-border-color */
  border-bottom-color: hsl(198, 10%, 46%);
  border-bottom-color: var(--clr-forms-border-color, hsl(198, 10%, 46%));
  display: inline-block;
  /* clr-forms-input-padding */
  padding: 0 0.3rem;
  padding: var(--clr-forms-input-padding, 0 0.3rem);
  max-height: 1.2rem;
  font-size: 0.65rem;
}

.clr-input:focus {
  outline: 0;
}

.clr-input[readonly] {
  border: none;
}

.clr-input:not([readonly]) {
  background: linear-gradient(to bottom, transparent 95%, var(--clr-forms-focused-color, hsl(198, 100%, 32%)) 95%) no-repeat;
  background-size: 0 100%;
  transition: background-size 0.2s ease;
}

.clr-input:not([readonly]):focus, .clr-input:not([readonly]).clr-focus {
  /* clr-forms-focused-color */
  border-bottom-color: hsl(198, 100%, 32%);
  border-bottom-color: var(--clr-forms-focused-color, hsl(198, 100%, 32%));
  background-size: 100% 100%;
}

.clr-input:disabled {
  /* clr-forms-text-disabled-color */
  color: hsl(198, 0%, 70%);
  color: var(--clr-forms-text-disabled-color, hsl(198, 0%, 70%));
  cursor: not-allowed;
  /* _normalize overwrite */
  /* Internet Explorer 10-11 */
  /* Microsoft Edge */
  /* Chrome, Firefox, Opera, Safari 10.1+ */
}

.clr-input:disabled::placeholder {
  /* clr-forms-placeholder-disabled-color */
  color: hsl(198, 14%, 36%);
  color: var(--clr-forms-placeholder-disabled-color, hsl(198, 14%, 36%));
}

.clr-error .clr-input:not([readonly]) {
  /* clr-forms-invalid-color */
  border-bottom-color: hsl(9, 100%, 38%);
  border-bottom-color: var(--clr-forms-invalid-color, hsl(9, 100%, 38%));
  background: linear-gradient(to bottom, transparent 95%, var(--clr-forms-invalid-color, hsl(9, 100%, 38%)) 95%) no-repeat;
  background-size: 0 100%;
  transition: background-size 0.2s ease;
}

.clr-error .clr-input:not([readonly]):focus, .clr-error .clr-input:not([readonly]).clr-focus {
  /* clr-forms-invalid-color */
  border-bottom-color: hsl(9, 100%, 38%);
  border-bottom-color: var(--clr-forms-invalid-color, hsl(9, 100%, 38%));
  background-size: 100% 100%;
}

.clr-success .clr-input:not([readonly]) {
  /* clr-forms-valid-color */
  border-bottom-color: hsl(93, 100%, 26%);
  border-bottom-color: var(--clr-forms-valid-color, hsl(93, 100%, 26%));
  background: linear-gradient(to bottom, transparent 95%, var(--clr-forms-valid-color, hsl(93, 100%, 26%)) 95%) no-repeat;
  background-size: 0 100%;
  transition: background-size 0.2s ease;
}

.clr-success .clr-input:not([readonly]):focus, .clr-success .clr-input:not([readonly]).clr-focus {
  /* clr-forms-valid-color */
  border-bottom-color: hsl(93, 100%, 26%);
  border-bottom-color: var(--clr-forms-valid-color, hsl(93, 100%, 26%));
  background-size: 100% 100%;
}

.clr-form-control.row .clr-input-wrapper {
  max-width: calc(100% - 1.2rem);
}

.clr-form-compact .clr-input {
  max-width: 100%;
}

.clr-form-compact .clr-input ~ .clr-subtext {
  margin-left: 0.3rem;
}

.clr-form-control-readonly .clr-input {
  border: none;
}

.clr-form-control-multi .clr-input {
  max-width: calc(100% + 1.2rem);
}

/**
 Placeholder
 **/
/* _normalize overwrite */
::-webkit-input-placeholder {
  /* clr-forms-placeholder-color */
  color: hsl(198, 14%, 36%);
  color: var(--clr-forms-placeholder-color, hsl(198, 14%, 36%));
}

/* Internet Explorer 10-11 */
:-ms-input-placeholder {
  /* clr-forms-placeholder-color */
  color: hsl(198, 14%, 36%);
  color: var(--clr-forms-placeholder-color, hsl(198, 14%, 36%));
}

/* Microsoft Edge */
::-ms-input-placeholder {
  /* clr-forms-placeholder-color */
  color: hsl(198, 14%, 36%);
  color: var(--clr-forms-placeholder-color, hsl(198, 14%, 36%));
}

/* Chrome, Firefox, Opera, Safari 10.1+ */
::placeholder {
  /* clr-forms-placeholder-color */
  color: hsl(198, 14%, 36%);
  color: var(--clr-forms-placeholder-color, hsl(198, 14%, 36%));
}

/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
.clr-input-group {
  /* clr-forms-text-color */
  color: hsl(198, 0%, 0%);
  color: var(--clr-forms-text-color, hsl(198, 0%, 0%));
  border-bottom: 0.05rem solid;
  /* clr-forms-border-color */
  border-bottom-color: hsl(198, 10%, 46%);
  border-bottom-color: var(--clr-forms-border-color, hsl(198, 10%, 46%));
  display: inline-block;
  background: linear-gradient(to bottom, transparent 95%, var(--clr-forms-focused-color, hsl(198, 100%, 32%)) 95%) no-repeat;
  background-size: 0 100%;
  transition: background-size 0.2s ease;
  max-width: 100%;
  height: 1.2rem;
  /* handle case when select is used without clr-select-wrapper */
}

.clr-input-group:focus, .clr-input-group.clr-focus {
  /* clr-forms-focused-color */
  border-bottom-color: hsl(198, 100%, 32%);
  border-bottom-color: var(--clr-forms-focused-color, hsl(198, 100%, 32%));
  background-size: 100% 100%;
}

.clr-input-group.clr-focus {
  width: auto;
}

.clr-input-group .clr-input {
  background: none;
  border: none;
  margin-right: 0;
  max-width: 100%;
}

.clr-input-group .clr-input:not([readonly]):focus {
  background-size: 0;
  border: 0;
}

.clr-input-group select {
  border: none;
}

.clr-input-group .clr-select-wrapper select,
.clr-input-group .clr-multiselect-wrapper select {
  border: none;
}

.clr-input-group .clr-input-group-addon {
  /* clr-forms-subtext-color */
  color: hsl(198, 0%, 55%);
  color: var(--clr-forms-subtext-color, hsl(198, 0%, 55%));
}

.clr-input-group .clr-input-group-addon:first-child {
  padding: 0 0 0 0.45rem;
}

.clr-input-group .clr-input-group-addon:last-child {
  padding: 0 0.45rem 0 0;
}

.clr-input-group .clr-input-group-icon-action {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  box-shadow: none;
  background: none;
  /* clr-forms-focused-color */
  color: hsl(198, 100%, 32%);
  color: var(--clr-forms-focused-color, hsl(198, 100%, 32%));
  padding: 0 0.45rem;
}

button.clr-input-group .clr-input-group-icon-action {
  cursor: pointer;
}

.clr-input-group .clr-input-group-icon-action cds-icon,
.clr-input-group .clr-input-group-icon-action clr-icon {
  /* clr-forms-input-group-icon-action-size */
  height: 0.9rem;
  height: var(--clr-forms-input-group-icon-action-size, 0.9rem);
  /* clr-forms-input-group-icon-action-size */
  width: 0.9rem;
  width: var(--clr-forms-input-group-icon-action-size, 0.9rem);
  transform: translate(-0.05rem, -0.05rem);
}

.clr-form-control-disabled .clr-input-group { /* clr-forms-border-disabled-color */
  border-bottom-color: hsl(198, 10%, 46%);
  border-bottom-color: var(--clr-forms-border-disabled-color, hsl(198, 10%, 46%));
}

.clr-form-control-disabled .clr-input-group-icon-action {
  /* clr-forms-text-disabled-color */
  color: hsl(198, 0%, 70%);
  color: var(--clr-forms-text-disabled-color, hsl(198, 0%, 70%));
  cursor: not-allowed;
}

.clr-error .clr-input-group {
  /* clr-forms-invalid-color */
  border-bottom-color: hsl(9, 100%, 38%);
  border-bottom-color: var(--clr-forms-invalid-color, hsl(9, 100%, 38%));
  background: linear-gradient(to bottom, transparent 95%, var(--clr-forms-invalid-color, hsl(9, 100%, 38%)) 95%) no-repeat;
  background-size: 0 100%;
  transition: background-size 0.2s ease;
}

.clr-error .clr-input-group:focus, .clr-error .clr-input-group.clr-focus {
  /* clr-forms-invalid-color */
  border-bottom-color: hsl(9, 100%, 38%);
  border-bottom-color: var(--clr-forms-invalid-color, hsl(9, 100%, 38%));
  background-size: 100% 100%;
}

.clr-success .clr-input-group {
  /* clr-forms-valid-color */
  border-bottom-color: hsl(93, 100%, 26%);
  border-bottom-color: var(--clr-forms-valid-color, hsl(93, 100%, 26%));
  background: linear-gradient(to bottom, transparent 95%, var(--clr-forms-valid-color, hsl(93, 100%, 26%)) 95%) no-repeat;
  background-size: 0 100%;
  transition: background-size 0.2s ease;
}

.clr-success .clr-input-group:focus, .clr-success .clr-input-group.clr-focus {
  /* clr-forms-valid-color */
  border-bottom-color: hsl(93, 100%, 26%);
  border-bottom-color: var(--clr-forms-valid-color, hsl(93, 100%, 26%));
  background-size: 100% 100%;
}

.clr-form-horizontal .clr-input-group {
  max-width: 100%;
  padding-right: 0;
}

/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
.clr-radio-wrapper {
  position: relative;
  display: flex;
}

.clr-radio-wrapper .clr-control-label {
  font-weight: normal;
  display: block;
}

.clr-radio-wrapper ~ .clr-validate-icon {
  margin-left: 0;
}

.clr-radio-wrapper ~ .clr-subtext {
  display: inline-block;
}

.clr-radio-wrapper input[type=radio] {
  position: absolute;
  opacity: 0;
  top: 0.25rem;
  left: 0;
  height: 0.8rem;
  width: 0.8rem;
}

.clr-radio-wrapper .clr-control-label {
  position: relative;
  display: block;
  margin-top: 0;
  cursor: pointer;
  /* clr-forms-radio-label-height */
  min-height: 1.2rem;
  min-height: var(--clr-forms-radio-label-height, 1.2rem);
  /* clr-forms-radio-padding-left */
  padding-left: 1.1rem;
  padding-left: var(--clr-forms-radio-padding-left, 1.1rem);
  /* clr-forms-radio-line-height */
  line-height: 1.2rem;
  line-height: var(--clr-forms-radio-line-height, 1.2rem);
  /* clr-forms-radio-label-color */
  color: hsl(198, 0%, 27%);
  color: var(--clr-forms-radio-label-color, hsl(198, 0%, 27%));
}

.clr-radio-wrapper .clr-control-label:empty {
  padding-left: 0;
}

.clr-radio-wrapper input[type=radio] + .clr-control-label::before {
  position: absolute;
  top: 0.2rem;
  left: 0;
  content: "";
  display: inline-block;
  height: 0.8rem;
  width: 0.8rem;
  border: 0.05rem solid;
  /* clr-forms-border-color */
  border-color: hsl(198, 10%, 46%);
  border-color: var(--clr-forms-border-color, hsl(198, 10%, 46%));
  border-radius: 50%;
}

.clr-radio-wrapper input[type=radio]:checked + .clr-control-label::before {
  /* clr-forms-radio-selected-shadow */
  box-shadow: inset 0 0 0 0.3rem hsl(198, 100%, 32%);
  box-shadow: var(--clr-forms-radio-selected-shadow, inset 0 0 0 0.3rem hsl(198, 100%, 32%));
  border: none;
}

.clr-radio-wrapper input[type=radio]:focus + .clr-control-label::before {
  outline: Highlight solid 0.1rem;
  outline: -webkit-focus-ring-color solid 0.1rem;
  outline-offset: 0.05rem;
}

.clr-radio-wrapper input[type=radio]:focus:checked + .clr-control-label::before {
  outline: Highlight solid 0.1rem;
  outline: -webkit-focus-ring-color solid 0.1rem;
  outline-offset: 0.05rem;
}

.clr-radio-wrapper input[type=radio]:disabled + .clr-control-label::before {
  border: 0;
  /* clr-forms-radio-disabled-shadow */
  box-shadow: inset 0 0 0 0.6rem hsl(198, 0%, 91%);
  box-shadow: var(--clr-forms-radio-disabled-shadow, inset 0 0 0 0.6rem hsl(198, 0%, 91%));
}

.clr-radio-wrapper input[type=radio]:checked:disabled + .clr-control-label::before {
  /* clr-forms-radio-disabled-background-color */
  background-color: hsl(198, 0%, 40%);
  background-color: var(--clr-forms-radio-disabled-background-color, hsl(198, 0%, 40%));
  /* clr-forms-radio-checked-disabled-shadow */
  box-shadow: inset 0 0 0 0.3rem hsl(198, 0%, 91%);
  box-shadow: var(--clr-forms-radio-checked-disabled-shadow, inset 0 0 0 0.3rem hsl(198, 0%, 91%));
}

.clr-form-control-disabled .clr-radio-wrapper .clr-control-label {
  cursor: not-allowed;
  /* clr-forms-radio-label-disabled-color */
  color: hsl(198, 0%, 27%);
  color: var(--clr-forms-radio-label-disabled-color, hsl(198, 0%, 27%));
}

.clr-error .clr-radio-wrapper input[type=radio] + .clr-control-label::before {
  /* clr-forms-invalid-color */
  border-color: hsl(9, 100%, 38%);
  border-color: var(--clr-forms-invalid-color, hsl(9, 100%, 38%));
}

.clr-form-compact .clr-error .clr-subtext {
  margin-left: 0;
}

.clr-form-compact .clr-radio-wrapper {
  max-width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  height: 1.2rem;
}

.clr-form-compact .clr-radio-wrapper ~ .clr-subtext {
  margin-left: 0.3rem;
}

.clr-form-compact .clr-radio-wrapper .clr-control-label {
  display: inline-block;
  margin-right: 0.6rem;
  width: auto;
}

.clr-form-compact .clr-radio-wrapper .clr-control-label {
  margin-top: 0;
}

/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
.clr-select-wrapper,
.clr-multiselect-wrapper {
  position: relative;
  white-space: nowrap;
}

.clr-select-wrapper select,
.clr-multiselect-wrapper select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  box-shadow: none;
  background: none;
  height: 1.2rem;
  /* clr-forms-text-color */
  color: hsl(198, 0%, 0%);
  color: var(--clr-forms-text-color, hsl(198, 0%, 0%));
  border-bottom: 0.05rem solid;
  /* clr-forms-border-color */
  border-bottom-color: hsl(198, 10%, 46%);
  border-bottom-color: var(--clr-forms-border-color, hsl(198, 10%, 46%));
  display: inline-block;
  position: relative;
  padding: 0 1.1rem 0 0.3rem;
  cursor: pointer;
  font-size: 0.65rem;
  z-index: 2;
}

.clr-select-wrapper select:focus,
.clr-multiselect-wrapper select:focus {
  outline: 0;
}

.clr-select-wrapper select:not([multiple]),
.clr-multiselect-wrapper select:not([multiple]) {
  background: linear-gradient(to bottom, transparent 95%, var(--clr-forms-focused-color, hsl(198, 100%, 32%)) 95%) no-repeat;
  background-size: 0 100%;
  transition: background-size 0.2s ease;
}

.clr-select-wrapper select:not([multiple]):focus, .clr-select-wrapper select:not([multiple]).clr-focus,
.clr-multiselect-wrapper select:not([multiple]):focus,
.clr-multiselect-wrapper select:not([multiple]).clr-focus {
  /* clr-forms-focused-color */
  border-bottom-color: hsl(198, 100%, 32%);
  border-bottom-color: var(--clr-forms-focused-color, hsl(198, 100%, 32%));
  background-size: 100% 100%;
}

.clr-select-wrapper select[multiple]:focus,
.clr-multiselect-wrapper select[multiple]:focus {
  outline: Highlight solid 0.1rem;
  outline: -webkit-focus-ring-color solid 0.1rem;
}

.clr-select-wrapper select:hover, .clr-select-wrapper select:active,
.clr-multiselect-wrapper select:hover,
.clr-multiselect-wrapper select:active {
  /* clr-forms-select-hover-border-color */
  border-color: rgba(222, 222, 222, 0.5);
  border-color: var(--clr-forms-select-hover-border-color, rgba(222, 222, 222, 0.5));
  /* clr-forms-select-hover-background */
  background: rgba(222, 222, 222, 0.5);
  background: var(--clr-forms-select-hover-background, rgba(222, 222, 222, 0.5));
}

.clr-select-wrapper select:hover:disabled, .clr-select-wrapper select:active:disabled,
.clr-multiselect-wrapper select:hover:disabled,
.clr-multiselect-wrapper select:active:disabled {
  cursor: not-allowed;
  /* clr-forms-select-disabled-border-color */
  border-color: hsl(198, 0%, 70%);
  border-color: var(--clr-forms-select-disabled-border-color, hsl(198, 0%, 70%));
}

.clr-select-wrapper select:disabled option,
.clr-multiselect-wrapper select:disabled option {
  /* clr-forms-text-disabled-color */
  color: hsl(198, 0%, 70%);
  color: var(--clr-forms-text-disabled-color, hsl(198, 0%, 70%));
  cursor: not-allowed;
}

.clr-select-wrapper select option,
.clr-multiselect-wrapper select option {
  /* clr-forms-select-option-color */
  color: hsl(198, 0%, 0%);
  color: var(--clr-forms-select-option-color, hsl(198, 0%, 0%));
}

.clr-select-wrapper select::-ms-expand,
.clr-multiselect-wrapper select::-ms-expand {
  display: none;
}

.clr-select-wrapper {
  max-height: 1.2rem;
  display: inline-block;
}

.clr-select-wrapper::after {
  position: absolute;
  content: "";
  height: 0.5rem;
  width: 0.5rem;
  top: 0.35rem;
  right: 0.3rem;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%2012%22%3E%0A%20%20%20%20%3Cdefs%3E%0A%20%20%20%20%20%20%20%20%3Cstyle%3E.cls-1%7Bfill%3Ahsl(198, 0%, 70%)%3B%7D%3C%2Fstyle%3E%0A%20%20%20%20%3C%2Fdefs%3E%0A%20%20%20%20%3Ctitle%3ECaret%3C%2Ftitle%3E%0A%20%20%20%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M6%2C9L1.2%2C4.2a0.68%2C0.68%2C0%2C0%2C1%2C1-1L6%2C7.08%2C9.84%2C3.24a0.68%2C0.68%2C0%2C1%2C1%2C1%2C1Z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  margin: 0;
}

.clr-select-wrapper:hover::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%2012%22%3E%0A%20%20%20%20%3Cdefs%3E%0A%20%20%20%20%20%20%20%20%3Cstyle%3E.cls-1%7Bfill%3Ahsl(198, 0%, 55%)%3B%7D%3C%2Fstyle%3E%0A%20%20%20%20%3C%2Fdefs%3E%0A%20%20%20%20%3Ctitle%3ECaret%3C%2Ftitle%3E%0A%20%20%20%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M6%2C9L1.2%2C4.2a0.68%2C0.68%2C0%2C0%2C1%2C1-1L6%2C7.08%2C9.84%2C3.24a0.68%2C0.68%2C0%2C1%2C1%2C1%2C1Z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
}

.clr-error .clr-select-wrapper::after,
.clr-success .clr-select-wrapper::after {
  right: 1.5rem;
}

.clr-multiselect-wrapper {
  display: flex;
}

.clr-multiselect-wrapper .clr-validate-icon {
  margin-left: 0;
}

select[multiple],
select[size] {
  padding: 0;
  /* clr-forms-select-multiple-background-color */
  background: hsl(198, 0%, 100%);
  background: var(--clr-forms-select-multiple-background-color, hsl(198, 0%, 100%));
  border: 0.05rem solid;
  /* clr-forms-select-multiple-border-color */
  border-color: hsl(198, 0%, 80%);
  border-color: var(--clr-forms-select-multiple-border-color, hsl(198, 0%, 80%));
  /* clr-global-borderradius */
  border-radius: 0.15rem;
  border-radius: var(--clr-global-borderradius, 0.15rem);
  height: auto;
  min-width: 6rem;
}

select[multiple]:hover, select[multiple]:active,
select[size]:hover,
select[size]:active {
  /* clr-forms-select-multiple-background-color */
  background: hsl(198, 0%, 100%);
  background: var(--clr-forms-select-multiple-background-color, hsl(198, 0%, 100%));
  /* clr-forms-select-multiple-border-color */
  border-color: hsl(198, 0%, 80%);
  border-color: var(--clr-forms-select-multiple-border-color, hsl(198, 0%, 80%));
}

select[multiple] option,
select[size] option {
  padding: 0.15rem 0.3rem;
  /* clr-forms-select-multiple-option-color */
  color: hsl(198, 0%, 0%);
  color: var(--clr-forms-select-multiple-option-color, hsl(198, 0%, 0%));
}

.clr-error select:not([multiple]) {
  /* clr-forms-invalid-color */
  border-bottom-color: hsl(9, 100%, 38%);
  border-bottom-color: var(--clr-forms-invalid-color, hsl(9, 100%, 38%));
}

.clr-error select[multiple] {
  /* clr-forms-invalid-color */
  border-color: hsl(9, 100%, 38%);
  border-color: var(--clr-forms-invalid-color, hsl(9, 100%, 38%));
}

.clr-success select:not([multiple]) {
  /* clr-forms-valid-color */
  border-bottom-color: hsl(93, 100%, 26%);
  border-bottom-color: var(--clr-forms-valid-color, hsl(93, 100%, 26%));
}

.clr-success select[multiple] {
  /* clr-forms-valid-color */
  border-color: hsl(93, 100%, 26%);
  border-color: var(--clr-forms-valid-color, hsl(93, 100%, 26%));
}

.clr-form-control-disabled .clr-select.disabled {
  /* clr-forms-text-disabled-color */
  color: hsl(198, 0%, 70%);
  color: var(--clr-forms-text-disabled-color, hsl(198, 0%, 70%));
  cursor: not-allowed;
}

.clr-form-control-disabled .clr-select.disabled:hover::after {
  /* clr-forms-select-caret-color */
  color: hsl(198, 0%, 70%);
  color: var(--clr-forms-select-caret-color, hsl(198, 0%, 70%));
}

.clr-form-control-disabled .clr-select.disabled > select,
.clr-form-control-disabled .clr-select select:disabled {
  /* clr-forms-text-disabled-color */
  color: hsl(198, 0%, 70%);
  color: var(--clr-forms-text-disabled-color, hsl(198, 0%, 70%));
  cursor: not-allowed;
}

.clr-form-control-disabled .clr-select.disabled > select:hover,
.clr-form-control-disabled .clr-select select:disabled:hover {
  background: none;
  /* clr-forms-border-color */
  border-color: hsl(198, 10%, 46%);
  border-color: var(--clr-forms-border-color, hsl(198, 10%, 46%));
}

.clr-form-compact .clr-multiselect-wrapper {
  margin-top: 0;
}

/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
.clr-textarea-wrapper {
  white-space: nowrap;
  display: flex;
  /* clr-forms-textarea-wrapper-margin-top */
  margin-top: 0.3rem;
  margin-top: var(--clr-forms-textarea-wrapper-margin-top, 0.3rem);
}

.clr-textarea-wrapper .clr-validate-icon {
  margin-left: 0;
}

.clr-textarea {
  max-width: calc(100% - 0.3rem);
  height: auto;
  resize: vertical;
  border: 0.05rem solid;
  font-size: 0.65rem;
  /* clr-forms-textarea-background-color */
  background: hsl(198, 0%, 100%);
  background: var(--clr-forms-textarea-background-color, hsl(198, 0%, 100%));
  /* clr-forms-border-color */
  border-color: hsl(198, 10%, 46%);
  border-color: var(--clr-forms-border-color, hsl(198, 10%, 46%));
  /* clr-forms-text-color */
  color: hsl(198, 0%, 0%);
  color: var(--clr-forms-text-color, hsl(198, 0%, 0%));
  /* clr-forms-textarea-border-radius */
  border-radius: 0.15rem;
  border-radius: var(--clr-forms-textarea-border-radius, 0.15rem);
  /* clr-forms-textarea-padding */
  padding: 0.4rem 0.6rem;
  padding: var(--clr-forms-textarea-padding, 0.4rem 0.6rem);
}

.clr-textarea:focus {
  outline: Highlight solid 0.1rem;
  outline: -webkit-focus-ring-color solid 0.1rem;
  /* clr-forms-focused-color */
  outline-color: hsl(198, 100%, 32%);
  outline-color: var(--clr-forms-focused-color, hsl(198, 100%, 32%));
  /* clr-forms-focused-color */
  border-color: hsl(198, 100%, 32%);
  border-color: var(--clr-forms-focused-color, hsl(198, 100%, 32%));
}

.clr-textarea:disabled {
  /* clr-forms-text-disabled-color */
  color: hsl(198, 0%, 70%);
  color: var(--clr-forms-text-disabled-color, hsl(198, 0%, 70%));
  cursor: not-allowed;
  /* clr-forms-textarea-disabled-background */
  background-color: hsl(198, 0%, 100%);
  background-color: var(--clr-forms-textarea-disabled-background, hsl(198, 0%, 100%));
  /* clr-forms-border-disabled-color */
  border-color: hsl(198, 0%, 70%);
  border-color: var(--clr-forms-border-disabled-color, hsl(198, 0%, 70%));
}

.clr-success .clr-textarea {
  /* clr-forms-valid-color */
  border-color: hsl(93, 100%, 26%);
  border-color: var(--clr-forms-valid-color, hsl(93, 100%, 26%));
  /* clr-forms-valid-color */
  outline-color: hsl(93, 100%, 26%);
  outline-color: var(--clr-forms-valid-color, hsl(93, 100%, 26%));
}

.clr-error .clr-textarea {
  /* clr-forms-invalid-color */
  border-color: hsl(9, 100%, 38%);
  border-color: var(--clr-forms-invalid-color, hsl(9, 100%, 38%));
  /* clr-forms-invalid-color */
  outline-color: hsl(9, 100%, 38%);
  outline-color: var(--clr-forms-invalid-color, hsl(9, 100%, 38%));
}

.clr-control-container textarea {
  width: auto;
}

.clr-form-control.row .clr-textarea-wrapper {
  max-width: calc(100% - 0.3rem);
}

.clr-form-compact .clr-textarea-wrapper {
  margin-top: 0;
}

.clr-form-compact .clr-textarea-wrapper .clr-textarea {
  max-width: 100%;
}

.clr-form-compact .clr-textarea-wrapper .clr-textarea ~ .clr-subtext {
  margin-left: 0.3rem;
}

/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/* stylelint-disable-next-line meowtec/no-px */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/* stylelint-disable */
/* stylelint-enable */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
:root {
  --clr-toggle-bg-color-off: var(--clr-color-neutral-600);
  --clr-toggle-bg-color-on: var(--clr-color-success-500);
  --clr-toggle-handle-bg-color: var(--clr-color-neutral-50);
  --clr-toggle-handle-border-color: var(--clr-toggle-handle-bg-color);
  --clr-toggle-handle-border-color-on: var(--clr-toggle-handle-bg-color);
  --clr-toggle-disabled-default-border-color: var(--clr-color-neutral-400);
  --clr-toggle-disabled-default-handle-color: var(--clr-color-neutral-0);
  --clr-toggle-disabled-off-border-color: var(--clr-toggle-disabled-default-border-color);
  --clr-toggle-disabled-off-bg-color: var(--clr-toggle-disabled-default-handle-color);
  --clr-toggle-disabled-off-handle-border-color: var(--clr-toggle-disabled-default-border-color);
  --clr-toggle-disabled-on-border-color: var(--clr-toggle-disabled-default-border-color);
  --clr-toggle-disabled-on-bg-color: var(--clr-toggle-disabled-default-border-color);
  --clr-toggle-disabled-on-handle-border-color: var(--clr-toggle-disabled-default-handle-color);
  --clr-toggle-height: 1.2rem;
  --clr-toggle-switch-base-height: 0.9rem;
  --clr-toggle-switch-base-width: 1.65rem;
  --clr-toggle-base-line: 0.3rem;
  --clr-toggle-icon-margin: calc(
    2.1rem
  );
  --clr-toggle-icon-margin-negative: calc(
    -1 * (2.1rem)
  );
  --clr-toggle-switch-left-spacing: 1.25rem;
  --clr-toggle-switch-left-spacing-negative: calc(-1 * 1.25rem);
  --clr-toggle-dot-diameter: 0.7rem;
  --clr-toggle-icon-dot-place: calc(
    -1 *
      (
        1.65rem +
          0.45rem -
          0.1rem
      )
  );
  --clr-toggle-icon-top: calc(0.5 * 0.3rem);
  --clr-toggle-icon-dot-top-disabled: 0.15rem;
  --clr-toggle-icon-dot-top: calc(0.1rem + (0.5 * 0.3rem));
}

.clr-toggle-wrapper input[type=checkbox] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
}

.clr-toggle-wrapper {
  vertical-align: middle;
  position: relative;
  display: block;
  margin-right: 0.6rem;
  /* clr-toggle-height */
  height: 1.2rem;
  height: var(--clr-toggle-height, 1.2rem);
}

.clr-toggle-wrapper label {
  display: inline-block;
  position: relative;
  cursor: pointer;
  margin-right: 0;
  /* clr-toggle-icon-margin */
  margin-left: 2.1rem;
  margin-left: var(--clr-toggle-icon-margin, 2.1rem);
  /* clr-toggle-height */
  height: 1.2rem;
  height: var(--clr-toggle-height, 1.2rem);
}

.clr-toggle-wrapper input[type=checkbox] {
  position: absolute;
  top: 0.3rem;
  right: 0.3rem;
  height: 0.8rem;
  width: 0.8rem;
  opacity: 0;
}

.clr-toggle-wrapper input[type=checkbox] + label::before {
  position: absolute;
  display: inline-block;
  content: "";
  border: 0.1rem solid;
  border-radius: 0.45rem;
  /* clr-toggle-switch-base-height */
  height: 0.9rem;
  height: var(--clr-toggle-switch-base-height, 0.9rem);
  /* clr-toggle-switch-base-width */
  width: 1.65rem;
  width: var(--clr-toggle-switch-base-width, 1.65rem);
  /* clr-toggle-bg-color-off */
  border-color: hsl(198, 0%, 55%);
  border-color: var(--clr-toggle-bg-color-off, hsl(198, 0%, 55%));
  /* clr-toggle-bg-color-off */
  background-color: hsl(198, 0%, 55%);
  background-color: var(--clr-toggle-bg-color-off, hsl(198, 0%, 55%));
  /* clr-toggle-icon-top */
  top: 0.15rem;
  top: var(--clr-toggle-icon-top, 0.15rem);
  right: 0;
  /* clr-toggle-icon-margin-negative */
  left: -2.1rem;
  left: var(--clr-toggle-icon-margin-negative, -2.1rem);
  transition-duration: 0.15s;
  transition-timing-function: ease-in;
  transition-property: border-color, background-color;
}

.clr-toggle-wrapper input[type=checkbox]:focus + label::before {
  outline: Highlight solid 0.1rem;
  outline: -webkit-focus-ring-color solid 0.1rem;
  outline-offset: 0.05rem;
}

.clr-toggle-wrapper input[type=checkbox]:checked + label::before {
  /* clr-toggle-bg-color-on */
  border-color: hsl(93, 67%, 38%);
  border-color: var(--clr-toggle-bg-color-on, hsl(93, 67%, 38%));
  /* clr-toggle-bg-color-on */
  background-color: hsl(93, 67%, 38%);
  background-color: var(--clr-toggle-bg-color-on, hsl(93, 67%, 38%));
  transition-duration: 0.15s;
  transition-timing-function: ease-in;
  transition-property: border-color, background-color;
}

.clr-toggle-wrapper input[type=checkbox] + label::after {
  position: absolute;
  display: inline-block;
  content: "";
  border-width: 0.1rem;
  border-style: solid;
  border-radius: 50%;
  right: 0;
  /* clr-toggle-icon-dot-top */
  top: 0.25rem;
  top: var(--clr-toggle-icon-dot-top, 0.25rem);
  /* clr-toggle-dot-diameter */
  height: 0.7rem;
  height: var(--clr-toggle-dot-diameter, 0.7rem);
  /* clr-toggle-dot-diameter */
  width: 0.7rem;
  width: var(--clr-toggle-dot-diameter, 0.7rem);
  /* clr-toggle-handle-border-color */
  border-color: hsl(198, 0%, 98%);
  border-color: var(--clr-toggle-handle-border-color, hsl(198, 0%, 98%));
  /* clr-toggle-handle-bg-color */
  background-color: hsl(198, 0%, 98%);
  background-color: var(--clr-toggle-handle-bg-color, hsl(198, 0%, 98%));
  /* clr-toggle-icon-dot-place */
  left: -2rem;
  left: var(--clr-toggle-icon-dot-place, -2rem);
  transition-duration: 0.15s;
  transition-timing-function: ease-in;
  transition-property: right, left;
}

.clr-toggle-wrapper input[type=checkbox]:checked + label::after {
  /* clr-toggle-handle-border-color-on */
  border-color: hsl(198, 0%, 98%);
  border-color: var(--clr-toggle-handle-border-color-on, hsl(198, 0%, 98%));
  /* clr-toggle-icon-dot-place */
  right: -2rem;
  right: var(--clr-toggle-icon-dot-place, -2rem);
  /* clr-toggle-switch-left-spacing-negative */
  left: -1.25rem;
  left: var(--clr-toggle-switch-left-spacing-negative, -1.25rem);
  transition-duration: 0.15s;
  transition-timing-function: ease-in;
  transition-property: right, left;
}

.clr-toggle-wrapper.disabled label {
  opacity: 0.4;
  cursor: not-allowed;
}

.clr-toggle-wrapper.disabled input[type=checkbox]:checked + label::before {
  /* clr-toggle-disabled-on-border-color */
  border-color: hsl(198, 0%, 80%);
  border-color: var(--clr-toggle-disabled-on-border-color, hsl(198, 0%, 80%));
  /* clr-toggle-disabled-on-border-color */
  background-color: hsl(198, 0%, 80%);
  background-color: var(--clr-toggle-disabled-on-border-color, hsl(198, 0%, 80%));
}

.clr-toggle-wrapper input[type=checkbox]:disabled + label {
  cursor: not-allowed;
}

.clr-toggle-wrapper input[type=checkbox]:disabled + label::before {
  /* clr-toggle-disabled-off-bg-color */
  background-color: hsl(198, 0%, 100%);
  background-color: var(--clr-toggle-disabled-off-bg-color, hsl(198, 0%, 100%));
  /* clr-toggle-disabled-off-border-color */
  border-color: hsl(198, 0%, 80%);
  border-color: var(--clr-toggle-disabled-off-border-color, hsl(198, 0%, 80%));
}

.clr-toggle-wrapper input[type=checkbox]:disabled + label::after {
  /* clr-toggle-disabled-off-bg-color */
  background-color: hsl(198, 0%, 100%);
  background-color: var(--clr-toggle-disabled-off-bg-color, hsl(198, 0%, 100%));
  border-style: solid;
  /* clr-toggle-disabled-off-handle-border-color */
  border-color: hsl(198, 0%, 80%);
  border-color: var(--clr-toggle-disabled-off-handle-border-color, hsl(198, 0%, 80%));
  /* clr-toggle-switch-base-height */
  height: 0.9rem;
  height: var(--clr-toggle-switch-base-height, 0.9rem);
  /* clr-toggle-switch-base-height */
  width: 0.9rem;
  width: var(--clr-toggle-switch-base-height, 0.9rem);
  /* clr-toggle-icon-dot-top-disabled */
  top: 0.15rem;
  top: var(--clr-toggle-icon-dot-top-disabled, 0.15rem);
}

.clr-toggle-wrapper input[type=checkbox]:checked:disabled + label::before {
  /* clr-toggle-disabled-on-border-color */
  border-color: hsl(198, 0%, 80%);
  border-color: var(--clr-toggle-disabled-on-border-color, hsl(198, 0%, 80%));
  /* clr-toggle-disabled-on-bg-color */
  background-color: hsl(198, 0%, 80%);
  background-color: var(--clr-toggle-disabled-on-bg-color, hsl(198, 0%, 80%));
}

.clr-toggle-wrapper input[type=checkbox]:checked:disabled + label::after {
  /* clr-toggle-disabled-on-handle-border-color */
  border-color: hsl(198, 0%, 100%);
  border-color: var(--clr-toggle-disabled-on-handle-border-color, hsl(198, 0%, 100%));
  /* clr-toggle-dot-diameter */
  height: 0.7rem;
  height: var(--clr-toggle-dot-diameter, 0.7rem);
  /* clr-toggle-dot-diameter */
  width: 0.7rem;
  width: var(--clr-toggle-dot-diameter, 0.7rem);
  /* clr-toggle-icon-dot-top */
  top: 0.25rem;
  top: var(--clr-toggle-icon-dot-top, 0.25rem);
  /* clr-toggle-switch-left-spacing-negative */
  left: -1.25rem;
  left: var(--clr-toggle-switch-left-spacing-negative, -1.25rem);
}

.clr-toggle-wrapper input[type=checkbox]:disabled + label::after {
  /* clr-toggle-icon-margin-negative */
  left: -2.1rem;
  left: var(--clr-toggle-icon-margin-negative, -2.1rem);
}

.clr-toggle-wrapper.right-label label {
  /* clr-toggle-icon-margin */
  margin-left: 2.1rem;
  margin-left: var(--clr-toggle-icon-margin, 2.1rem);
  margin-right: 0;
}

.clr-toggle-wrapper.right-label input[type=checkbox] + label::before {
  right: 0;
  /* clr-toggle-icon-margin-negative */
  left: -2.1rem;
  left: var(--clr-toggle-icon-margin-negative, -2.1rem);
}

.clr-toggle-wrapper.right-label input[type=checkbox] + label::after {
  right: 0;
  /* clr-toggle-icon-dot-place */
  left: -2rem;
  left: var(--clr-toggle-icon-dot-place, -2rem);
  transition-property: left;
}

.clr-toggle-wrapper.right-label input[type=checkbox]:checked + label::after {
  /* clr-toggle-switch-left-spacing-negative */
  left: -1.25rem;
  left: var(--clr-toggle-switch-left-spacing-negative, -1.25rem);
  transition-property: left;
}

.clr-toggle-wrapper .clr-control-label {
  display: block;
  font-weight: 400;
  line-height: 1.2rem;
}

.clr-control-inline .clr-toggle-wrapper .clr-control-label {
  display: inline-block;
  margin-right: 0.6rem;
}

.clr-toggle-right label {
  display: inline-block;
  margin-left: 0;
  /* clr-toggle-icon-margin */
  margin-right: 2.1rem;
  margin-right: var(--clr-toggle-icon-margin, 2.1rem);
}

.clr-toggle-right input[type=checkbox] + label::before {
  left: unset;
  /* clr-toggle-icon-margin-negative */
  right: -2.1rem;
  right: var(--clr-toggle-icon-margin-negative, -2.1rem);
}

.clr-toggle-right input[type=checkbox] + label::after {
  left: unset;
  /* clr-toggle-switch-left-spacing-negative */
  right: -1.25rem;
  right: var(--clr-toggle-switch-left-spacing-negative, -1.25rem);
  transition-property: right;
}

.clr-toggle-right input[type=checkbox]:checked + label::after {
  left: unset;
  /* clr-toggle-icon-dot-place */
  right: -2rem;
  right: var(--clr-toggle-icon-dot-place, -2rem);
  transition-property: right;
}

.clr-toggle-right input[type=checkbox]:disabled + label::after {
  left: unset;
  /* clr-toggle-switch-left-spacing-negative */
  right: -1.3rem;
  right: var(--clr-toggle-switch-left-spacing-negative, -1.3rem);
}

.clr-toggle-right input[type=checkbox]:checked:disabled + label::after {
  left: unset;
  /* clr-toggle-icon-dot-place */
  right: -2rem;
  right: var(--clr-toggle-icon-dot-place, -2rem);
}

.clr-toggle-right .clr-control-inline .clr-toggle-wrapper .clr-control-label {
  margin-right: 2.7rem;
}

/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
.clr-range-wrapper {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  /* clr-forms-range-thumb-height */
  height: 0.7rem;
  height: var(--clr-forms-range-thumb-height, 0.7rem);
  white-space: nowrap;
}

.clr-range-wrapper .fill-input {
  position: absolute;
  left: 0;
  /* clr-forms-range-track-border-width */
  margin-bottom: 0px;
  margin-bottom: var(--clr-forms-range-track-border-width, 0px);
  display: inline-block;
  /* clr-forms-range-progress-fill-height */
  height: 0.2rem;
  height: var(--clr-forms-range-progress-fill-height, 0.2rem);
  pointer-events: none;
  cursor: pointer;
  z-index: 10;
  /* clr-forms-range-progress-fill-color */
  background-color: hsl(198, 100%, 32%);
  background-color: var(--clr-forms-range-progress-fill-color, hsl(198, 100%, 32%));
  /* clr-forms-range-track-border-radius */
  border-radius: 0;
  border-radius: var(--clr-forms-range-track-border-radius, 0);
  border-style: none;
}

.clr-range {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  /* clr-forms-range-thumb-height */
  height: 0.7rem;
  height: var(--clr-forms-range-thumb-height, 0.7rem);
}

.clr-range:disabled {
  pointer-events: auto;
  cursor: not-allowed;
  -webkit-appearance: none;
  left: 0;
  /* clr-forms-range-track-height */
  height: 0.2rem;
  height: var(--clr-forms-range-track-height, 0.2rem);
  /* clr-forms-range-track-color-disabled */
  background-color: hsl(198, 0%, 91%);
  background-color: var(--clr-forms-range-track-color-disabled, hsl(198, 0%, 91%));
}

.clr-range:disabled::-webkit-slider-thumb {
  -webkit-appearance: none;
  transform: translate(0, var(--clr-forms-range-thumb-margin-top, 0.25rem));
  border-radius: 50%;
  /* clr-forms-range-progress-fill-color-disabled */
  background-color: hsl(198, 100%, 32%);
  background-color: var(--clr-forms-range-progress-fill-color-disabled, hsl(198, 100%, 32%));
  /* clr-forms-range-thumb-margin-top */
  margin-top: 0.25rem;
  margin-top: var(--clr-forms-range-thumb-margin-top, 0.25rem);
  /* clr-forms-range-thumb-height */
  height: 0.7rem;
  height: var(--clr-forms-range-thumb-height, 0.7rem);
  /* clr-forms-range-thumb-height */
  width: 0.7rem;
  width: var(--clr-forms-range-thumb-height, 0.7rem);
}

.clr-range:disabled::-moz-range-thumb {
  border: 0;
  transform: translate(0, var(--clr-forms-range-thumb-margin-top, 0.25rem));
  border-radius: 50%;
  /* clr-forms-range-progress-fill-color-disabled */
  background-color: hsl(198, 100%, 32%);
  background-color: var(--clr-forms-range-progress-fill-color-disabled, hsl(198, 100%, 32%));
  /* clr-forms-range-thumb-margin-top */
  margin-top: 0.25rem;
  margin-top: var(--clr-forms-range-thumb-margin-top, 0.25rem);
  /* clr-forms-range-thumb-height */
  height: 0.7rem;
  height: var(--clr-forms-range-thumb-height, 0.7rem);
  /* clr-forms-range-thumb-height */
  width: 0.7rem;
  width: var(--clr-forms-range-thumb-height, 0.7rem);
}

.clr-range:disabled + .fill-input {
  pointer-events: auto;
  cursor: not-allowed;
  /* clr-forms-range-progress-fill-color-disabled */
  background-color: hsl(198, 100%, 32%);
  background-color: var(--clr-forms-range-progress-fill-color-disabled, hsl(198, 100%, 32%));
}

input[type=range] {
  padding: 0;
  -webkit-appearance: none;
  left: 0;
  /* clr-forms-range-track-height */
  height: 0.2rem;
  height: var(--clr-forms-range-track-height, 0.2rem);
  /* clr-forms-range-track-color */
  background-color: hsl(198, 0%, 91%);
  background-color: var(--clr-forms-range-track-color, hsl(198, 0%, 91%));
  border-style: solid;
  /* clr-forms-range-track-border-color */
  border-color: hsl(198, 0%, 91%);
  border-color: var(--clr-forms-range-track-border-color, hsl(198, 0%, 91%));
  /* clr-forms-range-track-border-radius */
  border-radius: 0;
  border-radius: var(--clr-forms-range-track-border-radius, 0);
  /* clr-forms-range-track-border-width */
  border-width: 0;
  border-width: var(--clr-forms-range-track-border-width, 0);
}

input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  transform: translate(0, var(--clr-forms-range-thumb-margin-top, 0.25rem));
  border-radius: 50%;
  /* clr-forms-range-progress-fill-color */
  background-color: hsl(198, 100%, 32%);
  background-color: var(--clr-forms-range-progress-fill-color, hsl(198, 100%, 32%));
  /* clr-forms-range-thumb-margin-top */
  margin-top: 0.25rem;
  margin-top: var(--clr-forms-range-thumb-margin-top, 0.25rem);
  /* clr-forms-range-thumb-height */
  height: 0.7rem;
  height: var(--clr-forms-range-thumb-height, 0.7rem);
  /* clr-forms-range-thumb-height */
  width: 0.7rem;
  width: var(--clr-forms-range-thumb-height, 0.7rem);
}

input[type=range]:disabled {
  border-style: solid;
  /* clr-forms-range-track-border-color-disabled */
  border-color: hsl(198, 0%, 91%);
  border-color: var(--clr-forms-range-track-border-color-disabled, hsl(198, 0%, 91%));
  /* clr-forms-range-track-border-radius */
  border-radius: 0;
  border-radius: var(--clr-forms-range-track-border-radius, 0);
  /* clr-forms-range-track-border-width */
  border-width: 0;
  border-width: var(--clr-forms-range-track-border-width, 0);
}

input[type=range]::-moz-range-thumb {
  border: 0;
  transform: translate(0, var(--clr-forms-range-thumb-margin-top, 0.25rem));
  border-radius: 50%;
  /* clr-forms-range-progress-fill-color */
  background-color: hsl(198, 100%, 32%);
  background-color: var(--clr-forms-range-progress-fill-color, hsl(198, 100%, 32%));
  /* clr-forms-range-thumb-margin-top */
  margin-top: 0.25rem;
  margin-top: var(--clr-forms-range-thumb-margin-top, 0.25rem);
  /* clr-forms-range-thumb-height */
  height: 0.7rem;
  height: var(--clr-forms-range-thumb-height, 0.7rem);
  /* clr-forms-range-thumb-height */
  width: 0.7rem;
  width: var(--clr-forms-range-thumb-height, 0.7rem);
}

@supports (-ms-ime-align: auto) {
  .clr-range-wrapper .fill-input {
    display: none;
  }
  .clr-range-wrapper.progress-fill input[type=range]::-ms-fill-lower {
    height: 0.2rem;
    /* clr-forms-range-progress-fill-color */
    background-color: hsl(198, 100%, 32%);
    background-color: var(--clr-forms-range-progress-fill-color, hsl(198, 100%, 32%));
  }
  input[type=range] {
    border: 0;
    margin: 0;
    -webkit-appearance: none;
    left: 0;
    /* clr-forms-range-thumb-height */
    height: 0.7rem;
    height: var(--clr-forms-range-thumb-height, 0.7rem);
  }
  input[type=range]::-ms-track {
    margin: 0;
    border: 0;
    height: 0.2rem;
    cursor: pointer;
    /* clr-forms-range-track-color */
    background-color: hsl(198, 0%, 91%);
    background-color: var(--clr-forms-range-track-color, hsl(198, 0%, 91%));
  }
  input[type=range]::-ms-thumb {
    border: 0;
    border-radius: 50%;
    /* clr-forms-range-progress-fill-color */
    background-color: hsl(198, 100%, 32%);
    background-color: var(--clr-forms-range-progress-fill-color, hsl(198, 100%, 32%));
    /* clr-forms-range-margin-top */
    margin-top: 0;
    margin-top: var(--clr-forms-range-margin-top, 0);
    /* clr-forms-range-thumb-height */
    height: 0.7rem;
    height: var(--clr-forms-range-thumb-height, 0.7rem);
    /* clr-forms-range-thumb-height */
    width: 0.7rem;
    width: var(--clr-forms-range-thumb-height, 0.7rem);
  }
}
_:-ms-fullscreen .clr-range-wrapper .fill-input,
:root .clr-range-wrapper .fill-input {
  display: none;
}

_:-ms-fullscreen .clr-range-wrapper.progress-fill input[type=range]::-ms-fill-lower,
:root .clr-range-wrapper.progress-fill input[type=range]::-ms-fill-lower {
  height: 0.2rem;
  /* clr-forms-range-progress-fill-color */
  background-color: hsl(198, 100%, 32%);
  background-color: var(--clr-forms-range-progress-fill-color, hsl(198, 100%, 32%));
}

_:-ms-fullscreen input[type=range]::-ms-tooltip,
:root input[type=range]::-ms-tooltip {
  visibility: hidden;
}

_:-ms-fullscreen input[type=range],
:root input[type=range] {
  border: 0;
  margin: 0;
  -webkit-appearance: none;
  left: 0;
  /* clr-forms-range-thumb-height */
  height: 0.7rem;
  height: var(--clr-forms-range-thumb-height, 0.7rem);
}

_:-ms-fullscreen input[type=range]::-ms-track,
:root input[type=range]::-ms-track {
  border: 0;
  margin: 0;
  height: 0.2rem;
  cursor: pointer;
  /* clr-forms-range-track-color */
  background-color: hsl(198, 0%, 91%);
  background-color: var(--clr-forms-range-track-color, hsl(198, 0%, 91%));
}

_:-ms-fullscreen input[type=range]::-ms-thumb,
:root input[type=range]::-ms-thumb {
  border: 0;
  border-radius: 50%;
  /* clr-forms-range-margin-top */
  margin-top: 0;
  margin-top: var(--clr-forms-range-margin-top, 0);
  /* clr-forms-range-thumb-height hsl(198, 100%, 32%) */
  height: 0.7rem;
  height: var(--clr-forms-range-thumb-height hsl(198, 100%, 32%), 0.7rem);
  /* clr-forms-range-thumb-height hsl(198, 100%, 32%) */
  width: 0.7rem;
  width: var(--clr-forms-range-thumb-height hsl(198, 100%, 32%), 0.7rem);
}

/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
input[clrDatalistInput]::-webkit-calendar-picker-indicator {
  opacity: 0;
  cursor: text;
}

.clr-input-group .clr-datalist-caret {
  visibility: hidden;
  /* clr-forms-datalist-caret-icon-size */
  height: 0.8rem;
  height: var(--clr-forms-datalist-caret-icon-size, 0.8rem);
  /* clr-forms-datalist-caret-icon-size */
  width: 0.8rem;
  width: var(--clr-forms-datalist-caret-icon-size, 0.8rem);
  /* clr-forms-datalist-caret-color */
  color: hsl(198, 0%, 55%);
  color: var(--clr-forms-datalist-caret-color, hsl(198, 0%, 55%));
}

.clr-input-group:hover .clr-datalist-caret {
  visibility: visible;
}

.clr-form-control-disabled .clr-datalist-caret {
  /* clr-forms-datalist-caret-disabled-color */
  color: hsl(198, 0%, 55%);
  color: var(--clr-forms-datalist-caret-disabled-color, hsl(198, 0%, 55%));
}

clr-datalist-container .clr-input-group {
  padding-right: 0;
}

/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
.clr-input-wrapper input[clrPassword] + button.clr-input-group-icon-action .clr-password-eye-icon {
  /* clr-forms-password-eye-icon-color */
  color: hsl(198, 100%, 32%);
  color: var(--clr-forms-password-eye-icon-color, hsl(198, 100%, 32%));
}

.clr-input-wrapper input[clrPassword] + button.clr-input-group-icon-action[disabled] .clr-password-eye-icon {
  /* clr-forms-password-disabled-eye-icon-color */
  color: hsl(198, 0%, 70%);
  color: var(--clr-forms-password-disabled-eye-icon-color, hsl(198, 0%, 70%));
}

.clr-input-wrapper input[clrPassword][disabled] {
  /* clr-forms-password-disabled-typography-color */
  color: hsl(198, 0%, 70%);
  color: var(--clr-forms-password-disabled-typography-color, hsl(198, 0%, 70%));
}

/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/* stylelint-disable-next-line meowtec/no-px */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/* stylelint-disable */
/* stylelint-enable */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
:root {
  --clr-calendar-background-color: var(--clr-color-neutral-0);
  --clr-calendar-border-color: var(--clr-color-neutral-400);
  --clr-datepicker-trigger-color: var(--clr-color-action-600);
  --clr-datepicker-trigger-hover-color: var(--clr-color-action-800);
  --clr-calendar-btn-color: var(--clr-color-action-600);
  --clr-calendar-btn-hover-focus-color: var(--clr-global-hover-color);
  --clr-calendar-today-date-cell-color: var(--clr-color-neutral-1000);
  --clr-calendar-active-cell-background-color: var(--clr-global-selection-color);
  --clr-calendar-active-focus-cell-background-color: var(--clr-global-selection-color);
  --clr-calendar-active-cell-color: var(--clr-color-neutral-1000);
  --clr-day-font-size: 0.6rem;
  --clr-calendar-container-border-width: 0.05rem;
  --clr-calendar-container-border-radius: 0.15rem;
  --clr-calendar-cell-border-radius: 0.15rem;
  --clr-calendar-container-padding: 0.6rem;
  --clr-calendar-container-margin-top: 0.3rem;
  --clr-calendar-cell-width-height: 1.8rem;
  --clr-calendar-month-year-button-width: 2.4rem;
  --clr-calendar-month-year-cell-height: 2.4rem;
  --clr-calendar-year-picker-gap: 0;
  --clr-calendar-container-width: 13.9rem;
  --clr-calendar-container-height: 15.7rem;
  --clr-calendar-month-year-cell-width: 6.3rem;
  --clr-calendar-weekday-font-size: var(--clr-day-font-size);
  --clr-calendar-weekday-font-weight: 600;
  --clr-calendar-weekday-line-height: inherit;
  --clr-calendar-weekday-letter-spacing: inherit;
  --clr-calendar-day-font-size: inherit;
  --clr-calendar-day-font-weight: inherit;
  --clr-calendar-day-line-height: 1.8rem;
  --clr-calendar-day-letter-spacing: inherit;
  --clr-calendar-month-year-font-size-: 0.9rem;
  --clr-calendar-month-year-font-weight: 200;
  --clr-calendar-month-year-line-height: 1.8rem;
  --clr-calendar-month-year-letter-spacing: inherit;
  --clr-calendar-picker-btn-font-size: 0.9rem;
  --clr-calendar-picker-btn-font-weight: 200;
  --clr-calendar-picker-btn-line-height: 1.8rem;
  --clr-calendar-picker-btn-letter-spacing: normal;
  --clr-calendar-today-date-cell-font-weight: 600;
}

.date-container {
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
}

.datepicker-trigger {
  /* clr-calendar-cell-width-height */
  height: 1.8rem;
  height: var(--clr-calendar-cell-width-height, 1.8rem);
  /* clr-calendar-cell-width-height */
  width: 1.8rem;
  width: var(--clr-calendar-cell-width-height, 1.8rem);
  /* clr-calendar-cell-width-height */
  min-height: 1.8rem;
  min-height: var(--clr-calendar-cell-width-height, 1.8rem);
  /* clr-calendar-cell-width-height */
  min-width: 1.8rem;
  min-width: var(--clr-calendar-cell-width-height, 1.8rem);
  padding: 0 0;
  margin: 0 !important;
  color: inherit;
  border: none;
  /* clr-calendar-cell-border-radius */
  border-radius: 0.15rem;
  border-radius: var(--clr-calendar-cell-border-radius, 0.15rem);
  background: none;
  cursor: pointer;
}

.datepicker-trigger .datepicker-trigger-icon {
  /* clr-datepicker-trigger-color */
  fill: hsl(198, 100%, 32%);
  fill: var(--clr-datepicker-trigger-color, hsl(198, 100%, 32%));
}

.datepicker-trigger .datepicker-trigger-icon:hover {
  /* clr-datepicker-trigger-hover-color */
  fill: hsl(198, 100%, 24%);
  fill: var(--clr-datepicker-trigger-hover-color, hsl(198, 100%, 24%));
}

.datepicker-trigger:disabled {
  cursor: not-allowed;
}

.clr-form-control .datepicker-trigger {
  line-height: 1.1rem;
  height: 1.1rem;
}

.date-input {
  flex: 1 1 auto;
}

.datepicker {
  display: flex;
  flex-direction: column;
  /* clr-calendar-container-margin-top */
  margin-top: 0.3rem;
  margin-top: var(--clr-calendar-container-margin-top, 0.3rem);
  /* clr-calendar-container-padding */
  padding: 0.6rem;
  padding: var(--clr-calendar-container-padding, 0.6rem);
  /* clr-calendar-container-width */
  width: 13.9rem;
  width: var(--clr-calendar-container-width, 13.9rem);
  /* clr-calendar-container-height */
  height: 15.7rem;
  height: var(--clr-calendar-container-height, 15.7rem);
  /* clr-calendar-background-color */
  background: hsl(198, 0%, 100%);
  background: var(--clr-calendar-background-color, hsl(198, 0%, 100%));
  border-style: solid;
  /* clr-calendar-container-border-width */
  border-width: 0.05rem;
  border-width: var(--clr-calendar-container-border-width, 0.05rem);
  /* clr-calendar-border-color */
  border-color: hsl(198, 0%, 80%);
  border-color: var(--clr-calendar-border-color, hsl(198, 0%, 80%));
  /* clr-calendar-container-border-radius */
  border-radius: 0.15rem;
  border-radius: var(--clr-calendar-container-border-radius, 0.15rem);
  box-shadow: 0 0.05rem 0.15rem rgba(140, 140, 140, 0.25);
  box-shadow: 0 0.05rem 0.15rem var(--clr-popover-box-shadow-color, rgba(140, 140, 140, 0.25));
  overflow: hidden;
  z-index: 1050;
}

.calendar-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.calendar-switchers,
.year-switchers {
  transform: translateY(-0.1rem);
  display: flex;
}

.year-switchers {
  flex: 0 0 auto;
  width: 5.4rem;
  align-self: center;
}

.calendar-table {
  flex: 1 1 auto;
  width: 100%;
}

.calendar-cell,
.calendar-table .calendar-cell {
  /* clr-calendar-cell-width-height */
  height: 1.8rem;
  height: var(--clr-calendar-cell-width-height, 1.8rem);
  /* clr-calendar-cell-width-height */
  width: 1.8rem;
  width: var(--clr-calendar-cell-width-height, 1.8rem);
  /* clr-calendar-cell-width-height */
  min-height: 1.8rem;
  min-height: var(--clr-calendar-cell-width-height, 1.8rem);
  /* clr-calendar-cell-width-height */
  min-width: 1.8rem;
  min-width: var(--clr-calendar-cell-width-height, 1.8rem);
  padding: 0;
  text-align: center;
}

.day {
  display: inline-block;
}

.weekdays {
  flex: 0 0 1.8rem;
}

.weekday {
  /* clr-calendar-weekday-font-size */
  font-size: 0.6rem;
  font-size: var(--clr-calendar-weekday-font-size, 0.6rem);
  /* clr-calendar-weekday-font-weight */
  font-weight: 600;
  font-weight: var(--clr-calendar-weekday-font-weight, 600);
  /* clr-calendar-weekday-line-height */
  line-height: inherit;
  line-height: var(--clr-calendar-weekday-line-height, inherit);
  /* clr-calendar-weekday-letter-spacing */
  letter-spacing: inherit;
  letter-spacing: var(--clr-calendar-weekday-letter-spacing, inherit);
}

.calendar-btn {
  /* clr-calendar-cell-width-height */
  height: 1.8rem;
  height: var(--clr-calendar-cell-width-height, 1.8rem);
  /* clr-calendar-cell-width-height */
  width: 1.8rem;
  width: var(--clr-calendar-cell-width-height, 1.8rem);
  /* clr-calendar-cell-width-height */
  min-height: 1.8rem;
  min-height: var(--clr-calendar-cell-width-height, 1.8rem);
  /* clr-calendar-cell-width-height */
  min-width: 1.8rem;
  min-width: var(--clr-calendar-cell-width-height, 1.8rem);
  padding: 0 0;
  margin: 0 !important;
  color: inherit;
  border: none;
  /* clr-calendar-cell-border-radius */
  border-radius: 0.15rem;
  border-radius: var(--clr-calendar-cell-border-radius, 0.15rem);
  background: none;
  cursor: pointer;
  /* clr-calendar-picker-btn-font-size */
  font-size: 0.9rem;
  font-size: var(--clr-calendar-picker-btn-font-size, 0.9rem);
  /* clr-calendar-picker-btn-font-weight */
  font-weight: 200;
  font-weight: var(--clr-calendar-picker-btn-font-weight, 200);
  /* clr-calendar-picker-btn-line-height */
  line-height: 1.8rem;
  line-height: var(--clr-calendar-picker-btn-line-height, 1.8rem);
  /* clr-calendar-picker-btn-letter-spacing */
  letter-spacing: normal;
  letter-spacing: var(--clr-calendar-picker-btn-letter-spacing, normal);
}

.calendar-btn:hover, .calendar-btn:focus {
  /* clr-calendar-btn-hover-focus-color */
  background: hsl(198, 0%, 91%);
  background: var(--clr-calendar-btn-hover-focus-color, hsl(198, 0%, 91%));
}

.calendar-btn:focus {
  outline: 0;
}

.calendar-btn:active {
  /* clr-calendar-btn-active-color-bg */
  background: hsl(198, 0%, 91%);
  background: var(--clr-calendar-btn-active-color-bg, hsl(198, 0%, 91%));
}

.day-btn {
  /* clr-calendar-cell-width-height */
  height: 1.8rem;
  height: var(--clr-calendar-cell-width-height, 1.8rem);
  /* clr-calendar-cell-width-height */
  width: 1.8rem;
  width: var(--clr-calendar-cell-width-height, 1.8rem);
  /* clr-calendar-cell-width-height */
  min-height: 1.8rem;
  min-height: var(--clr-calendar-cell-width-height, 1.8rem);
  /* clr-calendar-cell-width-height */
  min-width: 1.8rem;
  min-width: var(--clr-calendar-cell-width-height, 1.8rem);
  padding: 0 0;
  margin: 0 !important;
  color: inherit;
  border: none;
  /* clr-calendar-cell-border-radius */
  border-radius: 0.15rem;
  border-radius: var(--clr-calendar-cell-border-radius, 0.15rem);
  background: none;
  cursor: pointer;
  width: 100%;
  color: inherit;
  /* clr-calendar-day-font-size */
  font-size: inherit;
  font-size: var(--clr-calendar-day-font-size, inherit);
  /* clr-calendar-day-font-weight */
  font-weight: inherit;
  font-weight: var(--clr-calendar-day-font-weight, inherit);
  /* clr-calendar-day-line-height */
  line-height: 1.8rem;
  line-height: var(--clr-calendar-day-line-height, 1.8rem);
  /* clr-calendar-day-letter-spacing */
  letter-spacing: inherit;
  letter-spacing: var(--clr-calendar-day-letter-spacing, inherit);
}

.day-btn:hover, .day-btn:focus {
  /* clr-calendar-btn-hover-focus-color */
  background: hsl(198, 0%, 91%);
  background: var(--clr-calendar-btn-hover-focus-color, hsl(198, 0%, 91%));
}

.day-btn:focus {
  outline: 0;
}

.day-btn:active {
  /* clr-calendar-btn-active-color-bg */
  background: hsl(198, 0%, 91%);
  background: var(--clr-calendar-btn-active-color-bg, hsl(198, 0%, 91%));
}

.day-btn:hover, .day-btn:focus {
  /* clr-calendar-btn-hover-focus-color-text */
  color: inherit;
  color: var(--clr-calendar-btn-hover-focus-color-text, inherit);
}

.day-btn:active {
  /* clr-calendar-btn-active-color */
  color: inherit;
  color: var(--clr-calendar-btn-active-color, inherit);
}

.day-btn.is-today {
  /* clr-calendar-today-date-cell-color */
  color: hsl(198, 0%, 0%);
  color: var(--clr-calendar-today-date-cell-color, hsl(198, 0%, 0%));
  /* clr-calendar-today-date-cell-font-weight */
  font-weight: 600;
  font-weight: var(--clr-calendar-today-date-cell-font-weight, 600);
}

.day-btn.is-excluded {
  /* clr-calendar-disable-opacity */
  opacity: 0.4;
  opacity: var(--clr-calendar-disable-opacity, 0.4);
  /* clr-calendar-disable-color */
  color: inherit;
  color: var(--clr-calendar-disable-color, inherit);
}

.day-btn.is-excluded:hover {
  background: none;
}

.day-btn.is-selected {
  /* clr-calendar-active-cell-background-color */
  background: hsl(201, 29%, 88%);
  background: var(--clr-calendar-active-cell-background-color, hsl(201, 29%, 88%));
  /* clr-calendar-active-cell-color */
  color: hsl(198, 0%, 0%);
  color: var(--clr-calendar-active-cell-color, hsl(198, 0%, 0%));
}

.day-btn.is-selected:focus {
  /* clr-calendar-active-focus-cell-background-color */
  background: hsl(201, 29%, 88%);
  background: var(--clr-calendar-active-focus-cell-background-color, hsl(201, 29%, 88%));
}

.day-btn.is-disabled {
  /* clr-calendar-disable-opacity */
  opacity: 0.4;
  opacity: var(--clr-calendar-disable-opacity, 0.4);
  /* clr-calendar-disable-color */
  color: inherit;
  color: var(--clr-calendar-disable-color, inherit);
  pointer-events: none;
}

.day-btn.is-disabled:hover {
  background: none;
}

.calendar-pickers {
  display: flex;
}

.switcher {
  /* clr-calendar-btn-color */
  color: hsl(198, 100%, 32%);
  color: var(--clr-calendar-btn-color, hsl(198, 100%, 32%));
}

.switcher:hover, .switcher:focus {
  /* clr-calendar-btn-hover-focus-color-text */
  color: hsl(198, 100%, 32%);
  color: var(--clr-calendar-btn-hover-focus-color-text, hsl(198, 100%, 32%));
}

.switcher:active {
  /* clr-calendar-btn-active-color */
  color: hsl(198, 100%, 32%);
  color: var(--clr-calendar-btn-active-color, hsl(198, 100%, 32%));
}

.switcher cds-icon,
.switcher clr-icon {
  height: 0.9rem;
  width: 0.9rem;
}

.monthpicker-trigger,
.yearpicker-trigger {
  /* clr-calendar-month-year-button-width */
  width: 2.4rem;
  width: var(--clr-calendar-month-year-button-width, 2.4rem);
  /* clr-calendar-btn-picker-trigger-color */
  color: hsl(198, 100%, 32%);
  color: var(--clr-calendar-btn-picker-trigger-color, hsl(198, 100%, 32%));
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.monthpicker,
.yearpicker {
  min-height: 14.4rem;
}

.monthpicker,
.yearpicker,
.years {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.yearpicker {
  /* clr-calendar-year-picker-gap */
  gap: 0;
  gap: var(--clr-calendar-year-picker-gap, 0);
}

.monthpicker,
.years {
  flex-wrap: wrap;
}

.month,
.year {
  /* clr-calendar-cell-width-height */
  height: 1.8rem;
  height: var(--clr-calendar-cell-width-height, 1.8rem);
  /* clr-calendar-cell-width-height */
  width: 1.8rem;
  width: var(--clr-calendar-cell-width-height, 1.8rem);
  /* clr-calendar-cell-width-height */
  min-height: 1.8rem;
  min-height: var(--clr-calendar-cell-width-height, 1.8rem);
  /* clr-calendar-cell-width-height */
  min-width: 1.8rem;
  min-width: var(--clr-calendar-cell-width-height, 1.8rem);
  padding: 0 0.6rem;
  margin: 0 !important;
  color: inherit;
  border: none;
  /* clr-calendar-cell-border-radius */
  border-radius: 0.15rem;
  border-radius: var(--clr-calendar-cell-border-radius, 0.15rem);
  background: none;
  cursor: pointer;
  /* clr-calendar-month-year-cell-height */
  height: 2.4rem;
  height: var(--clr-calendar-month-year-cell-height, 2.4rem);
  /* clr-calendar-month-year-cell-width */
  width: 6.3rem;
  width: var(--clr-calendar-month-year-cell-width, 6.3rem);
  outline-offset: -0.25rem;
  /* clr-calendar-month-year-font-size */
  font-size: 0.9rem;
  font-size: var(--clr-calendar-month-year-font-size, 0.9rem);
  /* clr-calendar-month-year-font-weight */
  font-weight: 200;
  font-weight: var(--clr-calendar-month-year-font-weight, 200);
  /* clr-calendar-month-year-line-height */
  line-height: 1.8rem;
  line-height: var(--clr-calendar-month-year-line-height, 1.8rem);
  /* clr-calendar-month-year-letter-spacing */
  letter-spacing: inherit;
  letter-spacing: var(--clr-calendar-month-year-letter-spacing, inherit);
}

.month:hover, .month:focus,
.year:hover,
.year:focus {
  /* clr-calendar-btn-hover-focus-color-text */
  color: inherit;
  color: var(--clr-calendar-btn-hover-focus-color-text, inherit);
}

.month:active,
.year:active {
  /* clr-calendar-btn-active-color */
  color: inherit;
  color: var(--clr-calendar-btn-active-color, inherit);
}

.month.is-disabled,
.year.is-disabled {
  /* clr-calendar-disable-opacity */
  opacity: 0.4;
  opacity: var(--clr-calendar-disable-opacity, 0.4);
  /* clr-calendar-disable-color */
  color: inherit;
  color: var(--clr-calendar-disable-color, inherit);
  pointer-events: none;
}

.month.is-disabled:hover,
.year.is-disabled:hover {
  background: none;
}

.month.is-selected,
.year.is-selected {
  /* clr-calendar-active-cell-background-color */
  background: hsl(201, 29%, 88%);
  background: var(--clr-calendar-active-cell-background-color, hsl(201, 29%, 88%));
  /* clr-calendar-active-cell-color */
  color: hsl(198, 0%, 0%);
  color: var(--clr-calendar-active-cell-color, hsl(198, 0%, 0%));
}

.month.is-selected:focus,
.year.is-selected:focus {
  /* clr-calendar-active-focus-cell-background-color */
  background: hsl(201, 29%, 88%);
  background: var(--clr-calendar-active-focus-cell-background-color, hsl(201, 29%, 88%));
}

.month {
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.year {
  text-align: center;
}

/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/* stylelint-disable-next-line meowtec/no-px */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/* stylelint-disable */
/* stylelint-enable */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
:root {
  --clr-combobox-trigger-color: var(--clr-color-neutral-500);
  --clr-combobox-font-size: 0.65rem;
  --clr-combobox-font-weight: inherit;
  --clr-combobox-min-height: 1.2rem;
  --clr-combobox-min-width: 8.4rem;
  --clr-combobox-border-color: hsl(198, 0%, 91%);
  --clr-combobox-border-radius: 0.15rem;
  --clr-combobox-input-background-color: hsl(198, 0%, 95%);
  --clr-combobox-pill-background-color: hsl(198, 0%, 100%);
  --clr-combobox-pill-border-color: hsl(198, 0%, 40%);
  --clr-combobox-pill-border-radius: 0.15rem;
  --clr-combobox-pill-font-color: hsl(198, 0%, 27%);
  --clr-combobox-filter-highlight: hsl(198, 0%, 27%);
  --clr-combobox-text-color: inherit;
  --clr-combobox-trigger-font-color: hsl(198, 0%, 27%);
  --clr-combobox-hover-background-color: hsl(198, 0%, 95%);
  --clr-combobox-pill-padding: 0 0.1rem 0 0.2rem;
  --clr-combobox-pill-margin: 0.15rem 0.3rem 0 0;
  --clr-combobox-pill-remove-icon-color: hsl(198, 0%, 27%);
  --clr-combobox-active-background-color: hsl(198, 0%, 91%);
  --clr-combobox-caret-icon-size: 0.6rem;
}

.clr-combobox-form-control {
  align-items: stretch;
}

.clr-combobox-form-control .clr-error .clr-validate-icon {
  margin-left: 0;
}

.clr-focus-indicator {
  /* clr-forms-focused-color */
  background-color: hsl(198, 100%, 32%);
  background-color: var(--clr-forms-focused-color, hsl(198, 100%, 32%));
  height: 0.1rem;
  width: 0;
  transition: width 0.2s ease;
  position: absolute;
  bottom: -0.05rem;
  left: 0;
  /* clr-combobox-border-radius */
  border-bottom-left-radius: 0.15rem;
  border-bottom-left-radius: var(--clr-combobox-border-radius, 0.15rem);
  /* clr-combobox-border-radius */
  border-bottom-right-radius: 0.15rem;
  border-bottom-right-radius: var(--clr-combobox-border-radius, 0.15rem);
}

.clr-focus {
  width: 100%;
}

.clr-error .clr-focus-indicator {
  /* clr-forms-invalid-color */
  background-color: hsl(9, 100%, 38%);
  background-color: var(--clr-forms-invalid-color, hsl(9, 100%, 38%));
}

.clr-combobox-wrapper {
  position: relative;
  padding: 0 calc(var(--clr-combobox-trigger-gap, 0.6rem) + 0.6rem + var(--clr-combobox-trigger-padding-right, 0.3rem)) 0 0.3rem;
  /* clr-combobox-padding-left */
  padding-left: 0.3rem;
  padding-left: var(--clr-combobox-padding-left, 0.3rem);
  /* clr-combobox-min-height */
  min-height: 1.2rem;
  min-height: var(--clr-combobox-min-height, 1.2rem);
  /* clr-combobox-min-width */
  min-width: 8.4rem;
  min-width: var(--clr-combobox-min-width, 8.4rem);
  /* clr-combobox-font-size */
  font-size: 0.65rem;
  font-size: var(--clr-combobox-font-size, 0.65rem);
  /* clr-combobox-font-weight */
  font-weight: inherit;
  font-weight: var(--clr-combobox-font-weight, inherit);
  /* clr-forms-text-color */
  color: hsl(198, 0%, 0%);
  color: var(--clr-forms-text-color, hsl(198, 0%, 0%));
  border-bottom: 0.05rem solid;
  /* clr-forms-border-color */
  border-bottom-color: hsl(198, 10%, 46%);
  border-bottom-color: var(--clr-forms-border-color, hsl(198, 10%, 46%));
  display: inline-block;
  /* clr-combobox-input-background-color */
  background-color: hsl(198, 0%, 95%);
  background-color: var(--clr-combobox-input-background-color, hsl(198, 0%, 95%));
  border-width: 0.05rem;
  border-style: solid;
  /* clr-combobox-border-color */
  border-color: hsl(198, 0%, 91%);
  border-color: var(--clr-combobox-border-color, hsl(198, 0%, 91%));
  /* clr-forms-border-color */
  border-bottom-color: hsl(198, 10%, 46%);
  border-bottom-color: var(--clr-forms-border-color, hsl(198, 10%, 46%));
  /* clr-combobox-border-radius */
  border-radius: 0.15rem;
  border-radius: var(--clr-combobox-border-radius, 0.15rem);
}

.clr-combobox-wrapper .clr-input {
  padding-right: 0;
  /* clr-combobox-input-left */
  padding-left: 0.3rem;
  padding-left: var(--clr-combobox-input-left, 0.3rem);
  /* clr-combobox-input-height */
  max-height: 1.5rem;
  max-height: var(--clr-combobox-input-height, 1.5rem);
}

.clr-combobox-wrapper .clr-input:not(:disabled) {
  /* clr-combobox-text-color */
  color: inherit;
  color: var(--clr-combobox-text-color, inherit);
}

.clr-combobox-wrapper.multi {
  min-width: min(18rem, 100%);
  padding-bottom: 0.15rem;
}

.clr-combobox-wrapper .clr-input.clr-combobox-input:focus {
  background: none;
}

.clr-combobox-wrapper.invalid {
  border-bottom-color: hsl(9, 100%, 38%);
}

.clr-combobox-wrapper .clr-combobox-input {
  background: none;
  border-bottom: none;
  /* clr-combobox-input-align */
  vertical-align: baseline;
  vertical-align: var(--clr-combobox-input-align, baseline);
}

.clr-combobox-wrapper .clr-combobox-remove-btn {
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0.15rem 0.15rem;
  color: hsl(198, 0%, 27%);
  /* clr-combobox-pill-remove-icon-color */
  color: hsl(198, 0%, 27%);
  color: var(--clr-combobox-pill-remove-icon-color, hsl(198, 0%, 27%));
}

.clr-combobox-wrapper .label-combobox-pill {
  /* clr-combobox-pill-font-weight */
  font-weight: 400;
  font-weight: var(--clr-combobox-pill-font-weight, 400);
  /* clr-combobox-pill-font-size */
  font-size: 0.55rem;
  font-size: var(--clr-combobox-pill-font-size, 0.55rem);
  /* clr-combobox-pill-line-height */
  line-height: 0.6rem;
  line-height: var(--clr-combobox-pill-line-height, 0.6rem);
  /* clr-combobox-pill-letter-spacing */
  letter-spacing: 0.03em;
  letter-spacing: var(--clr-combobox-pill-letter-spacing, 0.03em);
  /* clr-combobox-pill-height */
  height: 1.05rem;
  height: var(--clr-combobox-pill-height, 1.05rem);
  /* clr-combobox-pill-margin */
  margin: 0.15rem 0.3rem 0 0;
  margin: var(--clr-combobox-pill-margin, 0.15rem 0.3rem 0 0);
  /* clr-combobox-pill-background-color */
  background-color: hsl(198, 0%, 100%);
  background-color: var(--clr-combobox-pill-background-color, hsl(198, 0%, 100%));
  border-width: 0.05rem;
  border-style: solid;
  /* clr-combobox-pill-align-items */
  align-items: baseline;
  align-items: var(--clr-combobox-pill-align-items, baseline);
  /* clr-combobox-pill-border-radius */
  border-radius: 0.15rem;
  border-radius: var(--clr-combobox-pill-border-radius, 0.15rem);
  /* clr-combobox-pill-border-color */
  border-color: hsl(198, 0%, 40%);
  border-color: var(--clr-combobox-pill-border-color, hsl(198, 0%, 40%));
  /* clr-combobox-pill-padding */
  padding: 0 0.1rem 0 0.2rem;
  padding: var(--clr-combobox-pill-padding, 0 0.1rem 0 0.2rem);
}

.clr-combobox-wrapper .label-combobox-pill .clr-combobox-pill-content {
  /* clr-combobox-pill-font-color */
  color: hsl(198, 0%, 27%);
  color: var(--clr-combobox-pill-font-color, hsl(198, 0%, 27%));
  font-size: 0.55rem;
  font-weight: 400;
  padding: 0 0.4rem 0 0.2rem;
}

.clr-combobox-wrapper .label-combobox-pill cds-icon,
.clr-combobox-wrapper .label-combobox-pill clr-icon {
  /* clr-combobox-item-icon-override */
  margin-top: 0;
  margin-top: var(--clr-combobox-item-icon-override, 0);
}

.clr-combobox-wrapper .label-combobox-pill cds-icon[shape=window-close],
.clr-combobox-wrapper .label-combobox-pill clr-icon[shape=window-close] {
  /* clr-combobox-pill-font-color */
  color: hsl(198, 0%, 27%);
  color: var(--clr-combobox-pill-font-color, hsl(198, 0%, 27%));
}

.clr-combobox-wrapper .clr-combobox-input-wrapper {
  border: none;
  background: none;
}

.clr-combobox-wrapper:not(.disabled):hover, .clr-combobox-wrapper:focus-within {
  /* clr-combobox-hover-background-color */
  background-color: hsl(198, 0%, 95%);
  background-color: var(--clr-combobox-hover-background-color, hsl(198, 0%, 95%));
}

.clr-combobox-trigger {
  /* clr-combobox-trigger-padding-left */
  padding-left: 0.3rem;
  padding-left: var(--clr-combobox-trigger-padding-left, 0.3rem);
  /* clr-combobox-trigger-padding-right */
  padding-right: 0.3rem;
  padding-right: var(--clr-combobox-trigger-padding-right, 0.3rem);
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  background: none;
  border: none;
  color: currentColor;
  cursor: pointer;
  outline: none;
}

.clr-combobox-trigger:disabled {
  color: var(--clr-btn-link-disabled-color, #666);
  opacity: 0.4;
}

.clr-combobox-trigger cds-icon[shape=angle],
.clr-combobox-trigger clr-icon[shape=angle] {
  /* clr-combobox-trigger-font-color */
  color: hsl(198, 0%, 27%);
  color: var(--clr-combobox-trigger-font-color, hsl(198, 0%, 27%));
  /* clr-combobox-caret-icon-size */
  height: 0.6rem;
  height: var(--clr-combobox-caret-icon-size, 0.6rem);
  /* clr-combobox-caret-icon-size */
  width: 0.6rem;
  width: var(--clr-combobox-caret-icon-size, 0.6rem);
  /* clr-combobox-caret-icon-size */
  min-height: 0.6rem;
  min-height: var(--clr-combobox-caret-icon-size, 0.6rem);
  /* clr-combobox-caret-icon-size */
  min-width: 0.6rem;
  min-width: var(--clr-combobox-caret-icon-size, 0.6rem);
}

.clr-combobox-options {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 6rem;
  max-width: 18rem;
  /* clr-dropdown-bg-color */
  background-color: hsl(198, 0%, 100%);
  background-color: var(--clr-dropdown-bg-color, hsl(198, 0%, 100%));
  /* clr-global-borderwidth */
  border-width: 0.05rem;
  border-width: var(--clr-global-borderwidth, 0.05rem);
  border-style: solid;
  /* clr-dropdown-border-color */
  border-color: hsl(198, 0%, 80%);
  border-color: var(--clr-dropdown-border-color, hsl(198, 0%, 80%));
  /* clr-dropdown-border-radius */
  border-radius: 0.15rem;
  border-radius: var(--clr-dropdown-border-radius, 0.15rem);
  box-shadow: 0 0.05rem 0.15rem rgba(140, 140, 140, 0.25);
  box-shadow: 0 0.05rem 0.15rem var(--clr-dropdown-box-shadow, rgba(140, 140, 140, 0.25));
  margin-top: 0.1rem;
  /* clr-dropdown-items-padding */
  padding: 0.6rem 0;
  padding: var(--clr-dropdown-items-padding, 0.6rem 0);
  visibility: hidden;
  z-index: 1050;
  position: static;
  max-height: 12rem;
  overflow-y: scroll;
  visibility: visible;
}

.clr-combobox-options .clr-combobox-options-loading {
  padding: 0.15rem 1.2rem;
}

.clr-combobox-options .clr-combobox-options-loading .clr-combobox-options-loading-text {
  padding-left: 0.3rem;
}

.clr-combobox-options .clr-combobox-options-empty-text {
  padding-left: 0.6rem;
}

.clr-combobox-option {
  /* clr-dropdown-item-color */
  color: hsl(198, 0%, 40%);
  color: var(--clr-dropdown-item-color, hsl(198, 0%, 40%));
  font-size: 0.7rem;
  /* clr-dropdown-item-font-weight */
  font-weight: 400;
  font-weight: var(--clr-dropdown-item-font-weight, 400);
  letter-spacing: normal;
  background: transparent;
  border: 0;
  cursor: pointer;
  display: block;
  height: auto;
  line-height: inherit;
  margin: 0;
  width: 100%;
  text-transform: none;
  /* clr-dropdown-font-size */
  font-size: inherit;
  font-size: var(--clr-dropdown-font-size, inherit);
  /* clr-dropdown-letter-spacing */
  letter-spacing: inherit;
  letter-spacing: var(--clr-dropdown-letter-spacing, inherit);
  /* clr-dropdown-line-height */
  line-height: inherit;
  line-height: var(--clr-dropdown-line-height, inherit);
}

.clr-combobox-option:hover {
  /* clr-dropdown-bg-hover-color */
  background-color: hsl(198, 0%, 91%);
  background-color: var(--clr-dropdown-bg-hover-color, hsl(198, 0%, 91%));
  /* clr-dropdown-item-color */
  color: hsl(198, 0%, 40%);
  color: var(--clr-dropdown-item-color, hsl(198, 0%, 40%));
  text-decoration: none;
}

.clr-combobox-option.active {
  /* clr-dropdown-selection-color */
  background-color: hsl(201, 29%, 88%);
  background-color: var(--clr-dropdown-selection-color, hsl(201, 29%, 88%));
  /* clr-dropdown-active-text-color */
  color: hsl(198, 0%, 0%);
  color: var(--clr-dropdown-active-text-color, hsl(198, 0%, 0%));
}

.clr-combobox-option:active {
  box-shadow: none;
}

.clr-combobox-option:focus {
  z-index: inherit;
}

.clr-combobox-option.disabled, .clr-combobox-option:disabled {
  pointer-events: none;
  opacity: 0.4;
  -webkit-user-select: none;
          user-select: none;
}

.clr-combobox-option.disabled:hover, .clr-combobox-option:disabled:hover {
  background: none;
}

.clr-combobox-option.disabled:active, .clr-combobox-option:disabled:active {
  background: none;
  box-shadow: none;
}

.clr-combobox-option.clr-focus {
  /* clr-combobox-active-background-color */
  background-color: hsl(198, 0%, 91%);
  background-color: var(--clr-combobox-active-background-color, hsl(198, 0%, 91%));
}

.clr-combobox-options .clr-combobox-option {
  /* clr-dropdown-item-padding */
  padding: 0.15rem 1.2rem;
  padding: var(--clr-dropdown-item-padding, 0.15rem 1.2rem);
}

@media screen and (max-width: 576px) {
  .clr-combobox-options .clr-combobox-option {
    padding: 0.3rem 1.2rem;
  }
}
.clr-combobox-options .clr-combobox-option:hover, .clr-combobox-options .clr-combobox-option.active {
  /* clr-dropdown-item-color */
  color: hsl(198, 0%, 40%);
  color: var(--clr-dropdown-item-color, hsl(198, 0%, 40%));
}

.clr-combobox-disabled {
  /* clr-forms-text-disabled-color */
  color: hsl(198, 0%, 70%);
  color: var(--clr-forms-text-disabled-color, hsl(198, 0%, 70%));
  cursor: not-allowed;
}

.clr-combobox-disabled .clr-combobox-input,
.clr-combobox-disabled .clr-combobox-remove-btn,
.clr-combobox-disabled .clr-combobox-trigger {
  cursor: not-allowed;
}

.clr-filter-highlight b {
  font-weight: 500;
  /* clr-combobox-filter-highlight */
  color: hsl(198, 0%, 27%);
  color: var(--clr-combobox-filter-highlight, hsl(198, 0%, 27%));
}

/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/* stylelint-disable-next-line meowtec/no-px */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/* stylelint-disable */
/* stylelint-enable */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
:root {
  --clr-stack-view-border-radius: 0.15rem;
  --clr-stack-view-border-color: var(--clr-color-neutral-400);
  --clr-stack-view-bg-color: var(--clr-color-neutral-50);
  --clr-stack-view-stack-block-border-bottom: var(--clr-color-neutral-300);
  --clr-stack-view-title-color: hsl(198, 0%, 0%);
  --clr-stack-view-color: hsl(198, 0%, 40%);
  --clr-stack-view-stack-block-label-text-color: var(--clr-global-font-color);
  --clr-stack-view-border-box-color: var(--clr-color-neutral-300);
  --clr-stack-block-changed-border-top-color: var(--clr-color-action-600);
  --clr-stack-view-stack-block-label-and-content-bg-color: var(--clr-color-neutral-50);
  --clr-stack-view-stack-children-stack-block-border-bottom-color: var(--clr-color-neutral-200);
  --clr-stack-view-stack-children-stack-block-label-and-content-bg-color: var(--clr-color-neutral-0);
  --clr-stack-view-stack-block-expanded-bg-color: var(--clr-global-selection-color);
  --clr-stack-view-stack-block-expandable-hover: var(--clr-stack-view-stack-block-label-text-color);
  --clr-stack-view-stack-block-content-text-color: inherit;
  --clr-stack-view-stack-block-expanded-text-color: var(--clr-color-neutral-1000);
  --clr-stack-view-stack-block-caret-color: var(--clr-global-font-color);
  --clr-stack-view-block-expanded-border-bottom-style: none;
  --clr-stack-view-border-width: 0.05rem;
  --clr-stack-view-stack-block-label-padding: 0.3rem 0.6rem;
  --clr-stack-view-key-margin: 0;
  --clr-stack-view-stack-block-caret-margin-right: 0.24rem;
  --clr-stack-view-stack-block-caret-dimension: 0.7rem;
  --clr-stack-view-block-label-before-margin: 0.35rem 0.24rem 0 0;
  --clr-stack-view-stack-children-block-label-padding-left: 1.8rem;
  --clr-stack-view-stack-children-block-content-padding-left: 0.36rem;
  --clr-stack-view-stack-title-btn-margin-right: -0.6rem;
  --clr-stack-view-stack-title-padding: 0.3rem 0;
  --clr-stack-view-stack-title-font-size: var(--clr-h4-font-size);
  --clr-stack-view-stack-title-font-weight: var(--clr-h4-font-weight);
  --clr-stack-view-stack-title-line-height: inherit;
  --clr-stack-view-stack-title-letter-spacing: inherit;
  --clr-stack-view-stack-row-font-size: 0.65rem;
  --clr-stack-view-stack-row-font-weight: 400;
  --clr-stack-view-stack-row-line-height: 1.2rem;
  --clr-stack-view-stack-row-letter-spacing: normal;
  --clr-stack-view-stack-block-expanded-caret-color: var(--clr-stack-view-stack-block-caret-color);
  --clr-stack-view-stack-block-expandable-active-caret-color: var(--clr-stack-view-stack-block-caret-color);
  --clr-stack-view-stack-block-expandable-hover-caret-color: var(--clr-stack-view-stack-block-caret-color);
}

.stack-header {
  font-weight: 400;
  display: flex;
  align-items: flex-end;
}

.stack-header .stack-title {
  display: block;
  flex: 1 1 auto;
  /* clr-stack-view-title-color */
  color: hsl(198, 0%, 0%);
  color: var(--clr-stack-view-title-color, hsl(198, 0%, 0%));
  /* clr-stack-view-stack-title-padding */
  padding: 0.3rem 0;
  padding: var(--clr-stack-view-stack-title-padding, 0.3rem 0);
  /* clr-stack-view-stack-title-font-weight */
  font-weight: 200;
  font-weight: var(--clr-stack-view-stack-title-font-weight, 200);
  /* clr-stack-view-stack-title-font-size */
  font-size: 1.08rem;
  font-size: var(--clr-stack-view-stack-title-font-size, 1.08rem);
  /* clr-stack-view-stack-title-line-height */
  line-height: inherit;
  line-height: var(--clr-stack-view-stack-title-line-height, inherit);
  /* clr-stack-view-stack-title-letter-spacing */
  letter-spacing: inherit;
  letter-spacing: var(--clr-stack-view-stack-title-letter-spacing, inherit);
}

.stack-header .stack-actions {
  display: block;
  flex: 0 0 auto;
}

.stack-header .stack-actions .stack-action {
  margin: 0 0 0.3rem 0.6rem;
}

.stack-header .stack-actions .stack-action.btn {
  min-width: 0;
  padding: 0 0.6rem;
}

.stack-header .stack-actions .stack-action.btn-link {
  /* clr-stack-view-stack-title-btn-margin-right */
  margin-right: -0.6rem;
  margin-right: var(--clr-stack-view-stack-title-btn-margin-right, -0.6rem);
}

.stack-view {
  overflow-y: auto;
  word-wrap: break-word;
  margin-top: 0;
  border-style: solid;
  /* clr-stack-view-border-width */
  border-width: 0.05rem;
  border-width: var(--clr-stack-view-border-width, 0.05rem);
  /* clr-stack-view-border-color */
  border-color: hsl(198, 0%, 80%);
  border-color: var(--clr-stack-view-border-color, hsl(198, 0%, 80%));
  /* clr-stack-view-border-radius */
  border-radius: 0.15rem;
  border-radius: var(--clr-stack-view-border-radius, 0.15rem);
  /* clr-stack-view-color */
  color: hsl(198, 0%, 40%);
  color: var(--clr-stack-view-color, hsl(198, 0%, 40%));
  /* clr-stack-view-stack-row-font-weight */
  font-weight: 400;
  font-weight: var(--clr-stack-view-stack-row-font-weight, 400);
  /* clr-stack-view-stack-row-font-size */
  font-size: 0.65rem;
  font-size: var(--clr-stack-view-stack-row-font-size, 0.65rem);
  /* clr-stack-view-stack-row-line-height */
  line-height: 1.2rem;
  line-height: var(--clr-stack-view-stack-row-line-height, 1.2rem);
  /* clr-stack-view-stack-row-letter-spacing */
  letter-spacing: normal;
  letter-spacing: var(--clr-stack-view-stack-row-letter-spacing, normal);
  /* clr-stack-view-bg-color */
  background-color: hsl(198, 0%, 98%);
  background-color: var(--clr-stack-view-bg-color, hsl(198, 0%, 98%));
  /*
    Styles specific to stack views used in a modal
  */
}

.stack-view dd,
.stack-view dt {
  margin-inline-start: 0;
  margin-left: 0;
}

.stack-view .stack-block {
  display: flex;
  flex-flow: row wrap;
  overflow-y: hidden;
  border-bottom-style: solid;
  /* clr-stack-view-border-width */
  border-bottom-width: 0.05rem;
  border-bottom-width: var(--clr-stack-view-border-width, 0.05rem);
  /* clr-stack-view-stack-block-border-bottom */
  border-bottom-color: hsl(198, 0%, 87%);
  border-bottom-color: var(--clr-stack-view-stack-block-border-bottom, hsl(198, 0%, 87%));
}

.stack-view > .stack-block:last-child,
.stack-view > :last-child .stack-block:last-of-type {
  border-bottom: none;
  box-shadow: 0 0.05rem 0 hsl(198, 0%, 87%);
  box-shadow: 0 0.05rem 0 var(--clr-stack-view-border-box-color);
}

.stack-view .stack-block-changed > .stack-block-label {
  margin-left: -0.45rem;
}

.stack-view .stack-block-changed::before {
  content: " ";
  position: relative;
  height: 0;
  width: 0;
  border-top: 0.45rem solid;
  /* clr-stack-block-changed-border-top-color */
  border-top-color: hsl(198, 100%, 32%);
  border-top-color: var(--clr-stack-block-changed-border-top-color, hsl(198, 100%, 32%));
  border-right: 0.45rem solid transparent;
}

.stack-view .stack-block-label {
  /* clr-stack-view-stack-block-label-padding */
  padding: 0.3rem 0.6rem;
  padding: var(--clr-stack-view-stack-block-label-padding, 0.3rem 0.6rem);
  /* clr-stack-view-stack-block-label-and-content-bg-color */
  background-color: hsl(198, 0%, 98%);
  background-color: var(--clr-stack-view-stack-block-label-and-content-bg-color, hsl(198, 0%, 98%));
}

.stack-view .stack-block-content {
  background-color: inherit;
}

.stack-view .stack-block-caret {
  align-self: center;
}

.stack-view .stack-block-label {
  /* clr-stack-view-stack-block-label-text-color */
  color: hsl(198, 0%, 40%);
  color: var(--clr-stack-view-stack-block-label-text-color, hsl(198, 0%, 40%));
  font-size: 0.65rem;
  font-weight: 500;
  line-height: 1.2rem;
  letter-spacing: normal;
  flex: 1 1 auto;
  display: flex;
}

.stack-view .stack-block-label::before {
  display: inline-block;
  content: "";
  float: left;
  /* clr-stack-view-stack-block-caret-dimension */
  height: 0.7rem;
  height: var(--clr-stack-view-stack-block-caret-dimension, 0.7rem);
  /* clr-stack-view-stack-block-caret-dimension */
  width: 0.7rem;
  width: var(--clr-stack-view-stack-block-caret-dimension, 0.7rem);
  /* clr-stack-view-block-label-before-margin */
  margin: 0.35rem 0.24rem 0 0;
  margin: var(--clr-stack-view-block-label-before-margin, 0.35rem 0.24rem 0 0);
  text-align: center;
}

.stack-view .stack-block-label:focus {
  outline: 0.05rem auto -webkit-focus-ring-color;
  outline-offset: -0.05rem;
}

.stack-view .stack-view-key {
  flex: 0 0 40%;
  max-width: 40%;
  /* clr-stack-view-key-margin */
  margin: 0;
  margin: var(--clr-stack-view-key-margin, 0);
}

.stack-view .stack-block-caret {
  /* clr-stack-view-stack-block-caret-dimension */
  height: 0.7rem;
  height: var(--clr-stack-view-stack-block-caret-dimension, 0.7rem);
  /* clr-stack-view-stack-block-caret-dimension */
  width: 0.7rem;
  width: var(--clr-stack-view-stack-block-caret-dimension, 0.7rem);
  /* clr-stack-view-stack-block-caret-margin-right */
  margin-right: 0.24rem;
  margin-right: var(--clr-stack-view-stack-block-caret-margin-right, 0.24rem);
  /* clr-stack-view-stack-block-caret-color */
  fill: hsl(198, 0%, 40%);
  fill: var(--clr-stack-view-stack-block-caret-color, hsl(198, 0%, 40%));
}

.stack-view .stack-block-content {
  /* clr-stack-view-stack-block-content-text-color */
  color: inherit;
  color: var(--clr-stack-view-stack-block-content-text-color, inherit);
  flex: 1 1 auto;
  width: 60%;
  margin-bottom: 0;
  font-weight: 400;
}

.stack-view .stack-block-content > :first-child {
  margin-top: 0;
}

.stack-view .stack-block-content > :last-child {
  margin-bottom: 0;
}

.stack-view .stack-children {
  flex: 0 0 auto;
  width: 100%;
}

.stack-view .stack-children .stack-block {
  /* clr-stack-view-stack-children-stack-block-border-bottom-color */
  border-bottom-color: hsl(198, 0%, 91%);
  border-bottom-color: var(--clr-stack-view-stack-children-stack-block-border-bottom-color, hsl(198, 0%, 91%));
}

.stack-view .stack-children > .stack-block:last-child,
.stack-view .stack-children > :last-child .stack-block:last-of-type {
  border-bottom: none;
  box-shadow: 0 0.05rem 0 hsl(198, 0%, 87%);
  box-shadow: 0 0.05rem 0 var(--clr-stack-view-border-box-color);
}

.stack-view .stack-children .stack-block-label,
.stack-view .stack-children .stack-block-content {
  /* clr-stack-view-stack-children-stack-block-label-and-content-bg-color */
  background-color: hsl(198, 0%, 100%);
  background-color: var(--clr-stack-view-stack-children-stack-block-label-and-content-bg-color, hsl(198, 0%, 100%));
}

.stack-view .stack-children .stack-block-label {
  padding-left: 1.2rem;
}

.stack-view .stack-block-expandable > .stack-block-label {
  cursor: pointer;
}

.stack-view .stack-block-expandable > .stack-block-label::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%2012%22%3E%0A%20%20%20%20%3Cdefs%3E%0A%20%20%20%20%20%20%20%20%3Cstyle%3E.cls-1%7Bfill%3Ahsl(198, 0%, 40%)%3B%7D%3C%2Fstyle%3E%0A%20%20%20%20%3C%2Fdefs%3E%0A%20%20%20%20%3Ctitle%3ECaret%3C%2Ftitle%3E%0A%20%20%20%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M6%2C9L1.2%2C4.2a0.68%2C0.68%2C0%2C0%2C1%2C1-1L6%2C7.08%2C9.84%2C3.24a0.68%2C0.68%2C0%2C1%2C1%2C1%2C1Z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  transform: rotate(-90deg);
  /* clr-stack-view-stack-block-caret-dimension */
  height: 0.6rem;
  height: var(--clr-stack-view-stack-block-caret-dimension, 0.6rem);
  /* clr-stack-view-stack-block-caret-dimension */
  width: 0.6rem;
  width: var(--clr-stack-view-stack-block-caret-dimension, 0.6rem);
}

.stack-view .stack-block-expandable > .stack-block-label,
.stack-view .stack-block-expandable > .stack-block-content {
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}

.stack-view .stack-block-expandable:hover:not(.stack-block-expanded) > .stack-block-label {
  /* clr-stack-view-stack-block-expandable-hover */
  color: hsl(198, 0%, 40%);
  color: var(--clr-stack-view-stack-block-expandable-hover, hsl(198, 0%, 40%));
  /* clr-stack-view-stack-block-expandable-bg-hover */
  background-color: hsl(198, 0%, 91%);
  background-color: var(--clr-stack-view-stack-block-expandable-bg-hover, hsl(198, 0%, 91%));
}

.stack-view .stack-block-expandable:hover:not(.stack-block-expanded) > .stack-block-label .stack-block-caret {
  /* clr-stack-view-stack-block-expandable-hover-caret-color */
  fill: hsl(198, 0%, 40%);
  fill: var(--clr-stack-view-stack-block-expandable-hover-caret-color, hsl(198, 0%, 40%));
}

.stack-view .stack-block-expandable:hover:not(.stack-block-expanded):active > .stack-block-label {
  /* clr-stack-view-stack-block-expandable-active */
  color: hsl(198, 0%, 40%);
  color: var(--clr-stack-view-stack-block-expandable-active, hsl(198, 0%, 40%));
  /* clr-stack-view-stack-block-expandable-bg-active */
  background-color: hsl(198, 0%, 91%);
  background-color: var(--clr-stack-view-stack-block-expandable-bg-active, hsl(198, 0%, 91%));
}

.stack-view .stack-block-expandable:hover:not(.stack-block-expanded):active > .stack-block-label .stack-block-caret {
  /* clr-stack-view-stack-block-expandable-active-caret-color */
  fill: hsl(198, 0%, 40%);
  fill: var(--clr-stack-view-stack-block-expandable-active-caret-color, hsl(198, 0%, 40%));
}

.stack-view .stack-block-expanded > .stack-block-label::before {
  transform: rotate(0deg);
}

.stack-view .stack-block-expanded > .stack-block-label {
  /* clr-stack-view-block-expanded-border-bottom-style */
  border-bottom-style: none;
  border-bottom-style: var(--clr-stack-view-block-expanded-border-bottom-style, none);
  /* clr-stack-view-border-width */
  border-bottom-width: 0.05rem;
  border-bottom-width: var(--clr-stack-view-border-width, 0.05rem);
  /* clr-stack-view-stack-block-border-bottom */
  border-bottom-color: hsl(198, 0%, 87%);
  border-bottom-color: var(--clr-stack-view-stack-block-border-bottom, hsl(198, 0%, 87%));
  /* clr-stack-view-stack-block-expanded-bg-color */
  background-color: hsl(201, 29%, 88%);
  background-color: var(--clr-stack-view-stack-block-expanded-bg-color, hsl(201, 29%, 88%));
  /* clr-stack-view-stack-block-expanded-text-color */
  color: hsl(198, 0%, 0%);
  color: var(--clr-stack-view-stack-block-expanded-text-color, hsl(198, 0%, 0%));
}

.stack-view .stack-block-expanded > .stack-block-label .stack-block-caret {
  /* clr-stack-view-stack-block-expanded-caret-color */
  fill: hsl(198, 0%, 40%);
  fill: var(--clr-stack-view-stack-block-expanded-caret-color, hsl(198, 0%, 40%));
}

.stack-view .stack-block-expanded > .stack-block-label:hover {
  /* clr-stack-view-stack-block-expandable-bg-hover */
  background-color: hsl(201, 29%, 88%);
  background-color: var(--clr-stack-view-stack-block-expandable-bg-hover, hsl(201, 29%, 88%));
  /* clr-stack-view-stack-block-expandable-text-hover */
  color: hsl(198, 0%, 0%);
  color: var(--clr-stack-view-stack-block-expandable-text-hover, hsl(198, 0%, 0%));
}

.stack-view .stack-block-expanded > .stack-block-label:hover .stack-block-caret {
  /* clr-stack-view-stack-block-expandable-hover-caret-color */
  fill: hsl(198, 0%, 40%);
  fill: var(--clr-stack-view-stack-block-expandable-hover-caret-color, hsl(198, 0%, 40%));
}

.stack-view .stack-block-expanded > .stack-block-label:hover:active {
  /* clr-stack-view-stack-block-expandable-bg-active */
  background-color: hsl(201, 29%, 88%);
  background-color: var(--clr-stack-view-stack-block-expandable-bg-active, hsl(201, 29%, 88%));
  /* clr-stack-view-stack-block-expandable-active */
  color: hsl(198, 0%, 0%);
  color: var(--clr-stack-view-stack-block-expandable-active, hsl(198, 0%, 0%));
}

.stack-view .stack-block-expanded > .stack-block-label:hover:active .stack-block-caret {
  /* clr-stack-view-stack-block-expandable-active-caret-color */
  fill: hsl(198, 0%, 40%);
  fill: var(--clr-stack-view-stack-block-expandable-active-caret-color, hsl(198, 0%, 40%));
}

.modal .stack-view {
  margin-bottom: 0;
}

.stack-view clr-stack-block.stack-block-expandable .stack-block-label::before {
  content: none;
}

.stack-view .stack-children clr-stack-block .stack-block-label,
.stack-view .stack-children .stack-block-label {
  /* clr-stack-view-stack-children-block-label-padding-left */
  padding-left: 1.8rem;
  padding-left: var(--clr-stack-view-stack-children-block-label-padding-left, 1.8rem);
}

.stack-view .stack-children clr-stack-block .stack-block-label::before,
.stack-view .stack-children .stack-block-label::before {
  display: none;
}

.stack-view .stack-children clr-stack-block .stack-block-content,
.stack-view .stack-children .stack-block-content {
  /* clr-stack-view-stack-children-block-content-padding-left */
  padding-left: 0.36rem;
  padding-left: var(--clr-stack-view-stack-children-block-content-padding-left, 0.36rem);
}

/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/* stylelint-disable-next-line meowtec/no-px */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/* stylelint-disable */
/* stylelint-enable */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
:root {
  --clr-tree-border-radius: var(--clr-global-borderradius);
  --clr-tree-node-caret-link-hover-color: var(--clr-color-neutral-1000);
  --clr-tree-link-hover-color: var(--clr-custom-links-hover-color);
  --clr-tree-link-selection-color: var(--clr-global-selection-color);
  --clr-tree-link-text-color: var(--clr-color-neutral-700);
  --clr-tree-node-caret-color: var(--clr-color-neutral-500);
}

.clr-tree-node {
  display: block;
}

.clr-tree-node-content-container {
  display: flex;
  align-items: center;
}

.clr-treenode-content {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  border-radius: 0;
  /* clr-tree-border-radius */
  border-top-left-radius: 0.15rem;
  border-top-left-radius: var(--clr-tree-border-radius, 0.15rem);
  /* clr-tree-border-radius */
  border-bottom-left-radius: 0.15rem;
  border-bottom-left-radius: var(--clr-tree-border-radius, 0.15rem);
  line-height: 1.62rem;
}

.clr-treenode-content:first-child {
  padding-left: 1.62rem;
}

.clr-treenode-content cds-icon,
.clr-treenode-content clr-icon {
  height: 0.8rem;
  width: 0.8rem;
  margin-right: 0.3rem;
  vertical-align: middle;
}

.clr-treenode-caret {
  flex: 0 0 1.62rem;
  padding: 0;
  margin: 0;
  height: 1.62rem;
  width: 1.62rem;
  background: none;
  border: none;
  /* clr-tree-node-caret-color */
  color: hsl(198, 0%, 70%);
  color: var(--clr-tree-node-caret-color, hsl(198, 0%, 70%));
  cursor: pointer;
  outline-offset: -0.25rem;
}

.clr-treenode-caret:hover { /* clr-tree-node-caret-link-hover-color */
  color: hsl(198, 0%, 0%);
  color: var(--clr-tree-node-caret-link-hover-color, hsl(198, 0%, 0%));
}

.clr-tree-node-caret-icon {
  height: 0.8rem;
  width: 0.8rem;
  vertical-align: middle;
}

.clr-treenode-spinner-container {
  height: 1.62rem;
  width: 1.62rem;
  padding: 0.41rem;
}

.clr-treenode-spinner {
  height: 0.8rem;
  width: 0.8rem;
  min-height: 0.8rem;
  min-width: 0.8rem;
}

.clr-treenode-children {
  margin-left: 1.17rem;
  will-change: height;
  overflow-y: hidden;
}

.clr-treenode-link {
  display: inline-block;
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0 0 0 0.3rem;
  background: transparent;
  border: 0;
  /* clr-tree-link-text-color */
  color: hsl(198, 0%, 40%);
  color: var(--clr-tree-link-text-color, hsl(198, 0%, 40%));
  cursor: pointer;
  line-height: inherit;
  text-align: left;
}

.clr-treenode-link:link, .clr-treenode-link:visited, .clr-treenode-link:active, .clr-treenode-link:hover {
  color: inherit;
}

.clr-treenode-link:hover, .clr-treenode-link:focus {
  /* clr-tree-link-hover-color */
  background: hsl(198, 0%, 91%);
  background: var(--clr-tree-link-hover-color, hsl(198, 0%, 91%));
  text-decoration: none;
}

.clr-treenode-link.active {
  /* clr-tree-link-selection-color */
  background: hsl(201, 29%, 88%);
  background: var(--clr-tree-link-selection-color, hsl(201, 29%, 88%));
  /* clr-tree-node-caret-link-hover-color */
  color: hsl(198, 0%, 0%);
  color: var(--clr-tree-node-caret-link-hover-color, hsl(198, 0%, 0%));
}

.clr-tree-node-content-container > .clr-checkbox-wrapper {
  padding-top: 0.21rem;
  padding-left: 0.41rem;
}

.clr-tree-node-content-container > .clr-checkbox-wrapper:first-child {
  margin-left: 1.62rem;
}

.clr-tree-node-content-container > .clr-checkbox-wrapper .clr-control-label {
  font-size: 0.7rem;
}

/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/* stylelint-disable-next-line meowtec/no-px */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/* stylelint-disable */
/* stylelint-enable */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
:root {
  --clr-datagrid-font-color: hsl(203, 16%, 72%);
  --clr-datagrid-default-border-color: var(--clr-color-neutral-400);
  --clr-datagrid-icon-color: var(--clr-color-neutral-600);
  --clr-datagrid-row-hover-color: var(--clr-color-neutral-200);
  --clr-datagrid-row-hover-font-color: var(--clr-color-neutral-1000);
  --clr-datagrid-action-toggle-color: var(--clr-color-neutral-700);
  --clr-datagrid-pagination-btn-color: var(--clr-color-neutral-700);
  --clr-datagrid-pagination-btn-disabled-color: var(--clr-color-neutral-600);
  --clr-datagrid-pagination-input-border-color: var(--clr-datagrid-default-border-color);
  --clr-datagrid-pagination-input-border-focus-color: var(--clr-color-action-400);
  --clr-datagrid-popover-bg-color: var(--clr-color-neutral-0);
  --clr-datagrid-popover-padding: 0.3rem;
  --clr-datagrid-popover-border-color: var(--clr-datagrid-default-border-color);
  --clr-datagrid-action-popover-hover-color: var(--clr-color-neutral-200);
  --clr-datagrid-row-selected: var(--clr-color-neutral-1000);
  --clr-datagrid-loading-background: hsla(0, 0%, 100%, 0.6);
  --clr-datagrid-popovers-box-shadow-color: rgba(140, 140, 140, 0.25);
  --clr-datagrid-popovers-box-shadow: 0
    0.05rem
    0.15rem
    var(--clr-datagrid-popovers-box-shadow-color);
  --clr-datagrid-popover-font-color: hsl(198, 0%, 40%);
  --clr-datagrid-column-switch-header-font-color: var(--clr-color-neutral-500);
  --clr-datagrid-column-switch-header-font-hover-color: var(--clr-color-action-600);
  --clr-datagrid-detail-caret-icon-open-bg-color: var(--clr-color-action-600);
  --clr-datagrid-detail-caret-icon-open-icon-color: var(--clr-color-neutral-0);
  --clr-datagrid-placeholder-color: var(--clr-color-neutral-700);
  --clr-datagrid-pagination-btn-disabled-opacity: 0.56;
  --clr-datagrid-pagination-input-size: 1.2rem;
  --clr-datagrid-column-toggle-gap: 0.2rem;
  --clr-datagrid-column-toggle-padding: 0 0.3rem;
  --clr-datagrid-column-toggle-border-color: var(--clr-color-neutral-600);
  --clr-datagrid-column-toggle-fill-color: var(--clr-color-neutral-50);
  --clr-datagrid-column-toggle-text-color: var(--clr-color-neutral-700);
  --clr-datagrid-column-toggle-border-hover-color: var(--clr-color-neutral-700);
  --clr-datagrid-column-toggle-fill-hover-color: var(--clr-color-neutral-0);
  --clr-datagrid-column-toggle-text-hover-color: var(--clr-color-neutral-1000);
  --clr-datagrid-column-toggle-border-active-color: var(--clr-color-neutral-700);
  --clr-datagrid-column-toggle-fill-active-color: var(--clr-color-neutral-100);
  --clr-datagrid-column-toggle-text-active-color: var(--clr-color-neutral-700);
  --clr-datagrid-column-toggle-disabled-color: hsl(198, 0%, 40%);
  --clr-datagrid-column-toggle-disabled-opacity: 0.4;
  --clr-datagrid-detail-header-padding: 0 0 0 1.2rem;
  --clr-datagrid-detail-header-title-padding: 0.8rem 0 0 0;
  --clr-datagrid-detail-pane-close-btn-margin: 0.8rem 0 0 0;
  --clr-datagrid-detail-pane-close-padding: 0 0 0 0.6rem;
  --clr-datagrid-detail-body-padding: 0 1.2rem;
  --clr-datagrid-detail-pane-close-btn-min-width: 3.6rem;
  --clr-datagrid-detail-pane-content-padding: 0;
  --clr-datagrid-detail-pane-close-icon-size: 1.2rem;
  --clr-datagrid-detail-body-text-color: hsl(198, 0%, 40%);
  --clr-datagrid-detail-header-title-color: hsl(198, 0%, 40%);
  --clr-datagrid-detail-pane-bg-color: var(--clr-datagrid-popover-bg-color);
  --clr-datagrid-detail-pane-border-color: var(--clr-datagrid-default-border-color);
  --clr-datagrid-footer-padding: 0 0.6rem;
  --clr-datagrid-placeholder-padding: 0.6rem;
  --clr-datagrid-placeholder-gap: 0.6rem;
  --clr-datagrid-placeholder-font-size: 0.8rem;
  --clr-datagrid-placeholder-font-weight: inherit;
  --clr-datagrid-placeholder-line-height: inherit;
  --clr-datagrid-placeholder-letter-spacing: inherit;
  --clr-datagrid-placeholder-background-color: hsl(198, 0%, 100%);
  --clr-datagrid-column-seperator-height: calc(
    100% + 0.6rem - 0.05rem
  );
  --clr-datagrid-filter-toggle-size: 0.7rem;
  --clr-datagrid-row-active-color: var(--clr-datagrid-row-hover-color);
  --clr-datagrid-footer-line-height: 1.65rem;
  --clr-datagrid-footer-pagination-line-height: 1.8rem;
}

.datagrid {
  border-collapse: separate;
  border-style: solid;
  /* clr-table-borderwidth */
  border-width: 0.05rem;
  border-width: var(--clr-table-borderwidth, 0.05rem);
  /* clr-table-border-color */
  border-color: hsl(198, 0%, 80%);
  border-color: var(--clr-table-border-color, hsl(198, 0%, 80%));
  /* clr-table-border-radius */
  border-radius: 0.15rem;
  border-radius: var(--clr-table-border-radius, 0.15rem);
  /* clr-table-bgcolor */
  background-color: hsl(198, 0%, 100%);
  background-color: var(--clr-table-bgcolor, hsl(198, 0%, 100%));
  /* clr-table-font-color */
  color: hsl(198, 0%, 40%);
  color: var(--clr-table-font-color, hsl(198, 0%, 40%));
  /* clr-table-margin */
  margin: 1.2rem 0 0 0;
  margin: var(--clr-table-margin, 1.2rem 0 0 0);
  max-width: 100%;
  width: 100%;
}

.datagrid .datagrid-column,
.datagrid .datagrid-cell {
  border-top-style: solid;
  /* clr-table-data-cell-font-size */
  font-size: 0.65rem;
  font-size: var(--clr-table-data-cell-font-size, 0.65rem);
  /* clr-table-data-cell-line-height */
  line-height: 0.7rem;
  line-height: var(--clr-table-data-cell-line-height, 0.7rem);
  /* clr-table-data-cell-font-weight */
  font-weight: 400;
  font-weight: var(--clr-table-data-cell-font-weight, 400);
  /* clr-table-borderwidth */
  border-top-width: 0.05rem;
  border-top-width: var(--clr-table-borderwidth, 0.05rem);
  /* clr-tablerow-bordercolor */
  border-top-color: hsl(198, 0%, 91%);
  border-top-color: var(--clr-tablerow-bordercolor, hsl(198, 0%, 91%));
  /* clr-table-cell-padding */
  padding: 0.55rem 0.6rem 0.55rem;
  padding: var(--clr-table-cell-padding, 0.55rem 0.6rem 0.55rem);
  text-align: center;
  vertical-align: top;
}

.datagrid .datagrid-column.left,
.datagrid .datagrid-cell.left {
  text-align: left;
}

.datagrid .datagrid-column.left:first-child,
.datagrid .datagrid-cell.left:first-child {
  /* clr-table-cell-padding-left */
  padding-left: 0.3rem;
  padding-left: var(--clr-table-cell-padding-left, 0.3rem);
}

.datagrid .datagrid-column.right,
.datagrid .datagrid-cell.right {
  text-align: right;
}

.datagrid .datagrid-column {
  /* clr-thead-color */
  color: hsl(198, 0%, 40%);
  color: var(--clr-thead-color, hsl(198, 0%, 40%));
  letter-spacing: 0.03em;
  /* clr-table-header-cell-font-size */
  font-size: 0.55rem;
  font-size: var(--clr-table-header-cell-font-size, 0.55rem);
  /* clr-table-header-cell-line-height */
  line-height: 0.7rem;
  line-height: var(--clr-table-header-cell-line-height, 0.7rem);
  /* clr-table-header-cell-font-weight */
  font-weight: 600;
  font-weight: var(--clr-table-header-cell-font-weight, 600);
  /* clr-thead-bgcolor */
  background-color: hsl(198, 0%, 98%);
  background-color: var(--clr-thead-bgcolor, hsl(198, 0%, 98%));
  /* clr-table-vertical-align */
  vertical-align: bottom;
  vertical-align: var(--clr-table-vertical-align, bottom);
  border-bottom-style: solid;
  /* clr-table-borderwidth */
  border-bottom-width: 0.05rem;
  border-bottom-width: var(--clr-table-borderwidth, 0.05rem);
  /* clr-table-border-color */
  border-bottom-color: hsl(198, 0%, 80%);
  border-bottom-color: var(--clr-table-border-color, hsl(198, 0%, 80%));
  border-top: 0 none;
}

.datagrid .datagrid-body .datagrid-row:first-child .datagrid-cell {
  border-top: 0 none;
}

.datagrid .datagrid-body + .datagrid-body {
  border-top-style: solid;
  /* clr-table-borderwidth */
  border-top-width: 0.05rem;
  border-top-width: var(--clr-table-borderwidth, 0.05rem);
  /* clr-table-border-color */
  border-top-color: hsl(198, 0%, 80%);
  border-top-color: var(--clr-table-border-color, hsl(198, 0%, 80%));
}

.datagrid .datagrid-header .datagrid-column:first-child {
  border-radius: 0;
  /* clr-table-cornercellradius */
  border-top-left-radius: 0.1rem;
  border-top-left-radius: var(--clr-table-cornercellradius, 0.1rem);
}

.datagrid .datagrid-header .datagrid-column:last-child {
  border-radius: 0;
  /* clr-table-cornercellradius */
  border-top-right-radius: 0.1rem;
  border-top-right-radius: var(--clr-table-cornercellradius, 0.1rem);
}

.datagrid .datagrid-body:last-child .datagrid-row:last-child .datagrid-cell:first-child {
  border-radius: 0;
  /* clr-table-cornercellradius */
  border-bottom-left-radius: 0.1rem;
  border-bottom-left-radius: var(--clr-table-cornercellradius, 0.1rem);
}

.datagrid .datagrid-body:last-child .datagrid-row:last-child .datagrid-cell:last-child {
  border-radius: 0;
  /* clr-table-cornercellradius */
  border-bottom-right-radius: 0.1rem;
  border-bottom-right-radius: var(--clr-table-cornercellradius, 0.1rem);
}

.datagrid-compact .datagrid-column,
.datagrid-compact .datagrid-cell {
  /* clr-table-cell-compact-padding */
  padding: 0.3rem 0.6rem 0.25rem;
  padding: var(--clr-table-cell-compact-padding, 0.3rem 0.6rem 0.25rem);
}

.datagrid-host {
  display: flex;
  flex-flow: column nowrap;
  position: relative;
}

.datagrid {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  overflow: auto;
  flex: 1 1 auto;
  margin-top: 0.6rem;
}

.datagrid-container {
  width: auto;
  font-size: 0.65rem;
  padding: 0.55rem 0.6rem 0.55rem;
}

.datagrid-expandable-caret {
  padding: 0.1rem 0.2rem 0.15rem;
  text-align: center;
}

.datagrid-expandable-caret .datagrid-expandable-caret-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  box-shadow: none;
  background: none;
  cursor: pointer;
  height: 1.5rem;
  width: 1.5rem;
}

button.datagrid-expandable-caret .datagrid-expandable-caret-button {
  cursor: pointer;
}

.datagrid-expandable-caret .datagrid-expandable-caret-icon {
  /* clr-datagrid-icon-color */
  color: hsl(198, 0%, 55%);
  color: var(--clr-datagrid-icon-color, hsl(198, 0%, 55%));
  margin-top: 0.15rem;
}

.datagrid-expandable-caret .datagrid-expandable-caret-icon svg {
  transition: transform 0.2s ease-in-out;
}

.datagrid-expandable-caret .spinner {
  margin-top: 0.3rem;
}

.datagrid-expandable-caret.datagrid-column {
  padding: 0.55rem 0.6rem 0.55rem;
}

.datagrid-header,
.datagrid-body,
.datagrid-row,
.datagrid-column,
.datagrid-cell,
.datagrid-fixed-column {
  display: block;
}

.datagrid-row {
  border-top-style: solid;
  /* clr-table-borderwidth */
  border-top-width: 0.05rem;
  border-top-width: var(--clr-table-borderwidth, 0.05rem);
  /* clr-table-border-color */
  border-top-color: hsl(198, 0%, 80%);
  border-top-color: var(--clr-table-border-color, hsl(198, 0%, 80%));
}

.datagrid-row:first-of-type {
  border-top: none;
}

.datagrid-row:hover, .datagrid-row:hover .datagrid-row-sticky {
  /* clr-datagrid-row-hover-color */
  background-color: hsl(198, 0%, 91%);
  background-color: var(--clr-datagrid-row-hover-color, hsl(198, 0%, 91%));
}

.datagrid-row.datagrid-selected, .datagrid-row.datagrid-selected .datagrid-row-sticky {
  /* clr-datagrid-row-selected */
  color: hsl(198, 0%, 0%);
  color: var(--clr-datagrid-row-selected, hsl(198, 0%, 0%));
  /* clr-global-selection-color */
  background-color: hsl(201, 29%, 88%);
  background-color: var(--clr-global-selection-color, hsl(201, 29%, 88%));
}

.datagrid-row:active, .datagrid-row:active .datagrid-row-sticky {
  /* clr-datagrid-row-active-color */
  background-color: hsl(198, 0%, 91%);
  background-color: var(--clr-datagrid-row-active-color, hsl(198, 0%, 91%));
}

.datagrid-row .datagrid-action-overflow {
  position: absolute;
  /* clr-datagrid-popover-bg-color */
  background: hsl(198, 0%, 100%);
  background: var(--clr-datagrid-popover-bg-color, hsl(198, 0%, 100%));
  /* clr-datagrid-popover-padding */
  padding: 0.3rem;
  padding: var(--clr-datagrid-popover-padding, 0.3rem);
  margin-left: 0.3rem;
  border-style: solid;
  /* clr-global-borderwidth */
  border-width: 0.05rem;
  border-width: var(--clr-global-borderwidth, 0.05rem);
  /* clr-datagrid-popover-border-color */
  border-color: hsl(198, 0%, 80%);
  border-color: var(--clr-datagrid-popover-border-color, hsl(198, 0%, 80%));
  /* clr-datagrid-popovers-box-shadow */
  box-shadow: 0 0.05rem 0.15rem rgba(140, 140, 140, 0.25);
  box-shadow: var(--clr-datagrid-popovers-box-shadow, 0 0.05rem 0.15rem rgba(140, 140, 140, 0.25));
  /* clr-global-borderradius */
  border-radius: 0.15rem;
  border-radius: var(--clr-global-borderradius, 0.15rem);
  font-weight: normal;
  white-space: nowrap;
}

.datagrid-row .datagrid-action-overflow::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 100%;
  height: 0;
  width: 0;
  margin-top: -0.3rem;
  border-top: 0.3rem solid transparent;
  border-bottom: 0.3rem solid transparent;
  border-right-width: 0.3rem;
  border-right-style: solid;
  /* clr-datagrid-popover-border-color */
  border-right-color: hsl(198, 0%, 80%);
  border-right-color: var(--clr-datagrid-popover-border-color, hsl(198, 0%, 80%));
}

.datagrid-row .datagrid-action-overflow::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 100%;
  height: 0;
  width: 0;
  margin-top: -0.25rem;
  border-top: 0.25rem solid transparent;
  border-bottom: 0.25rem solid transparent;
  border-right-width: 0.25rem;
  border-right-style: solid;
  /* clr-datagrid-popover-bg-color */
  border-right-color: hsl(198, 0%, 100%);
  border-right-color: var(--clr-datagrid-popover-bg-color, hsl(198, 0%, 100%));
}

.datagrid-row .datagrid-action-overflow .action-item {
  /* clr-datagrid-popover-font-color */
  color: hsl(198, 0%, 40%);
  color: var(--clr-datagrid-popover-font-color, hsl(198, 0%, 40%));
  font-size: 0.7rem;
  letter-spacing: normal;
  background: transparent;
  border: 0;
  cursor: pointer;
  display: block;
  line-height: 1.15rem;
  margin: 0;
  padding: 0.05rem 1.2rem 0;
  text-align: left;
  width: 100%;
}

.datagrid-row .datagrid-action-overflow .action-item:hover, .datagrid-row .datagrid-action-overflow .action-item:focus {
  text-decoration: none;
  /* clr-datagrid-action-popover-hover-color */
  background-color: hsl(198, 0%, 91%);
  background-color: var(--clr-datagrid-action-popover-hover-color, hsl(198, 0%, 91%));
}

.datagrid-row .datagrid-action-overflow .action-item.active {
  /* clr-datagrid-row-hover-color */
  background-color: hsl(198, 0%, 91%);
  background-color: var(--clr-datagrid-row-hover-color, hsl(198, 0%, 91%));
  /* clr-datagrid-row-hover-font-color */
  color: hsl(198, 0%, 0%);
  color: var(--clr-datagrid-row-hover-font-color, hsl(198, 0%, 0%));
}

.datagrid-row .datagrid-action-overflow .action-item:focus {
  outline: 0;
}

.datagrid-row .datagrid-action-overflow .action-item.disabled, .datagrid-row .datagrid-action-overflow .action-item:disabled {
  cursor: not-allowed;
  opacity: 0.4;
  -webkit-user-select: none;
          user-select: none;
}

.datagrid-row .datagrid-action-overflow .action-item.disabled:hover, .datagrid-row .datagrid-action-overflow .action-item:disabled:hover {
  background: none;
}

.datagrid-row .datagrid-action-overflow .action-item.disabled:active, .datagrid-row .datagrid-action-overflow .action-item.disabled:focus, .datagrid-row .datagrid-action-overflow .action-item:disabled:active, .datagrid-row .datagrid-action-overflow .action-item:disabled:focus {
  background: none;
  box-shadow: none;
}

.datagrid-row .datagrid-action-overflow .action-item cds-icon,
.datagrid-row .datagrid-action-overflow .action-item clr-icon {
  vertical-align: middle;
  transform: translate3d(0px, -0.05rem, 0);
}

.datagrid-row .datagrid-row-detail-wrapper {
  flex: 1 1 auto;
  display: flex;
}

.datagrid-row .datagrid-row-detail {
  width: auto;
}

.datagrid-row .datagrid-row-detail .datagrid-cell {
  padding-top: 0;
  border: none;
}

.datagrid-row .datagrid-select {
  min-width: 0.4rem;
  align-items: center;
}

.datagrid-row .datagrid-select .clr-checkbox-wrapper {
  display: block;
  margin-top: -0.3rem;
}

.datagrid-row .datagrid-select,
.datagrid-row .datagrid-select input {
  cursor: pointer;
}

.datagrid-row .datagrid-select.clr-form-control-disabled,
.datagrid-row .datagrid-select.clr-form-control-disabled input {
  cursor: not-allowed;
}

.datagrid-row .datagrid-signpost-trigger .signpost {
  margin: -0.36rem 0;
  height: 1.236rem;
}

.datagrid-row .datagrid-signpost-trigger .signpost .signpost-trigger {
  height: inherit;
  line-height: 1.2rem;
}

.datagrid-row .datagrid-row-sticky {
  z-index: 500;
}

.datagrid-row-sticky {
  /* clr-table-bgcolor */
  background-color: hsl(198, 0%, 100%);
  background-color: var(--clr-table-bgcolor, hsl(198, 0%, 100%));
  display: flex;
  flex-wrap: nowrap;
  position: sticky;
  left: 0;
  z-index: 502;
}

.datagrid-row-sticky .datagrid-cell:last-child:after {
  content: "";
  width: 0.05rem;
  height: calc(100% - 0.5rem);
  position: absolute;
  right: 0;
  top: 0.25rem;
  /* clr-table-border-color */
  background-color: hsl(198, 0%, 80%);
  background-color: var(--clr-table-border-color, hsl(198, 0%, 80%));
}

.datagrid-row-scrollable {
  flex: 1 1 auto;
  display: flex;
  flex-flow: column nowrap;
}

.datagrid-row-scrollable.is-replaced {
  flex-direction: row;
}

.datagrid-row-scrollable.is-replaced .datagrid-scrolling-cells {
  flex: 0 0 auto;
}

.datagrid-row-scrollable .datagrid-column:last-child .datagrid-column-separator {
  display: none;
}

.datagrid-row-flex {
  flex: 1 1 auto;
  display: flex;
  flex-flow: row nowrap;
}

.datagrid-row-flex .datagrid-row-detail {
  display: flex;
  flex-flow: row nowrap;
}

.datagrid-row-flex .datagrid-row-detail .datagrid-cell {
  padding-top: 0;
}

.datagrid-scrolling-cells,
.datagrid-scrolling-details {
  display: flex;
  flex: 1 1 auto;
  flex-flow: row nowrap;
}

.datagrid-action-bar {
  margin-top: 1.2rem;
}

.datagrid-action-bar ~ .datagrid-spinner {
  height: calc(100% - 1.2rem);
  top: 1.2rem;
}

.datagrid-header {
  position: sticky;
  top: 0;
  z-index: 501;
  width: auto;
}

.datagrid-header .datagrid-column {
  border-bottom: none;
}

.datagrid-header .datagrid-row {
  /* clr-thead-bgcolor */
  background-color: hsl(198, 0%, 98%);
  background-color: var(--clr-thead-bgcolor, hsl(198, 0%, 98%));
  border-top: none;
  border-bottom-style: solid;
  /* clr-global-borderwidth */
  border-bottom-width: 0.05rem;
  border-bottom-width: var(--clr-global-borderwidth, 0.05rem);
  /* clr-table-border-color */
  border-bottom-color: hsl(198, 0%, 80%);
  border-bottom-color: var(--clr-table-border-color, hsl(198, 0%, 80%));
}

.datagrid-header .datagrid-row .datagrid-row-sticky {
  /* clr-thead-bgcolor */
  background-color: hsl(198, 0%, 98%);
  background-color: var(--clr-thead-bgcolor, hsl(198, 0%, 98%));
}

.datagrid-header .datagrid-row:hover {
  /* clr-thead-bgcolor */
  background-color: hsl(198, 0%, 98%);
  background-color: var(--clr-thead-bgcolor, hsl(198, 0%, 98%));
}

.datagrid-header .datagrid-row:hover .datagrid-row-sticky {
  /* clr-thead-bgcolor */
  background-color: hsl(198, 0%, 98%);
  background-color: var(--clr-thead-bgcolor, hsl(198, 0%, 98%));
}

.datagrid-header .datagrid-row-scrollable {
  flex-direction: row;
}

.datagrid-table-wrapper {
  display: flex;
  flex: 1 1 auto;
  min-height: 100%;
}

.datagrid-table {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  align-content: flex-start;
}

.datagrid-table .datagrid-body {
  width: auto;
}

.datagrid-table .datagrid-column {
  text-align: left;
  min-width: 4.8rem;
  display: flex;
  flex: 1 1 auto;
  vertical-align: top;
  border: none;
}

.datagrid-table .datagrid-column:focus {
  outline: -webkit-focus-ring-color solid 0.1rem;
  outline-offset: -0.1rem;
}

.datagrid-table .datagrid-column clr-dg-filter,
.datagrid-table .datagrid-column clr-dg-string-filter,
.datagrid-table .datagrid-column clr-dg-numeric-filter {
  display: flex;
  order: 99;
  margin-left: auto;
  align-items: center;
}

.datagrid-table .datagrid-column .datagrid-filter-input-spacer {
  width: 0.6rem;
  display: inline-block;
}

.datagrid-table .datagrid-column .datagrid-numeric-filter-input {
  width: 3.9rem;
}

.datagrid-table .datagrid-column .datagrid-filter-toggle {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  box-shadow: none;
  background: none;
  cursor: pointer;
  float: right;
  vertical-align: middle;
  /* clr-datagrid-filter-toggle-size */
  height: 0.7rem;
  height: var(--clr-datagrid-filter-toggle-size, 0.7rem);
  /* clr-datagrid-filter-toggle-size */
  width: 0.7rem;
  width: var(--clr-datagrid-filter-toggle-size, 0.7rem);
  /* clr-datagrid-filter-toggle-size */
  min-height: 0.7rem;
  min-height: var(--clr-datagrid-filter-toggle-size, 0.7rem);
  /* clr-datagrid-filter-toggle-size */
  min-width: 0.7rem;
  min-width: var(--clr-datagrid-filter-toggle-size, 0.7rem);
  margin-left: 0.3rem;
  background-repeat: no-repeat;
  background-size: contain;
}

button.datagrid-table .datagrid-column .datagrid-filter-toggle {
  cursor: pointer;
}

.datagrid-table .datagrid-column .datagrid-filter-toggle cds-icon,
.datagrid-table .datagrid-column .datagrid-filter-toggle clr-icon {
  /* clr-color-neutral-600 */
  color: hsl(198, 0%, 55%);
  color: var(--clr-color-neutral-600, hsl(198, 0%, 55%));
}

.datagrid-table .datagrid-column .datagrid-filter-toggle:hover cds-icon,
.datagrid-table .datagrid-column .datagrid-filter-toggle:hover clr-icon {
  /* clr-color-action-600 */
  color: hsl(198, 100%, 32%);
  color: var(--clr-color-action-600, hsl(198, 100%, 32%));
}

.datagrid-table .datagrid-column .datagrid-filter-toggle.datagrid-filter-open cds-icon,
.datagrid-table .datagrid-column .datagrid-filter-toggle.datagrid-filter-open clr-icon {
  /* clr-color-action-600 */
  color: hsl(198, 100%, 32%);
  color: var(--clr-color-action-600, hsl(198, 100%, 32%));
}

.datagrid-table .datagrid-column .datagrid-filter-toggle.datagrid-filtered cds-icon,
.datagrid-table .datagrid-column .datagrid-filter-toggle.datagrid-filtered clr-icon {
  /* clr-color-action-600 */
  color: hsl(198, 100%, 32%);
  color: var(--clr-color-action-600, hsl(198, 100%, 32%));
}

.datagrid-table .datagrid-column .datagrid-filter {
  top: 100%;
  right: 0;
  margin-top: 0.24rem;
  /* clr-datagrid-popover-bg-color */
  background: hsl(198, 0%, 100%);
  background: var(--clr-datagrid-popover-bg-color, hsl(198, 0%, 100%));
  padding: 0.9rem;
  border-style: solid;
  /* clr-global-borderwidth */
  border-width: 0.05rem;
  border-width: var(--clr-global-borderwidth, 0.05rem);
  /* clr-datagrid-popover-border-color */
  border-color: hsl(198, 0%, 80%);
  border-color: var(--clr-datagrid-popover-border-color, hsl(198, 0%, 80%));
  /* clr-datagrid-popovers-box-shadow */
  box-shadow: 0 0.05rem 0.15rem rgba(140, 140, 140, 0.25);
  box-shadow: var(--clr-datagrid-popovers-box-shadow, 0 0.05rem 0.15rem rgba(140, 140, 140, 0.25));
  /* clr-global-borderradius */
  border-radius: 0.15rem;
  border-radius: var(--clr-global-borderradius, 0.15rem);
  font-weight: normal;
}

.datagrid-table .datagrid-column .datagrid-filter .datagrid-filter-close-wrapper {
  text-align: right;
}

.datagrid-table .datagrid-column .datagrid-filter .datagrid-filter-close-wrapper .close {
  float: none;
}

.datagrid-table .datagrid-column .datagrid-filter .datagrid-filter-apply {
  margin-bottom: 0;
}

.datagrid-table .datagrid-column .datagrid-filter {
  top: 100%;
  right: 0;
  margin-top: 0.24rem;
  /* clr-datagrid-popover-bg-color */
  background: hsl(198, 0%, 100%);
  background: var(--clr-datagrid-popover-bg-color, hsl(198, 0%, 100%));
  padding: 0.9rem;
  border-style: solid;
  /* clr-global-borderwidth */
  border-width: 0.05rem;
  border-width: var(--clr-global-borderwidth, 0.05rem);
  /* clr-datagrid-popover-border-color */
  border-color: hsl(198, 0%, 80%);
  border-color: var(--clr-datagrid-popover-border-color, hsl(198, 0%, 80%));
  /* clr-datagrid-popovers-box-shadow */
  box-shadow: 0 0.05rem 0.15rem rgba(140, 140, 140, 0.25);
  box-shadow: var(--clr-datagrid-popovers-box-shadow, 0 0.05rem 0.15rem rgba(140, 140, 140, 0.25));
  /* clr-global-borderradius */
  border-radius: 0.15rem;
  border-radius: var(--clr-global-borderradius, 0.15rem);
  font-weight: normal;
}

.datagrid-table .datagrid-column .datagrid-filter .datagrid-filter-close-wrapper {
  text-align: right;
}

.datagrid-table .datagrid-column .datagrid-filter .datagrid-filter-close-wrapper .close {
  float: none;
}

.datagrid-table .datagrid-column .datagrid-filter .datagrid-filter-apply {
  margin-bottom: 0;
}

.datagrid-table .datagrid-column .datagrid-filter {
  top: 100%;
  right: 0;
  margin-top: 0.24rem;
  /* clr-datagrid-popover-bg-color */
  background: hsl(198, 0%, 100%);
  background: var(--clr-datagrid-popover-bg-color, hsl(198, 0%, 100%));
  padding: 0.9rem;
  /* clr-global-borderwidth */
  border-width: 0.05rem;
  border-width: var(--clr-global-borderwidth, 0.05rem);
  /* clr-datagrid-popover-border-color */
  border-color: hsl(198, 0%, 80%);
  border-color: var(--clr-datagrid-popover-border-color, hsl(198, 0%, 80%));
  border-style: solid;
  /* clr-datagrid-popovers-box-shadow */
  box-shadow: 0 0.05rem 0.15rem rgba(140, 140, 140, 0.25);
  box-shadow: var(--clr-datagrid-popovers-box-shadow, 0 0.05rem 0.15rem rgba(140, 140, 140, 0.25));
  /* clr-global-borderradius */
  border-radius: 0.15rem;
  border-radius: var(--clr-global-borderradius, 0.15rem);
  font-weight: normal;
}

.datagrid-table .datagrid-column .datagrid-filter .datagrid-filter-close-wrapper {
  text-align: right;
}

.datagrid-table .datagrid-column .datagrid-filter .datagrid-filter-close-wrapper .close {
  float: none;
}

.datagrid-table .datagrid-column .datagrid-filter .datagrid-filter-apply {
  margin-bottom: 0;
}

.datagrid-table .datagrid-column.datagrid-fixed-width {
  flex: 0 0 auto;
}

.datagrid-table .datagrid-column .datagrid-column-flex {
  display: flex;
  flex: 1 1 auto;
}

.datagrid-table .datagrid-column .datagrid-column-title {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  box-shadow: none;
  background: none;
  /* clr-table-font-color */
  color: hsl(198, 0%, 40%);
  color: var(--clr-table-font-color, hsl(198, 0%, 40%));
  text-align: left;
  flex: 1 1 auto;
  align-items: center;
  align-self: center;
  display: flex;
}

button.datagrid-table .datagrid-column .datagrid-column-title {
  cursor: pointer;
}

.datagrid-table .datagrid-column .datagrid-column-title .signpost .signpost-action.btn {
  height: inherit;
  line-height: inherit;
}

.datagrid-table .datagrid-column .datagrid-column-title .clr-checkbox-wrapper .clr-control-label {
  margin-top: -0.48rem;
}

.datagrid-table .datagrid-column button.datagrid-column-title:hover {
  text-decoration: underline;
  cursor: pointer;
}

.datagrid-table .datagrid-column button.datagrid-column-title .sort-icon {
  /* clr-color-action-600 */
  color: hsl(198, 100%, 32%);
  color: var(--clr-color-action-600, hsl(198, 100%, 32%));
  margin-left: auto;
  height: 0.7rem;
  width: 0.7rem;
  vertical-align: middle;
}

.datagrid-table .datagrid-column .datagrid-column-separator {
  position: relative;
  display: flex;
  align-items: center;
  left: 0.6rem;
  flex: 0 0 auto;
  /* clr-global-borderwidth */
  width: 0.05rem;
  width: var(--clr-global-borderwidth, 0.05rem);
  order: 100;
  margin-left: auto;
  height: 100%;
}

.datagrid-table .datagrid-column .datagrid-column-separator::after {
  content: "";
  position: absolute;
  /* clr-datagrid-column-seperator-height */
  height: calc(
              100% + 0.6rem - 0.05rem
            );
  height: var(--clr-datagrid-column-seperator-height, calc( 100% + 0.6rem - 0.05rem ));
  width: 0.05rem;
  left: 0;
  /* clr-table-border-color */
  background-color: hsl(198, 0%, 80%);
  background-color: var(--clr-table-border-color, hsl(198, 0%, 80%));
}

.datagrid-table .datagrid-column .datagrid-column-separator .datagrid-column-handle {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  box-shadow: none;
  background: none;
  position: absolute;
  width: 0.65rem;
  right: -0.3rem;
  top: -0.3rem;
  cursor: col-resize;
  height: calc(100% + 0.6rem - 0.05rem);
  z-index: 501;
}

button.datagrid-table .datagrid-column .datagrid-column-separator .datagrid-column-handle {
  cursor: pointer;
}

.datagrid-table .datagrid-column .datagrid-column-separator .datagrid-column-resize-tracker {
  position: absolute;
  top: -0.6rem;
  display: none;
  width: 0.05rem;
  height: 0;
  border-right-style: dotted;
  /* clr-color-action-300 */
  border-right-color: hsl(198, 69%, 69%);
  border-right-color: var(--clr-color-action-300, hsl(198, 69%, 69%));
  /* clr-global-borderwidth */
  border-right-width: 0.05rem;
  border-right-width: var(--clr-global-borderwidth, 0.05rem);
  transform: translateX(0px);
  cursor: col-resize;
}

.datagrid-table .datagrid-column .datagrid-column-separator .datagrid-column-resize-tracker.on-arrow-key-resize {
  transition: transform 0.2s ease-out;
}

.datagrid-table .datagrid-column .datagrid-column-separator .exceeded-max {
  border-right: 0.05rem dotted rgba(219, 33, 0, 0.3);
}

.datagrid-table .datagrid-column .datagrid-signpost-trigger .signpost {
  margin: -0.36rem 0;
  height: 1.236rem;
}

.datagrid-table .datagrid-column .datagrid-signpost-trigger .signpost .signpost-trigger {
  height: inherit;
  line-height: 1.2rem;
}

.datagrid-table .datagrid-column.datagrid-select, .datagrid-table .datagrid-column.datagrid-expandable-caret, .datagrid-table .datagrid-column.datagrid-row-actions {
  max-width: 1.9rem;
  min-width: 1.9rem;
}

.datagrid-table .datagrid-cell {
  flex: 1 1 auto;
  text-align: left;
  min-width: 4.8rem;
  border: none;
}

.datagrid-table .datagrid-cell.datagrid-fixed-width {
  flex: 0 0 auto;
}

.datagrid-table .datagrid-cell.datagrid-fixed-column {
  flex: 0 0 1.9rem;
  max-width: 1.9rem;
  min-width: 1.9rem;
}

.datagrid-table .datagrid-cell.datagrid-row-actions {
  background: none;
}

.datagrid-table .datagrid-cell.datagrid-expandable-caret {
  padding: 0.1rem 0.2rem 0.15rem;
  text-align: center;
}

.datagrid-table .datagrid-cell:focus {
  outline: -webkit-focus-ring-color solid 0.1rem;
  outline-offset: -0.1rem;
}

.datagrid-table .datagrid-cell .datagrid-action-toggle {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  box-shadow: none;
  background: none;
}

button.datagrid-table .datagrid-cell .datagrid-action-toggle {
  cursor: pointer;
}

.datagrid-table .datagrid-cell .datagrid-action-toggle cds-icon,
.datagrid-table .datagrid-cell .datagrid-action-toggle clr-icon {
  /* clr-datagrid-icon-color */
  color: hsl(198, 0%, 55%);
  color: var(--clr-datagrid-icon-color, hsl(198, 0%, 55%));
}

.datagrid-table .datagrid-cell .datagrid-action-toggle:active cds-icon,
.datagrid-table .datagrid-cell .datagrid-action-toggle:active clr-icon {
  /* clr-datagrid-action-toggle-color */
  color: hsl(198, 0%, 40%);
  color: var(--clr-datagrid-action-toggle-color, hsl(198, 0%, 40%));
}

.datagrid-table .datagrid-cell .clr-toggle-wrapper {
  margin-top: -0.66rem;
  padding-top: 0.42rem;
}

.datagrid-table .datagrid-placeholder-container {
  flex: 1 1 auto;
  display: flex;
  justify-content: center;
  border-top-style: solid;
  /* clr-table-border-color */
  border-top-color: hsl(198, 0%, 80%);
  border-top-color: var(--clr-table-border-color, hsl(198, 0%, 80%));
  /* clr-global-borderwidth */
  border-top-width: 0.05rem;
  border-top-width: var(--clr-global-borderwidth, 0.05rem);
}

.datagrid-table .datagrid-placeholder {
  /* clr-datagrid-placeholder-background-color */
  background: hsl(198, 0%, 100%);
  background: var(--clr-datagrid-placeholder-background-color, hsl(198, 0%, 100%));
  display: none;
  width: 100%;
}

.datagrid-table .datagrid-placeholder.datagrid-empty {
  border-top: 0;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: flex-start;
  /* clr-datagrid-placeholder-gap */
  gap: 0.6rem;
  gap: var(--clr-datagrid-placeholder-gap, 0.6rem);
  /* clr-datagrid-placeholder-padding */
  padding: 0.6rem;
  padding: var(--clr-datagrid-placeholder-padding, 0.6rem);
  /* clr-datagrid-placeholder-font-size */
  font-size: 0.8rem;
  font-size: var(--clr-datagrid-placeholder-font-size, 0.8rem);
  /* clr-datagrid-placeholder-font-weight */
  font-weight: inherit;
  font-weight: var(--clr-datagrid-placeholder-font-weight, inherit);
  /* clr-datagrid-placeholder-line-height */
  line-height: inherit;
  line-height: var(--clr-datagrid-placeholder-line-height, inherit);
  /* clr-datagrid-placeholder-letter-spacing */
  letter-spacing: inherit;
  letter-spacing: var(--clr-datagrid-placeholder-letter-spacing, inherit);
  /* clr-datagrid-placeholder-color */
  color: hsl(198, 0%, 70%);
  color: var(--clr-datagrid-placeholder-color, hsl(198, 0%, 70%));
}

.datagrid-table .datagrid-placeholder .datagrid-placeholder-image {
  height: 3rem;
  width: 3rem;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%2060%2072%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Cdefs%3E%0A%20%20%20%20%20%20%20%20%3Cellipse%20id%3D%22path-1%22%20cx%3D%2230%22%20cy%3D%2261.7666667%22%20rx%3D%2215.4512904%22%20ry%3D%224.73333333%22%3E%3C%2Fellipse%3E%0A%20%20%20%20%20%20%20%20%3Cmask%20id%3D%22mask-2%22%20maskContentUnits%3D%22userSpaceOnUse%22%20maskUnits%3D%22objectBoundingBox%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2230.9025808%22%20height%3D%229.46666667%22%20fill%3D%22white%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cuse%20xlink%3Ahref%3D%22%23path-1%22%3E%3C%2Fuse%3E%0A%20%20%20%20%20%20%20%20%3C%2Fmask%3E%0A%20%20%20%20%3C%2Fdefs%3E%0A%20%20%20%20%3Cg%20id%3D%22Page-1%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22Artboard%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cuse%20id%3D%22Oval-10%22%20stroke%3D%22%23C1DFEF%22%20mask%3D%22url(%23mask-2)%22%20stroke-width%3D%222.8%22%20stroke-linecap%3D%22square%22%20stroke-dasharray%3D%223%2C6%2C3%2C5%22%20xlink%3Ahref%3D%22%23path-1%22%3E%3C%2Fuse%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M38.4613647%2C18.1642456%20L30.9890137%2C34.9141846%20L31%2C47%20L32.5977783%2C46.5167236%20L32.5977783%2C34.9141846%20L51.0673218%2C15.7560425%20C51.0673218%2C15.7560425%2048.6295166%2C16.6542969%2044.9628906%2C17.3392334%20C41.2962646%2C18.0241699%2038.4613647%2C18.1642456%2038.4613647%2C18.1642456%20Z%22%20id%3D%22Path-195%22%20fill%3D%22%23C1DFEF%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M4.74639226%2C12.5661855%20L4.62065726%2C12.1605348%20L5.3515414%2C11.1625044%20L5.77622385%2C11.159939%20L6.20936309%2C12.5573481%20L4.74639226%2C12.5661855%20Z%20M6.20936309%2C12.5573481%20L6.32542632%2C12.9317954%20L28.4963855%2C34.8796718%20L28.4963855%2C47.8096691%20L32.6%2C46.4836513%20L32.6%2C34.8992365%20L53.973494%2C12.7035813%20L53.973494%2C12.2688201%20L6.20936309%2C12.5573481%20Z%20M55.373494%2C10.8603376%20L55.373494%2C13.2680664%20L34%2C35.4637216%20L34%2C47.5025401%20L27.0963855%2C49.7333333%20L27.0963855%2C35.4637219%20L5.09179688%2C13.680542%20L4.31325301%2C11.1687764%20L55.373494%2C10.8603376%20Z%22%20id%3D%22Path-149%22%20fill%3D%22%237FBDDD%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cellipse%20id%3D%22Oval-9%22%20fill%3D%22%23FFFFFF%22%20cx%3D%2230%22%20cy%3D%2211.785654%22%20rx%3D%2226%22%20ry%3D%226.78565401%22%3E%3C%2Fellipse%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M30%2C17.171308%20C36.8772177%2C17.171308%2043.3112282%2C16.4610701%2048.0312371%2C15.2292106%20C50.2777611%2C14.6428977%2052.0507619%2C13.9579677%2053.2216231%2C13.2354973%20C54.1938565%2C12.6355886%2054.6%2C12.1175891%2054.6%2C11.785654%20C54.6%2C11.4537189%2054.1938565%2C10.9357194%2053.2216231%2C10.3358107%20C52.0507619%2C9.61334032%2050.2777611%2C8.92841034%2048.0312371%2C8.34209746%20C43.3112282%2C7.11023795%2036.8772177%2C6.4%2030%2C6.4%20C23.1227823%2C6.4%2016.6887718%2C7.11023795%2011.9687629%2C8.34209746%20C9.72223886%2C8.92841034%207.94923814%2C9.61334032%206.77837689%2C10.3358107%20C5.8061435%2C10.9357194%205.4%2C11.4537189%205.4%2C11.785654%20C5.4%2C12.1175891%205.8061435%2C12.6355886%206.77837689%2C13.2354973%20C7.94923814%2C13.9579677%209.72223886%2C14.6428977%2011.9687629%2C15.2292106%20C16.6887718%2C16.4610701%2023.1227823%2C17.171308%2030%2C17.171308%20Z%20M30%2C18.571308%20C15.6405965%2C18.571308%204%2C15.5332672%204%2C11.785654%20C4%2C8.03804078%2015.6405965%2C5%2030%2C5%20C44.3594035%2C5%2056%2C8.03804078%2056%2C11.785654%20C56%2C15.5332672%2044.3594035%2C18.571308%2030%2C18.571308%20Z%22%20id%3D%22Oval-9-Copy%22%20fill%3D%22%237FBDDD%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M18.2608643%2C7.14562988%20L22.727356%2C16.9047241%20C22.727356%2C16.9047241%2015.3006592%2C16.3911743%2010.276001%2C14.7511597%20C5.25134277%2C13.111145%205.38031006%2C11.8284302%205.38031006%2C11.6882935%20C5.38031006%2C10.4832831%208.16633152%2C9.41877716%2011.114563%2C8.57324219%20C14.549319%2C7.58817492%2018.2608643%2C7.14562988%2018.2608643%2C7.14562988%20Z%22%20id%3D%22Path-196%22%20fill%3D%22%23C1DFEF%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E");
}

.datagrid-table .datagrid-hidden-column.datagrid-column, .datagrid-table .datagrid-hidden-column.datagrid-cell {
  display: none;
}

.datagrid-row-replaced .datagrid-scrolling-cells .datagrid-cell:not(.datagrid-expandable-caret):not(.datagrid-row-actions):not(.datagrid-select) {
  display: none;
}

.datagrid-row-replaced .datagrid-row-detail .datagrid-cell {
  display: block;
  padding-top: 0.55rem;
}

.datagrid-row-replaced .datagrid-row-detail .datagrid-cell.datagrid-hidden-column {
  display: none;
}

.datagrid-row-replaced .datagrid-row-detail .datagrid-expandable-caret {
  padding-top: 0.1rem;
}

.datagrid-row-replaced .datagrid-row-detail.datagrid-container {
  border-top: 0.05rem solid hsl(198, 0%, 80%);
}

.datagrid-row-replaced .datagrid-row-detail.datagrid-container .datagrid-cell {
  border-top: none;
}

.datagrid-footer {
  flex: 0 0 auto;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: stretch;
  /* clr-datagrid-footer-padding */
  padding: 0 0.6rem;
  padding: var(--clr-datagrid-footer-padding, 0 0.6rem);
  /* clr-datagrid-footer-line-height */
  line-height: 1.65rem;
  line-height: var(--clr-datagrid-footer-line-height, 1.65rem);
  font-size: 0.55rem;
  /* clr-thead-bgcolor */
  background-color: hsl(198, 0%, 98%);
  background-color: var(--clr-thead-bgcolor, hsl(198, 0%, 98%));
  border-style: solid;
  /* clr-table-footer-border-top-color */
  border-color: hsl(198, 0%, 80%);
  border-color: var(--clr-table-footer-border-top-color, hsl(198, 0%, 80%));
  /* clr-global-borderwidth */
  border-width: 0.05rem;
  border-width: var(--clr-global-borderwidth, 0.05rem);
  border-top: none;
  border-radius: 0;
  /* clr-global-borderradius */
  border-bottom-right-radius: 0.15rem;
  border-bottom-right-radius: var(--clr-global-borderradius, 0.15rem);
  /* clr-global-borderradius */
  border-bottom-left-radius: 0.15rem;
  border-bottom-left-radius: var(--clr-global-borderradius, 0.15rem);
}

.datagrid-footer .pagination {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-end;
  /* clr-datagrid-footer-pagination-gap */
  gap: 1.2rem;
  gap: var(--clr-datagrid-footer-pagination-gap, 1.2rem);
  /* clr-datagrid-footer-pagination-line-height */
  line-height: 1.8rem;
  line-height: var(--clr-datagrid-footer-pagination-line-height, 1.8rem);
}

.datagrid-footer .pagination-size {
  display: block;
  flex: 1 1 auto;
  white-space: nowrap;
  text-align: right;
}

.datagrid-footer .pagination-size .clr-select-wrapper::after {
  /* clr-datagrid-footer-select-wrapper-caret-top-position */
  top: 0.6rem;
  top: var(--clr-datagrid-footer-select-wrapper-caret-top-position, 0.6rem);
}

.datagrid-footer .pagination-size .clr-page-size-select {
  font-size: 100%;
  margin-left: 0.6rem;
  height: 1.2rem;
  line-height: 1.2rem;
  vertical-align: middle;
}

.datagrid-footer .pagination-description {
  white-space: nowrap;
}

.datagrid-footer .pagination-list {
  display: flex;
  align-items: center;
}

.datagrid-footer .column-switch-wrapper {
  position: relative;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
}

.datagrid-footer .column-switch-wrapper .column-toggle--action {
  min-width: 0.9rem;
  text-transform: capitalize;
  /* clr-datagrid-column-toggle-padding */
  padding: 0 0.3rem;
  padding: var(--clr-datagrid-column-toggle-padding, 0 0.3rem);
  /* clr-datagrid-column-toggle-border-color */
  border-color: hsl(198, 0%, 55%);
  border-color: var(--clr-datagrid-column-toggle-border-color, hsl(198, 0%, 55%));
  /* clr-datagrid-column-toggle-fill-color */
  background-color: hsl(198, 0%, 98%);
  background-color: var(--clr-datagrid-column-toggle-fill-color, hsl(198, 0%, 98%));
  /* clr-datagrid-column-toggle-text-color */
  color: hsl(198, 0%, 40%);
  color: var(--clr-datagrid-column-toggle-text-color, hsl(198, 0%, 40%));
  /* clr-datagrid-footer-column-switch-margin */
  margin: 0.3rem 0.6rem 0.3rem 0;
  margin: var(--clr-datagrid-footer-column-switch-margin, 0.3rem 0.6rem 0.3rem 0);
}

.datagrid-footer .column-switch-wrapper .column-toggle--action.disabled, .datagrid-footer .column-switch-wrapper .column-toggle--action:disabled, .datagrid-footer .column-switch-wrapper .column-toggle--action.disabled:hover, .datagrid-footer .column-switch-wrapper .column-toggle--action:disabled:hover, .datagrid-footer .column-switch-wrapper .column-toggle--action.disabled:active, .datagrid-footer .column-switch-wrapper .column-toggle--action:disabled:active {
  cursor: not-allowed;
  /* clr-datagrid-column-toggle-disabled-opacity */
  opacity: 0.4;
  opacity: var(--clr-datagrid-column-toggle-disabled-opacity, 0.4);
  /* clr-datagrid-column-toggle-disabled-color */
  border-color: hsl(198, 0%, 40%);
  border-color: var(--clr-datagrid-column-toggle-disabled-color, hsl(198, 0%, 40%));
  /* clr-datagrid-column-toggle-disabled-color */
  color: hsl(198, 0%, 40%);
  color: var(--clr-datagrid-column-toggle-disabled-color, hsl(198, 0%, 40%));
  /* clr-datagrid-column-toggle-fill-color */
  background-color: hsl(198, 0%, 98%);
  background-color: var(--clr-datagrid-column-toggle-fill-color, hsl(198, 0%, 98%));
}

.datagrid-footer .column-switch-wrapper .column-toggle--action:hover {
  /* clr-datagrid-column-toggle-border-hover-color */
  border-color: hsl(198, 0%, 40%);
  border-color: var(--clr-datagrid-column-toggle-border-hover-color, hsl(198, 0%, 40%));
  /* clr-datagrid-column-toggle-fill-hover-color */
  background-color: hsl(198, 0%, 100%);
  background-color: var(--clr-datagrid-column-toggle-fill-hover-color, hsl(198, 0%, 100%));
  /* clr-datagrid-column-toggle-text-hover-color */
  color: hsl(198, 0%, 0%);
  color: var(--clr-datagrid-column-toggle-text-hover-color, hsl(198, 0%, 0%));
}

.datagrid-footer .column-switch-wrapper .column-toggle--action:active, .datagrid-footer .column-switch-wrapper .column-toggle--action:focus {
  box-shadow: none;
  /* clr-datagrid-column-toggle-border-active-color */
  border-color: hsl(198, 0%, 40%);
  border-color: var(--clr-datagrid-column-toggle-border-active-color, hsl(198, 0%, 40%));
  /* clr-datagrid-column-toggle-fill-active-color */
  background-color: hsl(198, 0%, 95%);
  background-color: var(--clr-datagrid-column-toggle-fill-active-color, hsl(198, 0%, 95%));
  /* clr-datagrid-column-toggle-text-active-color */
  color: hsl(198, 0%, 40%);
  color: var(--clr-datagrid-column-toggle-text-active-color, hsl(198, 0%, 40%));
}

.datagrid-footer .column-switch-wrapper .column-switch {
  /* clr-global-borderradius */
  border-radius: 0.15rem;
  border-radius: var(--clr-global-borderradius, 0.15rem);
  /* clr-datagrid-popover-bg-color */
  background-color: hsl(198, 0%, 100%);
  background-color: var(--clr-datagrid-popover-bg-color, hsl(198, 0%, 100%));
  /* clr-datagrid-popover-border-color */
  border-color: hsl(198, 0%, 80%);
  border-color: var(--clr-datagrid-popover-border-color, hsl(198, 0%, 80%));
  /* clr-global-borderwidth */
  border-width: 0.05rem;
  border-width: var(--clr-global-borderwidth, 0.05rem);
  /* clr-datagrid-popovers-box-shadow */
  box-shadow: 0 0.05rem 0.15rem rgba(140, 140, 140, 0.25);
  box-shadow: var(--clr-datagrid-popovers-box-shadow, 0 0.05rem 0.15rem rgba(140, 140, 140, 0.25));
  padding: 0.9rem;
  border-style: solid;
  border-top: none;
  width: 12.5rem;
  display: flex;
  flex-direction: column;
  z-index: 1050;
}

.datagrid-footer .column-switch-wrapper .column-switch .switch-header {
  display: flex;
  justify-content: space-between;
  font-weight: 400;
  font-size: 0.8rem;
  padding-bottom: 0.6rem;
  line-height: 1.2rem;
}

.datagrid-footer .column-switch-wrapper .column-switch .switch-header button {
  min-width: 0.9rem;
  margin: 0;
  padding: 0;
}

.datagrid-footer .column-switch-wrapper .column-switch .switch-content {
  max-height: 15rem;
  overflow-y: auto;
  min-height: 2.4rem;
}

.datagrid-footer .column-switch-wrapper .column-switch .switch-content li {
  line-height: 1.2rem;
  padding-left: 0.1rem;
}

.datagrid-footer .column-switch-wrapper .column-switch .switch-footer .btn {
  margin: 0;
  padding: 0;
}

.datagrid-footer .column-switch-wrapper .column-switch .switch-footer .action-right {
  display: flex;
  justify-content: flex-end;
}

.datagrid-footer .column-switch-wrapper .column-switch {
  /* clr-global-borderradius */
  border-radius: 0.15rem;
  border-radius: var(--clr-global-borderradius, 0.15rem);
  /* clr-datagrid-popover-bg-color */
  background-color: hsl(198, 0%, 100%);
  background-color: var(--clr-datagrid-popover-bg-color, hsl(198, 0%, 100%));
  /* clr-global-borderwidth */
  border-width: 0.05rem;
  border-width: var(--clr-global-borderwidth, 0.05rem);
  /* clr-datagrid-popover-border-color */
  border-color: hsl(198, 0%, 80%);
  border-color: var(--clr-datagrid-popover-border-color, hsl(198, 0%, 80%));
  border-style: solid;
  /* clr-datagrid-popovers-box-shadow */
  box-shadow: 0 0.05rem 0.15rem rgba(140, 140, 140, 0.25);
  box-shadow: var(--clr-datagrid-popovers-box-shadow, 0 0.05rem 0.15rem rgba(140, 140, 140, 0.25));
  padding: 0.9rem;
  width: 12.5rem;
  display: flex;
  flex-direction: column;
  z-index: 1050;
}

.datagrid-footer .column-switch-wrapper .column-switch .switch-header {
  display: flex;
  justify-content: space-between;
  font-weight: 400;
  font-size: 0.8rem;
  padding-bottom: 0.6rem;
  line-height: 1.2rem;
}

.datagrid-footer .column-switch-wrapper .column-switch .switch-header button {
  min-width: 0.9rem;
  margin: 0;
  padding: 0;
}

.datagrid-footer .column-switch-wrapper .column-switch .switch-header button cds-icon {
  /* clr-datagrid-column-switch-header-font-color */
  color: hsl(198, 0%, 70%);
  color: var(--clr-datagrid-column-switch-header-font-color, hsl(198, 0%, 70%));
}

.datagrid-footer .column-switch-wrapper .column-switch .switch-header button cds-icon:hover {
  /* clr-datagrid-column-switch-header-font-hover-color */
  color: hsl(198, 100%, 32%);
  color: var(--clr-datagrid-column-switch-header-font-hover-color, hsl(198, 100%, 32%));
}

.datagrid-footer .column-switch-wrapper .column-switch .switch-content {
  max-height: 15rem;
  overflow-y: auto;
  min-height: 1.25rem;
}

.datagrid-footer .column-switch-wrapper .column-switch .switch-content li {
  line-height: 1.2rem;
  padding-left: 0.1rem;
}

.datagrid-footer .column-switch-wrapper .column-switch .switch-footer .btn {
  margin: 0;
  padding: 0;
}

.datagrid-footer .column-switch-wrapper .column-switch .switch-footer .action-right {
  display: flex;
  justify-content: flex-end;
}

.datagrid-footer .clr-form-control-disabled {
  display: flex;
  align-items: center;
  height: 100%;
}

.clr-form-control-disabled .datagrid-footer-select.clr-checkbox-wrapper input[type=checkbox]:checked + label {
  cursor: default;
  margin-right: 0.45rem;
}

.clr-form-control-disabled .datagrid-footer-select.clr-checkbox-wrapper input[type=checkbox]:checked + label::before {
  /* clr-color-neutral-600 */
  background-color: hsl(198, 0%, 55%);
  background-color: var(--clr-color-neutral-600, hsl(198, 0%, 55%));
}

.clr-form-control-disabled .datagrid-footer-select.clr-checkbox-wrapper input[type=checkbox]:checked + label::after {
  /* clr-color-neutral-0 */
  border-left-color: hsl(198, 0%, 100%);
  border-left-color: var(--clr-color-neutral-0, hsl(198, 0%, 100%));
  /* clr-color-neutral-0 */
  border-bottom-color: hsl(198, 0%, 100%);
  border-bottom-color: var(--clr-color-neutral-0, hsl(198, 0%, 100%));
}

.datagrid-spinner {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  top: 0.6rem;
  height: calc(100% - 0.6rem);
  /* clr-datagrid-loading-background */
  background-color: hsla(0, 0%, 100%, 0.6);
  background-color: var(--clr-datagrid-loading-background, hsla(0, 0%, 100%, 0.6));
  z-index: 590;
}

.datagrid-select .clr-control-label {
  min-height: 0.6rem;
  margin-top: -0.24rem;
  padding-left: 0.7rem;
}

.datagrid-compact .datagrid-header {
  min-height: 1.2rem;
}

.datagrid-compact .datagrid-column .datagrid-column-separator::after {
  height: calc(
          100% + 0.5 * 0.6rem - 0.05rem
        );
}

.datagrid-compact .datagrid-cell clr-icon {
  margin-top: -0.2rem;
  margin-bottom: -0.15rem;
  transform: translateY(-0.05rem);
}

.datagrid-compact .datagrid-cell cds-icon {
  margin-top: -0.2rem;
  margin-bottom: -0.15rem;
}

.datagrid-compact .datagrid-cell .badge {
  margin-top: -0.15rem;
  margin-bottom: -0.05rem;
}

.datagrid-compact .datagrid-expandable-caret {
  text-align: center;
}

.datagrid-compact .datagrid-expandable-caret .spinner {
  margin-top: 0.15rem;
}

.datagrid-compact .datagrid-expandable-caret .datagrid-expandable-caret-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  box-shadow: none;
  background: none;
  height: 1.2rem;
  width: 1.2rem;
  outline-offset: -0.2rem;
}

button.datagrid-compact .datagrid-expandable-caret .datagrid-expandable-caret-button {
  cursor: pointer;
}

.datagrid-compact .datagrid-expandable-caret .datagrid-expandable-caret-icon {
  margin: 0;
}

.datagrid-compact .datagrid-expandable-caret.datagrid-cell {
  padding: 0;
}

.datagrid-compact .datagrid-expandable-caret.datagrid-column {
  padding-top: 0.3rem;
  padding-bottom: 0.25rem;
}

.datagrid-compact .datagrid-signpost-trigger .signpost .signpost-trigger cds-icon:not([shape=info-circle], [shape=exclamation-triangle], [shape=exclamation-circle], [shape=check-circle], [shape=info], [shape=error]),
.datagrid-compact .datagrid-signpost-trigger .signpost .signpost-trigger clr-icon:not([shape=info-circle], [shape=exclamation-triangle], [shape=exclamation-circle], [shape=check-circle], [shape=info], [shape=error]) {
  height: 1.05rem;
  width: 1.05rem;
}

.datagrid-compact .datagrid-footer {
  padding: 0 0.6rem;
  line-height: 1.15rem;
}

.datagrid-compact .datagrid-footer .pagination {
  line-height: 1.2rem;
}

.datagrid-compact .datagrid-footer .column-switch-wrapper .column-toggle--action {
  margin: 0;
  outline-offset: -0.2rem;
}

.datagrid-compact .datagrid-footer .clr-form-control-disabled .datagrid-footer-select.clr-checkbox-wrapper input[type=checkbox]:checked + label {
  top: 0;
}

.datagrid-footer-description {
  flex: 1 1 auto;
  flex-wrap: nowrap;
  white-space: nowrap;
  display: block;
  text-align: right;
  margin: auto 0;
}

.pagination-list {
  list-style: none;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: stretch;
}

.pagination-list .pagination-current {
  background: none;
  /* clr-forms-textarea-background-color */
  background-color: hsl(198, 0%, 100%);
  background-color: var(--clr-forms-textarea-background-color, hsl(198, 0%, 100%));
  /* clr-datagrid-pagination-input-border-color */
  border-color: hsl(198, 0%, 80%);
  border-color: var(--clr-datagrid-pagination-input-border-color, hsl(198, 0%, 80%));
  /* clr-global-borderwidth */
  border-width: 0.05rem;
  border-width: var(--clr-global-borderwidth, 0.05rem);
  border-style: solid;
  /* clr-global-borderradius */
  border-radius: 0.15rem;
  border-radius: var(--clr-global-borderradius, 0.15rem);
  /* clr-datagrid-pagination-input-size */
  min-width: 1.2rem;
  min-width: var(--clr-datagrid-pagination-input-size, 1.2rem);
  line-height: 1.2rem;
  font-size: 0.55rem;
  text-align: center;
  transition: none !important;
}

.pagination-list .pagination-current:focus, .pagination-list .pagination-current.clr-focus {
  background: none;
  border: 0.05rem solid;
  /* clr-datagrid-pagination-input-border-focus-color */
  border-color: hsl(198, 66%, 57%);
  border-color: var(--clr-datagrid-pagination-input-border-focus-color, hsl(198, 66%, 57%));
  box-shadow: 0 0 0.05rem hsl(198, 66%, 57%);
  box-shadow: 0 0 var(--clr-global-borderwidth, 0.05rem) var(--clr-datagrid-pagination-input-border-focus-color, hsl(198, 66%, 57%));
}

.pagination-list > * {
  padding: 0 0.12rem;
}

.pagination-list .pagination-first,
.pagination-list .pagination-last,
.pagination-list .pagination-previous,
.pagination-list .pagination-next {
  display: flex;
  align-items: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.pagination-list .pagination-first:disabled,
.pagination-list .pagination-last:disabled,
.pagination-list .pagination-previous:disabled,
.pagination-list .pagination-next:disabled {
  /* clr-datagrid-pagination-btn-disabled-color */
  color: hsl(198, 0%, 55%);
  color: var(--clr-datagrid-pagination-btn-disabled-color, hsl(198, 0%, 55%));
  /* clr-datagrid-pagination-btn-disabled-opacity */
  opacity: 0.56;
  opacity: var(--clr-datagrid-pagination-btn-disabled-opacity, 0.56);
}

.pagination-list .pagination-first,
.pagination-list .pagination-previous {
  /* clr-datagrid-footer-pagination-list-margin */
  margin-right: 0.6rem;
  margin-right: var(--clr-datagrid-footer-pagination-list-margin, 0.6rem);
}

.pagination-list .pagination-last,
.pagination-list .pagination-next {
  /* clr-datagrid-footer-pagination-list-margin */
  margin-left: 0.6rem;
  margin-left: var(--clr-datagrid-footer-pagination-list-margin, 0.6rem);
}

.pagination-list button {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  box-shadow: none;
  background: none;
  /* clr-datagrid-pagination-btn-color */
  color: hsl(198, 0%, 40%);
  color: var(--clr-datagrid-pagination-btn-color, hsl(198, 0%, 40%));
  cursor: pointer;
}

button.pagination-list button {
  cursor: pointer;
}

/*
      The following classes are used by the renderer when performing internal operations.
      Using the browser calculations improves rendering performance.
  */
.datagrid-cell-width-zero {
  border: 0 !important;
  padding: 0 !important;
  width: 0;
  flex: 0 0 auto !important;
  min-width: 0 !important;
  display: block !important;
}

/**
 * Detail pane
 */
.datagrid-outer-wrapper {
  display: flex;
  flex-direction: row;
  flex-grow: 1;
  overflow: auto;
}

.datagrid-inner-wrapper {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  overflow: auto;
  min-width: 12rem;
}

.datagrid-detail-open > .datagrid-outer-wrapper > .datagrid-inner-wrapper {
  /**
   * Needed to prevent hidding the sorting and filtering icons
   */
}

.datagrid-detail-open > .datagrid-outer-wrapper > .datagrid-inner-wrapper div.datagrid-table {
  /**
   * So the content with no spaces in the cell doesn't get cut when and the row selected indicator is not hidden
   * e.g. Helloworldthisisaveryveryveryveryverylongcontent
   */
  max-width: 100%;
  /**
   * To get rid of detail-pane overlapping the content inside the rows
   */
  overflow: hidden;
}

.datagrid-detail-open > .datagrid-outer-wrapper > .datagrid-inner-wrapper clr-dg-cell {
  /**
   * Since we use inline width of each column in order to maintain manual resizing,
   * we need to use !important to override the inline width.
   */
  width: 100% !important;
}

.datagrid-detail-open > .datagrid-outer-wrapper > .datagrid-inner-wrapper clr-dg-column:first-child {
  /**
    * Since we use inline width of each column in order to maintain manual resizing,
    * we need to use !important to override the inline width.
    */
  width: auto !important;
}

.datagrid-detail-open .datagrid {
  border-top-right-radius: 0;
  border-right: none;
}

.datagrid-detail-open .datagrid-inner-wrapper {
  width: 34%;
}

.datagrid-detail-open .datagrid-placeholder-container,
.datagrid-detail-open .datagrid-row {
  border-right: 0.05rem solid hsl(198, 0%, 80%);
}

.datagrid-detail-open .datagrid-footer {
  border-bottom-right-radius: 0;
}

.datagrid-detail-open .pagination {
  width: 100%;
}

.datagrid-detail-open .pagination-description-compact {
  text-align: left;
  flex: 1;
}

.datagrid-detail-open .datagrid-footer .pagination-list {
  margin-right: 0;
}

.datagrid-row-detail-open {
  position: relative;
}

.datagrid-row-detail-open:before {
  content: "";
  display: inline-block;
  position: absolute;
  border: 0.5rem solid transparent;
  /* clr-table-border-color */
  border-right-color: hsl(198, 0%, 80%);
  border-right-color: var(--clr-table-border-color, hsl(198, 0%, 80%));
  top: 0.5rem;
  right: 0;
}

.datagrid-row-detail-open:after {
  content: "";
  display: inline-block;
  position: absolute;
  border: 0.45rem solid transparent;
  /* clr-datagrid-popover-bg-color */
  border-right-color: hsl(198, 0%, 100%);
  border-right-color: var(--clr-datagrid-popover-bg-color, hsl(198, 0%, 100%));
  top: 0.55rem;
  right: -0.05rem;
}

.datagrid-detail-pane {
  margin-top: 0.6rem;
  /* clr-global-borderwidth */
  border-width: 0.05rem;
  border-width: var(--clr-global-borderwidth, 0.05rem);
  border-style: solid;
  /* clr-datagrid-detail-pane-border-color */
  border-color: hsl(198, 0%, 80%);
  border-color: var(--clr-datagrid-detail-pane-border-color, hsl(198, 0%, 80%));
  border-left: none;
  /* clr-global-borderradius */
  border-top-right-radius: 0.15rem;
  border-top-right-radius: var(--clr-global-borderradius, 0.15rem);
  /* clr-global-borderradius */
  border-bottom-right-radius: 0.15rem;
  border-bottom-right-radius: var(--clr-global-borderradius, 0.15rem);
  /* clr-datagrid-detail-pane-bg-color */
  background: hsl(198, 0%, 100%);
  background: var(--clr-datagrid-detail-pane-bg-color, hsl(198, 0%, 100%));
  overflow: hidden;
  display: block;
  flex-grow: 2;
  width: 66%;
}

.datagrid-detail-pane-content {
  display: flex;
  flex-direction: column;
  overflow: auto;
  height: 100%;
  /* clr-datagrid-detail-pane-content-padding */
  padding: 0;
  padding: var(--clr-datagrid-detail-pane-content-padding, 0);
}

.datagrid-detail-body {
  flex: 1 1 auto;
  /* clr-datagrid-detail-body-padding */
  padding: 0 1.2rem;
  padding: var(--clr-datagrid-detail-body-padding, 0 1.2rem);
  /* clr-datagrid-detail-body-text-color */
  color: hsl(198, 0%, 40%);
  color: var(--clr-datagrid-detail-body-text-color, hsl(198, 0%, 40%));
}

.datagrid-detail-header {
  flex: 0 0 auto;
  font-size: 0.9rem;
  line-height: 1.68rem;
  /* clr-datagrid-detail-header-padding */
  padding: 0 0 0 1.2rem;
  padding: var(--clr-datagrid-detail-header-padding, 0 0 0 1.2rem);
  margin-top: 0;
  display: flex;
  flex-direction: row;
}

.datagrid-detail-header .datagrid-detail-header-title {
  flex: 1 1 auto;
  /* clr-datagrid-detail-header-title-padding */
  padding: 0.8rem 0 0 0;
  padding: var(--clr-datagrid-detail-header-title-padding, 0.8rem 0 0 0);
  /* clr-datagrid-detail-header-title-color */
  color: hsl(198, 0%, 40%);
  color: var(--clr-datagrid-detail-header-title-color, hsl(198, 0%, 40%));
}

.datagrid-detail-header .datagrid-detail-pane-close {
  flex: 1 1 1.8rem;
  padding: 0;
  display: flex;
  justify-content: flex-end;
  /* clr-datagrid-detail-pane-close-padding */
  padding: 0 0 0 0.6rem;
  padding: var(--clr-datagrid-detail-pane-close-padding, 0 0 0 0.6rem);
}

.datagrid-detail-header .datagrid-detail-pane-close .btn.btn-link {
  /* clr-datagrid-detail-pane-close-btn-min-width */
  min-width: 3.6rem;
  min-width: var(--clr-datagrid-detail-pane-close-btn-min-width, 3.6rem);
  /* clr-datagrid-detail-pane-close-btn-margin */
  margin: 0.8rem 0 0 0;
  margin: var(--clr-datagrid-detail-pane-close-btn-margin, 0.8rem 0 0 0);
  padding-right: 0;
}

.datagrid-detail-header .datagrid-detail-pane-close .btn.btn-link cds-icon {
  /* clr-datagrid-detail-pane-close-icon-size */
  height: 1.2rem;
  height: var(--clr-datagrid-detail-pane-close-icon-size, 1.2rem);
  /* clr-datagrid-detail-pane-close-icon-size */
  width: 1.2rem;
  width: var(--clr-datagrid-detail-pane-close-icon-size, 1.2rem);
  /* clr-datagrid-detail-pane-close-icon-size */
  min-height: 1.2rem;
  min-height: var(--clr-datagrid-detail-pane-close-icon-size, 1.2rem);
  /* clr-datagrid-detail-pane-close-icon-size */
  min-width: 1.2rem;
  min-width: var(--clr-datagrid-detail-pane-close-icon-size, 1.2rem);
  /* clr-modal-close-color */
  color: hsl(198, 0%, 55%);
  color: var(--clr-modal-close-color, hsl(198, 0%, 55%));
}

.datagrid-detail-caret {
  padding: 0;
  text-align: center;
}

.datagrid-detail-caret.datagrid-cell {
  padding: 0.3rem 0.45rem;
}

.datagrid-detail-caret .datagrid-detail-caret-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  box-shadow: none;
  background: none;
  cursor: pointer;
  padding: 0.1rem 0.2rem 0.15rem;
}

button.datagrid-detail-caret .datagrid-detail-caret-button {
  cursor: pointer;
}

.datagrid-detail-caret .datagrid-detail-caret-button.is-open {
  /* clr-datagrid-detail-caret-icon-open-bg-color */
  background-color: hsl(198, 100%, 32%);
  background-color: var(--clr-datagrid-detail-caret-icon-open-bg-color, hsl(198, 100%, 32%));
  /* clr-global-borderradius */
  border-radius: 0.15rem;
  border-radius: var(--clr-global-borderradius, 0.15rem);
}

.datagrid-detail-caret .datagrid-detail-caret-button.is-open .datagrid-detail-caret-icon {
  /* clr-datagrid-detail-caret-icon-open-icon-color */
  color: hsl(198, 0%, 100%);
  color: var(--clr-datagrid-detail-caret-icon-open-icon-color, hsl(198, 0%, 100%));
}

.datagrid-detail-caret .datagrid-detail-caret-icon {
  /* clr-datagrid-icon-color */
  color: hsl(198, 0%, 55%);
  color: var(--clr-datagrid-icon-color, hsl(198, 0%, 55%));
  margin-top: 0.1rem;
}

.datagrid-detail-caret .spinner {
  margin-top: 0.3rem;
}

.datagrid-detail-caret.datagrid-column {
  padding: 0.55rem 0.6rem 0.55rem;
}

.datagrid-detail-overlay.datagrid-detail-open > .datagrid-outer-wrapper > .datagrid-inner-wrapper {
  display: none;
}

.datagrid-detail-overlay .datagrid-detail-pane {
  border-left: 0.05rem solid;
  /* clr-datagrid-detail-pane-border-color */
  border-color: hsl(198, 0%, 80%);
  border-color: var(--clr-datagrid-detail-pane-border-color, hsl(198, 0%, 80%));
  border-radius: 0.15rem;
}

@media screen and (max-width: 576px) {
  .datagrid-detail-open > .datagrid-outer-wrapper > .datagrid-inner-wrapper {
    display: none;
  }
  .datagrid-detail-pane {
    border-left: 0.05rem solid;
    /* clr-datagrid-detail-pane-border-color */
    border-color: hsl(198, 0%, 80%);
    border-color: var(--clr-datagrid-detail-pane-border-color, hsl(198, 0%, 80%));
    border-radius: 0.15rem;
  }
}
/**
 * Smart popover contents
 */
.column-switch {
  /* clr-global-borderradius */
  border-radius: 0.15rem;
  border-radius: var(--clr-global-borderradius, 0.15rem);
  padding: 0.9rem;
  /* clr-datagrid-popover-bg-color */
  background-color: hsl(198, 0%, 100%);
  background-color: var(--clr-datagrid-popover-bg-color, hsl(198, 0%, 100%));
  /* clr-global-borderwidth */
  border-width: 0.05rem;
  border-width: var(--clr-global-borderwidth, 0.05rem);
  border-style: solid;
  /* clr-datagrid-popover-border-color */
  border-color: hsl(198, 0%, 80%);
  border-color: var(--clr-datagrid-popover-border-color, hsl(198, 0%, 80%));
  /* clr-datagrid-popovers-box-shadow */
  box-shadow: 0 0.05rem 0.15rem rgba(140, 140, 140, 0.25);
  box-shadow: var(--clr-datagrid-popovers-box-shadow, 0 0.05rem 0.15rem rgba(140, 140, 140, 0.25));
  width: 12.5rem;
  display: flex;
  flex-direction: column;
  z-index: 1050;
}

.column-switch .switch-header {
  display: flex;
  justify-content: space-between;
  font-weight: 400;
  font-size: 0.8rem;
  padding-bottom: 0.6rem;
  line-height: 1.2rem;
}

.column-switch .switch-header h1,
.column-switch .switch-header h2,
.column-switch .switch-header h3,
.column-switch .switch-header h4,
.column-switch .switch-header h5,
.column-switch .switch-header h6 {
  /* clr-p1-color */
  color: hsl(198, 0%, 40%);
  color: var(--clr-p1-color, hsl(198, 0%, 40%));
  font-weight: 400;
  font-size: 0.8rem;
  line-height: 1.2rem;
  margin: 0;
}

.column-switch .switch-header button {
  min-width: 0.9rem;
  margin: 0;
  padding: 0;
}

.column-switch .switch-header button cds-icon {
  /* clr-datagrid-column-switch-header-font-color */
  color: hsl(198, 0%, 70%);
  color: var(--clr-datagrid-column-switch-header-font-color, hsl(198, 0%, 70%));
}

.column-switch .switch-header button cds-icon:hover {
  /* clr-datagrid-column-switch-header-font-hover-color */
  color: hsl(198, 100%, 32%);
  color: var(--clr-datagrid-column-switch-header-font-hover-color, hsl(198, 100%, 32%));
}

.column-switch .switch-content {
  max-height: 15rem;
  overflow-y: auto;
  min-height: 1.25rem;
}

.column-switch .switch-content li {
  line-height: 1.2rem;
  padding-left: 0.1rem;
}

.column-switch .switch-footer .btn {
  margin: 0;
  padding: 0;
}

.column-switch .switch-footer .action-right {
  display: flex;
  justify-content: flex-end;
}

.datagrid-filter {
  margin-top: 0.24rem;
  /* clr-datagrid-popover-bg-color */
  background: hsl(198, 0%, 100%);
  background: var(--clr-datagrid-popover-bg-color, hsl(198, 0%, 100%));
  /* clr-global-borderwidth */
  border-width: 0.05rem;
  border-width: var(--clr-global-borderwidth, 0.05rem);
  border-style: solid;
  /* clr-datagrid-popover-border-color */
  border-color: hsl(198, 0%, 80%);
  border-color: var(--clr-datagrid-popover-border-color, hsl(198, 0%, 80%));
  padding: 0.9rem;
  /* clr-datagrid-popovers-box-shadow */
  box-shadow: 0 0.05rem 0.15rem rgba(140, 140, 140, 0.25);
  box-shadow: var(--clr-datagrid-popovers-box-shadow, 0 0.05rem 0.15rem rgba(140, 140, 140, 0.25));
  /* clr-global-borderradius */
  border-radius: 0.15rem;
  border-radius: var(--clr-global-borderradius, 0.15rem);
  font-weight: normal;
}

.datagrid-filter .datagrid-filter-close-wrapper {
  text-align: right;
}

.datagrid-filter .datagrid-filter-close-wrapper .close {
  float: none;
}

.datagrid-filter .datagrid-filter-apply {
  margin-bottom: 0;
}

.datagrid-action-overflow {
  position: absolute;
  /* clr-datagrid-popover-bg-color */
  background: hsl(198, 0%, 100%);
  background: var(--clr-datagrid-popover-bg-color, hsl(198, 0%, 100%));
  /* clr-datagrid-popover-padding */
  padding: 0.3rem;
  padding: var(--clr-datagrid-popover-padding, 0.3rem);
  margin-left: 0.3rem;
  border-style: solid;
  /* clr-global-borderwidth */
  border-width: 0.05rem;
  border-width: var(--clr-global-borderwidth, 0.05rem);
  /* clr-datagrid-popover-border-color */
  border-color: hsl(198, 0%, 80%);
  border-color: var(--clr-datagrid-popover-border-color, hsl(198, 0%, 80%));
  /* clr-datagrid-popovers-box-shadow */
  box-shadow: 0 0.05rem 0.15rem rgba(140, 140, 140, 0.25);
  box-shadow: var(--clr-datagrid-popovers-box-shadow, 0 0.05rem 0.15rem rgba(140, 140, 140, 0.25));
  /* clr-global-borderradius */
  border-radius: 0.15rem;
  border-radius: var(--clr-global-borderradius, 0.15rem);
  font-weight: normal;
  white-space: nowrap;
}

.datagrid-action-overflow::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 100%;
  height: 0;
  width: 0;
  margin-top: -0.3rem;
  border-top: 0.3rem solid transparent;
  border-bottom: 0.3rem solid transparent;
  border-right-width: 0.3rem;
  border-right-style: solid;
  /* clr-datagrid-popover-border-color */
  border-right-color: hsl(198, 0%, 80%);
  border-right-color: var(--clr-datagrid-popover-border-color, hsl(198, 0%, 80%));
}

.datagrid-action-overflow::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 100%;
  height: 0;
  width: 0;
  margin-top: -0.25rem;
  border-top: 0.25rem solid transparent;
  border-bottom: 0.25rem solid transparent;
  border-right-width: 0.25rem;
  border-right-style: solid;
  /* clr-datagrid-popover-bg-color */
  border-right-color: hsl(198, 0%, 100%);
  border-right-color: var(--clr-datagrid-popover-bg-color, hsl(198, 0%, 100%));
}

.datagrid-action-overflow .action-item {
  /* clr-datagrid-popover-font-color */
  color: hsl(198, 0%, 40%);
  color: var(--clr-datagrid-popover-font-color, hsl(198, 0%, 40%));
  font-size: 0.7rem;
  letter-spacing: normal;
  background: transparent;
  border: 0;
  cursor: pointer;
  display: block;
  line-height: 1.15rem;
  margin: 0;
  padding: 0.05rem 1.2rem 0;
  text-align: left;
  width: 100%;
}

.datagrid-action-overflow .action-item:hover, .datagrid-action-overflow .action-item:focus {
  text-decoration: none;
  /* clr-datagrid-action-popover-hover-color */
  background-color: hsl(198, 0%, 91%);
  background-color: var(--clr-datagrid-action-popover-hover-color, hsl(198, 0%, 91%));
}

.datagrid-action-overflow .action-item.active {
  /* clr-datagrid-row-hover-color */
  background-color: hsl(198, 0%, 91%);
  background-color: var(--clr-datagrid-row-hover-color, hsl(198, 0%, 91%));
  /* clr-datagrid-row-hover-font-color */
  color: hsl(198, 0%, 0%);
  color: var(--clr-datagrid-row-hover-font-color, hsl(198, 0%, 0%));
}

.datagrid-action-overflow .action-item:focus {
  outline: 0;
}

.datagrid-action-overflow .action-item.disabled, .datagrid-action-overflow .action-item:disabled {
  cursor: not-allowed;
  opacity: 0.4;
  -webkit-user-select: none;
          user-select: none;
}

.datagrid-action-overflow .action-item.disabled:hover, .datagrid-action-overflow .action-item:disabled:hover {
  background: none;
}

.datagrid-action-overflow .action-item.disabled:active, .datagrid-action-overflow .action-item.disabled:focus, .datagrid-action-overflow .action-item:disabled:active, .datagrid-action-overflow .action-item:disabled:focus {
  background: none;
  box-shadow: none;
}

.datagrid-action-overflow .action-item cds-icon,
.datagrid-action-overflow .action-item clr-icon {
  vertical-align: middle;
  transform: translate3d(0px, -0.05rem, 0);
}

/* END Datagrid Smart Popover Content Styles

/**
 * These classes are used in table-renderer.ts when it puts the datagrid into in tableMode and computes column
 * widths. NOTE: they are only applied during calculation and then removed.
 */
/**
 * When in calculate mode
 * - Hide the display elements for datagrid
 * - Switch display mode for elements with projected content to calcualte sizes.
 */
.datagrid-host.datagrid-calculate-mode {
  display: block;
}

.datagrid-host.datagrid-calculate-mode .datagrid,
.datagrid-host.datagrid-calculate-mode .datagrid-footer,
.datagrid-host.datagrid-calculate-mode .datagrid-row-master,
.datagrid-host.datagrid-calculate-mode .datagrid-row-clickable {
  display: none;
}

.datagrid-host.datagrid-calculate-mode .datagrid-calculation-table {
  display: table;
  table-layout: auto;
}

.datagrid-host.datagrid-calculate-mode .datagrid-calculation-table .datagrid-calculation-header {
  display: table-header-group;
}

.datagrid-host.datagrid-calculate-mode .datagrid-calculation-table .datagrid-calculation-header .datagrid-column {
  display: table-cell;
  min-width: 4.8rem;
}

.datagrid-host.datagrid-calculate-mode .datagrid-calculation-table .datagrid-calculation-header .datagrid-column {
  /* clr-tablerow-bordercolor */
  border-color: hsl(198, 0%, 91%);
  border-color: var(--clr-tablerow-bordercolor, hsl(198, 0%, 91%));
  /* clr-table-borderwidth */
  border-width: 0.05rem;
  border-width: var(--clr-table-borderwidth, 0.05rem);
  border-style: solid;
  padding: 0.55rem 0.6rem 0.55rem;
  vertical-align: top;
  /* clr-p6-color */
  color: hsl(198, 0%, 40%);
  color: var(--clr-p6-color, hsl(198, 0%, 40%));
  /* clr-font-weight-bold */
  font-weight: 600;
  font-weight: var(--clr-font-weight-bold, 600);
  font-size: 0.55rem;
  letter-spacing: 0.03em;
  line-height: 0.6rem;
  margin-top: 1.2rem;
  margin-bottom: 0;
}

.datagrid-host.datagrid-calculate-mode .datagrid-calculation-table .datagrid-row {
  display: table-row;
}

.datagrid-host.datagrid-calculate-mode .datagrid-calculation-table .datagrid-row .datagrid-cell {
  display: table-cell;
  min-width: 4.8rem;
  font-size: 0.65rem;
  line-height: 0.7rem;
  padding: 0.55rem 0.6rem 0.55rem;
  vertical-align: top;
}

.datagrid-host.datagrid-calculate-mode .datagrid-column-separator {
  display: none;
}

.datagrid-host.datagrid-calculate-mode .datagrid-placeholder-container {
  display: none;
}

.datagrid-host.datagrid-calculate-mode .datagrid-fixed-column {
  display: none;
}

/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/**
 * TODO: figure out if we want to include animate.css or if we prefer sticking to a few,
 * controlled animations that we write ourselves.
 *
 * At the moment, we rely on the fact that each ".foo" animation has the hidden styles by default,
 * and ".foo.in" has the displayed styles. This will still be feasible by simply wrapping
 * animate.css, if we want.
 */
.fade {
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
  will-change: opacity;
}

.fade.in {
  opacity: 1;
}

.fadeDown {
  opacity: 0;
  transform: translate(0, -25%);
  transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
  will-change: opacity, transform;
}

.fadeDown.in {
  opacity: 1;
  transform: translate(0, 0);
}

/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/* stylelint-disable-next-line meowtec/no-px */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/* stylelint-disable */
/* stylelint-enable */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
:root {
  --clr-wizard-main-bgcolor: var(--clr-color-neutral-0);
  --clr-wizard-stepnav-bgcolor: var(--clr-color-neutral-50);
  --clr-wizard-main-text-color: var(--clr-color-on-neutral-0);
  --clr-wizard-stepnav-text: var(--clr-color-neutral-900);
  --clr-wizard-stepnav-text--active: var(--clr-global-on-selection-color);
  --clr-wizard-title-text: var(--clr-color-neutral-1000);
  --clr-wizard-stepnav-border-size: 0.2rem;
  --clr-wizard-stepnav-item-border-color: var(--clr-color-neutral-200);
  --clr-wizard-stepnav-item-border-color--active: var(--clr-color-success-400);
  --clr-wizard-stepnav-active-bgcolor: var(--clr-global-selection-color);
  --clr-wizard-header-action-color: var(--clr-color-neutral-600);
  --clr-wizard-header-action-color--hovered: var(--clr-color-neutral-1000);
  --clr-wizard-border-radius: var(--clr-global-borderradius);
  --clr-wizard-stepnav-active-border-radius: var(--clr-wizard-border-radius);
  --clr-wizard-stepnav-border-color: hsl(0, 0%, 89%);
  --clr-wizard-box-shadow-color: rgba(0, 0, 0, 0.2);
  --clr-wizard-box-shadow: 0
    0.05rem
    0.1rem
    0.1rem
    var(--clr-wizard-box-shadow-color);
  --clr-wizard-stepnav-link-font-size: 0.7rem;
  --clr-wizard-stepnav-link-line-height: 1.2rem;
  --clr-wizard-stepnav-item-padding: 0.3rem
    0
    0.3rem
    0.2rem;
  --clr-wizard-stepnav-padding: 0 0 0 1.2rem;
  --clr-wizard-stepnav-link-padding: 0 0.15rem 0 0.5rem;
  --clr-wizard-stepnav-link-suffix-padding: 0
    0.35rem
    0
    0;
  --clr-wizard-stepnav-link-error-icon-color: var(--clr-color-danger-800);
  --clr-wizard-stepnav-item-error-border-color: var(--clr-color-danger-800);
  --clr-wizard-page-padding: 0.9rem 1.2rem 1.2rem 1.2rem;
  --clr-wizard-footer-padding: 1.2rem 1.2rem 0 0;
  --clr-wizard-footer-height: 4.2rem;
  --clr-wizard-footer-btn-wrapper-min-width: 4.2rem;
  --clr-wizard-stepnav-link-hover-bg-color: transparent;
  --clr-wizard-title-padding: 1.2rem 0.6rem 1.2rem 1.2rem;
  --clr-wizard-title-font-size: 1.1rem;
  --clr-wizard-title-line-height: 1.2rem;
  --clr-wizard-content-background-color: hsl(198, 0%, 100%);
  --clr-wizard-header-padding: 1.2rem 0.95rem 0.3rem 1.2rem;
  --clr-wizard-footer-buttons-wrapper-gap: 0.6rem;
}

.clr-wizard .modal-dialog {
  display: flex;
  flex-direction: column;
  align-items: center;
  /* clr-wizard-box-shadow */
  box-shadow: 0 0.05rem 0.1rem 0.1rem rgba(0, 0, 0, 0.2);
  box-shadow: var(--clr-wizard-box-shadow, 0 0.05rem 0.1rem 0.1rem rgba(0, 0, 0, 0.2));
  height: 50%;
  max-height: 100%;
}

.clr-wizard .modal-content {
  border-radius: 0;
  /* clr-wizard-border-radius */
  border-top-right-radius: 0.15rem;
  border-top-right-radius: var(--clr-wizard-border-radius, 0.15rem);
  /* clr-wizard-border-radius */
  border-bottom-right-radius: 0.15rem;
  border-bottom-right-radius: var(--clr-wizard-border-radius, 0.15rem);
  /* clr-wizard-content-background-color */
  background-color: hsl(198, 0%, 100%);
  background-color: var(--clr-wizard-content-background-color, hsl(198, 0%, 100%));
  box-shadow: none;
  padding: 0;
  flex: 2 2 auto;
  width: 66%;
  height: initial;
  overflow: hidden;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}

.clr-wizard .modal-header--accessible {
  flex: 0 0 auto;
  width: 100%;
  /* clr-wizard-header-padding */
  padding: 1.2rem 0.95rem 0.3rem 1.2rem;
  padding: var(--clr-wizard-header-padding, 1.2rem 0.95rem 0.3rem 1.2rem);
}

.clr-wizard .modal-title {
  /* clr-wizard-title-text */
  color: hsl(198, 0%, 0%);
  color: var(--clr-wizard-title-text, hsl(198, 0%, 0%));
  display: flex;
  flex-direction: row;
  width: 100%;
  /* clr-h4-font-size */
  font-size: 1.1rem;
  font-size: var(--clr-h4-font-size, 1.1rem);
  /* clr-h4-line-height */
  line-height: 1.356rem;
  line-height: var(--clr-h4-line-height, 1.356rem);
  margin-top: -0.156rem;
}

.clr-wizard .modal-body {
  flex: 1 1 auto;
  /* clr-wizard-main-text-color */
  color: hsl(198, 0%, 0%);
  color: var(--clr-wizard-main-text-color, hsl(198, 0%, 0%));
  width: 100%;
}

.clr-wizard .modal-footer {
  display: block;
  width: 100%;
  flex: 0 0 4.2rem;
  flex: 0 0 var(--clr-wizard-footer-height);
  /* clr-wizard-footer-height */
  height: 4.2rem;
  height: var(--clr-wizard-footer-height, 4.2rem);
  /* clr-wizard-footer-height */
  min-height: 4.2rem;
  min-height: var(--clr-wizard-footer-height, 4.2rem);
  /* clr-wizard-footer-height */
  max-height: 4.2rem;
  max-height: var(--clr-wizard-footer-height, 4.2rem);
  /* clr-wizard-footer-padding */
  padding: 1.2rem 1.2rem 0 0;
  padding: var(--clr-wizard-footer-padding, 1.2rem 1.2rem 0 0);
}

.clr-wizard .clr-wizard-btn {
  margin: 0;
  max-width: 100%;
  display: block;
}

.clr-wizard .modal-title-text {
  display: inline-block;
  flex: 0 1 auto;
  width: 100%;
  outline: none;
}

.clr-wizard .modal-title-wrapper {
  width: 100%;
}

.clr-wizard .modal-header-actions-wrapper {
  flex: 1 0 auto;
  padding-left: 0.6rem;
  padding-right: 0.2rem;
}

.clr-wizard .clr-wizard-header-action {
  height: 1.2rem;
  width: 1.2rem;
  padding: 0;
  margin: 0;
  min-width: 1.2rem;
  line-height: 1.2rem;
  font-size: 1.3rem;
  /* clr-wizard-header-action-color */
  color: hsl(198, 0%, 55%);
  color: var(--clr-wizard-header-action-color, hsl(198, 0%, 55%));
  transition: color linear 0.2s;
}

.clr-wizard .clr-wizard-header-action a {
  /* clr-wizard-header-action-color */
  color: hsl(198, 0%, 55%);
  color: var(--clr-wizard-header-action-color, hsl(198, 0%, 55%));
}

.clr-wizard .clr-wizard-header-action:hover, .clr-wizard .clr-wizard-header-action:active, .clr-wizard .clr-wizard-header-action:focus {
  /* clr-wizard-header-action-color--hovered */
  color: hsl(198, 0%, 0%);
  color: var(--clr-wizard-header-action-color--hovered, hsl(198, 0%, 0%));
}

.clr-wizard .clr-wizard-header-action cds-icon,
.clr-wizard .clr-wizard-header-action clr-icon {
  height: 1.1rem;
  width: 1.1rem;
}

.clr-wizard .clr-wizard-stepnav-wrapper {
  flex: 1 1 auto;
  width: 34%;
  max-width: 34%;
  display: flex;
  flex-direction: column;
  order: -1;
  overflow: hidden;
  overflow-y: auto;
  line-height: 1.2rem;
  /* clr-global-borderwidth */
  border-right-width: 0.05rem;
  border-right-width: var(--clr-global-borderwidth, 0.05rem);
  border-right-style: solid;
  /* clr-wizard-stepnav-border-color */
  border-right-color: hsl(0, 0%, 89%);
  border-right-color: var(--clr-wizard-stepnav-border-color, hsl(0, 0%, 89%));
  height: 100%;
  /* clr-wizard-stepnav-bgcolor */
  background-color: hsl(198, 0%, 98%);
  background-color: var(--clr-wizard-stepnav-bgcolor, hsl(198, 0%, 98%));
  border-radius: 0;
  /* clr-wizard-border-radius */
  border-top-left-radius: 0.15rem;
  border-top-left-radius: var(--clr-wizard-border-radius, 0.15rem);
  /* clr-wizard-border-radius */
  border-bottom-left-radius: 0.15rem;
  border-bottom-left-radius: var(--clr-wizard-border-radius, 0.15rem);
}

.clr-wizard .clr-wizard-stepnav {
  /* clr-wizard-stepnav-padding */
  padding: 0 0 1.2rem 1.2rem;
  padding: var(--clr-wizard-stepnav-padding, 0 0 1.2rem 1.2rem);
  display: block;
  font-size: 0.7rem;
  /* clr-wizard-stepnav-text */
  color: hsl(198, 0%, 20%);
  color: var(--clr-wizard-stepnav-text, hsl(198, 0%, 20%));
  width: 100%;
  flex: 1 1 auto;
}

.clr-wizard .clr-wizard-stepnav-list {
  display: block;
  box-shadow: none;
  counter-reset: a;
  white-space: nowrap;
  height: auto;
  list-style-type: none;
  margin: 0;
  width: 100%;
}

.clr-wizard .clr-wizard-stepnav-item {
  display: block;
  border-left-style: solid;
  /* clr-wizard-stepnav-border-size */
  border-left-width: 0.2rem;
  border-left-width: var(--clr-wizard-stepnav-border-size, 0.2rem);
  /* clr-wizard-stepnav-item-border-color */
  border-color: hsl(198, 0%, 91%);
  border-color: var(--clr-wizard-stepnav-item-border-color, hsl(198, 0%, 91%));
  margin: 0 0 -0.05rem 0;
  /* clr-wizard-stepnav-item-padding */
  padding: 0.3rem 0 0.3rem 0.2rem;
  padding: var(--clr-wizard-stepnav-item-padding, 0.3rem 0 0.3rem 0.2rem);
  /* clr-wizard-stepnav-text */
  color: hsl(198, 0%, 20%);
  color: var(--clr-wizard-stepnav-text, hsl(198, 0%, 20%));
  /* clr-font-weight-regular */
  font-weight: 400;
  font-weight: var(--clr-font-weight-regular, 400);
}

.clr-wizard .clr-wizard-stepnav-item:not(.disabled):hover .clr-wizard-stepnav-link {
  /* clr-wizard-stepnav-text--active */
  color: hsl(198, 0%, 0%);
  color: var(--clr-wizard-stepnav-text--active, hsl(198, 0%, 0%));
  /* clr-wizard-stepnav-link-hover-bg-color */
  background-color: transparent;
  background-color: var(--clr-wizard-stepnav-link-hover-bg-color, transparent);
}

.clr-wizard .clr-wizard-stepnav-item.active {
  /* clr-wizard-stepnav-text--active */
  color: hsl(198, 0%, 0%);
  color: var(--clr-wizard-stepnav-text--active, hsl(198, 0%, 0%));
  /* clr-font-weight-semibold */
  font-weight: 500;
  font-weight: var(--clr-font-weight-semibold, 500);
}

.clr-wizard .clr-wizard-stepnav-item.active .clr-wizard-stepnav-link {
  /* clr-wizard-stepnav-text--active */
  color: hsl(198, 0%, 0%);
  color: var(--clr-wizard-stepnav-text--active, hsl(198, 0%, 0%));
  /* clr-wizard-stepnav-active-bgcolor */
  background-color: hsl(201, 29%, 88%);
  background-color: var(--clr-wizard-stepnav-active-bgcolor, hsl(201, 29%, 88%));
  border-radius: 0;
  /* clr-wizard-border-radius */
  border-top-left-radius: 0.15rem;
  border-top-left-radius: var(--clr-wizard-border-radius, 0.15rem);
  /* clr-wizard-border-radius */
  border-bottom-left-radius: 0.15rem;
  border-bottom-left-radius: var(--clr-wizard-border-radius, 0.15rem);
}

.clr-wizard .clr-wizard-stepnav-item.complete {
  /* clr-wizard-stepnav-item-border-color--active */
  border-color: hsl(93, 79%, 40%);
  border-color: var(--clr-wizard-stepnav-item-border-color--active, hsl(93, 79%, 40%));
  transition: border-color 0.2s ease-in;
}

.clr-wizard .clr-wizard-stepnav-item.error {
  /* clr-wizard-stepnav-item-error-border-color */
  border-color: hsl(9, 100%, 38%);
  border-color: var(--clr-wizard-stepnav-item-error-border-color, hsl(9, 100%, 38%));
  transition: border-color 0.2s ease-in;
}

.clr-wizard .clr-wizard-stepnav-item.no-click button {
  pointer-events: none;
}

.clr-wizard .clr-wizard-stepnav-link {
  width: 100%;
  display: flex;
  place-content: normal;
  gap: 0;
  color: inherit;
  align-items: center;
  /* clr-wizard-stepnav-link-padding */
  padding: 0 0.15rem 0 0.5rem;
  padding: var(--clr-wizard-stepnav-link-padding, 0 0.15rem 0 0.5rem);
  font-weight: inherit;
  /* clr-wizard-stepnav-link-font-size */
  font-size: 0.7rem;
  font-size: var(--clr-wizard-stepnav-link-font-size, 0.7rem);
  /* clr-wizard-stepnav-link-line-height */
  line-height: 1.2rem;
  line-height: var(--clr-wizard-stepnav-link-line-height, 1.2rem);
  letter-spacing: normal;
  text-align: left;
  text-transform: none;
  margin: 0;
}

.clr-wizard .clr-wizard-stepnav-link .clr-wizard-stepnav-link-suffix {
  display: flex;
  justify-content: center;
  min-width: 1.2rem;
  /* clr-wizard-stepnav-link-suffix-padding */
  padding: 0 0.35rem 0 0;
  padding: var(--clr-wizard-stepnav-link-suffix-padding, 0 0.35rem 0 0);
}

.clr-wizard .clr-wizard-stepnav-link .clr-wizard-stepnav-link-suffix .clr-wizard-stepnav-item-error-icon {
  transform: none;
  /* clr-wizard-stepnav-link-error-icon-color */
  fill: hsl(9, 100%, 38%);
  fill: var(--clr-wizard-stepnav-link-error-icon-color, hsl(9, 100%, 38%));
}

.clr-wizard .clr-wizard-title {
  /* clr-wizard-title-text */
  color: hsl(198, 0%, 0%);
  color: var(--clr-wizard-title-text, hsl(198, 0%, 0%));
  /* clr-h1-font-weight */
  font-weight: 200;
  font-weight: var(--clr-h1-font-weight, 200);
  margin-top: 0;
  /* clr-wizard-title-padding */
  padding: 1.2rem 0.6rem 1.2rem 1.2rem;
  padding: var(--clr-wizard-title-padding, 1.2rem 0.6rem 1.2rem 1.2rem);
  flex: 0 0 auto;
  /* clr-wizard-title-font-size */
  font-size: 1.1rem;
  font-size: var(--clr-wizard-title-font-size, 1.1rem);
  /* clr-wizard-title-line-height */
  line-height: 1.2rem;
  line-height: var(--clr-wizard-title-line-height, 1.2rem);
}

.clr-wizard .modal-content-wrapper {
  display: flex;
  flex-direction: row;
  flex: 1 1 100%;
  height: 100%;
  width: 100%;
  max-height: 100%;
}

.clr-wizard .modal-content-wrapper .modal-nav {
  height: auto;
}

.clr-wizard .clr-wizard-footer-buttons {
  text-align: right;
  margin: 0;
}

.clr-wizard .clr-wizard-footer-buttons-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-end;
  /* clr-wizard-footer-buttons-wrapper-gap */
  gap: 0.6rem;
  gap: var(--clr-wizard-footer-buttons-wrapper-gap, 0.6rem);
}

.clr-wizard .clr-wizard-btn-wrapper {
  flex: 0 1 auto;
  /* clr-wizard-footer-btn-wrapper-min-width */
  gap: 4.2rem;
  gap: var(--clr-wizard-footer-btn-wrapper-min-width, 4.2rem);
}

.clr-wizard .clr-wizard-btn-wrapper[aria-hidden=true] {
  display: none;
}

.clr-wizard .clr-wizard-btn.btn-link {
  padding: 0;
}

.clr-wizard .clr-wizard-content {
  display: block;
}

.clr-wizard .clr-wizard-page:not([aria-hidden=true]) {
  display: block;
  /* clr-wizard-page-padding */
  padding: 0.9rem 1.2rem 1.2rem 1.2rem;
  padding: var(--clr-wizard-page-padding, 0.9rem 1.2rem 1.2rem 1.2rem);
}

.clr-wizard .modal-dialog {
  height: 75vh;
}

.clr-wizard .modal-body-wrapper {
  max-height: 100%;
  display: flex;
  flex-grow: 1;
  width: 100%;
  /* clr-wizard-main-padding */
  padding: 0 0.15rem;
  padding: var(--clr-wizard-main-padding, 0 0.15rem);
}

.clr-wizard.wizard-md .modal-dialog {
  min-height: 21rem;
  max-height: 25.2rem;
}

.clr-wizard.wizard-md .modal-content,
.clr-wizard.wizard-md .clr-wizard-stepnav-wrapper {
  max-height: 25.2rem;
}

.clr-wizard.wizard-md .clr-wizard-stepnav-wrapper {
  min-width: 10.8rem;
  max-width: 12rem;
}

.clr-wizard.wizard-lg .modal-dialog {
  min-height: 21rem;
  max-height: 36rem;
}

.clr-wizard.wizard-lg .modal-content,
.clr-wizard.wizard-lg .clr-wizard-stepnav-wrapper {
  max-height: 36rem;
}

.clr-wizard.wizard-lg .nav-panel,
.clr-wizard.wizard-lg .clr-wizard-stepnav-wrapper {
  min-width: 12rem;
  max-width: 14.4rem;
}

.clr-wizard.wizard-xl .modal-dialog {
  height: 75vh;
  max-height: none;
}

.clr-wizard.wizard-xl .nav-panel,
.clr-wizard.wizard-xl .clr-wizard-stepnav-wrapper {
  min-width: 12rem;
  max-width: 15.6rem;
}

.clr-wizard .spinner:not(.spinner-inline):not(.clr-treenode-spinner) {
  left: calc(50% + 5.75rem);
  position: absolute;
  top: 40%;
}

.clr-wizard-page > *:first-child {
  margin-top: 0;
}

.clr-wizard-page > *:first-child > *:first-child {
  margin-top: 0;
}

.clr-wizard-page > form:first-child {
  padding-top: 0;
}

.clr-wizard-page > form:first-child > .form-block:first-child {
  margin-top: 0;
}

.clr-wizard--no-shadow .modal-content-wrapper,
.clr-wizard--no-shadow .modal-dialog {
  box-shadow: none;
}

.clr-wizard--no-title .clr-wizard-title {
  display: none;
}

.clr-wizard--no-title .clr-wizard-stepnav {
  padding-top: 1.2rem;
}

@media screen {
  .clr-wizard-page[aria-hidden=true] {
    display: none;
  }
}
@supports (-ms-ime-align: auto) {
  .clr-wizard .clr-wizard-header-action {
    margin-top: -0.15rem;
  }
}
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
:root {
  --clr-signpost-content-bg-color: var(--clr-color-neutral-0);
  --clr-signpost-content-border-color: var(--clr-color-neutral-500);
  --clr-signpost-action-icon-dimension: 1.2rem;
  --clr-signpost-action-color: var(--clr-color-neutral-600);
  --clr-signpost-action-icon-color: var(--clr-btn-link-color);
  --clr-signpost-action-hover-color: var(--clr-color-action-700);
  --clr-signpost-action-active-color: var(--clr-color-action-700);
  --clr-signpost-border-radius: var(--clr-global-borderradius);
  --clr-signpost-pointer-border: 0.6rem solid hsl(198, 0%, 70%);
  --clr-signpost-pointer-invisible-border: 0.6rem solid transparent;
  --clr-signpost-pointer-psuedo-border: 0.6rem solid hsl(198, 0%, 100%);
  --clr-signpost-content-padding: 1.2rem;
  --clr-signpost-content-color: var(--clr-color-neutral-700);
  --clr-signpost-content-header-position: absolute;
  --clr-signpost-content-header-padding: 0;
  --clr-signpost-content-close-button-line-height: inherit;
  --clr-signpost-content-close-button-dimensions: 1.2rem;
  --clr-signpost-content-close-icon-dimensions: 0.8rem;
}

/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/* stylelint-disable-next-line meowtec/no-px */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/* stylelint-disable */
/* stylelint-enable */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
:root {
  --clr-signpost-content-bg-color: var(--clr-color-neutral-0);
  --clr-signpost-content-border-color: var(--clr-color-neutral-500);
  --clr-signpost-action-icon-dimension: 1.2rem;
  --clr-signpost-action-color: var(--clr-color-neutral-600);
  --clr-signpost-action-icon-color: var(--clr-btn-link-color);
  --clr-signpost-action-hover-color: var(--clr-color-action-700);
  --clr-signpost-action-active-color: var(--clr-color-action-700);
  --clr-signpost-border-radius: var(--clr-global-borderradius);
  --clr-signpost-pointer-border: 0.6rem solid hsl(198, 0%, 70%);
  --clr-signpost-pointer-invisible-border: 0.6rem solid transparent;
  --clr-signpost-pointer-psuedo-border: 0.6rem solid hsl(198, 0%, 100%);
  --clr-signpost-content-padding: 1.2rem;
  --clr-signpost-content-color: var(--clr-color-neutral-700);
  --clr-signpost-content-header-position: absolute;
  --clr-signpost-content-header-padding: 0;
  --clr-signpost-content-close-button-line-height: inherit;
  --clr-signpost-content-close-button-dimensions: 1.2rem;
  --clr-signpost-content-close-icon-dimensions: 0.8rem;
}

.signpost {
  display: inline-block;
}

.signpost:hover {
  cursor: pointer;
}

.signpost .signpost-action {
  /* clr-signpost-action-icon-dimension */
  min-width: 1.2rem;
  min-width: var(--clr-signpost-action-icon-dimension, 1.2rem);
  margin: 0;
  padding: 0;
  /* clr-signpost-action-color */
  color: hsl(198, 0%, 55%);
  color: var(--clr-signpost-action-color, hsl(198, 0%, 55%));
}

.signpost .signpost-action cds-icon,
.signpost .signpost-action clr-icon {
  /* clr-signpost-action-icon-dimension */
  height: 1.2rem;
  height: var(--clr-signpost-action-icon-dimension, 1.2rem);
  /* clr-signpost-action-icon-dimension */
  width: 1.2rem;
  width: var(--clr-signpost-action-icon-dimension, 1.2rem);
  /* clr-signpost-action-icon-color */
  color: hsl(198, 0%, 55%);
  color: var(--clr-signpost-action-icon-color, hsl(198, 0%, 55%));
}

.signpost .signpost-action cds-icon:hover,
.signpost .signpost-action clr-icon:hover, .signpost .signpost-action:hover {
  /* clr-signpost-action-hover-color */
  color: hsl(198, 100%, 28%);
  color: var(--clr-signpost-action-hover-color, hsl(198, 100%, 28%));
}

.signpost .signpost-action.active cds-icon, .signpost .signpost-action.active clr-icon, .signpost .signpost-action.active {
  /* clr-signpost-action-active-color */
  color: hsl(198, 100%, 28%);
  color: var(--clr-signpost-action-active-color, hsl(198, 100%, 28%));
}

.signpost .signpost-content-header button {
  /* clr-signpost-content-close-button-line-height */
  line-height: inherit;
  line-height: var(--clr-signpost-content-close-button-line-height, inherit);
  /* clr-signpost-content-close-button-dimensions */
  height: 1.2rem;
  height: var(--clr-signpost-content-close-button-dimensions, 1.2rem);
  /* clr-signpost-content-close-button-dimensions */
  width: 1.2rem;
  width: var(--clr-signpost-content-close-button-dimensions, 1.2rem);
  /* clr-signpost-content-close-button-dimensions */
  min-height: 1.2rem;
  min-height: var(--clr-signpost-content-close-button-dimensions, 1.2rem);
  /* clr-signpost-content-close-button-dimensions */
  min-width: 1.2rem;
  min-width: var(--clr-signpost-content-close-button-dimensions, 1.2rem);
}

.signpost .signpost-content-header button cds-icon,
.signpost .signpost-content-header button clr-icon {
  /* clr-signpost-content-close-icon-dimensions */
  height: 0.8rem;
  height: var(--clr-signpost-content-close-icon-dimensions, 0.8rem);
  /* clr-signpost-content-close-icon-dimensions */
  width: 0.8rem;
  width: var(--clr-signpost-content-close-icon-dimensions, 0.8rem);
  /* clr-signpost-content-close-icon-dimensions */
  min-height: 0.8rem;
  min-height: var(--clr-signpost-content-close-icon-dimensions, 0.8rem);
  /* clr-signpost-content-close-icon-dimensions */
  min-width: 0.8rem;
  min-width: var(--clr-signpost-content-close-icon-dimensions, 0.8rem);
}

.signpost-trigger {
  margin: 0;
  padding: 0;
  display: inline-block;
}

.signpost-content {
  background-color: transparent;
  min-width: 10.8rem;
  max-width: 18rem;
  min-height: 2.4rem;
  max-height: 25.2rem;
  display: inline-block;
  position: relative;
  z-index: 1050;
  /***
          The signpost is above the icon top-{HORIZONTAL_POSITION}
      */
  /***
          TODO: Create a general mix-in for the popover-pointer that can
          1. Accomadate all 12 positions
          2. Unification for the nomenclature between components
              (if possible, I know they all use slightly different terms)
          3. Be used across Tooltips, Signposts (Do we also want it for Dropdowns)
          4. What's up with the namespacing here? Usually we use `clr-*` to denote
              Clarity components but we aren't doing that in signposts. We should
              consider it.
       */
  /* NOTE: signposts need precise pixels for some measurements due to the design
          Hence the 1px and 2px values you'll see below.

          I've tested the calcs below while resizing the base font-size for the rem
          measurements and they appear to hold up well.
        */
  /***
           The signpost is below the icon top-{HORIZONTAL_POSITION}
       */
  /***
           The signpost is on the left side of the icon left-{VERTICAL_POSITION}
        */
  /***
           The signpost is on the right side of the icon right-{VERTICAL_POSITION}
       */
}

.signpost-content:hover {
  cursor: default;
}

.signpost-content .popover-pointer {
  height: 0;
  width: 0;
  position: absolute;
}

.signpost-content .popover-pointer:before {
  content: "";
  height: 0;
  width: 0;
  position: absolute;
}

.signpost-content.top-left .popover-pointer, .signpost-content.top-middle .popover-pointer, .signpost-content.top-right .popover-pointer {
  /* clr-signpost-pointer-border */
  border-top: 0.6rem solid hsl(198, 0%, 70%);
  border-top: var(--clr-signpost-pointer-border, 0.6rem solid hsl(198, 0%, 70%));
  bottom: -0.6rem;
}

.signpost-content.top-left .popover-pointer:before, .signpost-content.top-middle .popover-pointer:before, .signpost-content.top-right .popover-pointer:before {
  /* clr-signpost-pointer-psuedo-border */
  border-top: 0.6rem solid hsl(198, 0%, 100%);
  border-top: var(--clr-signpost-pointer-psuedo-border, 0.6rem solid hsl(198, 0%, 100%));
  bottom: 0.1rem;
}

.signpost-content.top-left .signpost-wrap {
  border-bottom-right-radius: 0;
}

.signpost-content.top-left .popover-pointer {
  /* clr-signpost-pointer-invisible-border */
  border-left: 0.6rem solid transparent;
  border-left: var(--clr-signpost-pointer-invisible-border, 0.6rem solid transparent);
  right: -0.05rem;
}

.signpost-content.top-left .popover-pointer:before {
  /* clr-signpost-pointer-invisible-border */
  border-left: 0.6rem solid transparent;
  border-left: var(--clr-signpost-pointer-invisible-border, 0.6rem solid transparent);
  right: 0.05rem;
}

.signpost-content.top-middle .popover-pointer {
  /* clr-signpost-pointer-invisible-border */
  border-right: 0.6rem solid transparent;
  border-right: var(--clr-signpost-pointer-invisible-border, 0.6rem solid transparent);
  left: 50%;
}

.signpost-content.top-middle .popover-pointer:before {
  /* clr-signpost-pointer-invisible-border */
  border-right: 0.6rem solid transparent;
  border-right: var(--clr-signpost-pointer-invisible-border, 0.6rem solid transparent);
  left: 0.05rem;
}

.signpost-content.top-right .signpost-wrap {
  border-bottom-left-radius: 0;
}

.signpost-content.top-right .popover-pointer {
  /* clr-signpost-pointer-invisible-border */
  border-right: 0.6rem solid transparent;
  border-right: var(--clr-signpost-pointer-invisible-border, 0.6rem solid transparent);
  left: -0.05rem;
}

.signpost-content.top-right .popover-pointer:before {
  /* clr-signpost-pointer-invisible-border */
  border-right: 0.6rem solid transparent;
  border-right: var(--clr-signpost-pointer-invisible-border, 0.6rem solid transparent);
  left: 0.05rem;
}

.signpost-content.bottom-left .popover-pointer, .signpost-content.bottom-middle .popover-pointer, .signpost-content.bottom-right .popover-pointer {
  /* clr-signpost-pointer-border */
  border-bottom: 0.6rem solid hsl(198, 0%, 70%);
  border-bottom: var(--clr-signpost-pointer-border, 0.6rem solid hsl(198, 0%, 70%));
  top: -0.55rem;
}

.signpost-content.bottom-left .popover-pointer:before, .signpost-content.bottom-middle .popover-pointer:before, .signpost-content.bottom-right .popover-pointer:before {
  /* clr-signpost-pointer-psuedo-border */
  border-bottom: 0.6rem solid hsl(198, 0%, 100%);
  border-bottom: var(--clr-signpost-pointer-psuedo-border, 0.6rem solid hsl(198, 0%, 100%));
  top: 0.1rem;
}

.signpost-content.bottom-left .signpost-wrap {
  border-top-right-radius: 0;
}

.signpost-content.bottom-left .popover-pointer {
  /* clr-signpost-pointer-invisible-border */
  border-left: 0.6rem solid transparent;
  border-left: var(--clr-signpost-pointer-invisible-border, 0.6rem solid transparent);
  right: -0.05rem;
}

.signpost-content.bottom-left .popover-pointer:before {
  /* clr-signpost-pointer-invisible-border */
  border-left: 0.6rem solid transparent;
  border-left: var(--clr-signpost-pointer-invisible-border, 0.6rem solid transparent);
  right: 0.05rem;
}

.signpost-content.bottom-middle .popover-pointer {
  /* clr-signpost-pointer-invisible-border */
  border-right: 0.6rem solid transparent;
  border-right: var(--clr-signpost-pointer-invisible-border, 0.6rem solid transparent);
  right: 50%;
}

.signpost-content.bottom-middle .popover-pointer:before {
  /* clr-signpost-pointer-invisible-border */
  border-right: 0.6rem solid transparent;
  border-right: var(--clr-signpost-pointer-invisible-border, 0.6rem solid transparent);
  right: -0.65rem;
}

.signpost-content.bottom-right .signpost-wrap {
  border-top-left-radius: 0;
}

.signpost-content.bottom-right .popover-pointer {
  /* clr-signpost-pointer-invisible-border */
  border-right: 0.6rem solid transparent;
  border-right: var(--clr-signpost-pointer-invisible-border, 0.6rem solid transparent);
  left: -0.05rem;
}

.signpost-content.bottom-right .popover-pointer:before {
  /* clr-signpost-pointer-invisible-border */
  border-right: 0.6rem solid transparent;
  border-right: var(--clr-signpost-pointer-invisible-border, 0.6rem solid transparent);
  left: 0.05rem;
}

.signpost-content.left-top .popover-pointer, .signpost-content.left-middle .popover-pointer, .signpost-content.left-bottom .popover-pointer {
  /* clr-signpost-pointer-border */
  border-left: 0.6rem solid hsl(198, 0%, 70%);
  border-left: var(--clr-signpost-pointer-border, 0.6rem solid hsl(198, 0%, 70%));
  right: -0.6rem;
}

.signpost-content.left-top .popover-pointer:before, .signpost-content.left-middle .popover-pointer:before, .signpost-content.left-bottom .popover-pointer:before {
  /* clr-signpost-pointer-psuedo-border */
  border-left: 0.6rem solid hsl(198, 0%, 100%);
  border-left: var(--clr-signpost-pointer-psuedo-border, 0.6rem solid hsl(198, 0%, 100%));
}

.signpost-content.left-top .signpost-wrap {
  border-bottom-right-radius: 0;
}

.signpost-content.left-top .popover-pointer {
  /* clr-signpost-pointer-invisible-border */
  border-top: 0.6rem solid transparent;
  border-top: var(--clr-signpost-pointer-invisible-border, 0.6rem solid transparent);
  bottom: -0.05rem;
}

.signpost-content.left-top .popover-pointer:before {
  /* clr-signpost-pointer-invisible-border */
  border-top: 0.6rem solid transparent;
  border-top: var(--clr-signpost-pointer-invisible-border, 0.6rem solid transparent);
  top: -0.65rem;
  right: 0.1rem;
}

.signpost-content.left-middle .popover-pointer {
  /* clr-signpost-pointer-invisible-border */
  border-bottom: 0.6rem solid transparent;
  border-bottom: var(--clr-signpost-pointer-invisible-border, 0.6rem solid transparent);
  top: 50%;
  transform: translateY(-50%);
}

.signpost-content.left-middle .popover-pointer:before {
  /* clr-signpost-pointer-invisible-border */
  border-bottom: 0.6rem solid transparent;
  border-bottom: var(--clr-signpost-pointer-invisible-border, 0.6rem solid transparent);
  top: 0.05rem;
  left: -0.7rem;
}

.signpost-content.left-bottom .signpost-wrap {
  border-top-right-radius: 0;
}

.signpost-content.left-bottom .popover-pointer {
  /* clr-signpost-pointer-invisible-border */
  border-bottom: 0.6rem solid transparent;
  border-bottom: var(--clr-signpost-pointer-invisible-border, 0.6rem solid transparent);
  top: -0.05rem;
}

.signpost-content.left-bottom .popover-pointer:before {
  /* clr-signpost-pointer-invisible-border */
  border-bottom: 0.6rem solid transparent;
  border-bottom: var(--clr-signpost-pointer-invisible-border, 0.6rem solid transparent);
  top: 0.05rem;
  left: -0.7rem;
}

.signpost-content.right-top .popover-pointer, .signpost-content.right-middle .popover-pointer, .signpost-content.right-bottom .popover-pointer {
  /* clr-signpost-pointer-border */
  border-right: 0.6rem solid hsl(198, 0%, 70%);
  border-right: var(--clr-signpost-pointer-border, 0.6rem solid hsl(198, 0%, 70%));
  left: -0.6rem;
}

.signpost-content.right-top .popover-pointer:before, .signpost-content.right-middle .popover-pointer:before, .signpost-content.right-bottom .popover-pointer:before {
  /* clr-signpost-pointer-psuedo-border */
  border-right: 0.6rem solid hsl(198, 0%, 100%);
  border-right: var(--clr-signpost-pointer-psuedo-border, 0.6rem solid hsl(198, 0%, 100%));
  left: 0.1rem;
}

.signpost-content.right-top .signpost-wrap {
  border-bottom-left-radius: 0;
}

.signpost-content.right-top .popover-pointer {
  /* clr-signpost-pointer-invisible-border */
  border-top: 0.6rem solid transparent;
  border-top: var(--clr-signpost-pointer-invisible-border, 0.6rem solid transparent);
  bottom: -0.05rem;
}

.signpost-content.right-top .popover-pointer:before {
  /* clr-signpost-pointer-invisible-border */
  border-top: 0.6rem solid transparent;
  border-top: var(--clr-signpost-pointer-invisible-border, 0.6rem solid transparent);
  top: -0.65rem;
}

.signpost-content.right-middle .popover-pointer {
  /* clr-signpost-pointer-invisible-border */
  border-bottom: 0.6rem solid transparent;
  border-bottom: var(--clr-signpost-pointer-invisible-border, 0.6rem solid transparent);
  top: 50%;
  transform: translateY(-50%);
}

.signpost-content.right-middle .popover-pointer:before {
  /* clr-signpost-pointer-invisible-border */
  border-bottom: 0.6rem solid transparent;
  border-bottom: var(--clr-signpost-pointer-invisible-border, 0.6rem solid transparent);
  top: 0.05rem;
}

.signpost-content.right-bottom .signpost-wrap {
  border-top-left-radius: 0;
}

.signpost-content.right-bottom .popover-pointer {
  /* clr-signpost-pointer-invisible-border */
  border-bottom: 0.6rem solid transparent;
  border-bottom: var(--clr-signpost-pointer-invisible-border, 0.6rem solid transparent);
  top: -0.05rem;
}

.signpost-content.right-bottom .popover-pointer:before {
  /* clr-signpost-pointer-invisible-border */
  border-bottom: 0.6rem solid transparent;
  border-bottom: var(--clr-signpost-pointer-invisible-border, 0.6rem solid transparent);
  top: 0.05rem;
}

.signpost-content-header {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  background-color: inherit;
  top: 0;
  /* clr-signpost-content-header-position */
  position: absolute;
  position: var(--clr-signpost-content-header-position, absolute);
  /* clr-signpost-content-header-padding */
  padding: 0;
  padding: var(--clr-signpost-content-header-padding, 0);
  /* clr-signpost-border-radius */
  border-radius: 0.15rem;
  border-radius: var(--clr-signpost-border-radius, 0.15rem);
}

.signpost-wrap {
  /* clr-signpost-border-radius */
  border-radius: 0.15rem;
  border-radius: var(--clr-signpost-border-radius, 0.15rem);
  /* clr-global-borderwidth */
  border-width: 0.05rem;
  border-width: var(--clr-global-borderwidth, 0.05rem);
  border-style: solid;
  /* clr-signpost-content-border-color */
  border-color: hsl(198, 0%, 70%);
  border-color: var(--clr-signpost-content-border-color, hsl(198, 0%, 70%));
  /* clr-signpost-content-bg-color */
  background-color: hsl(198, 0%, 100%);
  background-color: var(--clr-signpost-content-bg-color, hsl(198, 0%, 100%));
  z-index: 1050;
  position: relative;
}

.signpost-content-body {
  /* clr-signpost-content-padding */
  padding: 1.2rem;
  padding: var(--clr-signpost-content-padding, 1.2rem);
  /* clr-signpost-content-color */
  color: hsl(198, 0%, 40%);
  color: var(--clr-signpost-content-color, hsl(198, 0%, 40%));
  text-align: left;
  max-height: 24rem;
  overflow-y: auto;
}

/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/* stylelint-disable-next-line meowtec/no-px */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/* stylelint-disable */
/* stylelint-enable */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
:root {
  --clr-accordion-text-color: var(--clr-global-font-color);
  --clr-accordion-text-color-hover: var(--clr-global-font-color);
  --clr-accordion-text-color-active: var(--clr-global-font-color);
  --clr-accordion-text-color-selected: var(--clr-global-font-color);
  --clr-accordion-panel-disabled-color: var(--clr-color-neutral-500);
  --clr-accordion-active-background-color: var(--clr-global-selection-color);
  --clr-accordion-content-background-color: var(--clr-color-neutral-0);
  --clr-accordion-header-background-color: var(--clr-color-neutral-50);
  --clr-accordion-header-disabled-background-color: var(--clr-global-selection-color);
  --clr-accordion-header-hover-background-color: var(--clr-color-neutral-200);
  --clr-accordion-header-active-background-color: var(--clr-color-neutral-200);
  --clr-accordion-header-font-size: 0.8rem;
  --clr-accordion-header-button-font-size: 0.6rem;
  --clr-accordion-header-button-line-height: 1.2rem;
  --clr-accordion-header-button-padding: 0.3rem 0.6rem;
  --clr-accordion-number-padding: 0 0.9rem;
  --clr-accordion-title-font-weight: 500;
  --clr-accordion-title-font-size: 0.65rem;
  --clr-accordion-error-color: var(--clr-global-error-color);
  --clr-accordion-complete-color: var(--clr-global-success-color);
  --clr-accordion-border-color: var(--clr-color-neutral-400);
  --clr-accordion-border-radius: var(--clr-global-borderradius);
  --clr-accordion-border-left-color: hsl(198, 0%, 91%);
  --clr-accordion-border-left-width: 0.3rem;
  --clr-accordion-border-left-color-current: var(--clr-accordion-border-left-color);
  --clr-accordion-border-left-color-complete: var(--clr-accordion-complete-color);
  --clr-accordion-border-left-color-error: var(--clr-accordion-error-color);
  --clr-accordion-header-left-indicator: inset
    var(--clr-accordion-border-left-width)
    0
    0
    var(--clr-accordion-border-left-color);
  --clr-accordion-header-left-current-indicator: inset
    var(--clr-accordion-border-left-width)
    0
    0
    var(--clr-accordion-border-left-color-current);
  --clr-accordion-header-left-complete-indicator: inset
    var(--clr-accordion-border-left-width)
    0
    0
    var(--clr-accordion-border-left-color-complete);
  --clr-accordion-header-left-error-indicator: inset
    var(--clr-accordion-border-left-width)
    0
    0
    var(--clr-accordion-border-left-color-error);
  --clr-accordion-header-gap: 0;
  --clr-accordion-status-icon-width: 0.96rem;
  --clr-accordion-content-color: hsl(198, 0%, 40%);
  --clr-accordion-content-font-size: 0.7rem;
  --clr-accordion-description-margin-left: 1.8rem;
  --clr-accordion-step-title-min-width: 8.64rem;
  --clr-accordion-step-title-font-weight: 400;
  --clr-accordion-step-status-margin-left: 0;
  --clr-accordion-step-title-margin-left: 0;
}

.clr-accordion {
  display: block;
  margin-bottom: 1.2rem;
}

.clr-accordion-panel {
  display: block;
}

.clr-accordion-header {
  /* clr-accordion-text-color */
  color: hsl(198, 0%, 40%);
  color: var(--clr-accordion-text-color, hsl(198, 0%, 40%));
  border: 0.05rem solid;
  /* clr-accordion-border-color */
  border-color: hsl(198, 0%, 80%);
  border-color: var(--clr-accordion-border-color, hsl(198, 0%, 80%));
  /* clr-accordion-header-left-indicator */
  box-shadow: inset 0.3rem 0 0 hsl(198, 0%, 91%);
  box-shadow: var(--clr-accordion-header-left-indicator, inset 0.3rem 0 0 hsl(198, 0%, 91%));
  /* clr-accordion-header-background-color */
  background: hsl(198, 0%, 98%);
  background: var(--clr-accordion-header-background-color, hsl(198, 0%, 98%));
  transition: all 200ms ease-in-out;
  border-bottom: 0;
  width: 100%;
  /* clr-accordion-header-font-size */
  font-size: 0.8rem;
  font-size: var(--clr-accordion-header-font-size, 0.8rem);
  text-align: left;
}

.clr-accordion-header:hover {
  /* clr-accordion-text-color-hover */
  color: hsl(198, 0%, 40%);
  color: var(--clr-accordion-text-color-hover, hsl(198, 0%, 40%));
  /* clr-accordion-header-hover-background-color */
  background-color: hsl(198, 0%, 91%);
  background-color: var(--clr-accordion-header-hover-background-color, hsl(198, 0%, 91%));
}

.clr-accordion-header:active { /* clr-accordion-text-color-active */
  color: hsl(198, 0%, 40%);
  color: var(--clr-accordion-text-color-active, hsl(198, 0%, 40%));
  /* clr-accordion-header-active-background-color */
  background-color: hsl(198, 0%, 91%);
  background-color: var(--clr-accordion-header-active-background-color, hsl(198, 0%, 91%));
}

.clr-accordion-panel-disabled > div > .clr-accordion-header {
  /* clr-accordion-header-background-color */
  background-color: hsl(198, 0%, 98%);
  background-color: var(--clr-accordion-header-background-color, hsl(198, 0%, 98%));
}

.clr-accordion-panel-disabled > div > .clr-accordion-header:hover, .clr-accordion-panel-disabled > div > .clr-accordion-header:active {
  /* clr-accordion-header-background-color */
  background-color: hsl(198, 0%, 98%);
  background-color: var(--clr-accordion-header-background-color, hsl(198, 0%, 98%));
}

.clr-accordion-panel-disabled > .clr-accordion-panel-open > .clr-accordion-header {
  /* clr-accordion-header-disabled-background-color */
  background-color: hsl(198, 0%, 91%);
  background-color: var(--clr-accordion-header-disabled-background-color, hsl(198, 0%, 91%));
}

.clr-accordion-panel-disabled > .clr-accordion-panel-open > .clr-accordion-header:hover, .clr-accordion-panel-disabled > .clr-accordion-panel-open > .clr-accordion-header:active {
  /* clr-accordion-header-disabled-background-color */
  background-color: hsl(198, 0%, 91%);
  background-color: var(--clr-accordion-header-disabled-background-color, hsl(198, 0%, 91%));
}

.clr-accordion-panel:last-child .clr-accordion-content,
.clr-accordion-panel:last-child .clr-accordion-header {
  border-bottom-style: solid;
  /* clr-global-borderwidth */
  border-bottom-width: 0.05rem;
  border-bottom-width: var(--clr-global-borderwidth, 0.05rem);
  /* clr-accordion-border-color */
  border-bottom-color: hsl(198, 0%, 80%);
  border-bottom-color: var(--clr-accordion-border-color, hsl(198, 0%, 80%));
}

.clr-accordion-number {
  /* clr-accordion-number-padding */
  padding: 0 0.9rem;
  padding: var(--clr-accordion-number-padding, 0 0.9rem);
  /* clr-accordion-step-title-font-weight */
  font-weight: 400;
  font-weight: var(--clr-accordion-step-title-font-weight, 400);
  display: none;
}

.clr-accordion-header-button {
  display: flex;
  flex-flow: row wrap;
  flex: 1 1 0;
  width: 100%;
  border: 0;
  padding: 0.9rem;
  background: transparent;
  text-align: left;
  cursor: pointer;
  color: inherit;
  /* clr-accordion-header-gap */
  gap: 0;
  gap: var(--clr-accordion-header-gap, 0);
}

@media (min-width: 576px) {
  .clr-accordion-header-button {
    flex-flow: row;
  }
}
.clr-accordion-header-button:disabled {
  cursor: not-allowed;
}

.clr-accordion-header-button:disabled .clr-accordion-status,
.clr-accordion-header-button:disabled .clr-accordion-title {
  /* clr-accordion-panel-disabled-color */
  color: hsl(198, 0%, 70%);
  color: var(--clr-accordion-panel-disabled-color, hsl(198, 0%, 70%));
}

.clr-accordion-status {
  width: 1.8rem;
  display: inline-block;
  vertical-align: top;
}

.clr-accordion-title {
  display: inline-block;
}

clr-step-title.clr-accordion-title {
  /* clr-accordion-step-title-font-weight */
  font-weight: 400;
  font-weight: var(--clr-accordion-step-title-font-weight, 400);
}

@media (min-width: 576px) {
  clr-step-title.clr-accordion-title {
    /* clr-accordion-step-title-min-width */
    min-width: 8.64rem;
    min-width: var(--clr-accordion-step-title-min-width, 8.64rem);
  }
}
.clr-accordion-header-has-description .clr-accordion-title {
  max-width: 13.2rem;
}

@media (min-width: 576px) {
  .clr-accordion-header-has-description .clr-accordion-title {
    /* clr-accordion-step-title-margin-left */
    margin-left: 0;
    margin-left: var(--clr-accordion-step-title-margin-left, 0);
  }
}
.clr-accordion-description {
  display: inline-block;
  max-width: 32.5rem;
}

@media (min-width: 576px) {
  .clr-accordion-description {
    /* clr-accordion-description-margin-left */
    margin-left: 1.8rem;
    margin-left: var(--clr-accordion-description-margin-left, 1.8rem);
  }
}
.clr-accordion-content {
  /* clr-accordion-content-background-color */
  background: hsl(198, 0%, 100%);
  background: var(--clr-accordion-content-background-color, hsl(198, 0%, 100%));
  /* clr-global-borderwidth */
  border-width: 0.05rem;
  border-width: var(--clr-global-borderwidth, 0.05rem);
  border-style: solid;
  /* clr-accordion-border-color */
  border-color: hsl(198, 0%, 80%);
  border-color: var(--clr-accordion-border-color, hsl(198, 0%, 80%));
  border-bottom: 0;
  overflow: hidden;
  padding: 0.9rem;
  display: none;
}

.clr-accordion-content .clr-form {
  padding: 0;
}

.clr-accordion-content.ng-trigger {
  padding: 0;
}

@media (min-width: 576px) {
  .clr-accordion-content {
    padding: 0.9rem 2.7rem;
  }
}
.clr-accordion-inner-content {
  padding: 0.9rem;
}

@media (min-width: 576px) {
  .clr-accordion-inner-content {
    padding: 0.9rem 2.7rem;
  }
}
.clr-accordion-angle {
  transition: all 200ms ease-in-out;
  transform: rotate(90deg);
}

.clr-accordion-error-icon,
.clr-accordion-complete-icon {
  height: 1.2rem;
  width: 1.2rem;
  display: none;
  padding: 0;
  margin: 0 0.6rem;
}

.clr-accordion-panel-open .clr-accordion-header {
  /* clr-accordion-header-left-current-indicator */
  box-shadow: inset 0.3rem 0 0 hsl(198, 0%, 91%);
  box-shadow: var(--clr-accordion-header-left-current-indicator, inset 0.3rem 0 0 hsl(198, 0%, 91%));
}

.clr-accordion-panel-open .clr-accordion-panel-complete .clr-accordion-header {
  /* clr-accordion-header-left-complete-indicator */
  box-shadow: inset 0.3rem 0 0 hsl(93, 67%, 38%);
  box-shadow: var(--clr-accordion-header-left-complete-indicator, inset 0.3rem 0 0 hsl(93, 67%, 38%));
}

.clr-accordion-panel-open .clr-accordion-panel-error .clr-accordion-header {
  /* clr-accordion-header-left-error-indicator */
  box-shadow: inset 0.3rem 0 0 hsl(9, 100%, 38%);
  box-shadow: var(--clr-accordion-header-left-error-indicator, inset 0.3rem 0 0 hsl(9, 100%, 38%));
}

.clr-accordion-panel-open > .clr-accordion-content-region .clr-accordion-content {
  display: block;
}

.clr-accordion-panel-open > .clr-accordion-header {
  /* clr-accordion-active-background-color */
  background: hsl(201, 29%, 88%);
  background: var(--clr-accordion-active-background-color, hsl(201, 29%, 88%));
}

.clr-accordion-panel-open > .clr-accordion-header:active {
  /* clr-accordion-text-color-active */
  color: hsl(198, 0%, 40%);
  color: var(--clr-accordion-text-color-active, hsl(198, 0%, 40%));
  /* clr-accordion-header-active-background-color */
  background-color: hsl(198, 0%, 91%);
  background-color: var(--clr-accordion-header-active-background-color, hsl(198, 0%, 91%));
}

.clr-accordion-panel-open > .clr-accordion-header .clr-accordion-angle {
  visibility: visible;
  transform: rotate(180deg);
}

.clr-accordion-panel-complete .clr-accordion-complete-icon {
  display: inline-block;
  /* clr-accordion-complete-color */
  color: hsl(93, 67%, 38%);
  color: var(--clr-accordion-complete-color, hsl(93, 67%, 38%));
}

.clr-accordion-panel-complete .clr-accordion-angle {
  visibility: visible;
}

.clr-accordion-panel-complete .clr-accordion-header {
  /* clr-accordion-header-left-complete-indicator */
  box-shadow: inset 0.3rem 0 0 hsl(93, 67%, 38%);
  box-shadow: var(--clr-accordion-header-left-complete-indicator, inset 0.3rem 0 0 hsl(93, 67%, 38%));
}

.clr-accordion-panel-complete .ng-trigger.clr-accordion-content {
  display: block;
}

.clr-accordion-panel-error .clr-accordion-header {
  border-bottom: 0.05rem solid;
  /* clr-accordion-border-left-color-error */
  border-color: hsl(9, 100%, 38%);
  border-color: var(--clr-accordion-border-left-color-error, hsl(9, 100%, 38%));
  /* clr-accordion-header-left-error-indicator */
  box-shadow: inset 0.3rem 0 0 hsl(9, 100%, 38%);
  box-shadow: var(--clr-accordion-header-left-error-indicator, inset 0.3rem 0 0 hsl(9, 100%, 38%));
  /* clr-accordion-active-background-color */
  background-color: hsl(201, 29%, 88%);
  background-color: var(--clr-accordion-active-background-color, hsl(201, 29%, 88%));
}

.clr-accordion-panel-error .clr-accordion-error-icon {
  display: inline-block;
  /* clr-accordion-error-color */
  color: hsl(9, 100%, 38%);
  color: var(--clr-accordion-error-color, hsl(9, 100%, 38%));
}

.clr-accordion-panel-error .clr-accordion-number,
.clr-accordion-panel-complete .clr-accordion-number {
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
  white-space: nowrap;
  top: 0;
  left: 0;
}

.clr-accordion:not(.clr-stepper-forms) .clr-accordion-header {
  box-shadow: none;
}

.clr-accordion:not(.clr-stepper-forms) .clr-accordion-panel:first-child .clr-accordion-header {
  /* clr-accordion-border-radius */
  border-top-left-radius: 0.15rem;
  border-top-left-radius: var(--clr-accordion-border-radius, 0.15rem);
  /* clr-accordion-border-radius */
  border-top-right-radius: 0.15rem;
  border-top-right-radius: var(--clr-accordion-border-radius, 0.15rem);
}

.clr-accordion:not(.clr-stepper-forms) .clr-accordion-panel:last-child .clr-accordion-content,
.clr-accordion:not(.clr-stepper-forms) .clr-accordion-panel:last-child .clr-accordion-header {
  /* clr-accordion-border-radius */
  border-bottom-left-radius: 0.15rem;
  border-bottom-left-radius: var(--clr-accordion-border-radius, 0.15rem);
  /* clr-accordion-border-radius */
  border-bottom-right-radius: 0.15rem;
  border-bottom-right-radius: var(--clr-accordion-border-radius, 0.15rem);
}

.clr-accordion:not(.clr-stepper-forms) .clr-accordion-title {
  /* clr-accordion-title-font-weight */
  font-weight: 500;
  font-weight: var(--clr-accordion-title-font-weight, 500);
  /* clr-accordion-title-font-size */
  font-size: 0.65rem;
  font-size: var(--clr-accordion-title-font-size, 0.65rem);
}

.clr-accordion:not(.clr-stepper-forms) .clr-accordion-header-button {
  /* clr-accordion-header-button-font-size */
  font-size: 0.6rem;
  font-size: var(--clr-accordion-header-button-font-size, 0.6rem);
  /* clr-accordion-header-button-padding */
  padding: 0.3rem 0.6rem;
  padding: var(--clr-accordion-header-button-padding, 0.3rem 0.6rem);
  /* clr-accordion-header-button-line-height */
  line-height: 1.2rem;
  line-height: var(--clr-accordion-header-button-line-height, 1.2rem);
}

.clr-accordion:not(.clr-stepper-forms) .clr-accordion-content {
  padding: 0;
}

.clr-accordion:not(.clr-stepper-forms) .clr-accordion-inner-content {
  /* clr-accordion-content-padding */
  padding: 0.3rem 1.75rem;
  padding: var(--clr-accordion-content-padding, 0.3rem 1.75rem);
  /* clr-accordion-content-color */
  color: hsl(198, 0%, 40%);
  color: var(--clr-accordion-content-color, hsl(198, 0%, 40%));
  /* clr-accordion-content-font-size */
  font-size: 0.7rem;
  font-size: var(--clr-accordion-content-font-size, 0.7rem);
}

.clr-accordion:not(.clr-stepper-forms) .clr-accordion-status {
  /* clr-accordion-status-icon-width */
  width: 0.96rem;
  width: var(--clr-accordion-status-icon-width, 0.96rem);
}

.clr-accordion:not(.clr-stepper-forms) .clr-accordion-status cds-icon,
.clr-accordion:not(.clr-stepper-forms) .clr-accordion-status clr-icon {
  height: 0.7rem;
  width: 0.7rem;
}

.clr-accordion-panel-open > .clr-accordion-header {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-bottom: 0 !important;
}

.clr-stepper-forms .clr-accordion-panel-inactive .clr-accordion-angle {
  visibility: hidden;
}

.clr-stepper-forms .clr-accordion-panel-open > .clr-accordion-header .clr-accordion-angle {
  visibility: visible;
}

.clr-stepper-forms .clr-accordion-status {
  min-width: 3.6rem;
  /* clr-accordion-step-status-margin-left */
  margin-left: 0;
  margin-left: var(--clr-accordion-step-status-margin-left, 0);
}

.clr-stepper-forms .clr-accordion-number {
  display: inline-block;
}

.clr-step-button {
  display: block;
  margin-top: 1.2rem;
}

/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/* stylelint-disable-next-line meowtec/no-px */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/* stylelint-disable */
/* stylelint-enable */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
:root {
  --clr-timeline-line-color: var(--clr-color-neutral-500);
  --clr-timeline-step-header-color: var(--clr-color-neutral-600);
  --clr-timeline-step-title-color: var(--clr-color-neutral-700);
  --clr-timeline-step-description-color: var(--clr-color-neutral-700);
  --clr-timeline-incomplete-step-color: var(--clr-color-neutral-600);
  --clr-timeline-current-step-color: var(--clr-color-action-600);
  --clr-timeline-success-step-color: var(--clr-color-success-400);
  --clr-timeline-error-step-color: var(--clr-color-danger-800);
  --clr-timeline-step-title-font-weight: var(--clr-p2-font-weight);
  --clr-timeline-step-title-font-size: 0.65rem;
  --clr-timeline-step-title-line-height: 0.9rem;
  --clr-timeline-icon-size: 1.8rem;
  --clr-timeline-line-width: 0.1rem;
  --clr-timeline-step-margin: 0.6rem;
  --clr-timeline-horizontal-line-length: calc(
    100% -
      0.9rem -
      0.1rem
  );
  --clr-timeline-vertical-line-position: translate(
    -1.55rem, 1.4rem
  );
  --clr-timeline-vertical-line-length: calc(100% + 0.2rem);
  --clr-timeline-vertical-step-body-margin: 0.3rem 0 0 0.6rem;
  --clr-timeline-step-header-font-size: 0.65rem;
  --clr-timeline-step-header-font-weight: inherit;
  --clr-timeline-step-header-line-height: 0.9rem;
  --clr-timeline-step-description-font-size: 0.55rem;
  --clr-timeline-step-description-font-weight: inherit;
  --clr-timeline-step-description-line-height: 0.8rem;
}

.clr-timeline {
  display: flex;
  padding: 0.6rem;
}

.clr-timeline-step {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 8.75rem;
  /* clr-timeline-step-margin */
  margin-left: 0.6rem;
  margin-left: var(--clr-timeline-step-margin, 0.6rem);
}

.clr-timeline-step cds-icon,
.clr-timeline-step clr-icon {
  /* clr-timeline-icon-size */
  height: 1.8rem;
  height: var(--clr-timeline-icon-size, 1.8rem);
  /* clr-timeline-icon-size */
  width: 1.8rem;
  width: var(--clr-timeline-icon-size, 1.8rem);
  /* clr-timeline-icon-size */
  min-height: 1.8rem;
  min-height: var(--clr-timeline-icon-size, 1.8rem);
  /* clr-timeline-icon-size */
  min-width: 1.8rem;
  min-width: var(--clr-timeline-icon-size, 1.8rem);
}

.clr-timeline-step cds-icon[shape=circle],
.clr-timeline-step clr-icon[shape=circle] {
  /* clr-timeline-incomplete-step-color */
  color: hsl(198, 0%, 55%);
  color: var(--clr-timeline-incomplete-step-color, hsl(198, 0%, 55%));
}

.clr-timeline-step cds-icon[shape=dot-circle],
.clr-timeline-step clr-icon[shape=dot-circle] {
  /* clr-timeline-current-step-color */
  color: hsl(198, 100%, 32%);
  color: var(--clr-timeline-current-step-color, hsl(198, 100%, 32%));
}

.clr-timeline-step cds-icon[shape=success-standard],
.clr-timeline-step clr-icon[shape=success-standard] {
  /* clr-timeline-success-step-color */
  color: hsl(93, 79%, 40%);
  color: var(--clr-timeline-success-step-color, hsl(93, 79%, 40%));
}

.clr-timeline-step cds-icon[shape=error-standard],
.clr-timeline-step clr-icon[shape=error-standard] {
  /* clr-timeline-error-step-color */
  color: hsl(9, 100%, 38%);
  color: var(--clr-timeline-error-step-color, hsl(9, 100%, 38%));
}

.clr-timeline-step:not(:last-of-type) .clr-timeline-step-body::before {
  content: "";
  /* clr-timeline-line-color */
  background: hsl(198, 0%, 70%);
  background: var(--clr-timeline-line-color, hsl(198, 0%, 70%));
  /* clr-timeline-line-width */
  height: 0.1rem;
  height: var(--clr-timeline-line-width, 0.1rem);
  /* clr-timeline-horizontal-line-length */
  width: calc(
          100% - 0.9rem - 0.1rem
        );
  width: var(--clr-timeline-horizontal-line-length, calc( 100% - 0.9rem - 0.1rem ));
  transform: translate(1.7rem, -0.95rem);
}

.clr-timeline-step-header {
  white-space: nowrap;
  /* clr-timeline-step-header-color */
  color: hsl(198, 0%, 55%);
  color: var(--clr-timeline-step-header-color, hsl(198, 0%, 55%));
  /* clr-timeline-step-header-font-weight */
  font-weight: inherit;
  font-weight: var(--clr-timeline-step-header-font-weight, inherit);
  /* clr-timeline-step-header-font-size */
  font-size: 0.65rem;
  font-size: var(--clr-timeline-step-header-font-size, 0.65rem);
  /* clr-timeline-step-header-line-height */
  line-height: 0.9rem;
  line-height: var(--clr-timeline-step-header-line-height, 0.9rem);
  /* clr-timeline-step-internal-margin */
  margin-bottom: 0.4rem;
  margin-bottom: var(--clr-timeline-step-internal-margin, 0.4rem);
}

.clr-timeline-step-body {
  display: flex;
  flex-direction: column;
}

.clr-timeline-step-body cds-icon,
.clr-timeline-step-body clr-icon {
  height: 0.8rem;
  width: 0.8rem;
  min-width: initial;
  min-height: initial;
}

.clr-timeline-step-body cds-icon[shape=circle], .clr-timeline-step-body cds-icon[shape=dot-circle], .clr-timeline-step-body cds-icon[shape=success-standard], .clr-timeline-step-body cds-icon[shape=error-standard],
.clr-timeline-step-body clr-icon[shape=circle],
.clr-timeline-step-body clr-icon[shape=dot-circle],
.clr-timeline-step-body clr-icon[shape=success-standard],
.clr-timeline-step-body clr-icon[shape=error-standard] {
  color: inherit;
}

.clr-timeline-step-title {
  /* clr-timeline-step-title-color */
  color: hsl(198, 0%, 40%);
  color: var(--clr-timeline-step-title-color, hsl(198, 0%, 40%));
  /* clr-timeline-step-title-font-size */
  font-size: 0.65rem;
  font-size: var(--clr-timeline-step-title-font-size, 0.65rem);
  /* clr-timeline-step-title-line-height */
  line-height: 0.9rem;
  line-height: var(--clr-timeline-step-title-line-height, 0.9rem);
  /* clr-timeline-step-title-font-weight */
  font-weight: 500;
  font-weight: var(--clr-timeline-step-title-font-weight, 500);
  /* clr-timeline-step-internal-margin */
  margin-top: 0.4rem;
  margin-top: var(--clr-timeline-step-internal-margin, 0.4rem);
  /* clr-timeline-step-internal-margin */
  margin-bottom: 0.3rem;
  margin-bottom: var(--clr-timeline-step-internal-margin, 0.3rem);
}

.clr-timeline-step-description {
  /* clr-timeline-step-description-color */
  color: hsl(198, 0%, 40%);
  color: var(--clr-timeline-step-description-color, hsl(198, 0%, 40%));
  /* clr-timeline-step-description-font-weight */
  font-weight: inherit;
  font-weight: var(--clr-timeline-step-description-font-weight, inherit);
  /* clr-timeline-step-description-font-size */
  font-size: 0.55rem;
  font-size: var(--clr-timeline-step-description-font-size, 0.55rem);
  /* clr-timeline-step-description-line-height */
  line-height: 0.8rem;
  line-height: var(--clr-timeline-step-description-line-height, 0.8rem);
}

.clr-timeline-step-description button {
  display: block;
  /* clr-timeline-step-internal-margin */
  margin-top: 0.4rem;
  margin-top: var(--clr-timeline-step-internal-margin, 0.4rem);
}

.clr-timeline-step-description img {
  width: 100%;
  margin-top: 0.4rem;
}

.clr-timeline.clr-timeline-vertical {
  flex-direction: column;
  min-width: 16rem;
}

.clr-timeline.clr-timeline-vertical .clr-timeline-step {
  flex-direction: row;
  margin-left: 0;
  position: relative;
}

.clr-timeline.clr-timeline-vertical .clr-timeline-step:not(:last-of-type) {
  /* clr-timeline-step-internal-margin */
  margin-bottom: 1.8rem;
  margin-bottom: var(--clr-timeline-step-internal-margin, 1.8rem);
}

.clr-timeline.clr-timeline-vertical .clr-timeline-step:not(:last-of-type) .clr-timeline-step-body::before {
  position: absolute;
  /* clr-timeline-line-width */
  width: 0.1rem;
  width: var(--clr-timeline-line-width, 0.1rem);
  /* clr-timeline-vertical-line-length */
  height: calc(100% + 0.2rem);
  height: var(--clr-timeline-vertical-line-length, calc(100% + 0.2rem));
  /* clr-timeline-vertical-line-position */
  transform: translate(-1.55rem, 1.4rem);
  transform: var(--clr-timeline-vertical-line-position, translate(-1.55rem, 1.4rem));
}

.clr-timeline.clr-timeline-vertical .clr-timeline-step-header {
  text-align: right;
  white-space: normal;
  word-break: break-word;
  width: 3rem;
  min-width: 3rem;
  margin-bottom: 0;
  /* clr-timeline-step-internal-margin */
  margin-right: 0.6rem;
  margin-right: var(--clr-timeline-step-internal-margin, 0.6rem);
  /* clr-timeline-step-internal-margin */
  margin-top: 0.3rem;
  margin-top: var(--clr-timeline-step-internal-margin, 0.3rem);
}

.clr-timeline.clr-timeline-vertical .clr-timeline-step-title {
  /* clr-timeline-step-internal-margin */
  margin-top: 0;
  margin-top: var(--clr-timeline-step-internal-margin, 0);
}

.clr-timeline.clr-timeline-vertical .clr-timeline-step-body {
  display: flex;
  flex-direction: column;
  min-width: 8.9rem;
  /* clr-timeline-vertical-step-body-margin */
  margin: 0.3rem 0 0 0.6rem;
  margin: var(--clr-timeline-vertical-step-body-margin, 0.3rem 0 0 0.6rem);
}

/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */
@font-face {
  font-family: "Metropolis";
  src: url(data:application/font-woff;charset=utf-8;base64, ) format("woff");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "Metropolis";
  src: url(data:application/font-woff;charset=utf-8;base64, ) format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Metropolis";
  src: url(data:application/font-woff;charset=utf-8;base64, ) format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Metropolis";
  src: url(data:application/font-woff;charset=utf-8;base64, ) format("woff");
  font-weight: 600;
  font-style: normal;
}
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights Reserved.
 * This software is released under MIT license.
 * The full license information can be found in LICENSE in the root directory of this project.
 */

/*# sourceMappingURL=data:application/json;base64,  */