Icard/angular-clarity-master(working)/node_modules/@clr/ui/clr-ui.css

/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights 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 .btn:disabled:not(:last-child) {
  border-right: none;
}

.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:not([disabled]) + .btn {
  border-left: none;
}

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

.btn-group .btn:not([disabled]) + .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 {
  /* clr-alert-sm-font-size */
  font-size: 0.55rem;
  font-size: var(--clr-alert-sm-font-size, 0.55rem);
  /* clr-alert-sm-font-weight */
  font-weight: 400;
  font-weight: var(--clr-alert-sm-font-weight, 400);
  /* clr-alert-sm-letter-spacing */
  letter-spacing: normal;
  letter-spacing: var(--clr-alert-sm-letter-spacing, normal);
}

.alert-sm .alert-items {
  /* clr-alert-sm-padding */
  padding: 0.15rem 0.25rem;
  padding: var(--clr-alert-sm-padding, 0.15rem 0.25rem);
}

.alert-sm .alert-item {
  /* clr-alert-sm-item-padding-top */
  padding-top: 0.05rem;
  padding-top: var(--clr-alert-sm-item-padding-top, 0.05rem);
  /* clr-alert-sm-item-padding-top */
  margin-bottom: 0.2rem;
  margin-bottom: var(--clr-alert-sm-item-padding-top, 0.2rem);
  /* clr-alert-sm-item-text-align-items */
  align-items: normal;
  align-items: var(--clr-alert-sm-item-text-align-items, normal);
}

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

.alert-sm.alert-app-level .alert-item {
  /* clr-alert-sm-item-text-align-items */
  align-items: center;
  align-items: var(--clr-alert-sm-item-text-align-items, center);
}

.alert-sm .alert-icon-wrapper {
  padding-top: 0;
  /* clr-alert-sm-icon-wrapper-display */
  display: block;
  display: var(--clr-alert-sm-icon-wrapper-display, block);
  /* clr-alert-sm-icon-wrapper-align-self */
  align-self: start;
  align-self: var(--clr-alert-sm-icon-wrapper-align-self, start);
  /* clr-alert-sm-icon-size */
  flex-basis: 1.25rem;
  flex-basis: var(--clr-alert-sm-icon-size, 1.25rem);
  /* clr-alert-sm-icon-wrapper-height */
  height: 0.8rem;
  height: var(--clr-alert-sm-icon-wrapper-height, 0.8rem);
}

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

.alert-sm .alert-item > span,
.alert-sm .alert-text {
  /* clr-alert-sm-line-height */
  line-height: 0.8rem;
  line-height: var(--clr-alert-sm-line-height, 0.8rem);
  /* clr-alert-items-margin-right */
  margin-right: 0.3rem;
  margin-right: var(--clr-alert-items-margin-right, 0.3rem);
}

.alert-sm .close {
  padding-right: 0;
  flex: 0 0 1.2rem;
  line-height: 1.2rem;
  /* clr-alert-sm-close-icon-margin */
  margin: 0;
  margin: var(--clr-alert-sm-close-icon-margin, 0);
  /* clr-alert-sm-close-icon-height */
  height: 1.2rem;
  height: var(--clr-alert-sm-close-icon-height, 1.2rem);
  /* clr-alert-sm-font-size */
  font-size: 1.8rem;
  font-size: var(--clr-alert-sm-font-size, 1.8rem);
}

.alert-sm .close cds-icon,
.alert-sm .close clr-icon {
  /* clr-alert-sm-items-margin-right */
  margin-right: -0.05rem;
  margin-right: var(--clr-alert-sm-items-margin-right, -0.05rem);
  /* clr-alert-sm-icon-wrapper-margin-top */
  margin-top: -0.25rem;
  margin-top: var(--clr-alert-sm-icon-wrapper-margin-top, -0.25rem);
  /* 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 {
    padding-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: 0.9rem;
  --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;
  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: 0.9rem;
  font-size: var(--clr-card-header-title-font-size, 0.9rem);
  /* 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.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights 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
  --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
  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;
  justify-content: center;
  align-items: center;
  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.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights 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: hsl(198, 0%, 0%);
  --clr-modal-title-font-family: Metropolis, Avenir Next, Helvetica Neue, Arial, sans-serif;
  --clr-modal-title-font-weight: 200;
  --clr-modal-title-font-size: 1.1rem;
  --clr-modal-title-line-height: 1.2rem;
  --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;
  --clr-modal-title-padding: 0 0.15rem;
}

.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);
  /* clr-modal-bg-color */
  background-color: hsl(198, 0%, 100%);
  background-color: var(--clr-modal-bg-color, hsl(198, 0%, 100%));
  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);
}

.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;
  /* clr-modal-title-padding */
  padding: 0 0.15rem;
  padding: var(--clr-modal-title-padding, 0 0.15rem);
}

.modal-header .modal-title:not([cds-text]), .modal-header--accessible .modal-title:not([cds-text]) {
  /* clr-modal-title-font-size */
  font-size: 1.1rem;
  font-size: var(--clr-modal-title-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);
  /* clr-modal-title-line-height */
  line-height: 1.2rem;
  line-height: var(--clr-modal-title-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.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights 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-height: 3rem;
  --clr-header-divider-color: hsl(198, 0%, 98%);
  --clr-header-divider-opacity: 0.15;
  --clr-header-divider-width: 0.05rem;
  --clr-header-divider-height: 2rem;
  --clr-header-nav-opacity: 0.65;
  --clr-header-nav-hover-opacity: 1;
  --clr-header-bg-color: var(--clr-color-neutral-900);
  --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-font-color-hover: 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);
  --clr-header-title-font-size: 0.8rem;
  --clr-header-title-line-height: 3rem;
  --clr-header-title-letter-spacing: 0.01em;
  --clr-header-branding-min-width: 10.2rem;
  --clr-header-branding-padding: 0 1.2rem;
  --clr-header-branding-icon-gap: 0.45rem;
  --clr-header-branding-logo-size: 1.8rem;
  --clr-header-nav-link-padding: 0.9rem
    1.2rem;
  --clr-header-nav-link-line-height: inherit;
  --clr-header-nav-link-font-size: var(--clr-p1-font-size);
  --clr-header-nav-text-font-weight: 500;
  --clr-header-nav-text-font-weight-active: 500;
  --clr-header-search-height: 1.2rem;
  --clr-header-search-icon-size: 1rem;
  --clr-header-search-margin-left: 0;
  --clr-header-search-margin-right: 0;
  --clr-header-search-input-font-size: inherit;
  --clr-header-search-input-font-color: hsl(198, 0%, 98%);
  --clr-header-search-placeholder-font-weight: inherit;
  --clr-header-search-placeholder-text-color: hsl(198, 14%, 36%);
  --clr-header-search-border-active: none;
}

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%));
  /* clr-header-height */
  height: 3rem;
  height: var(--clr-header-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;
  /* clr-header-branding-min-width */
  min-width: 10.2rem;
  min-width: var(--clr-header-branding-min-width, 10.2rem);
  /* clr-header-branding-padding */
  padding: 0 1.2rem;
  padding: var(--clr-header-branding-padding, 0 1.2rem);
  /* clr-header-height */
  height: 3rem;
  height: var(--clr-header-height, 3rem);
}

header .branding > a, header .branding > .nav-link,
.header .branding > a,
.header .branding > .nav-link {
  display: inline-flex;
  align-items: center;
  /* clr-header-height */
  height: 3rem;
  height: var(--clr-header-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;
  /* clr-header-branding-logo-size */
  height: 1.8rem;
  height: var(--clr-header-branding-logo-size, 1.8rem);
  /* clr-header-branding-logo-size */
  width: 1.8rem;
  width: var(--clr-header-branding-logo-size, 1.8rem);
  /* clr-header-branding-icon-gap */
  margin-right: 0.45rem;
  margin-right: var(--clr-header-branding-icon-gap, 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);
  /* clr-header-title-font-size */
  font-size: 0.8rem;
  font-size: var(--clr-header-title-font-size, 0.8rem);
  /* clr-header-title-letter-spacing */
  letter-spacing: 0.01em;
  letter-spacing: var(--clr-header-title-letter-spacing, 0.01em);
  /* clr-header-title-line-height */
  line-height: 3rem;
  line-height: var(--clr-header-title-line-height, 3rem);
  text-decoration: none;
}

header .settings,
header .header-nav,
header .header-actions,
.header .settings,
.header .header-nav,
.header .header-actions {
  /* clr-header-height */
  height: 3rem;
  height: var(--clr-header-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 {
  /* clr-header-nav-text-font-weight */
  font-weight: 500;
  font-weight: var(--clr-header-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;
  /* clr-header-nav-link-padding */
  padding: 0.9rem 1.2rem;
  padding: var(--clr-header-nav-link-padding, 0.9rem 1.2rem);
  /* clr-header-nav-link-line-height */
  line-height: inherit;
  line-height: var(--clr-header-nav-link-line-height, inherit);
  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);
  /* clr-header-nav-link-font-size */
  font-size: var(--clr-p1-font-size);
  font-size: var(--clr-header-nav-link-font-size, var(--clr-p1-font-size));
}

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

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.active .nav-text,
header .header-nav .nav-link.active .nav-text,
header .header-actions .nav-link.active .nav-text,
.header .settings .nav-link.active .nav-text,
.header .header-nav .nav-link.active .nav-text,
.header .header-actions .nav-link.active .nav-text {
  /* clr-header-nav-text-font-weight-active */
  font-weight: 500;
  font-weight: var(--clr-header-nav-text-font-weight-active, 500);
}

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-divider-color */
  background-color: hsl(198, 0%, 98%);
  background-color: var(--clr-header-divider-color, hsl(198, 0%, 98%));
  /* clr-header-divider-opacity */
  opacity: 0.15;
  opacity: var(--clr-header-divider-opacity, 0.15);
  /* clr-header-divider-height */
  height: 2rem;
  height: var(--clr-header-divider-height, 2rem);
  /* clr-header-divider-width */
  width: 0.05rem;
  width: var(--clr-header-divider-width, 0.05rem);
  /* clr-header-divider-top-override */
  top: 0.5rem;
  top: var(--clr-header-divider-top-override, 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;
  /* clr-header-height */
  line-height: 3rem;
  line-height: var(--clr-header-height, 3rem);
  /* clr-header-height */
  height: 3rem;
  height: var(--clr-header-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:hover,
header .header-actions > .dropdown > .dropdown-toggle:hover,
.header .settings > .dropdown > .dropdown-toggle:hover,
.header .header-actions > .dropdown > .dropdown-toggle:hover {
  /* clr-header-font-color-hover */
  color: hsl(198, 0%, 98%);
  color: var(--clr-header-font-color-hover, hsl(198, 0%, 98%));
}

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%);
  /* clr-header-action-icon-size */
  height: 1.1rem;
  height: var(--clr-header-action-icon-size, 1.1rem);
  /* clr-header-action-icon-size */
  width: 1.1rem;
  width: var(--clr-header-action-icon-size, 1.1rem);
  /* clr-header-action-cog-right */
  right: 1.2rem;
  right: var(--clr-header-action-cog-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] {
  /* clr-header-action-caret-right */
  right: 0.6rem;
  right: var(--clr-header-action-caret-right, 0.6rem);
  /* clr-header-action-caret-top */
  top: 44%;
  top: var(--clr-header-action-caret-top, 44%);
  /* clr-header-action-caret-size */
  height: 0.5rem;
  height: var(--clr-header-action-caret-size, 0.5rem);
  /* clr-header-action-caret-size */
  width: 0.5rem;
  width: var(--clr-header-action-caret-size, 0.5rem);
}

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] {
  /* clr-header-action-caret-right */
  right: 1.2rem;
  right: var(--clr-header-action-caret-right, 1.2rem);
  /* clr-header-action-caret-size */
  height: 0.5rem;
  height: var(--clr-header-action-caret-size, 0.5rem);
  /* clr-header-action-caret-size */
  width: 0.5rem;
  width: var(--clr-header-action-caret-size, 0.5rem);
}

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 {
  /* clr-header-dropdown-btn-width */
  width: 3rem;
  width: var(--clr-header-dropdown-btn-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;
  /* clr-header-height */
  height: 3rem;
  height: var(--clr-header-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:hover,
header .search:hover,
.header .search-box:hover,
.header .search:hover {
  /* clr-header-font-color-hover */
  color: hsl(198, 0%, 98%);
  color: var(--clr-header-font-color-hover, hsl(198, 0%, 98%));
}

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;
  /* clr-header-height */
  height: 3rem;
  height: var(--clr-header-height, 3rem);
  /* clr-header-height */
  line-height: 3rem;
  line-height: var(--clr-header-height, 3rem);
  /* clr-header-search-padding-left */
  padding-left: 1.2rem;
  padding-left: var(--clr-header-search-padding-left, 1.2rem);
  /* clr-header-search-margin-left */
  margin-left: 0;
  margin-left: var(--clr-header-search-margin-left, 0);
  /* clr-header-search-margin-right */
  margin-right: 0;
  margin-right: var(--clr-header-search-margin-right, 0);
  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;
  /* clr-header-search-icon-size */
  height: 1rem;
  height: var(--clr-header-search-icon-size, 1rem);
  /* clr-header-search-icon-size */
  width: 1rem;
  width: var(--clr-header-search-icon-size, 1rem);
  /* clr-header-search-icon-size */
  min-height: 1rem;
  min-height: var(--clr-header-search-icon-size, 1rem);
  /* clr-header-search-icon-size */
  min-width: 1rem;
  min-width: var(--clr-header-search-icon-size, 1rem);
  margin: 1rem 0 0;
  vertical-align: top;
  /* clr-header-search-icon-margin-right */
  margin-right: 0;
  margin-right: var(--clr-header-search-icon-margin-right, 0);
}

header .search-box label input,
header .search label input,
.header .search-box label input,
.header .search label input {
  line-height: 1.2rem;
  /* clr-header-search-margin */
  margin: 0.9rem 0;
  margin: var(--clr-header-search-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-search-input-font-color */
  color: hsl(198, 0%, 98%);
  color: var(--clr-header-search-input-font-color, hsl(198, 0%, 98%));
  /* clr-header-search-height */
  height: 1.2rem;
  height: var(--clr-header-search-height, 1.2rem);
  padding: 0;
  /* clr-header-search-input-padding */
  padding-left: 0;
  padding-left: var(--clr-header-search-input-padding, 0);
  vertical-align: middle;
  /* clr-header-search-input-font-size */
  font-size: inherit;
  font-size: var(--clr-header-search-input-font-size, inherit);
  /* clr-header-search-input-font-weight */
  font-weight: inherit;
  font-weight: var(--clr-header-search-input-font-weight, inherit);
}

header .search-box input[type=text]::placeholder,
header .search input[type=text]::placeholder,
.header .search-box input[type=text]::placeholder,
.header .search input[type=text]::placeholder {
  /* clr-header-search-placeholder-font-weight */
  font-weight: inherit;
  font-weight: var(--clr-header-search-placeholder-font-weight, inherit);
  /* clr-header-search-placeholder-text-color */
  color: hsl(198, 14%, 36%);
  color: var(--clr-header-search-placeholder-text-color, hsl(198, 14%, 36%));
}

header .search-box input[type=text]:hover,
header .search input[type=text]:hover,
.header .search-box input[type=text]:hover,
.header .search input[type=text]:hover {
  /* clr-header-search-border-hover */
  border: none;
  border: var(--clr-header-search-border-hover, none);
}

header .search-box input[type=text]:focus-visible,
header .search input[type=text]:focus-visible,
.header .search-box input[type=text]:focus-visible,
.header .search input[type=text]:focus-visible {
  /* clr-header-search-outline */
  outline: auto 0.05rem Highlight;
  outline: var(--clr-header-search-outline, auto 0.05rem Highlight);
  /* clr-header-search-border-active */
  border: none;
  border: var(--clr-header-search-border-active, none);
}

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-divider-color */
  background-color: hsl(198, 0%, 98%);
  background-color: var(--clr-header-divider-color, hsl(198, 0%, 98%));
  /* clr-header-divider-opacity */
  opacity: 0.15;
  opacity: var(--clr-header-divider-opacity, 0.15);
  /* clr-header-divider-height */
  height: 2rem;
  height: var(--clr-header-divider-height, 2rem);
  /* clr-header-divider-width */
  width: 0.05rem;
  width: var(--clr-header-divider-width, 0.05rem);
  /* clr-header-divider-top-override */
  top: 0.5rem;
  top: var(--clr-header-divider-top-override, 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-divider-color */
    background-color: hsl(198, 0%, 98%);
    background-color: var(--clr-header-divider-color, hsl(198, 0%, 98%));
    /* clr-header-divider-opacity */
    opacity: 0.15;
    opacity: var(--clr-header-divider-opacity, 0.15);
    /* clr-header-divider-height */
    height: 2rem;
    height: var(--clr-header-divider-height, 2rem);
    /* clr-header-divider-width */
    width: 0.05rem;
    width: var(--clr-header-divider-width, 0.05rem);
    /* clr-header-divider-top-override */
    top: 0.5rem;
    top: var(--clr-header-divider-top-override, 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, .badge) {
  /* 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.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights 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-selected-bg-color: var(--clr-color-neutral-0);
  --clr-vertical-nav-active-bg-color: var(--clr-color-neutral-400);
  --clr-vertical-nav-active-color: var(--clr-vertical-nav-item-color);
  --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-toggle-icon-hover-color: var(--clr-color-neutral-1000);
  --clr-vertical-nav-toggle-icon-active-color: var(--clr-color-neutral-1000);
  --clr-vertical-nav-toggle-icon-disabled-color: var(--clr-color-neutral-1000);
  --clr-vertical-nav-toggle-button-size: 1.8rem;
  --clr-vertical-nav-trigger-divider-border-width: var(--clr-global-borderwidth);
  --clr-vertical-nav-toggle-margin-left: 1.2rem;
  --clr-vertical-nav-toggle-margin-right: 0.3rem;
  --clr-vertical-nav-trigger-divider-border-color: var(--clr-color-neutral-400);
  --clr-vertical-nav-divider-margin: 0.6rem 0;
  --clr-vertical-nav-header-font-weight: var(--clr-p4-font-weight);
  --clr-vertical-nav-header-padding: 0 0.6rem 0 1.2rem;
  --clr-vertical-nav-header-font-size: 0.6rem;
  --clr-vertical-nav-header-line-height: 1.8rem;
  --clr-vertical-nav-item-padding: 0 0.6rem 0 1.2rem;
  --clr-vertical-nav-item-child-padding: 0 0.6rem 0 1.2rem;
  --clr-vertical-nav-item-height: 1.8rem;
  --clr-vertical-nav-item-line-height: inherit;
  --clr-vertical-nav-item-font-size: inherit;
  --clr-vertical-nav-item-font-weight: normal;
  --clr-vertical-nav-content-gap: 0;
}

.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);
  /* clr-vertical-nav-divider-margin */
  margin: 0.6rem 0;
  margin: var(--clr-vertical-nav-divider-margin, 0.6rem 0);
}

.clr-vertical-nav .nav-content {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  /* clr-vertical-nav-content-gap */
  gap: 0;
  gap: var(--clr-vertical-nav-content-gap, 0);
  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-selected-bg-color */
  background-color: hsl(198, 0%, 100%);
  background-color: var(--clr-vertical-nav-selected-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:active {
  /* clr-vertical-nav-active-color */
  color: hsl(198, 0%, 40%);
  color: var(--clr-vertical-nav-active-color, hsl(198, 0%, 40%));
  /* clr-vertical-nav-active-bg-color */
  background-color: hsl(198, 0%, 80%);
  background-color: var(--clr-vertical-nav-active-bg-color, hsl(198, 0%, 80%));
}

.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 {
  /* clr-vertical-nav-toggle-margin-left */
  margin-left: 1.2rem;
  margin-left: var(--clr-vertical-nav-toggle-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;
  /* clr-vertical-nav-item-height */
  height: 1.8rem;
  height: var(--clr-vertical-nav-item-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 cds-icon[shape=angle-double]:hover,
.clr-vertical-nav .nav-trigger clr-icon[shape=angle-double]:hover,
.clr-vertical-nav .nav-group-trigger cds-icon[shape=angle-double]:hover,
.clr-vertical-nav .nav-group-trigger clr-icon[shape=angle-double]:hover {
  /* clr-vertical-nav-toggle-icon-hover-color */
  color: hsl(198, 0%, 0%);
  color: var(--clr-vertical-nav-toggle-icon-hover-color, hsl(198, 0%, 0%));
}

.clr-vertical-nav .nav-trigger cds-icon[shape=angle-double]:active,
.clr-vertical-nav .nav-trigger clr-icon[shape=angle-double]:active,
.clr-vertical-nav .nav-group-trigger cds-icon[shape=angle-double]:active,
.clr-vertical-nav .nav-group-trigger clr-icon[shape=angle-double]:active {
  /* clr-vertical-nav-toggle-icon-active-color */
  color: hsl(198, 0%, 0%);
  color: var(--clr-vertical-nav-toggle-icon-active-color, hsl(198, 0%, 0%));
}

.clr-vertical-nav .nav-trigger:disabled cds-icon[shape=angle-double],
.clr-vertical-nav .nav-trigger:disabled clr-icon[shape=angle-double], .clr-vertical-nav .nav-trigger.disabled cds-icon[shape=angle-double],
.clr-vertical-nav .nav-trigger.disabled clr-icon[shape=angle-double],
.clr-vertical-nav .nav-group-trigger:disabled cds-icon[shape=angle-double],
.clr-vertical-nav .nav-group-trigger:disabled clr-icon[shape=angle-double],
.clr-vertical-nav .nav-group-trigger.disabled cds-icon[shape=angle-double],
.clr-vertical-nav .nav-group-trigger.disabled clr-icon[shape=angle-double] {
  /* clr-vertical-nav-toggle-icon-disabled-color */
  color: hsl(198, 0%, 0%);
  color: var(--clr-vertical-nav-toggle-icon-disabled-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;
  /* clr-vertical-nav-group-trigger-icon-margin-right */
  margin-right: 0.5rem;
  margin-right: var(--clr-vertical-nav-group-trigger-icon-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);
  /* clr-vertical-nav-content-padding-top */
  padding-top: 0.6rem;
  padding-top: var(--clr-vertical-nav-content-padding-top, 0.6rem);
}

.clr-vertical-nav .nav-group-text,
.clr-vertical-nav .nav-link {
  /* clr-vertical-nav-item-height */
  height: 1.8rem;
  height: var(--clr-vertical-nav-item-height, 1.8rem);
  /* clr-vertical-nav-item-padding */
  padding: 0 0.6rem 0 1.2rem;
  padding: var(--clr-vertical-nav-item-padding, 0 0.6rem 0 1.2rem);
  /* clr-vertical-nav-item-font-size */
  font-size: inherit;
  font-size: var(--clr-vertical-nav-item-font-size, inherit);
  /* clr-vertical-nav-item-font-weight */
  font-weight: inherit;
  font-weight: var(--clr-vertical-nav-item-font-weight, inherit);
  /* clr-vertical-nav-item-line-height */
  line-height: 1.8rem;
  line-height: var(--clr-vertical-nav-item-line-height, 1.8rem);
  display: flex;
  align-items: center;
  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-selected-bg-color */
  background-color: hsl(198, 0%, 100%);
  background-color: var(--clr-vertical-nav-selected-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-link:active {
  /* clr-vertical-nav-active-color */
  color: hsl(198, 0%, 40%);
  color: var(--clr-vertical-nav-active-color, hsl(198, 0%, 40%));
  /* clr-vertical-nav-active-bg-color */
  background-color: hsl(198, 0%, 80%);
  background-color: var(--clr-vertical-nav-active-bg-color, hsl(198, 0%, 80%));
}

.clr-vertical-nav .nav-header {
  /* clr-vertical-nav-header-padding */
  padding: 0 0.6rem 0 1.2rem;
  padding: var(--clr-vertical-nav-header-padding, 0 0.6rem 0 1.2rem);
  /* clr-vertical-nav-header-font-weight */
  font-weight: 600;
  font-weight: var(--clr-vertical-nav-header-font-weight, 600);
  letter-spacing: normal;
  /* clr-vertical-nav-header-font-size */
  font-size: 0.6rem;
  font-size: var(--clr-vertical-nav-header-font-size, 0.6rem);
  /* clr-vertical-nav-header-line-height */
  line-height: 1.8rem;
  line-height: var(--clr-vertical-nav-header-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;
  /* clr-vertical-nav-toggle-margin-right */
  margin-right: 0.3rem;
  margin-right: var(--clr-vertical-nav-toggle-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;
  flex: 0 0 var(--clr-vertical-nav-toggle-button-size, 1.8rem);
}

.clr-vertical-nav .nav-link + .nav-group-trigger {
  flex: 0 0 1.8rem;
  flex: 0 0 var(--clr-vertical-nav-toggle-button-size, 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 {
  /* clr-vertical-nav-item-top-level-font-weight */
  font-weight: 600;
  font-weight: var(--clr-vertical-nav-item-top-level-font-weight, 600);
}

.clr-vertical-nav.has-nav-groups .nav-group-children .nav-link {
  /* clr-vertical-nav-item-font-weight */
  font-weight: normal;
  font-weight: var(--clr-vertical-nav-item-font-weight, normal);
  /* clr-vertical-nav-item-child-padding */
  padding: 0 0.6rem 0 1.2rem;
  padding: var(--clr-vertical-nav-item-child-padding, 0 0.6rem 0 1.2rem);
}

.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-selected-bg-color */
  background-color: hsl(198, 0%, 100%);
  background-color: var(--clr-vertical-nav-selected-bg-color, hsl(198, 0%, 100%));
}

.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-selected-bg-color */
  background-color: hsl(198, 0%, 100%);
  background-color: var(--clr-vertical-nav-selected-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 .nav-group-content .nav-link:active ~ .nav-group-trigger {
  /* clr-vertical-nav-active-bg-color */
  background-color: hsl(198, 0%, 80%);
  background-color: var(--clr-vertical-nav-active-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;
  max-width: 3.1rem;
  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 {
  /* clr-vertical-nav-collapsed-item-margin */
  margin: 0 0 0 0.8rem;
  margin: var(--clr-vertical-nav-collapsed-item-margin, 0 0 0 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:hover,
  .main-container .header-overflow-trigger:hover {
    /* clr-header-font-color-hover */
    color: hsl(198, 0%, 98%);
    color: var(--clr-header-font-color-hover, hsl(198, 0%, 98%));
  }
  .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-selected-bg-color */
    background-color: hsl(198, 0%, 100%);
    background-color: var(--clr-vertical-nav-selected-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: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-active-color */
    color: hsl(198, 0%, 40%);
    color: var(--clr-vertical-nav-active-color, hsl(198, 0%, 40%));
    /* clr-vertical-nav-active-bg-color */
    background-color: hsl(198, 0%, 80%);
    background-color: var(--clr-vertical-nav-active-bg-color, hsl(198, 0%, 80%));
  }
  .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-divider-color */
    background-color: hsl(198, 0%, 98%);
    background-color: var(--clr-header-divider-color, hsl(198, 0%, 98%));
    /* clr-header-divider-opacity */
    opacity: 0.15;
    opacity: var(--clr-header-divider-opacity, 0.15);
    /* clr-header-divider-height */
    height: 2rem;
    height: var(--clr-header-divider-height, 2rem);
    /* clr-header-divider-width */
    width: 0.05rem;
    width: var(--clr-header-divider-width, 0.05rem);
    /* clr-header-divider-top-override */
    top: 0.5rem;
    top: var(--clr-header-divider-top-override, 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-selected-bg-color */
    background-color: hsl(198, 0%, 100%);
    background-color: var(--clr-vertical-nav-selected-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,
  .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-active-color */
    color: hsl(198, 0%, 40%);
    color: var(--clr-vertical-nav-active-color, hsl(198, 0%, 40%));
    /* clr-vertical-nav-active-bg-color */
    background-color: hsl(198, 0%, 80%);
    background-color: var(--clr-vertical-nav-active-bg-color, hsl(198, 0%, 80%));
  }
  .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.
 */
/* 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-neutral-0);
  --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-color-neutral-0);
  --clr-badge-purple-bg-color: var(--clr-color-secondary-action-500);
  --clr-badge-purple-color: var(--clr-color-neutral-0);
  --clr-badge-blue-bg-color: var(--clr-color-action-800);
  --clr-badge-blue-color: var(--clr-color-neutral-0);
  --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;
  /* clr-badge-min-width */
  min-width: 0.75rem;
  min-width: var(--clr-badge-min-width, 0.75rem);
  /* clr-badge-background-color */
  background-color: hsl(198, 0%, 55%);
  background-color: var(--clr-badge-background-color, hsl(198, 0%, 55%));
  /* clr-badge-height */
  height: 0.75rem;
  height: var(--clr-badge-height, 0.75rem);
  /* clr-badge-border-radius */
  border-radius: 0.5rem;
  border-radius: var(--clr-badge-border-radius, 0.5rem);
  /* clr-badge-font-size */
  font-size: 0.5rem;
  font-size: var(--clr-badge-font-size, 0.5rem);
  /* clr-badge-font-weight */
  font-weight: inherit;
  font-weight: var(--clr-badge-font-weight, inherit);
  /* clr-badge-letter-spacing */
  letter-spacing: inherit;
  letter-spacing: var(--clr-badge-letter-spacing, inherit);
  /* clr-badge-line-height */
  line-height: normal;
  line-height: var(--clr-badge-line-height, normal);
  /* clr-badge-padding */
  padding: 0 0.2rem;
  padding: var(--clr-badge-padding, 0 0.2rem);
  margin-right: 0.3rem;
  white-space: nowrap;
  text-align: center;
  /* clr-badge-color */
  color: hsl(198, 0%, 100%);
  color: var(--clr-badge-color, hsl(198, 0%, 100%));
}

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

.badge:link {
  /* clr-badge-gray-bg-color */
  background-color: hsl(198, 0%, 55%);
  background-color: 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-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.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights 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-padding: 0 0.6rem 0;
  --clr-label-gap-size: 0;
  --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-active-color: var(--clr-label-font-color-light);
  --clr-label-hover-color: var(--clr-label-font-color-light);
  --clr-label-font-size: 0.55rem;
  --clr-label-font-weight: 400;
  --clr-label-letter-spacing: 0.03em;
  --clr-label-line-height: calc(0.55rem + 0.05rem);
  --clr-label-clickable-font-size: var(--clr-label-font-size);
  --clr-label-clickable-font-weight: var(--clr-label-font-weight);
  --clr-label-clickable-letter-spacing: var(--clr-label-letter-spacing);
  --clr-label-clickable-line-height: var(--clr-label-line-height);
  --clr-label-border-radius: 0.6rem;
  --clr-label-border-width: 0.05rem;
  --clr-label-bg-hover-color: var(--clr-color-neutral-200);
  --clr-label-gray-bg-color: transparent;
  --clr-label-gray-border-color: var(--clr-color-neutral-600);
  --clr-label-gray-color: var(--clr-label-font-color-light);
  --clr-label-purple-bg-color: transparent;
  --clr-label-purple-border-color: var(--clr-color-secondary-action-500);
  --clr-label-purple-color: var(--clr-label-font-color-light);
  --clr-label-blue-bg-color: transparent;
  --clr-label-blue-border-color: var(--clr-color-action-800);
  --clr-label-blue-color: var(--clr-label-font-color-light);
  --clr-label-orange-bg-color: transparent;
  --clr-label-orange-border-color: var(--clr-color-warning-1000);
  --clr-label-orange-color: var(--clr-label-font-color-dark);
  --clr-label-light-blue-bg-color: transparent;
  --clr-label-light-blue-border-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);
  /* clr-label-line-height */
  line-height: 0.6rem;
  line-height: var(--clr-label-line-height, 0.6rem);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  /* clr-label-padding */
  padding: 0 0.6rem 0;
  padding: var(--clr-label-padding, 0 0.6rem 0);
  /* clr-label-gap-size */
  gap: 0;
  gap: var(--clr-label-gap-size, 0);
  /* clr-label-border-radius */
  border-radius: 0.6rem;
  border-radius: var(--clr-label-border-radius, 0.6rem);
  /* clr-label-border-width */
  border-width: 0.05rem;
  border-width: var(--clr-label-border-width, 0.05rem);
  border-style: solid;
  /* clr-label-default-border-color */
  border-color: hsl(198, 0%, 55%);
  border-color: var(--clr-label-default-border-color, hsl(198, 0%, 55%));
  /* clr-label-height */
  height: 1.05rem;
  height: var(--clr-label-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,
a.label.clickable {
  /* clr-label-clickable-font-size */
  font-size: 0.55rem;
  font-size: var(--clr-label-clickable-font-size, 0.55rem);
  /* clr-label-clickable-font-weight */
  font-weight: 400;
  font-weight: var(--clr-label-clickable-font-weight, 400);
  /* clr-label-clickable-letter-spacing */
  letter-spacing: 0.03em;
  letter-spacing: var(--clr-label-clickable-letter-spacing, 0.03em);
  /* clr-label-clickable-line-height */
  line-height: 0.6rem;
  line-height: var(--clr-label-clickable-line-height, 0.6rem);
}

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

.label.clickable:not(.disabled):active,
a.label.clickable:not(.disabled):active {
  /* clr-label-active-color */
  color: hsl(198, 0%, 0%);
  color: var(--clr-label-active-color, hsl(198, 0%, 0%));
  /* clr-label-bg-active-color */
  background: hsl(198, 0%, 91%);
  background: var(--clr-label-bg-active-color, hsl(198, 0%, 91%));
  /* clr-label-box-shadow */
  box-shadow: 0 0.05rem 0 0 hsl(198, 0%, 55%) inset;
  box-shadow: var(--clr-label-box-shadow, 0 0.05rem 0 0 hsl(198, 0%, 55%) inset);
  /* clr-label-pressed-transform */
  transform: translateY(0.5px);
  transform: var(--clr-label-pressed-transform, translateY(0.5px));
}

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

.label.clickable.label-gray:active,
a.label.clickable.label-gray:active {
  /* clr-label-box-shadow */
  box-shadow: 0 0.05rem 0 0 hsl(198, 0%, 55%) inset;
  box-shadow: var(--clr-label-box-shadow, 0 0.05rem 0 0 hsl(198, 0%, 55%) inset);
}

.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 {
  /* clr-label-border-width */
  border-width: 0.05rem;
  border-width: var(--clr-label-border-width, 0.05rem);
  border-style: solid;
  /* clr-label-purple-border-color */
  border-color: hsl(282, 43%, 54%);
  border-color: var(--clr-label-purple-border-color, hsl(282, 43%, 54%));
  /* clr-label-purple-bg-color */
  background-color: transparent;
  background-color: var(--clr-label-purple-bg-color, transparent);
}

.label.clickable.label-purple:active,
a.label.clickable.label-purple:active {
  /* clr-label-box-shadow */
  box-shadow: 0 0.05rem 0 0 hsl(282, 43%, 54%) inset;
  box-shadow: var(--clr-label-box-shadow, 0 0.05rem 0 0 hsl(282, 43%, 54%) inset);
}

.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 {
  /* clr-label-border-width */
  border-width: 0.05rem;
  border-width: var(--clr-label-border-width, 0.05rem);
  border-style: solid;
  /* clr-label-blue-border-color */
  border-color: hsl(198, 100%, 24%);
  border-color: var(--clr-label-blue-border-color, hsl(198, 100%, 24%));
  /* clr-label-blue-bg-color */
  background-color: transparent;
  background-color: var(--clr-label-blue-bg-color, transparent);
}

.label.clickable.label-blue:active,
a.label.clickable.label-blue:active {
  /* clr-label-box-shadow */
  box-shadow: 0 0.05rem 0 0 hsl(198, 100%, 24%) inset;
  box-shadow: var(--clr-label-box-shadow, 0 0.05rem 0 0 hsl(198, 100%, 24%) inset);
}

.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 {
  /* clr-label-border-width */
  border-width: 0.05rem;
  border-width: var(--clr-label-border-width, 0.05rem);
  border-style: solid;
  /* clr-label-orange-border-color */
  border-color: hsl(31, 100%, 19%);
  border-color: var(--clr-label-orange-border-color, hsl(31, 100%, 19%));
  /* clr-label-orange-bg-color */
  background-color: transparent;
  background-color: var(--clr-label-orange-bg-color, transparent);
}

.label.clickable.label-orange:active,
a.label.clickable.label-orange:active {
  /* clr-label-box-shadow */
  box-shadow: 0 0.05rem 0 0 hsl(31, 100%, 19%) inset;
  box-shadow: var(--clr-label-box-shadow, 0 0.05rem 0 0 hsl(31, 100%, 19%) inset);
}

.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 {
  /* clr-label-border-width */
  border-width: 0.05rem;
  border-width: var(--clr-label-border-width, 0.05rem);
  border-style: solid;
  /* clr-label-light-blue-border-color */
  border-color: hsl(198, 80%, 46%);
  border-color: var(--clr-label-light-blue-border-color, hsl(198, 80%, 46%));
  /* clr-label-light-blue-bg-color */
  background-color: transparent;
  background-color: var(--clr-label-light-blue-bg-color, transparent);
}

.label.clickable.label-light-blue:active,
a.label.clickable.label-light-blue:active {
  /* clr-label-box-shadow */
  box-shadow: 0 0.05rem 0 0 hsl(198, 80%, 46%) inset;
  box-shadow: var(--clr-label-box-shadow, 0 0.05rem 0 0 hsl(198, 80%, 46%) inset);
}

.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%));
  /* clr-label-border-width */
  border-width: 0.05rem;
  border-width: var(--clr-label-border-width, 0.05rem);
  border-style: 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-info > .badge,
a.label.label-info > .badge {
  /* 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%));
}

.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%));
  /* clr-label-border-width */
  border-width: 0.05rem;
  border-width: var(--clr-label-border-width, 0.05rem);
  border-style: 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-success > .badge,
a.label.label-success > .badge {
  /* 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%));
}

.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%));
  /* clr-label-border-width */
  border-width: 0.05rem;
  border-width: var(--clr-label-border-width, 0.05rem);
  border-style: 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-warning > .badge,
a.label.label-warning > .badge {
  /* 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%));
}

.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%));
  /* clr-label-border-width */
  border-width: 0.05rem;
  border-width: var(--clr-label-border-width, 0.05rem);
  border-style: 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.label-danger > .badge,
a.label.label-danger > .badge {
  /* 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%));
}

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

.label.disabled, .label:disabled,
a.label.disabled,
a.label:disabled {
  cursor: not-allowed;
  pointer-events: none;
  /* clr-label-bg-disabled-color */
  background: transparent;
  background: var(--clr-label-bg-disabled-color, transparent);
  /* clr-label-disabled-color */
  color: hsl(198, 0%, 0%);
  color: var(--clr-label-disabled-color, hsl(198, 0%, 0%));
  /* clr-label-disabled-border-color */
  border-color: hsl(198, 0%, 55%);
  border-color: var(--clr-label-disabled-border-color, hsl(198, 0%, 55%));
}

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

@-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.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights 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-selected-option-background-color: var(--clr-global-selection-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-forms-border-disabled-color */
  background-color: hsl(198, 0%, 70%);
  background-color: var(--clr-forms-border-disabled-color, hsl(198, 0%, 70%));
}

.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;
  position: relative;
  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;
  cursor: pointer;
}

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%));
}

select[multiple] option:checked,
select[size] option:checked {
  /* clr-forms-select-multiple-selected-option-background-color */
  background-color: hsl(201, 29%, 88%);
  background-color: var(--clr-forms-select-multiple-selected-option-background-color, hsl(201, 29%, 88%));
}

.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;
  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;
  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 {
  /* 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%));
  position: absolute;
  /* clr-forms-baseline */
  right: 0.3rem;
  right: var(--clr-forms-baseline, 0.3rem);
  top: 25%;
}

.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.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights 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-bottom-color: hsl(198, 10%, 46%);
  --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-combobox-border-bottom-color */
  border-bottom-color: hsl(198, 10%, 46%);
  border-bottom-color: var(--clr-combobox-border-bottom-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;
  /* clr-combobox-pill-content-padding */
  padding: 0 0.4rem 0 0.2rem;
  padding: var(--clr-combobox-pill-content-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.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights 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-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-caret-size: 0.8rem;
  --clr-tree-node-touch-target: 1.62rem;
  --clr-tree-caret-padding: 0;
  --clr-tree-node-content-icon-margin-right: 0.3rem;
  --clr-tree-node-caret-link-hover-color: var(--clr-color-neutral-1000);
  --clr-tree-node-caret-color: var(--clr-color-neutral-500);
  --clr-tree-node-caret-link-active-color: var(--clr-color-neutral-500);
  --clr-tree-node-caret-link-disabled-color: var(--clr-color-neutral-500);
  --clr-tree-node-font-size: inherit;
  --clr-tree-node-font-weight: inherit;
  --clr-tree-node-line-height: inherit;
  --clr-tree-node-letter-spacing: inherit;
  --clr-treenode-content-padding: 0;
  --clr-tree-node-content-padding: var(--clr-treenode-content-padding);
  --clr-tree-node-content-padding-left: 1.62rem;
  --clr-tree-node-children-margin: 1.17rem;
  --clr-tree-checkbox-wrapper-padding: 0.21rem 0 0 0.41rem;
  --clr-tree-node-content-hover-color: transparent;
}

.clr-tree-node {
  display: block;
}

.clr-tree-node-content-container {
  display: flex;
  align-items: center;
  /* clr-tree-node-font-size */
  font-size: inherit;
  font-size: var(--clr-tree-node-font-size, inherit);
  /* clr-tree-node-font-weight */
  font-weight: inherit;
  font-weight: var(--clr-tree-node-font-weight, inherit);
  /* clr-tree-node-line-height */
  line-height: inherit;
  line-height: var(--clr-tree-node-line-height, inherit);
  /* clr-tree-node-letter-spacing */
  letter-spacing: inherit;
  letter-spacing: var(--clr-tree-node-letter-spacing, inherit);
}

.clr-treenode-content {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  /* clr-tree-node-text-color */
  color: inherit;
  color: var(--clr-tree-node-text-color, inherit);
  /* clr-tree-node-content-padding */
  padding: 0;
  padding: var(--clr-tree-node-content-padding, 0);
  /* clr-tree-border-radius */
  border-radius: 0;
  border-radius: var(--clr-tree-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);
  /* clr-tree-node-content-line-height */
  line-height: 1.62rem;
  line-height: var(--clr-tree-node-content-line-height, 1.62rem);
}

.clr-treenode-content:first-child {
  /* clr-tree-node-content-padding-left */
  padding-left: 1.62rem;
  padding-left: var(--clr-tree-node-content-padding-left, 1.62rem);
}

.clr-treenode-content cds-icon,
.clr-treenode-content clr-icon {
  /* clr-tree-caret-size */
  height: 0.8rem;
  height: var(--clr-tree-caret-size, 0.8rem);
  /* clr-tree-caret-size */
  width: 0.8rem;
  width: var(--clr-tree-caret-size, 0.8rem);
  /* clr-tree-caret-size */
  min-height: 0.8rem;
  min-height: var(--clr-tree-caret-size, 0.8rem);
  /* clr-tree-caret-size */
  min-width: 0.8rem;
  min-width: var(--clr-tree-caret-size, 0.8rem);
  /* clr-tree-node-content-icon-margin-right */
  margin-right: 0.3rem;
  margin-right: var(--clr-tree-node-content-icon-margin-right, 0.3rem);
  vertical-align: middle;
}

.clr-treenode-caret {
  flex-grow: 0;
  flex-shrink: 0;
  /* clr-tree-node-touch-target */
  flex-basis: 1.62rem;
  flex-basis: var(--clr-tree-node-touch-target, 1.62rem);
  margin: 0;
  /* clr-tree-node-touch-target */
  height: 1.62rem;
  height: var(--clr-tree-node-touch-target, 1.62rem);
  /* clr-tree-node-touch-target */
  width: 1.62rem;
  width: var(--clr-tree-node-touch-target, 1.62rem);
  /* clr-tree-node-touch-target */
  min-height: 1.62rem;
  min-height: var(--clr-tree-node-touch-target, 1.62rem);
  /* clr-tree-node-touch-target */
  min-width: 1.62rem;
  min-width: var(--clr-tree-node-touch-target, 1.62rem);
  /* clr-tree-caret-padding */
  padding: 0;
  padding: var(--clr-tree-caret-padding, 0);
  background: none;
  border: none;
  /* clr-tree-node-caret-link-color */
  color: hsl(198, 0%, 70%);
  color: var(--clr-tree-node-caret-link-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-treenode-caret:active {
  /* clr-tree-node-caret-link-active-color */
  color: hsl(198, 0%, 70%);
  color: var(--clr-tree-node-caret-link-active-color, hsl(198, 0%, 70%));
}

.clr-treenode-caret:disabled {
  /* clr-tree-node-caret-link-disabled-color */
  color: hsl(198, 0%, 70%);
  color: var(--clr-tree-node-caret-link-disabled-color, hsl(198, 0%, 70%));
}

.clr-tree-node-caret-icon {
  /* clr-tree-caret-size */
  height: 0.8rem;
  height: var(--clr-tree-caret-size, 0.8rem);
  /* clr-tree-caret-size */
  width: 0.8rem;
  width: var(--clr-tree-caret-size, 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 {
  /* clr-tree-node-children-margin */
  margin-left: 1.17rem;
  margin-left: var(--clr-tree-node-children-margin, 1.17rem);
  will-change: height;
  overflow-y: hidden;
}

.clr-treenode-link {
  display: inline-block;
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  /* clr-tree-node-link-padding-left */
  padding-left: 0.3rem;
  padding-left: var(--clr-tree-node-link-padding-left, 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-node-content-bg-active-color */
  background: transparent;
  background: var(--clr-tree-node-content-bg-active-color, transparent);
}

.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-treenode-link.active:active {
  /* clr-tree-node-content-bg-active-color */
  background: hsl(201, 29%, 88%);
  background: var(--clr-tree-node-content-bg-active-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 {
  /* clr-tree-checkbox-wrapper-padding */
  padding: 0.21rem 0 0 0.41rem;
  padding: var(--clr-tree-checkbox-wrapper-padding, 0.21rem 0 0 0.41rem);
}

.clr-tree-node-content-container > .clr-checkbox-wrapper:first-child {
  /* clr-tree-node-touch-target */
  margin-left: 1.62rem;
  margin-left: var(--clr-tree-node-touch-target, 1.62rem);
}

.clr-tree-node-content-container > .clr-checkbox-wrapper .clr-control-label {
  /* clr-tree-node-font-size */
  font-size: inherit;
  font-size: var(--clr-tree-node-font-size, inherit);
  /* clr-tree-node-font-weight */
  font-weight: inherit;
  font-weight: var(--clr-tree-node-font-weight, inherit);
  /* clr-tree-node-letter-spacing */
  letter-spacing: inherit;
  letter-spacing: var(--clr-tree-node-letter-spacing, 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.
 */
/*
 * Copyright (c) 2016-2023 VMware, Inc. All Rights 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: 1.3rem;
  --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;
  --clr-datagrid-fixed-column-size: 1.9rem;
}

.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 {
  position: relative;
  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 {
  display: flex;
  align-items: center;
  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-separator-height */
  height: calc(100% - (0.6rem - 0.05rem));
  height: var(--clr-datagrid-column-separator-height, calc(100% - (0.6rem - 0.05rem)));
  width: 0.05rem;
  right: 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 {
  /* clr-datagrid-fixed-column-size */
  max-width: 1.9rem;
  max-width: var(--clr-datagrid-fixed-column-size, 1.9rem);
  /* clr-datagrid-fixed-column-size */
  min-width: 1.9rem;
  min-width: var(--clr-datagrid-fixed-column-size, 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;
  flex: 0 0 var(--clr-datagrid-fixed-column-size, 1.9rem);
  /* clr-datagrid-fixed-column-size */
  max-width: 1.9rem;
  max-width: var(--clr-datagrid-fixed-column-size, 1.9rem);
  /* clr-datagrid-fixed-column-size */
  min-width: 1.9rem;
  min-width: var(--clr-datagrid-fixed-column-size, 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.251
}

.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));
}

.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 .clr-wizard-stepnav-link-title {
  word-break: break-word;
  white-space: normal;
}

.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;
  height: auto;
  min-height: 1.8rem;
  max-width: inherit;
}

.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--inline {
  display: block;
  width: 100%;
}

.clr-wizard--inline > clr-modal > .modal:focus {
  outline-style: none;
  outline-color: transparent;
}

.clr-wizard--inline clr-modal {
  height: 100%;
  width: 100%;
  display: block;
}

.clr-wizard--inline .modal {
  padding: 0;
  position: static;
  height: 100%;
  max-height: 100%;
}

.clr-wizard--inline .modal .content-container {
  height: 100%;
}

.clr-wizard--inline .modal .content-container .nav-panel {
  height: 99%;
  width: 99%;
}

.clr-wizard--inline .modal .modal-content {
  box-shadow: none;
}

.clr-wizard--inline .modal .modal-dialog {
  min-height: 100%;
  height: 100%;
  width: 100%;
  z-index: auto;
}

.clr-wizard--inline .modal-body-wrapper {
  height: 100%;
}

.clr-wizard--inline .modal-header .close {
  display: none;
}

.clr-wizard--inline .nav.navList {
  padding-top: 0;
}

.clr-wizard--inline .modal-dialog .modal-content .modal-body .content-area {
  overflow-y: auto;
}

.clr-wizard--inline .modal-backdrop {
  height: 0;
  width: 0;
  display: none;
}

.clr-wizard--inline .modal-content-wrapper {
  align-items: stretch;
  height: 100%;
}

.clr-wizard--inline .clr-wizard-stepnav-wrapper, .clr-wizard--inline.clr-wizard .modal-content {
  min-height: 100%;
  height: auto;
  max-height: 100%;
}

.clr-wizard--inline .clr-wizard-stepnav-wrapper .clr-wizard-stepnav, .clr-wizard--inline.clr-wizard .modal-content .clr-wizard-stepnav {
  height: 100%;
}

.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: 0 1.2rem 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: 0 1.2rem 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: 0 1.2rem 1.2rem;
  padding: var(--clr-signpost-content-padding, 0 1.2rem 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;
  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-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,d09GRgABAAAAAFQgABMAAAAAm8AAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABqAAAABwAAAAcfNH55kdERUYAAAHEAAAATQAAAGIH1Qf8R1BPUwAAAhQAAAcaAAAOdjy+ejlHU1VCAAAJMAAAACAAAAAgRHZMdU9TLzIAAAlQAAAATQAAAGBoPqzrY21hcAAACaAAAAJsAAADnndDD7FjdnQgAAAMDAAAADAAAAA8EY4BjGZwZ20AAAw8AAAGOgAADRZ2ZH12Z2FzcAAAEngAAAAIAAAACAAAABBnbHlmAAASgAAANnMAAGgUxFIgN2hlYWQAAEj0AAAANgAAADYLYYgUaGhlYQAASSwAAAAhAAAAJAd2BDJobXR4AABJUAAAAogAAATuuPI/FGxvY2EAAEvYAAACcgAAAnqJanBwbWF4cAAATkwAAAAgAAAAIAKEAeluYW1lAABObAAAAYIAAANWLdCE9XBvc3QAAE/wAAADoQAABiGXFj2KcHJlcAAAU5QAAACBAAAAjRlQAhB3ZWJmAABUGAAAAAYAAAAG9nhYmAAAAAEAAAAA1FG1agAAAADTwZ2GAAAAANS+pvV42g2MQQqEQBDEEkf0MLPof7ypL/DofXfV/z/AIgRC0TQCLR6cdFRkjVso7HzTv1D4B7m4048DOlopNlv645SeXXLT51sXzSa+W3AF3AAAAHjajVcBbFbVFf7Oufe+v/0LWEoLCB0DUhkxTWWESUVGiWMFsVPDmEEHZlucY61Q7BjZiDFKHZql6YzDDpE0qAyMNsBQsSKypqvOOUdkY6YhYFwHyDYm07nFCPL2vfN+6F9ot/GFj8O59917zznf7bmFAMhiMhZC5tXWLUYBPD2IYzj+I1C4hm83rUTpim82NaB8RcOKBs4G/cloOiNhx++yGI0JmGIehwrUuY50NFplq0rUiogfyfDV/GKc+QJKL0BQG7eSA2ajBZ8ilnFQHoPzZKwcQRGG8WR/j7vj7XFvfBRD/Ik/GHLkt4N6+7h3/v+Pxz8dcoX3hhwZ+jx/jPcOMbI97ov3JbjI38u/v0kw2B5xK7OkmMhMT2G2PkcoqgiHqwiP6UTAF4gIM4kMriEKMIsoZG5ns1JrCMH9+BFnPkgEZryF/hcIwYuE4CVCcZDw+APhcZQI+DMR4TgR4T0iwmkigw+IDM4Qhazep1wtJrJSLMUolBIpIZdKKXkcK5vl2tOokgp+cyUhdu70xGondnZibycOmEcUoJYoxAIii0VEERrxfa6QRBJZJJFFEvATPMr5bUQhfoZNnP8Efs7524ki7CQy2EUU4BdEBruJAjxHZPA8UYA9RCE6iULsJ7LoIrLoJrLoIbJ4lRD8mhDLToR3iCL8iUjzopYXtbx4y0uwvATLi7e8eMuLlzEyhvm6XC4nJzkKXLWKGZrCGlexttNZ05nMzCxmpBGrcDea8D2sZi3vxzo04wFm4UFGv5MRPcdKvsgKHmTljrJix1mp0zzJGbtZxdy3NLlfeq/dw9ekiXEPp7r2UXet8b8GUauNDHYHLoycSjDIl6eHvBunziue9/po3Bw3XzyS3rp4c7x50JG/2DeKctOEmCYUXyMcbiU8biMClhIRFfEo5yRqEFODmhoUHUSEHURklRartFilxSotVlfFMcLhBOFwknA4SwScIyIZKSNZ11EyilwmZeSkomIVFRkv47m+ohKXEUUYSQwzpYspXU3pLqf0+US+0r3FE+XFkzGlu5zS+zXuLSpvUWUsqvNKTzWeqnsvMbSuk2i9aVZzESbKdRZnxvTrTL+aizlRseYiT7SsefHnK9pZFjIyTa7h7slPr1pGuIj1upVxLWUkbYxkIx5jNE/gSTyFrYxoOyPZwdvYydN28ZQ9PN0x1uAkT3aOJxjF3cZwl/FccYLpWTHCOkqJqaOEu9TQErNr2ImORBPIfcx/t6yXFnlENkq7bJVnZJfskX3SLa/LATkkh+VdOSGn5EP5WM6p16wW62gt18k6Vat0hs7SuVqrdbpIl+jteofW6ypdo/foOn1IW3WDbtItuk07dLd26n7t0Tf0LX1bj2ifntT39SP9xMFFbpgrcWPdBFfhrnTT3NVutrvOLXA3usXuNvcNd6e7yzW5H7h73QPux+5h1+Y2uyfd026He97tdV3uNfem+73rde+4Y+6v7h/u3+6sV1/gR/hSP85P9FN8pZ/uq/0cP88v9Df7W/xS/y2/3K/0q/1af59f71v8I36jb/db/TN+l9/j9/lu/7o/4A/5w/5df8Kf8h/6j/254EM2FIfRoTxMDlNDVZgRZoW5oTbUhUVhSbg93BHqw6qwJtwT1oWHQmvYEDaFLWFb6Ai7Q2fYH3rCG+Gt8HY4EvrCyfB++Ch8EiGKomG8HU26k9xsPN+4xnhDwmg0bjPP2n5/jm8wrjS+1nhlwlpm9vXGc4wrlD9T5Qrjq4yrE0a9cbu+TG4wf6XxbPP3Gp8xz0Tjx40nGUfGC1w9+SnjpsFZf5UXY435L2F82XiLcWM/y7I0drPvMn7VeMOlnGbA7Ev5euMK7fpfrM8OyFXXYIy5xo8b1/czs9dl2fvvnOaza1CelMdNeWceYOfVtNn8V5g/355vOWwxe1le5tMoBtg2mqoi359mtTq1bU6qmbQ6adSpPnN2zp/MaTO73a05r96cxg6a3ZPYuZqmGVubU3K4yJ+eIc3bAbPXWo0OJfNdqsAbbK9em2M3ItXtAH+l2WdyNdp5QdX5/vQGXZunmbQi+fZWs7+e+m2+3QstM7/pIae0SXn2HOPIPEPZfzP7bouu1uw3zc5fuSb+Jbkq3n9RpfJ3rM7d7q7/gwfOVHzW3qXgu2sqs5K8Tj27diW7YPLCjvB5vsQymIFq9rCkc49g3/4ie3rSuUfaG7XEOvco/l61kH2ojijDTexzo9npbuHvPkuIcuvln2HXW8au1ci320R7vc1kR2/nelvY+b5ive+r7H4vs0O+ggP4Dl90p/FDe1VuxD8l4DF24vHosJ7ayfOKXGa/m0WQeL2p8D7cSV7PbleEsdyrghFNw9U89XU85Y1YzNEXTLu/Mz5sbHeGGu3ng8bLjbcZ9xmfNS7Cl7jPcnxXMlIghZKVIhkuIy490X8AtlKXWAAAAAEAAAAKABwAHgABREZMVAAIAAQAAAAA//8AAAAAAAB42mNgZrJgnMDAysDC1MUUwcDA4A2hGeMYRBjNgHygFBywMyCBUO9wPwYHBgXVP8zS/40ZGJiPMqoqMDBMBskxsTKtB1IKDEwAxlcKNgAAAHjatZNZUI5RHMZ//7d9ESoU9fb2adNGohRF9qXIvpSs2bKv2RrrEENFUsieJKMZE1NTthvuuDVjjL7PlVvuDB3HV0wzzLhyZt5z3nPOnOeceZ7fH3Ch6wtBdI9U6pk4565SrMcljMONgZRwizru0kgTzbTQJh4SIIMkTAZLnCRJqqRLpkyVHMmTQimSEiPVeGW8d4kyj5ut5hPzi+VuBVrBVqhls6KsYVa6dd/mH/lNKX2HxY0e2o9p45n4Sn8xxSaxkigpkiYZkiXZkisFskE2a+2XxlutfchsMdvNz5ZhBVhBVohTe6iV9ktbfVQv1HP1VLWrVvVINauHqkk1qgZVr+rUNVWralS1qlKVqkKVqTOqVJ3ofNOZ1Zn0/ZOj3FHgyHfE2Afa/ew+di+7m93o+NrxuePwh5B3yV1e/afmbng7k+CPWwSj+8/4h0bXSRdcdXbueOCJF9744Esv/OhNH/riTwCB9KM/AwgiWGc8SKceikmYTiQcG4OJIJIooolhCLHEEU8CiQxlGEkMJ5kRjCSFVEaRRjqjGUMGmYzVzGQxnglMZBKTmcJUpjGdGWSTw0xmkcts5jCXecxnAQtZxGJNWh75LKWAZSxnhX7/Dnaym2IOcZzTlFNGBec5RyVVVHORGi5xhcvUcpXr3NQU/WT0Ng2apXuapp9tFau1HdFs4Gy3N+tZo/tdnPjtVuFfHLxAPZtZ2WNlLZskRo9b2M4x7DgkXPMZKVG6AiK4o3ce
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "Metropolis";
  src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAFUkABMAAAAApQgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABqAAAABwAAAAcfNH55kdERUYAAAHEAAAATQAAAGIH1Qf8R1BPUwAAAhQAAAcXAAAOdj58fExHU1VCAAAJLAAAACAAAAAgRHZMdU9TLzIAAAlMAAAATQAAAGBoQKzzY21hcAAACZwAAAJsAAADnndDD7FjdnQgAAAMCAAAADAAAAA8EawBpGZwZ20AAAw4AAAGOgAADRZ2ZH12Z2FzcAAAEnQAAAAIAAAACAAAABBnbHlmAAASfAAAN4wAAHG4/7HGDGhlYWQAAEoIAAAANgAAADYLZYgSaGhlYQAASkAAAAAhAAAAJAd6BCBobXR4AABKZAAAAoYAAATaq1M+VWxvY2EAAEzsAAACcwAAAnpN7jLmbWF4cAAAT2AAAAAgAAAAIAKEApFuYW1lAABPgAAAAXEAAAMQI+x4YXBvc3QAAFD0AAADoQAABiGXFj2KcHJlcAAAVJgAAACBAAAAjRlQAhB3ZWJmAABVHAAAAAYAAAAG9ndYmAAAAAEAAAAA1FG1agAAAADTwZ2GAAAAANS+pvV42g2MQQqEQBDEEkf0MLPof7ypL/DofXfV/z/AIgRC0TQCLR6cdFRkjVso7HzTv1D4B7m4048DOlopNlv645SeXXLT51sXzSa+W3AF3AAAAHjajVcNbJbVFX7Oufe+39evgKWUH6EgIVgb0xRGmAiyaRhURyqSjikaZvbjnIPx12EzFuf4cWgWUheHDAlpEPkx2gCiYkXGuoYxxzYCygxhYFwHyBYm0+lCRHn3vOf9sC/QbuMJD4dz73vvPec8t+cWAqCAEZgKmVxXPwN5eHoQx3D8R6Bwc77dOA8Vc7/ROAeVc+fMncPZoD8ZTWck7PhdAQMwDFXmcRiJeteajkYLbFWJmhHxI+m9iF8MNl9AxWcQ1MXN5ICJWIlPEctgKI/BeTJIjqEUvXiyf8Qd8Zb4SHwcPfyJ3+9x5Pfdeju5d/b/J+Of97jCuz2O9HyeP8W7ehjZEnfGuxNc5j/Cv79L0N0ecTOzpBjOTFcxW9cRilrCYRThMYYI+DwRYRyRw3gijwlECXM7kZVqIgRL8RPOfJQIzPhK+l8mBK8QglcJxSHC403C4zgR8FciwkkiwrtEhLNEDu8TOZwnSli9T7laTBSkTMpQIuVSTq6QCvJgVrbAtUdTJSP5zfWE2LnTE6ud2NmJvZ04YDKRRx1RgtuIAhqIUszHg1whiSSySCKLJOBxPMn5q4kS/AJrOf9pbOL8LUQpthE5bCfyeIHIYQeRx4tEDi8ReewkStBGlGAPUUA7UUAHUcBeooDfEILfEmLZifA2UYq/EGle1PKilhdveQmWl2B58ZYXb3nxMlAGMl9Xy9XkJEeBq9YyQ1WscS1rO4Y1HcfMTGBG5mMBFqIR38ci1nIplmE5HmEWHmX02xjRi6zkK6zgIVbuOCt2kpU6y5Oct5tVxn0rkvulD9s93CeNjLs31bWbumuOP+pGrTbS3R34bORMgm6+PNvj3ThzUfG818fj5fHyy0fSWxevi9d1O/I3+0ZRaZoQ04Tiq4TD3YTHPUTALCKiIp7knEQNYmpQU4OilYiwlYis0mKVFqu0WKXF6qo4QTicIhxOEw6fEAEXiEj6Sl/WtZ/0I/eX/uSkomIVFRkiQ7i+ogZXEaXoS/QypYspXU3prqj0W4ms0r3FE2XiyZnSXVHpXRr3FpW3qHIW1UWlpxpP1b2L6FnXSbTeNKvFCBPlOoszZ/p1pl8txpyoWIuRJ1rWTPxZRTvLQk5Gy3junvz0qmOEDazX3YxrFiNZzUjW4ClG8zQ24BlsZERbGMlW3sY2nradp9zL051gDU7zZBd4gn7cbSB3GcIVh5meFX2so5SbOsq5y820xOyb2YmORcPIncx/h6yQlfKErJEW2SjPyXbZKbulQ16XA3JYjso7ckrOyAdyTi6o14KW6QCt1BFarbU6VifoLVqn9dqgM/VevU9n6wJt0od0mT6mzbpK1+p63aytukPbdI/u1f16UN/SY9qpp/U9/VA/dnCR6+XK3SA3zI1017vR7gY30U1yt7lpboa7x33d3e++5xrdD9zD7hH3U/czt9qtcxvcs26re8ntcu1un/uDe8MdcW+7E+7v7p/u3+4Trz7v+/gKP9gP91W+xo/xN/ov+sl+qp/u7/Sz/Df9A36eX+R/6Jf4FX6lf8Kv8S1+o3/Ob/c7/W7f4V/3B/xhf9S/40/5M/4Df85fCD4UQlkYECrDiFAdasPYMCHcEupCfWgIM8O94b4wOywITeGhsCw8FprDqrA2rA+bQ2vYEdrCnrA37A8Hw1vhWOgMp8N74cPwcYQoinrxdizWbeQlxnUZXpUwmoxbzLO0y1/kacY1xjcZP5iwDjV7uvEk42uVP1Ol2niU8ZSEsdB4k75GbjT/eOOJ5u80Pm+e64w3GFcZ540b3Gzy88aLu2d9Mxuj+a9gTDN+1ripi+WuNHaz5xnvM151JacZMPtKnm58rbb/L9aNl+SqvTvGl42fMV7Yxcxeu2Xvv3Oaz/ZuuSrDizNnvsTO1HSJ+avNn7XTrD5u9l2ZzI/qGr1o22iqiqw/zeqU1LY5qWbS6qRRp/os2kV/MqfF7E2u6aJ6ixp7w+z9iV2saZqxVNup9rL+9Axp3g6a/SOr0Z9N5+dsfqqcTptjNyLV7SX+GrPPp7bNSVWd9ac36KaMZtKKZO0XzP5W6rf5di90qPk3mD9VWlXGnmScN09P9kfpfbHo7jD7sNnZleviXyXVifdcVqnsjlOKt7v9/+BLZyqusXcp+O6qZlaS16ln165hF0xe2BE+x5dYDmNxI3tY0rn7sG9/gT096dx97Y1abp27H3+vmso+VE/0xx3scwPY6e7k7z4ziUrr5UPZ9b7GrjWfb7fh9nobx47ewvXWs/Pdbr3vK+x+r7FD/hIH8B2+6M5isb0q1+BfEvAUO/EQtFpPbeN5Ra6y380iSPxjU+ES3E9ewW5XikHcayQjGo0beOpJPOU0zODor027fzQ+amx3BvsyfMh4rvFm41RVObNL8SXu8wC+KznJS4kUpFR6S58rT/Qf6j6bKQAAAQAAAAoAHAAeAAFERkxUAAgABAAAAAD//wAAAAAAAHjaY2BmcmCcwMDKwMLUxRTBwMDgDaEZ4xhEGM2AfKAUHLAzIIFQ73A/BgcGBdU/zNL/jRkYmI8yqiswMEwGyTGxMq0HUgoMTADJZQpAAAAAeNq1k1lQjlEcxn//t30RKhT19vZp00aiFEX2pci+lKzZsq/ZGusQQ0VSyJ4koxkTU1O2G+64NWOMvs+VW+4MHcdXTDPMuHJm3nPec86c55x5nt8fcKHrC0F0j1TqmTjnrlKsxyWMw42BlHCLOu7SSBPNtNAmHhIggyRMBkucJEmqpEumTJUcyZNCKZISI9V4Zbx3iTKPm63mE/OL5W4FWsFWqGWzoqxhVrp13+Yf+U0pfYfFjR7aj2njmfhKfzHFJrGSKCmSJhmSJdmSKwWyQTZr7ZfGW619yGwx283PlmEFWEFWiFN7qJX2S1t9VC/Uc/VUtatW9Ug1q4eqSTWqBlWv6tQ1VatqVLWqUpWqQpWpM6pUneh805nVmfT9k6PcUeDId8TYB9r97D52L7ub3ej42vG54/CHkHfJXV79p+ZueDuT4I9bBKP7z/iHRtdJF1x1du544IkX3vjgSy/86E0f+uJPAIH0oz8DCCJYZzxIpx6KSZhOJBwbg4kgkiiiiWEIscQRTwKJDGUYSQwnmRGMJIVURpFGOqMZQwaZjNXMZDGeCUxkEpOZwlSmMZ0ZZJPDTGaRy2zmMJd5zGcBC1nEYk1aHvkspYBlLGeFfv8OdrKbYg5xnNOUU0YF5zlHJVVUc5EaLnGFy9Rylevc1BT9ZPQ2DZqle5qmn20Vq7Ud0WzgbLc361mj+12c+O1W4V8cvEA9m1nZY2UtmyRGj1vYzjHsOCRc8xkpUboCIrijdx6gaZYE
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Metropolis";
  src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAFXwABMAAAAAoOAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABqAAAABwAAAAcfKTbLEdERUYAAAHEAAAATQAAAGIH1Qf8R1BPUwAAAhQAAAcfAAAOdj+hfXRHU1VCAAAJNAAAACAAAAAgRHZMdU9TLzIAAAlUAAAATgAAAGBoqa3+Y21hcAAACaQAAAJsAAADnndDD7FjdnQgAAAMEAAAADAAAAA8Ed8By2ZwZ20AAAxAAAAGOgAADRZ2ZH12Z2FzcAAAEnwAAAAIAAAACAAAABBnbHlmAAAShAAAODkAAG08sNGyNWhlYWQAAErAAAAANgAAADYLa4YHaGhlYQAASvgAAAAhAAAAJAeEBCBobXR4AABLHAAAAosAAATasng5PmxvY2EAAE2oAAACbwAAAnpyVVfabWF4cAAAUBgAAAAgAAAAIAKRAh5uYW1lAABQOAAAAYUAAANkL+aGSnBvc3QAAFHAAAADoQAABiGXFj2KcHJlcAAAVWQAAACBAAAAjRlQAhB3ZWJmAABV6AAAAAYAAAAG9G1YmAAAAAEAAAAA1CSYugAAAADTwZ2GAAAAANS+pOt42g2MQQqEQBDEEkf0MLPof7ypL/DofXfV/z/AIgRC0TQCLR6cdFRkjVso7HzTv1D4B7m4048DOlopNlv645SeXXLT51sXzSa+W3AF3AAAAHjajVcLbFVVFl37fO5r3wMspXyEUgkhUAhWhjCiCKNxmlpIRxmsBA0YNY4fkM9UZKbGyGcUzUjqxJGKZELQMtpgBUTFqkheCP6IIfgJEiwEK2L9ASoaI8p13X0fcEv7ZuxKV3f3Offcs/de5+3zIADSGIopkMqqmloUwNGDMITlH4GBnfOXunkomXtj3RyUzp0zdw5ng/5oNJ4RseVzafRDGYarx2IYamxLPBos0FUlaEDAh6TnQj4xUH0eJachqAobyB4TsQK/IJSBMNwG58kAaUMGPbizI2E2bA73hvuR5yf8Ju/I7m69n2BAp/8/C/+dd4WOvCNteUf2htk8I83hwXBrhLOf4O/OCF12ivDzsIFZMhjCTA9ntkYQBhWExQWEw1jC4/dEgPFEChcTBZhAFDK3E1mpRYRgKe7nzAcIz4yvoP9FQvASIXiZMHiXcHifcNhPeHxCBPiUCPAZEeAokcI3RAoniEJW7xeuFhJpKZIiFEqxFJNLpIQ8kJVNc+0xVMkwPjOKEN13vGOjO7a6Y6c79qgkClBFFKKaSGMakcF83MUVokgCjSTQSDwexkrObyQK8RhWc/4T+C/nP01ksJFIYRNRgOeIFDYTBXieSOEFogBbiEK0EoXYRqSRJdLYTqSxg0jjdULwJiGanQAHiAw+JuK8GM2L0bw4zYvXvHjNi9O8OM2Lk/7Sn/k6V84lRznyXLWCGRrOGlewtmNZ0/HMzARmZD4W4K+ow51YyFouxTL8A/cxCw8w+o2M6HlW8iVW8F1Wbj8r9ikrdZQ7OaEnq4jvLYnOl7lXz+EbUse4e1JfW6m7hvD7btSqI9H5yDvyJXGsmyeP5T0bX+b+7gu/Dg+ED4UPnT2SO5FNYdPp/75IjHyuzxiUqiZENWFwDWFxLeFwHeExkwioiJWcE6lBVA1G1WDQQgTYQARaadFKi1ZatNKidTU4RFgcJiw6CIufCY+TRCC9pTfr2kf6kPtKX3JUUdGKigySQVzfYDTOITLoTfRQpYsq3ajSbU7pVxBJpTuNJ0jEk1Kl25zSz2jcaVROo0ppVKeUHms8VvcrRH5dR9E61azJRRgp12qcKdWvVf2aXMyRik0u8kjLJhF/UtFWs5CSMXIx3x59elUxwmms17WMayYjaWQkq/A4o3kCT6IJ6xjR04xkA09jK3eb5S53cHeHWIMO7uwkd9CHb+vPtwziimWqZ4Ne2lGKw6W0i9nfLqUlal/KTtQWlJHbmf/tslxWyCOyStbIOlkvm2SLbJXt8pbskg9knxyUw/KVfCs/yknjTNoUmX6m1Aw15abCjDMTzGWmytSYaWaGud7cbGabBWaRuccsMw+aBvOoWW3WmqdMi9lsWs02s8PsNLvNHtNm2k2HOWKOm58sbGB72GI7wJbZYXaUHWMvtBPt5bbaXmlr7XX2BnuLvcPW2b/be+199p/2X7bR/sc+aZvtBvuCfcVm7Rv2Hfue3WsP2EP2C3vM/mB/dsYVuF6uxA10Q9xwN9qNdRe5P7hKN8VNddPdTHeTu83Ncwvd3W6JW+5WuEfcKrfGrXPr3Sa3xW11291bbpf7wO1zB91h95X71v3oTnrn077I9/Olfqgv9xV+nJ/gL/NVvsZP8zP89f5mP9sv8Iv8PX6Zf9A3+Ef9ar/WP+Vb/Gbf6rf5HX6n3+33+Dbf7jv8EX/c/xQgCIIePB31ZiN5iXKlcrVyY8RYrNysnmXKKxM8VblCeZLy3yI2g9WuVa5SHmH4mSrlyhXKkyNGvfKz5tVTtlyiPEn97con1DNKuUl5pHJG+c92NvkZ5frumVU/E2O1+rswpitvVl58hmVWHLva85TfVF7ZleMMqN2Va5VHmOz/Y2o3matsd4ypyi3K9WeY2ctq9v43x/nMdssjE1yf2HMnO1HTJeovV3/SrtQcPqb2rETm4yg62TkV+bP8jWpPjm2dE2smrk4cdazPnJ3zR3Oa1X7WLjql3pzGPlT7/cjO1TTOWKztWHtJf1zZOG/vqb1Ya/SR6vxrnT9V39Wuc/RExLrt5K9Q+0SughtPqzrpj0/QpIRm4ook7efUvjX263w9F2aw+pvUHyttZMKuUs6oJ599XO27Nbqr1N6jdnLl6nAL+XzlZKWSb5ycO93Z38CdZxqcp/dS8N5VzqxEt1PHrj2aXTC6YQf4HW9iKYzDRexhUefuxb49iT096ty99Y5arJ27D/vOFPahGqIvrmKf68dON53ffWYQpdrLB7PrzWLXms+72xC9vY1nR1/D9day8/1Je9/V7H6vskO+hl24lTe6o6jXW+UqfCcej7MTD0KL9tRW7lfkHP1uFkDCWIVLcAt5Obtdht91yhjbKN69L+SuL+cur0QtR99W7e5VPqisZwa7E6yVwF3K65U/1qz1VTuDP/I9t+F2SUmBFEpaMtJTenXd0a99l590AAABAAAACgAcAB4AAURGTFQACAAEAAAAAP//AAAAAAAAeNpjYGZyZ/zCwMrAwtTFFMHAwOANoRnjGEQYzYB8BjYGOGBnQAKh3uF+DA4MCqp/mKX/GzMwMJ9k1FFgYJgMkmNiZVoPpBQYmADwbQq1AAB42rWTWVCOURzGf/+3fREqFPX29mnTRqIURfalyL6UrNmyr9ka6xBDRVLIniSjGRNTU7Yb7rg1Y4y+z5Vb7gwdx1dMM8y4cmbec95zzpznnHme3x9woesLQXSPVOqZOOeuUqzHJYzDjYGUcIs67tJIE8200CYeEiCDJEwGS5wkSaqkS6ZMlRzJk0IpkhIj1XhlvHeJMo+breYT84vlbgVawVaoZbOirGFWunXf5h/5TSl9h8WNHtqPaeOZ+Ep/McUmsZIoKZImGZIl2ZIrBbJBNmvtl8ZbrX3IbDHbzc+WYQVYQVaIU3uolfZLW31UL9Rz9VS1q1b1SDWrh6pJNaoGVa/q1DVVq2pUtapSlapClakzqlSd6HzTmdWZ9P2To9xR4Mh3xNgH2v3sPnYvu5vd6Pja8bnj8IeQd8ldXv2n5m54O5Pgj1sEo/vP+IdG10kXXHV27njgiRfe+OBLL/zoTR/64k8AgfSjPwMIIlhnPEinHopJmE4kHBuDiSCSKKKJYQixxBFPAokMZRhJDCeZEYwkhVRGkUY6oxlDBpmM1cxkMZ4JTGQSk5nCVKYxnRlkk8NMZpHLbOYwl3nMZwELWcRiTVoe+SylgGUsZ4V+/w52sptiDnGc05RTRgXnOUclVVRzkRoucYXL1HKV69zUFP1k9DYNmqV7mqafbRWrtR3RbOBstzfrWaP7XZz47VbhXxy8QD2bWdljZS2bJEaPW9jOMew4JFzzGSlRugIi
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Metropolis";
  src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAFaEABMAAAAAouAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABqAAAABwAAAAcfNH55kdERUYAAAHEAAAATQAAAGIH1Qf8R1BPUwAAAhQAAAcYAAAOdkDCfpZHU1VCAAAJLAAAACAAAAAgRHZMdU9TLzIAAAlMAAAATQAAAGBpEq8JY21hcAAACZwAAAJsAAADnndDD7FjdnQgAAAMCAAAADAAAAA8EhEB8WZwZ20AAAw4AAAGOgAADRZ2ZH12Z2FzcAAAEnQAAAAIAAAACAAAABBnbHlmAAASfAAAOMwAAG8kHd7Yl2hlYWQAAEtIAAAANgAAADYLc4gRaGhlYQAAS4AAAAAhAAAAJAeRBCBobXR4AABLpAAAAowAAATauY40J2xvY2EAAE4wAAACdAAAAnrU+7n2bWF4cAAAUKQAAAAgAAAAIAKUA1BuYW1lAABQxAAAAY4AAAN6MgiIWnBvc3QAAFJUAAADoQAABiGXFj2KcHJlcAAAVfgAAACBAAAAjRlQAhB3ZWJmAABWfAAAAAYAAAAG9nhYmAAAAAEAAAAA1FG1agAAAADTwZ2GAAAAANS+pvV42g2MQQqEQBDEEkf0MLPof7ypL/DofXfV/z/AIgRC0TQCLR6cdFRkjVso7HzTv1D4B7m4048DOlopNlv645SeXXLT51sXzSa+W3AF3AAAAHjajVcNbJbVFX7Oufe+X/sVainlR+gYIYQhaTogTJQgGkY60xRUxlw1aLbpnIMhjDHCNucKc2AWAps/XSULQ+10kgqsCnbWkYYwRtxCZBLDoDAGFapxMoQtBpV3z3veD/vWttM+6dPTc+9733vOee537gcBkMc41ELm1NQtQBE8PYhjOP4RKNziby6/DxVLvr58MSqXLF6ymLNBfzKazkjY8bk8hmMMJpjHYTzqXEs6Gi2zVSXagIgPyeAVfGKU+QIqPoKgJt5ADpiJ9fgQsYyCchucJyOlEyUYxJ2djTviZ+PD8TEM8BOfG3DkUL/eLlT2+v+t+JEBV3hzwJGjA4/E+wYYeTY+Hrcn+Jj/MH//kqDv2+PX4o3xRuZ1LDM9gdn6HKGoJhw+T3hMJQK+QESYTuRwLVGEGUQxczuTlVpJCFbjZ5y5jgjM+Hr6dxKCFwnBHwjFQcLjNcLjGBFwiojwBhHhDBHhLJHDOSKH94liVu9DrhYTeSmTMhRLuZSTK6SCPIqVzXPtyVTJeD4ziRDbd7pjtR0727G3HQfMIYpQQxTjRiKP+UQJluL7XCGJJLJIIoskYCMe4/xGohi/wibOfwK/5fxniBJsJ3LYQRTh90QOrUQRnidyeIEowi6iGG1EMXYTeXQQeewh8thL5PEnQvBnQiw7EY4TJfgnkeZFLS9qefGWl2B5CZYXb3nxlhcvI2QE83WlXElOchS4ajUzNIE1rmZtp7Km05mZGczIUizDd7Ec38MK1nI11uCneJBZWMfotzOi51nJF1nBg6zcMVbsDVbqLHfyvp2sMr63Ijlf+oCdw32ynHEPpr7aqbuN8X/6UauN8O+ZAUfeJC708+T5TzpPcWf8r/gf8SM9Jy970uIz8dZ460f/dWeft2eUJzjRhJgmFF8hHG4jPG4nAhYSERXxGOckahBTg5oaFC1EhG1EZJUWq7RYpcUqLVZXRRfhcJpw6CYcPiACLhGRDJEhrOtQGUoeJsPISUXFKioyWkZzfUUVriBKMIQYZEoXU7qa0l1B6V8iskr3Fk+UiSdnSncFpfdo3FtU3qLKWVSXlZ5qPFX3S8TAuk6i9aZZLUSYKNdZnDnTrzP9aiHmRMVaiDzRsmbizyraWRZyMlmu5duTT68aRjif9bqNcS1kJI2MpAmPM5on8CSeQjMjeoaRbONpbONuO7jLvdxdF2vQzZ1d4g6G8m0j+JbRXHGM6VlRah2lPP4J7XLMw/W0xOzr2Yk6ozHkk8z/Hlkr6+VhaZLN0ixbZYfskpdlj+yXA3JIjsgJOS1vy7vynlxSr3kt0+FaqeN0olbrNJ2hN2iN1ul8rdc79W5dpMt0pd6va/Qh3aCP6ibdok9ri7Zqm+7WvfqKvqqva6ee1G59Ry/oRQcXuUGu3I10Y9x4N8lNdle7mW62u9HNcwvc7e5r7h73HbfcrXIPuAfdz90vXKP7tXvS/c5tcy+4l1yH2+f+6v7mDrvjrsu95f7t/us+8OqLfKmv8KP8WD/BV/mp/ho/y8/xtf5mf6tf6L/h7/X3+RX+h77Br/Xr/cO+yW/2zX6r3+F3+Zf9Hr/fH/CH/BF/wp/2b/t3/Xv+UvAhH8rC8FAZxoWJoTpMCzPCDaEm1IX5oT7cGe4Oi8KysDLcH9aEh8KG8GjYFLaEp0NLaA1tYXfYG14Jr4bXQ2c4GbrDO+FCuBghiqJBPB2rdDu5wXi2ca1xU8JYZ9xqnjXGjRm+xXiK8SxjW411Suz6zGqTlJ+pcpVxtfHchLHaeKe2kxvMf10P45TxxcxTzcZVxqXGt7hF5BbjVf2znsvEWGv+Pow7jNuN1/Ww3JXGbvYS4/3GjX05zcAAO6k3nqQdn8T6y1656uiP8VXjncare5h5+zT8f1Zmbnt4VWbPvexMTRvMf5X5s/Zsy+FvzL4rk/n0Lb1sG03rm/U3mT03tW1Oqpm0OmnUqT4LdsGfzGk1e6dbeVm9BY11mn00sQs1TXOSajvNTNbfmLEPmd1gNTpqOj/Vo0BqtePyiUBf/xSzL6a2zUlVnfWnJ2hWRjPVmcyn9g6zF2WqYHnTSvM3mz9VWlXGTrNamsl8X/u82T+y6G4y++9mZ1eujbclK8fPfaxS2TfOLZzujk/BvWcqPmv3UvDeNZFZSW6nnl27il0wuWFHmMKbWA7TcA17WNK5S9m3r2NPTzr3ELujllvnHsrvVbXsQ3XEMNzEPjecne5WfvepJyqtl3+GXe8Odq2lvLuNtdvbdHb0zVxvCzvfXOt9X2b3a2eH/CMO4Fu80Z3FD+xW2YTzEvA4O/FotFhPbeN+Ra6w72YRJF5hKmzAPeS17HYlGMl3jWdEk3E1dz2bu5yHBRw9aNrtMj5tbGcGRzJ81PjHxs8Zn7CsjTO7BF/ke+7FtyUnRVIseSmRwVLad0f/A3IFobcAAQAAAAoAHAAeAAFERkxUAAgABAAAAAD//wAAAAAAAHjaY2Bm8mWKYGBlYGHqAtIMDN4QmjGOQYTRDMhnYGeAAyQmA0Ood7gfgwODguofZun/xgwMzOcYDRUYGCaD5JhYmdYDKQUGJgC8iQorAAAAeNq1k1lQjlEcxn//t30RKhT19vZp00aiFEX2pci+lKzZsq/ZGusQQ0VSyJ4koxkTU1O2G+64NWOMvs+VW+4MHcdXTDPMuHJm3nPec86c55x5nt8fcKHrC0F0j1TqmTjnrlKsxyWMw42BlHCLOu7SSBPNtNAmHhIggyRMBkucJEmqpEumTJUcyZNCKZISI9V4Zbx3iTKPm63mE/OL5W4FWsFWqGWzoqxhVrp13+Yf+U0pfYfFjR7aj2njmfhKfzHFJrGSKCmSJhmSJdmSKwWyQTZr7ZfGW619yGwx283PlmEFWEFWiFN7qJX2S1t9VC/Uc/VUtatW9Ug1q4eqSTWqBlWv6tQ1VatqVLWqUpWqQpWpM6pUneh805nVmfT9k6PcUeDId8TYB9r97D52L7ub3ej42vG54/CHkHfJXV79p+ZueDuT4I9bBKP7z/iHRtdJF1x1du544IkX3vjgSy/86E0f+uJPAIH0oz8DCCJYZzxIpx6KSZhOJBwbg4kgkiiiiWEIscQRTwKJDGUYSQwnmRGMJIVURpFGOqMZQwaZjNXMZDGeCUxkEpOZwlSmMZ0ZZJPDTGaRy2zmMJd5zGcBC1nEYk1aHvkspYBlLGeFfv8OdrKbYg5xnNOUU0YF5zlHJVVUc5EaLnGFy9Rylevc1BT9ZPQ2DZqle5qmn20Vq7Ud0WzgbLc361mj+12c+O1W4V8cvEA9m1nZY2UtmyRGj1vYzjHsOCRc8xkpUboCIrijdx6gaZYE
  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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3Byb2plY3RzL3VpL3NyYy9jbHItdWkuc2NzcyIsIi4uLy4uL3Byb2plY3RzL2FuZ3VsYXIvc3JjL3V0aWxzL19ub3JtYWxpemUuc2NzcyIsImNsci11aS5jc3MiLCIuLi8uLi9wcm9qZWN0cy9hbmd1bGFyL3NyYy91dGlscy92YXJpYWJsZXMvX3ZhcmlhYmxlcy5jb2xvci5zY3NzIiwiLi4vLi4vcHJvamVjdHMvYW5ndWxhci9zcmMvdXRpbHMvdmFyaWFibGVzL192YXJpYWJsZXMuZ2xvYmFsLnNjc3MiLCIuLi8uLi9wcm9qZWN0cy9hbmd1bGFyL3NyYy91dGlscy92YXJpYWJsZXMvX3ZhcmlhYmxlcy5sYXlvdXQuc2NzcyIsIi4uLy4uL3Byb2plY3RzL2FuZ3VsYXIvc3JjL3V0aWxzL3ZhcmlhYmxlcy9fdmFyaWFibGVzLnR5cG9ncmFwaHkuc2NzcyIsIi4uLy4uL3Byb2plY3RzL2FuZ3VsYXIvc3JjL3V0aWxzL3ZhcmlhYmxlcy9fdmFyaWFibGVzLnNjc3MiLCIuLi8uLi9wcm9qZWN0cy9hbmd1bGFyL3NyYy91dGlscy9fbWl4aW5zLnNjc3MiLCIuLi8uLi9wcm9qZWN0cy9hbmd1bGFyL3NyYy91dGlscy92YXJpYWJsZXMvX3Byb3BlcnRpZXMuY29sb3Iuc2NzcyIsIi4uLy4uL3Byb2plY3RzL2FuZ3VsYXIvc3JjL3V0aWxzL3ZhcmlhYmxlcy9fcHJvcGVydGllcy5nbG9iYWwuc2NzcyIsIi4uLy4uL3Byb2plY3RzL2FuZ3VsYXIvc3JjL3V0aWxzL3ZhcmlhYmxlcy9fcHJvcGVydGllcy50eXBvZ3JhcGh5LnNjc3MiLCIuLi8uLi9wcm9qZWN0cy9hbmd1bGFyL3NyYy91dGlscy92YXJpYWJsZXMvX3Byb3BlcnRpZXMuc2NzcyIsIi4uLy4uL3Byb2plY3RzL2FuZ3VsYXIvc3JjL2xheW91dC9ncmlkL21peGlucy9fYnJlYWtwb2ludC5zY3NzIiwiLi4vLi4vcHJvamVjdHMvYW5ndWxhci9zcmMvbGF5b3V0L2dyaWQvbWl4aW5zL19ncmlkLnNjc3MiLCIuLi8uLi9wcm9qZWN0cy9hbmd1bGFyL3NyYy9sYXlvdXQvZ3JpZC9taXhpbnMvX2dyaWQtZnJhbWV3b3JrLnNjc3MiLCIuLi8uLi9wcm9qZWN0cy9hbmd1bGFyL3NyYy9sYXlvdXQvZ3JpZC91dGlsaXRpZXMvX2FsaWduLnNjc3MiLCIuLi8uLi9wcm9qZWN0cy9hbmd1bGFyL3NyYy9sYXlvdXQvZ3JpZC91dGlsaXRpZXMvX2NsZWFyZml4LnNjc3MiLCIuLi8uLi9wcm9qZWN0cy9hbmd1bGFyL3NyYy9sYXlvdXQvZ3JpZC91dGlsaXRpZXMvX2Rpc3BsYXkuc2NzcyIsIi4uLy4uL3Byb2plY3RzL2FuZ3VsYXIvc3JjL2xheW91dC9ncmlkL3V0aWxpdGllcy9fZmxleC5zY3NzIiwiLi4vLi4vcHJvamVjdHMvYW5ndWxhci9zcmMvbGF5b3V0L2dyaWQvdXRpbGl0aWVzL19mbG9hdC5zY3NzIiwiLi4vLi4vcHJvamVjdHMvYW5ndWxhci9zcmMvbGF5b3V0L2dyaWQvdXRpbGl0aWVzL192aXNpYmlsaXR5LnNjc3MiLCIuLi8uLi9wcm9qZWN0cy9hbmd1bGFyL3NyYy9sYXlvdXQvZ3JpZC9ncmlkL19ncmlkLnNjc3MiLCIuLi8uLi9wcm9qZWN0cy9hbmd1bGFyL3NyYy9sYXlvdXQvZ3JpZC9fZ3JpZC5zY3NzIiwiLi4vLi4vcHJvamVjdHMvYW5ndWxhci9zcmMvdHlwb2dyYXBoeS9fY29kZS5zY3NzIiwiLi4vLi4vcHJvamVjdHMvYW5ndWxhci9zcmMvdHlwb2dyYXBoeS9fbGlzdHMuc2NzcyIsIi4uLy4uL3Byb2plY3RzL2FuZ3VsYXIvc3JjL3R5cG9ncmFwaHkvX3R5cG9ncmFwaHkuc2NzcyIsIi4uLy4uL3Byb2plY3RzL2FuZ3VsYXIvc3JjL2VtcGhhc2lzL2FsZXJ0L192YXJpYWJsZXMuYWxlcnQuc2NzcyIsIi4uLy4uL3Byb2plY3RzL2FuZ3VsYXIvc3JjL2VtcGhhc2lzL192YXJpYWJsZXMubGFiZWwuc2NzcyIsIi4uLy4uL3Byb2plY3RzL2FuZ3VsYXIvc3JjL2VtcGhhc2lzL192YXJpYWJsZXMuYmFkZ2VzLnNjc3MiLCIuLi8uLi9wcm9qZWN0cy9hbmd1bGFyL3NyYy9idXR0b24vX3ZhcmlhYmxlcy5idXR0b25zLnNjc3MiLCIuLi8uLi9wcm9qZWN0cy9hbmd1bGFyL3NyYy9sYXlvdXQvX3ZhcmlhYmxlcy5jYXJkLnNjc3MiLCIuLi8uLi9wcm9qZWN0cy9hbmd1bGFyL3NyYy9wb3BvdmVyL2Ryb3Bkb3duL192YXJpYWJsZXMuZHJvcGRvd24uc2NzcyIsIi4uLy4uL3Byb2plY3RzL2FuZ3VsYXIvc3JjL2RhdGEvX3ZhcmlhYmxlcy50YWJsZXMuc2NzcyIsIi4uLy4uL3Byb2plY3RzL2FuZ3VsYXIvc3JjL2RhdGEvZGF0YWdyaWQvX3ZhcmlhYmxlcy5kYXRhZ3JpZC5zY3NzIiwiLi4vLi4vcHJvamVjdHMvYW5ndWxhci9zcmMvZm9ybXMvc3R5bGVzL192YXJpYWJsZXMuZm9ybXMuc2NzcyIsIi4uLy4uL3Byb2plY3RzL2FuZ3VsYXIvc3JjL2J1dHRvbi9fdmFyaWFibGVzLnRvZ2dsZXMuc2NzcyIsIi4uLy4uL3Byb2plY3RzL2FuZ3VsYXIvc3JjL2Zvcm1zL2RhdGVwaWNrZXIvX3ZhcmlhYmxlcy5kYXRlcGlja2VyLnNjc3MiLCIuLi8uLi9wcm9qZWN0cy9hbmd1bGFyL3NyYy9mb3Jtcy9jb21ib2JveC9fdmFyaWFibGVzLmNvbWJvYm94LnNjc3MiLCIuLi8uLi9wcm9qZWN0cy9hbmd1bGFyL3NyYy9sYXlvdXQvbWFpbi1jb250YWluZXIvX3ZhcmlhYmxlcy5oZWFkZXIuc2NzcyIsIi4uLy4uL3Byb2plY3RzL2FuZ3VsYXIvc3JjL2xheW91dC9fdmFyaWFibGVzLmxvZ2luLnNjc3MiLCIuLi8uLi9wcm9qZWN0cy9hbmd1bGFyL3NyYy9tb2RhbC9fdmFyaWFibGVzLm1vZGFsLnNjc3MiLCIuLi8uLi9wcm9qZWN0cy9hbmd1bGFyL3NyYy93aXphcmQvX3ZhcmlhYmxlcy53aXphcmQuc2NzcyIsIi4uLy4uL3Byb2plY3RzL2FuZ3VsYXIvc3JjL2xheW91dC9uYXYvX3ZhcmlhYmxlcy5uYXYuc2NzcyIsIi4uLy4uL3Byb2plY3RzL2FuZ3VsYXIvc3JjL2xheW91dC9uYXYvX3ZhcmlhYmxlcy5yZXNwb25zaXZlLW5hdi5zY3NzIiwiLi4vLi4vcHJvamVjdHMvYW5ndWxhci9zcmMvbGF5b3V0L25hdi9fdmFyaWFibGVzLnN1Ym5hdi5zY3NzIiwiLi4vLi4vcHJvamVjdHMvYW5ndWxhci9zcmMvbGF5b3V0L3ZlcnRpY2FsLW5hdi9fdmFyaWFibGVzLnZlcnRpY2FsLW5hdi5zY3NzIiwiLi4vLi4vcHJvamVjdHMvYW5ndWxhci9zcmMvcHJvZ3Jlc3MvcHJvZ3Jlc3MtYmFycy9fdmFyaWFibGVzLnByb2dyZXNzLWJhcnMuc2NzcyIsIi4uLy4uL3Byb2plY3RzL2FuZ3VsYXIvc3JjL3BvcG92ZXIvc