.btn {
    display: inline-block;
    height: 30px;
    font-weight: 400;
    text-align: center;
    margin: 0;
    white-space: nowrap;
    vertical-align: middle;
    border: 1px solid transparent;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .1875rem;
    user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    /*background-color: var(--witbe-btn-background-color);*/
    transition:
        color .15s ease-in-out,
        background-color .15s ease-in-out,
        border-color .15s ease-in-out,
        box-shadow .15s ease-in-out;
}
.btn:hover {
    text-decoration: none;
}
.btn:focus {
    outline: 0;
    box-shadow: 0;
}
.btn:not(:disabled) {
    cursor: pointer;
}
.btn:not(:disabled):active {
    background-image: none;
    /*background-color: var(--color-darkblue);*/
}
a.btn:disabled,
fieldset:disabled a.btn {
    pointer-events: none;
}

/* .......................................................................... */
.btn-primary:focus {
    box-shadow: 0;
}
.btn-primary:not(:disabled):active {
    color: #fff;
    background-color: var(--color-darkblue);
}
.btn-primary:not(:disabled):active:hover {
    background-color: #3270a1;
}
.btn-primary:not(:disabled):active:focus {
    box-shadow: 0;
}

/* .......................................................................... */
.btn-secondary {
    color: #fff;
}
.btn-secondary:not(:disabled) {
    border: 1px solid transparent;
    background-color: var(--color-darkblue);
}
.btn-secondary:disabled {
    border: 0;
    color: #999;
}
.btn-secondary:hover {
    color: #fff;
    background-color: #2c638d;
}
.btn-secondary:focus {
    box-shadow: 0;
}
.btn-secondary:not(:disabled):active {
    color: #fff;
    background-color: var(--color-darkblue);
}
.btn-secondary:not(:disabled):active:hover {
    background-color: #3270a1;
}
.btn-secondary:not(:disabled):active:focus {
    box-shadow: 0;
}

/* .......................................................................... */
.btn-success {
    color: #fff;
    background-color: #45b25f;
    border: 1px solid transparent;
}
.btn-success:hover {
    color: #fff;
    background-color: #54bd6d;
}
.btn-success:focus {
    box-shadow: 0;
}
.btn-success:disabled {
    color: var(--witbe-input-disabled-color);
    border: 0;
    background-color: #dfe5ea;
}
.btn-success:not(:disabled):active {
    color: #fff;
    background-color: var(--color-darkblue);
}
.btn-success:not(:disabled):active:hover {
    background-color: #3270a1;
}
.btn-success:not(:disabled):active:focus {
    box-shadow: 0;
}

/* .......................................................................... */
.btn-info {
    color: #fff;
    background-color: #009ee3;
    border: 1px solid transparent;
}
.btn-info:hover {
    color: #fff;
    background-color: #00b0fd;
}
.btn-info:focus {
    box-shadow: 0;
}
.btn-info:disabled {
    color: var(--witbe-input-disabled-color);
    border: 0;
    background-color: #dfe5ea;
}
.btn-info:not(:disabled):active {
    color: #fff;
    background-color: var(--color-darkblue);
}
.btn-info:not(:disabled):active:hover {
    background-color: #3270a1;
}
.btn-info:not(:disabled):active:focus {
    box-shadow: 0;
}

/* .......................................................................... */
.btn-warning {
    color: #333;
    background-color: #fcb316;
    border: 1px solid transparent;
}
.btn-warning:hover {
    color: #333;
    background-color: #fcbb2f;
}
.btn-warning:focus {
    box-shadow: 0;
}
.btn-warning:disabled {
    color: var(--witbe-input-disabled-color);
    background-color: #dfe5ea;
    border: 0;
}
.btn-warning:not(:disabled):active {
    color: #fff;
    background-color: var(--color-darkblue);
}
.btn-warning:not(:disabled):active:hover {
    background-color: #3270a1;
}
.btn-warning:not(:disabled):active:focus {
    box-shadow: 0;
}

/* .......................................................................... */
.btn-danger {
    color: #fff;
}
.btn-danger:not(:disabled) {
    border: 1px solid transparent;
    background-color: #df5a49;
}
.btn-danger:disabled {
    border: 0;
    color: var(--witbe-input-disabled-color);
}
.btn-danger:active:not(:disabled),
.btn-danger:hover:not(:disabled) {
    color: #fff;
    background-color: #e36e5f !important;
}
.btn-danger:focus {
    box-shadow: 0;
}
.btn-danger:not(:disabled):active {
    color: #fff;
    background-color: var(--color-darkblue);
}
.btn-danger:not(:disabled):active:hover {
    background-color: #3270a1;
}
.btn-danger:not(:disabled):active:focus {
    box-shadow: 0;
}

/* .......................................................................... */
.btn-link {
    color: #009ee3;
    font-weight: 400;
    border: 1px solid transparent;
    background-color: transparent;
}
.btn-link:hover {
    color: #64d0ff;
    text-decoration: underline;
    background-color: transparent;
    border-color: transparent;
}
.btn-link:focus {
    text-decoration: underline;
    border-color: transparent;
    box-shadow: 0;
}
.btn-link:disabled {
    color: var(--witbe-input-disabled-color);
    border: 0;
    background-color: #dfe5ea;
}
.btn-link:not(:disabled):active {
    color: #fff;
    background-color: var(--color-darkblue);
}
.btn-link:not(:disabled):active:hover {
    background-color: #3270a1;
}
.btn-link:not(:disabled):active:focus {
    box-shadow: 0;
}

/* .......................................................................... */
.btn-outline-primary {
    color: #bbb;
    border-color: #bbb;
    background-color: transparent;
    background-image: none;
}
.btn-outline-primary:hover {
    color: #fff;
    background-color: #e5e5e5;
    border-color: #e5e5e5;
}
.btn-outline-primary:focus {
    box-shadow: 0;
}
.btn-outline-primary:disabled {
    color: var(--witbe-input-disabled-color);
    background-color: transparent;
    border-color: #999;
}
.btn-outline-primary:not(:disabled):active {
    color: #333;
    background-color: white;
    border-color: white;
}

/* .......................................................................... */
.btn-outline-secondary {
    color: var(--color-darkblue);
    border-color: var(--color-darkblue);
    background-color: transparent;
    background-image: none;
}
.btn-outline-secondary:hover {
    color: #fff;
    background-color: var(--color-darkblue);
    border-color: var(--color-darkblue);
}
.btn-outline-secondary:focus {
    box-shadow: 0;
}
.btn-outline-secondary:disabled {
    color: var(--witbe-input-disabled-color);
    background-color: transparent;
    border-color: #999;
}
.btn-outline-secondary:not(:disabled):active {
    color: #fff;
    background-color: #3270a1;
    border-color: #3270a1;
}

/* .......................................................................... */
.btn-outline-success {
    color: #45b25f;
    border-color: #45b25f;
    background-color: transparent;
    background-image: none;
}
.btn-outline-success:hover {
    color: #fff;
    background-color: #45b25f;
    border-color: #45b25f;
}
.btn-outline-success:focus {
    box-shadow: 0;
}
.btn-outline-success:disabled {
    color: var(--witbe-input-disabled-color);
    background-color: transparent;
    border-color: #999;
}
.btn-outline-success:not(:disabled):active {
    color: #fff;
    background-color: #66c47d;
    border-color: #66c47d;
}

/* .......................................................................... */
.btn-outline-info {
    color: #009ee3;
    border-color: #009ee3;
    background-color: transparent;
    background-image: none;
}
.btn-outline-info:hover {
    color: #fff;
    background-color: #009ee3;
    border-color: #009ee3;
}
.btn-outline-info:focus {
    box-shadow: 0;
}

.btn-outline-info:disabled {
    color: var(--witbe-input-disabled-color);
    background-color: transparent;
    border-color: #999;
}
.btn-outline-info:not(:disabled):active {
    color: #fff;
    background-color: #17b8ff;
    border-color: #17b8ff;
}

/* .......................................................................... */
.btn-outline-warning {
    color: #fcb316;
    border-color: #fcb316;
    background-color: transparent;
    background-image: none;
}
.btn-outline-warning:hover {
    color: #fff;
    background-color: #fcb316;
    border-color: #fcb316;
}
.btn-outline-warning:focus {
    box-shadow: 0;
}
.btn-outline-warning:disabled {
    color: var(--witbe-input-disabled-color);
    background-color: transparent;
    border-color: #999;
}
.btn-outline-warning:not(:disabled):active {
    color: #333;
    background-color: #fdc348;
    border-color: #fdc348;
}

/* .......................................................................... */
.btn-outline-danger {
    color: #df5a49;
    border-color: #df5a49;
    background-color: transparent;
    background-image: none;
}
.btn-outline-danger:hover {
    color: #fff;
    background-color: #df5a49;
    border-color: #df5a49;
}
.btn-outline-danger:focus {
    box-shadow: 0;
}
.btn-outline-danger:disabled {
    color: var(--witbe-input-disabled-color);
    background-color: transparent;
    border-color: #999;
}
.btn-outline-danger:not(:disabled):active {
    color: #fff;
    background-color: #e78174;
    border-color: #e78174;
}

/* .......................................................................... */
.btn-outline-light {
    color: #bbb;
    border-color: #bbb;
    background-color: transparent;
    background-image: none;
}
.btn-outline-light:hover {
    color: #fff;
    background-color: #f0f0f0;
    border-color: #f0f0f0;
}
.btn-outline-light:focus {
    box-shadow: 0;
}
.btn-outline-light:disabled {
    color: var(--witbe-input-disabled-color);
    background-color: transparent;
    border-color: #999;
}
.btn-outline-light:not(:disabled):active {
    color: #333;
    background-color: white;
    border-color: white;
}

/* .......................................................................... */
.btn-outline-dark {
    color: #333;
    border-color: #333;
    background-color: transparent;
    background-image: none;
}
.btn-outline-dark:hover {
    color: #fff;
    background-color: #333;
    border-color: #333;
}

.btn-outline-dark:focus {
    box-shadow: 0;
}

.btn-outline-dark:disabled {
    color: var(--witbe-input-disabled-color);
    background-color: transparent;
    border-color: #999;
}
.btn-outline-dark:not(:disabled):active {
    color: #fff;
    background-color: #4d4d4d;
    border-color: #4d4d4d;
}

/* .......................................................................... */
.btn-outline-link {
    color: var(--color-darkblue);
    border-color: var(--color-darkblue);
    background-color: transparent;
    background-image: none;
}
.btn-outline-link:hover {
    color: #fff;
    background-color: var(--color-darkblue);
    border-color: var(--color-darkblue);
}
.btn-outline-link:focus {
    box-shadow: 0;
}
.btn-outline-link:disabled {
    color: var(--witbe-input-disabled-color);
    background-color: transparent;
    border-color: #999;
}
.btn-outline-link:not(:disabled):active {
    color: #fff;
    background-color: #3270a1;
    border-color: #3270a1;
}

/* .......................................................................... */
.btn-sqr {
    color: #333;
    background-color: #f0f0f0;
    padding: 2px;
    border-radius: 0;
}
.btn-sqr:hover {
    color: #333;
    background-color: var(--witbe-input-disabled-background-color);
}
.btn-sqr:focus {
    box-shadow: 0;
}
.btn-sqr:disabled {
    color: var(--witbe-input-disabled-color);
    background-color: #dfe5ea;
    border: 0;
}
.btn-sqr:not(:disabled):active {
    color: #fff;
    background-color: var(--color-darkblue);
}
.btn-sqr:not(:disabled):active:hover {
    background-color: #3270a1;
}
.btn-sqr:not(:disabled):active:focus {
    box-shadow: 0;
}

/* .......................................................................... */
.btn-group {
    position: relative;
    display: inline-flex;
    vertical-align: middle;
}
.btn-group > .btn {
    position: relative;
    flex: 0 1 auto;
}
.btn-group > .btn:hover {
    z-index: 1;
}
.btn-group > .btn:focus,
.btn-group > .btn:active {
    z-index: 1;
}
.btn-group > .btn:first-child {
    margin-left: 0;
}
.btn-group > .btn-group:not(:last-child) > .btn {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) > .btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

/* .......................................................................... */
.btn-toolbar {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

:root {
    --font-all: 'Open Sans', sans-serif;
    --font-title: var(--font-all);
}

@font-face {
    font-family: 'Fira Sans';
    font-weight: bold;
    src: url(/rec/fonts/FiraSans-Bold.ttf) format('opentype');
}

/* FontAwesome */
/* .......................................................................... */
@font-face {
    font-display: block;
    font-family: 'fa6';
    font-style: normal;
    font-weight: 400;
    src: url(/rec/fonts/fa-regular-400.woff2) format('woff2');
}
@font-face {
    font-display: block;
    font-family: 'fa6-witbe';
    font-style: normal;
    font-weight: 400;
    src: url(/rec/fonts/fa-witbe-icons.woff2) format('woff2');
}
@font-face{
    font-display: block;
    font-family: 'fa6-brands';
    font-style: normal;
    font-weight: 400;
    src: url(/rec/fonts/fa-brands-400.woff2) format("woff2");
}

/* Open Sans */
/* .......................................................................... */
@font-face {
    font-family: 'Open Sans';
    font-weight: normal;
    src: url(/rec/fonts/open-sans-v34-latin-regular.woff2) format('woff2');
}
@font-face {
    font-family: 'Open Sans';
    font-weight: 600;
    src: url(/rec/fonts/open-sans-v34-latin-600.woff2) format('woff2');
}
@font-face {
    font-family: 'Open Sans';
    font-weight: 700;
    src: url(/rec/fonts/open-sans-v34-latin-700.woff2) format('woff2');
}
@font-face {
    font-family: 'Open Sans';
    font-weight: normal;
    font-style: italic;
    src: url(/rec/fonts/open-sans-v34-latin-italic.woff2) format('woff2');
}
@font-face {
    font-family: 'Open Sans';
    font-weight: 700;
    font-style: italic;
    src: url(/rec/fonts/open-sans-v34-latin-700italic.woff2) format('woff2');
}

/* Ubuntu Mono */
/* .......................................................................... */
@font-face {
    font-family: 'Ubuntu Mono';
    font-weight: normal;
    src: url(/rec/fonts/ubuntu-mono-v15-latin-regular.woff2) format('woff2');
}
@font-face {
    font-family: 'Ubuntu Mono';
    font-weight: 700;
    src: url(/rec/fonts/ubuntu-mono-v15-latin-700.woff2) format('woff2');
}
@font-face {
    font-family: 'Ubuntu Mono';
    font-weight: normal;
    font-style: italic;
    src: url(/rec/fonts/ubuntu-mono-v15-latin-italic.woff2) format('woff2');
}
@font-face {
    font-family: 'Ubuntu Mono';
    font-weight: 700;
    font-style: italic;
    src: url(/rec/fonts/ubuntu-mono-v15-latin-700italic.woff2) format('woff2');
}

body {
     /* TODO to move to DS */

    --witbe-list-gap: 6px;
    --witbe-container-gap: 28px;
    --witbe-subcontainer-gap: 10px;
    --witbe-element-gap: 5px;
    --witbe-margin: 10px;
    --witbe-padding: 10px;
    --witbe-input-height: 36px;
    --witbe-transition-time: .2s;

    --witbe-border-radius-container: 3px;
    --witbe-border-radius-input: 3px;
    --witbe-border-radius-button: 3px;

    /* TODO - We might also need to think of a smarter naming, possibly generic (ex: --wds-spacing-XL?) */
    --witbe-gap-S: 6px;
    --witbe-gap-M: 10px;
    --witbe-gap-L: 16px;
    --witbe-gap-XL: 26px;

    --witbe-padding-S: 6px;
    --witbe-padding-M: 10px;
    --witbe-padding-L: 16px;
    --witbe-padding-XL: 26px;
    --witbe-padding-XXL: 42px;
}

/* .......................................................................... */
body,
*[data-theme='Light'] {
    --color-black: #333;
    --color-orange: #f1af2f;
    --color-red: #df5a49;
    --color-lightred: #fceeec;
    --color-blue: #269ee3;
    --color-darkblue: #26557a;
    --color-green: #2bad4a;

    --witbe-border-color: #e5e5e5;
    --witbe-elem-background-color-light: #e6e7e8;
    --witbe-elem-background-color-dark: #dfe5ea;
    --witbe-foreground-color: #fff;
    --witbe-background-color: #f3f5f8;
    --witbe-popover-header-background-color: var(--color-orange);
    --witbe-popover-body-background-color: #fff;

    --witbe-btn-background-color: #e6e7e8;
    --witbe-input-border: 1px solid #dfe5ea;
    --witbe-input-background-color: #fff;
    --witbe-input-disabled-color: #999;
    --witbe-input-disabled-background-color: #f2f3f4;
    --witbe-ctxMenu-shadow: 0 0 20px 0 rgba(0, 0, 0, .15);

    --witbe-warning-badge-background-color: var(--color-orange);
    --witbe-valid-badge-background-color: var(--color-green);
    --witbe-danger-badge-background-color: var(--color-red);
    --witbe-info-badge-background-color: var(--color-blue);

    --witbe-warning-status-background-color: #fef7e9;
    --witbe-valid-status-background-color: #ecf7ef;
    --witbe-danger-status-background-color: var(--color-lightred);
    --witbe-info-status-background-color: #bfe3f7;

    --witbe-warning-icon-color: var(--color-orange);
    --witbe-valid-icon-color: var(--color-green);
    --witbe-danger-icon-color: var(--color-red);
    --witbe-info-icon-color: var(--color-blue);
}
*[data-theme='Dark'] {
    --color-black: #333;
    --color-orange: #f1af2f;
    --color-red: #df5a49;
    --color-lightred: #fceeec;
    --color-blue: #269ee3;
    --color-darkblue: #316690;
    --color-green: #2bad4a;

    --witbe-border-color: var(--grey-700);
    --witbe-elem-background-color-light: var(--grey-600);
    --witbe-elem-background-color-dark: var(--grey-700);
    --witbe-foreground-color: var(--dark-grey-800);
    --witbe-background-color: var(--dark-grey-900);
    --witbe-popover-header-background-color: var(--color-orange);
    --witbe-popover-body-background-color: #fff;

    --witbe-btn-background-color: var(--grey-600);
    --witbe-input-border: 0;
    --witbe-input-background-color: var(--grey-700);
    --witbe-input-disabled-color: #999;
    --witbe-input-disabled-background-color: var(--grey-600);
    --witbe-ctxMenu-shadow: 0 0 20px 0 rgba(0, 0, 0, .5);

    --witbe-warning-badge-background-color: var(--color-orange);
    --witbe-valid-badge-background-color: var(--color-green);
    --witbe-danger-badge-background-color: var(--color-red);
    --witbe-info-badge-background-color: var(--color-blue);

    --witbe-warning-status-background-color: var(--grey-700);
    --witbe-valid-status-background-color: var(--grey-700);
    --witbe-danger-status-background-color: var(--grey-700);
    --witbe-info-status-background-color: var(--grey-700);

    --witbe-warning-icon-color: var(--color-orange);
    --witbe-valid-icon-color: var(--color-green);
    --witbe-danger-icon-color: var(--color-red);
    --witbe-info-icon-color: var(--color-blue);
}

/* .......................................................................... */
:focus {
    outline-color: var(--color-darkblue);
}

::selection {
    color: #fff;
    background-color: var(--color-darkblue);
}

body {
    overflow: hidden; /* Remove body default scroll on Safari */
    background-color: var(--witbe-background-color);
    --GridButtons-gap: 10px;
    --GridButtons-item-gap: 2px;
    --GridButtons-item-bg: var(--witbe-elem-background-color-dark);
    --GridButtons-item-color: currentColor;
    --GridButtons-itemSelected-bg: var(--color-darkblue);
    --BraceTextarea-popupItemSelected-bg: var(--color-darkblue);
}
#root {
    display: flex;
    padding: var(--witbe-padding);
    height: 100%;
    overflow: auto;
}
#app-content {
    display: flex;
    flex: 1;
    flex-direction: column;
    overflow: auto;
}
#root.no-padding,
#root.no-padding #app-content {
    padding: 0;
}

.fade {
    opacity: 0;
    transition: opacity .15s linear;
}
.fade.show {
    opacity: 1;
}

.flex-row {
    flex-direction: row;
}
.flex-column {
    flex-direction: column;
}

.loader-full {
    font-size: 50px;
    color: var(--color-darkblue);
}

select.form-control:not([size]):not([multiple]) {
    height: 36px;
}

.label,
label {
    font-size: .875rem;
    margin: 0;
}

pre {
    margin: initial;
}

button:not([class*="wds-"]) > :not(:last-child) {
    margin-right: var(--witbe-margin);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--font-title);
    margin: 0;
}

.txt-placeholder {
    font-style: italic;
    opacity: .6;
}

[loader-color="#2196f3"] svg {
    fill: var(--witbe-foreground-color);
}

template,
[hidden],
.hidden {
    display: none !important;
}

.collapse {
    display: none;
}
.collapse.show {
    display: block;
}
tr.collapse.show {
    display: table-row;
}
tbody.collapse.show {
    display: table-row-group;
}
.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height 0.35s ease;
}

.no-select {
    user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
}

.btn-sqr-lg {
    min-width: 36px;
    min-height: 36px;
    max-width: 36px;
    max-height: 36px;
    padding: 0;
    border: 0;
    justify-content: center;
}
.btn-sqr-lg:not(:disabled):not(.disabled):focus {
    color: #fff;
    background-color: var(--color-darkblue);
}

.btn-sqr-lg > .svg-inline--fa {
    display: block;
}

.SplitPane {
    height: auto !important;
}
.Pane {
    height: auto !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
}

/* ================================================
   ======= Components classes declarations ========
   ================================================ */

/* Component: LightJson */
.text-left {
    margin-bottom: calc(var(--witbe-margin * 6));
}
.text-left:not(header) {
    margin: 0 var(--witbe-margin);
}
.text-left:last-child,
.text-left:first-child {
    margin-bottom: 0;
}
.text-muted {
    color: #999 !important;
}

/* Code fieldInput */
.ace_content {
    background-color: var(--witbe-elem-background-color-light);
}

/* Component: Alert */
.alert {
    display: grid;
    margin: var(--witbe-margin);
    grid-gap: var(--witbe-element-gap);
    grid-template-columns: repeat(3, auto) 1fr;
    align-items: center;
}

/* Component: Stepper */
.stepper {
    font-size: .9em;
}

#authLost {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    width: 100%;
    height: 100%;
    color: white;
    background-color: rgba(0, 0, 0, .6);
    z-index: 1000000000;
    user-select: none;
    font-weight: bold;
}

#initFailed {
    flex: 1;
    width: 100%;
    border-radius: var(--witbe-border-radius-container);
    background-color: var(--witbe-foreground-color);
}

#initFailed-title {
    font-size: 4rem;
    text-align: center;
    font-weight: 1000;
}
#initFailed-subTitle {
    font-size: 2rem;
    text-align: center;
}
#initFailed-desc {
    font-size: 1rem;
    text-align: center;
    margin-top: 2rem;
}
#initFailed-logo {
    margin-bottom: 1rem;
    padding-left: 32px;
    height: 130px;
    width: auto;
    filter: contrast(.7);
}

#header-small {
    width: 100%;
    background-color: var(--color-darkblue);
    line-height: 2em;
    font-size: 1.2rem;
    font-weight: bold;
    text-align: center;
    color: white;
    border-radius: var(--witbe-border-radius-container);
    margin-bottom: 6px;
    cursor: pointer;
}

#header {
    display: grid;
    grid-template-columns: auto auto 1fr;
    width: 100%;
    text-align: center;
    border-radius: var(--witbe-border-radius-container);
    overflow: hidden;
    margin-bottom: 6px;
}
.header-section {
    padding: 0 1em;
    color: white;
    text-transform: uppercase;
    line-height: 2em;
    font-size: 1.2rem;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#header-resource-manager {
    background-color: #8cabbe;
    cursor: pointer;
}
#header-resource-name {
    background-color: #4d809d;
}
#header-resource-item {
    background-color: var(--color-darkblue);
}

#app-loader {
    margin: auto;
}

#json-format {
    display: flex;
    width: fit-content;
    align-items: center;
}
#json-format-wrapper {
    margin-bottom: 1rem;
    grid-gap: .5rem;
}
#json-format-label {
    margin-left: .5rem;
}

/* to emulate gap property on workbench */
#root.embedded .wds-breadcrumb > * + *,
#root.embedded .wds-gridSelector > * + *,
#root.embedded .wds-checkboxGroup > * + *,
#root.embedded .wds-completeProgressBar > * + *,
#root.embedded .wds-buttonGroup-separate > * + *,
#root.embedded .wds-button[data-size='medium'] > * + * {
    margin-left: 10px;
}
#root.embedded .wds-buttonGroup-separate.wds-buttonGroup-vertical > * + * {
    margin-top: 10px;
}
#root.embedded .wds-button[data-size='small'] > * + * {
    margin-left: 6px;
}
#root.embedded .wds-button[data-size='large'] > * + * {
    margin-left: 16px;
}
#root.embedded .wds-link > * + * {
    margin-left: .7ch;
}
#root.embedded .wds-nav > * + * {
    margin-top: 20px;
}
#root.embedded .wds-modal .wds-modal-actions .wds-button  {
    margin-top: 10px;
}
#root.embedded .wds-modal .wds-modal-wrapper {
    max-width: inherit;
}

#root.embedded .wds-stepperContent-btns{
    justify-content: flex-end;
}

[data-theme='Light'] {
    --homeRec-tooltip-icon: var(--cyan-500);
    --homeRec-title-color: var(--text-light-grey-900-87);
    --homeRec-subTitle-color: var(--text-light-grey-900-60);

    /* TOREMOVE when fix DS */
    --homeRec-search-backgroundColor: var(--white);

    --homeRec-tabs-text-color: var(--wds-default-textColor);

    --homeRec-filter-active-background: var(--text-light-white-15);
    --homeRec-filter-active-border: var(--text-light-grey-900-15);
    --homeRec-filter-color: var(--text-light-grey-900-60);
}
[data-theme='Dark'] {
    --homeRec-tooltip-icon: var(--dark-cyan-200);
    --homeRec-title-color: var(--text-light-white-87);
    --homeRec-subTitle-color: var(--text-light-white-60);

    /* TOREMOVE when fix DS */
    --homeRec-search-backgroundColor: none;

    --homeRec-tabs-text-color: white;

    --homeRec-filter-active-background: var(--text-light-white-15);
    --homeRec-filter-active-border: var(--text-light-white-15);
    --homeRec-filter-color: var(--text-dark-white-60);
}

#home-resource-header {
    box-sizing: border-box;
    padding: .4rem;
}

#home-resource-list {
    display: grid;
    overflow: auto;
    padding: 0 .5rem;
    grid-gap: .5rem;
}

.home-resource {
    display: flex;
    width: 100%;
    background-color: #f1f1f1;
    min-height: 65px;
    color: inherit;
    text-decoration: none;
    border-radius: 6px;
    border: 1px solid transparent;
    transition: border-color .2s, background-color .2s, color .2s;
    font-size: 1.1rem;
    overflow: hidden;
}
.home-resource:hover:not(:focus) {
    border-color: #ddd;
    background-color: white;
}
.home-resource:focus {
    background-color: var(--color-darkblue);
    color: white;
    outline: 0;
}
.home-resource:last-child:not(:first-child) {
    margin-bottom: .5rem;
}

.home-resource-text {
    margin-left: .8rem;
    justify-content: center;
    overflow: hidden;
}
.home-resource-title {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.home-resource-desc {
    margin: 0;
    opacity: .7;
    font-size: .85em;
    margin-top: 2px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 1.4em;
}

.home-resource-picture {
    font-size: 2rem;
    align-self: center;
    margin-left: .5rem;
    color: var(--color-darkblue);
}
.home-resource:focus .home-resource-picture {
    color: white;
}

.home-resource-image {
    align-self: center;
    margin-left: .5rem;
    font-size: 2rem;
    min-width: 1em;
    min-height: 1em;
    max-width: 1em;
    max-height: 1em;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.home-resource:focus .home-resource-image {
    filter: brightness(10);
}

.home-resource-action {
    display: flex;
    margin-left: auto;
    background-color: var(--color-darkblue);
    color: white;
    font-size: 1.3rem;
    box-sizing: border-box;
    padding: .5rem;
    color: #FFF;
}

[data-theme='Light'] {
    --homeRec-subTitle-color: var(--text-light-grey-900-87)
}
[data-theme='Dark'] {
    --homeRec-subTitle-color: var(--text-dark-white-87);
}

#homeREC {
    --gap: 10rem;
    --rad: 10px;
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%;
    background-color: var(--witbe-background-color);
    display: flex;
    justify-content: center;
}

.homeREC-noresults {
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    color: var(--homeRec-title-color);
    margin-top: 68px;
}

.home-header-divider,
.home-clusteronthefly-wrapper {
    flex: none !important;
}

.home-clusteronthefly-button {
    max-width: 170px;
}

.homeRec-subContainer {
    max-width: 1350px;
    width: 100%;
    height: fit-content;
    margin: 1% 5% 0% 5%;
}
.homeRec-subContainer p {
    margin:0;
    padding: 0;
}

.wds-headerProduct-subHeader:has(.home-select-cluster)
{
    gap: 16px !important;
}

.homeRec-subContainer > .homeREC-unverified-devices,
.homeRec-subContainer > .homeREC-unverified-devices > .wds-banner-content {
    width: 100%;
}

.homeREC-input-search div > input:focus {
    background-color: white;
}

.homeREC-sort-container {
    display: flex;
    flex-direction: row;
    justify-content: end;
    align-items: flex-end;
    gap: 6px;
}

.homeREC-sort-container.mobile {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 26px;
}

.homeREC-groupBy-select {
    width: 150px;
}

.homeREC-sort-container.mobile .wds-select .wds-select-container .wds-button {
    height: 50px;
}
.homeREC-sort-container.mobile .wds-select .wds-select-container .wds-button-text {
    font-size: 14px;
}
.homeREC-sort-container.mobile .homeREC-groupBy-select {
    width: inherit;
}

.homeREC-groupBy-select + .homeREC-sort-select {
    margin-left: 10px;
}

.homeREC-groupBy-select .wds-input.wds-select-input {
    width: 100%;
}

/*Input delete button display none on the select*/
.homeREC-sort-select .wds-select-container .wds-inputSearch-button,
.homeREC-groupBy-select .wds-select-container .wds-inputSearch-button {
    display: none;
}

.homeREC-sort-select .wds-input.wds-select-input {
    width: 100%;
}


.homeREC-available-container,
.homeREC-card-container {
    margin-top: 16px;
    margin-bottom: 16px;
}

.homeREC-category-title {
    font-weight: 700;
    font-size: 28px;
    line-height: 38px;
    color: var(--homeRec-title-color);
}

.homeREC-category-title.homeREC-nocards {
    font-size: 18px;
    line-height: 25px;
}

.homeREC-card-title-wrapper {
    display: flex;
    flex-direction: row;
    align-items: baseline;
}

.homeREC-card-subtitle-container {
    display: flex;
    align-items: center;
    flex-direction: row;
    gap: 6px;
}

.homeREC-card-subtitle-container > .wds-tooltip {
    cursor: pointer;
}

.homeRec-grid-title-wrapper {
    display: flex;
    align-items: baseline;
}

.homeREC-available-container p {
    color:var(--homeRec-subTitle-color);
    font-size: 14px;
    margin-top: 6px;
    margin-bottom: 16px;
}

p.homeREC-noMatches{
    display:flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 110px;
}

.HeaderProduct-search-container{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: end;
    position: sticky;
    top:0;
    z-index: 100;
    gap: 6px;
}

.HeaderProduct-active-filters-wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 5px 6px 5px 16px;
    gap: 16px;
    background: var(--homeRec-filter-active-background);
    border: 2px solid var(--homeRec-filter-active-border);
    border-radius: 4px;
    color: var(--text-light-grey-900-60);
}

.HeaderProduct-active-filters-wrapper > .wds-icon,
.HeaderProduct-active-filters-wrapper span {
    color: var(--homeRec-filter-color);
}

.HeaderProduct-active-filters {
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.homeREC-loader-container {
    height: 100%;
    display: flex;
}

.homeREC-card-title {
    margin-bottom: 16px;
}

/* TOREMOVE when fix on DS side */
.wds-headerProduct-subHeader.isSticky {
    background-color: var(--witbe-background-color);
}

.wds-headerProduct-subHeader.isSticky .HeaderProduct-search-container .HeaderProduct-search{
    width:300px;
}

.HeaderProduct-search{
    width:300px;
}

.HeaderProduct-search p{
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    margin-bottom: 6px;
}

.homeRec-tabs .wds-tab {
    max-width: 168px;
}

.homeRec-tabs-container {
    max-width: 515px;
    flex: 1;
}
.homeRec-tabs {
    padding-bottom: 0px !important;
    width: 100%;
}

#homeRec-Tooltip-searchBar {
    margin: 0 0 6px 6px;
    cursor: pointer;
}

#homeRec-Tooltip-searchBar [data-icon="circle-info"],
.homeREC-card-subtitle-container .wds-tooltip [data-icon="circle-info"] {
    color: var(--homeRec-tooltip-icon);
}

.homeRec-grid-subtitle {
    margin-left: 6px !important;
    color: var(--homeRec-subTitle-color);
    line-height: 19px;
}

.HeaderProduct-input-search .wds-inputText{
    width: 300px;
}

.HeaderProduct-input-search-wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 6px;
}

.HeaderProduct-input-search-wrapper > .wds-input {
    flex: 1;
}

/* TOREMOVE when fix DS */
.HeaderProduct-input-search .wds-inputText > .wds-input:focus {
    background-color: var(--homeRec-search-backgroundColor);
}


#homeREC-card-items-wrapper > .GridLink > .LinkCard,
#homeREC-card-items-wrapper > .GridLink > .LinkCard > .LinkCard-body {
    width: 100%;
}

#homeREC-card-items-wrapper > .GridLink {
    grid-template-columns: repeat(4, 1fr);
}

@media screen and (max-width: 1450px) {
    #homeREC-card-items-wrapper > .GridLink {
        grid-template-columns: repeat(3, 1fr);
    }
}
@media screen and (max-width: 1350px) {
    .homeRec-subContainer{
        width: 90%;
        height: fit-content;
    }
}

@media screen and (max-width: 800px) {

    .HeaderProduct-search-container.isSticky .wds-select{
        flex-direction: column;
        align-items: flex-start;
    }

}

@media (max-width: 1190px) {
    .HeaderProduct-search-container {
        flex-direction: column;
        gap: 16px;
    }

    .HeaderProduct-search-container > div,
    .HeaderProduct-search-container .wds-inputText,
    .wds-headerProduct-subHeader.isSticky .HeaderProduct-search-container .HeaderProduct-search {
        width: 100%;
        max-width: inherit;
    }

    .homeRec-tabs .wds-tab {
        max-width: inherit;
    }

    .homeREC-sort-container .homeREC-groupBy-select {
        width: inherit;
    }

    .homeREC-sort-container > .homeREC-sortBy-container,
    .homeREC-sort-container > .homeREC-groupBy-container {
        flex: 1;
    }
}
@media (max-width: 1000px) {

    #homeREC-card-items-wrapper > .GridLink {
        grid-template-columns: repeat(2, 1fr);
    }

    .HeaderProduct-search-container > .homeREC-sort-container {
        justify-content: inherit;
    }

    .HeaderProduct-search-container > .homeREC-sort-container > .homeREC-groupBy-select,
    .HeaderProduct-search-container > .homeREC-sort-container > .homeREC-sort-select {
        width: inherit;
        flex: 1;
        white-space: nowrap;
    }

    .HeaderProduct-search-container > .homeREC-sort-container > .homeREC-groupBy-select .wds-select-option > span,
    .HeaderProduct-search-container > .homeREC-sort-container > .homeREC-sort-select .wds-select-option > span{
        overflow: hidden;
        text-overflow: ellipsis;
        padding-right: 10px;
    }

    .HeaderProduct-search-container .homeRec-tabs {
        padding-left: 0;
        padding-right: 0;
    }

    .wds-headerProduct-subHeader.isSticky .HeaderProduct-search .HeaderProduct-search-label,
    .wds-headerProduct-subHeader.isSticky .HeaderProduct-search #homeRec-Tooltip-searchBar {
        display: none;
    }
}


.homeREC-card-title.mobile .homeRec-grid-subtitle {
    margin-left: inherit;
}

.homeREC-card-title.mobile .homeRec-subContainer > .homeREC-unverified-devices {
    margin: 1% 5% 0% 5%;
    width: fit-content;
}

.homeREC-card-title.mobile .homeREC-card-title-wrapper {
    flex-direction: column;
}

.homeREC-card-title.mobile {
    display: flex;
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.homeREC-card-title.mobile .homeRec-grid-subtitle {
    margin-left: 0 !important;
}


.homeREC-card-modal-unverified {
    margin-left: 42px !important;
    margin-right: 42px !important;
}

@media screen and (max-width: 450px) {

    .homeRec-subContainer > .homeREC-unverified-devices {
        width: 90%;
        margin-right: 5%;
        margin-left: 5%;
    }

    .homeREC-category-title {
        font-size: 21px;
        line-height: 28px;
    }

    #homeRec-Tooltip-searchBar [data-icon="circle-info"],
    .homeREC-card-subtitle-container [data-icon="circle-info"] {
        color: inherit;
    }

    /* I don't why i have to do this, thanks Apple */
    .homeRec-tabs .wds-tab * {
        color: var(--homeRec-tabs-text-color) !important;
    }

    .homeRec-subContainer{
        width: 100%;
        margin: 0;
    }

    #homeREC-category {
        margin: 1% 5% 0% 5%;
    }

    .wds-headerProduct {
        margin-right: 5% !important;
        margin-left: 5% !important;
        margin-bottom: 10px;
    }

    .wds-headerProduct-subHeader{
        padding: 0 5% 10px 5% !important;
    }
}

@media screen and (max-width: 361px) {

    .homeREC-sort-container{
        display: flex;
        flex-direction: row;
        justify-content: end;  
    }

    .homeREC-sort-buttons{
        margin-top: 10px;
    }
}

@media screen and (max-width: 360px) {

    .HeaderProduct-search input{
        width:200px;
    }
}

@media screen and (max-width: 300px) {

    .HeaderProduct-search input{
        width:160px;
    }
}

[data-theme='Light'] {
    --settings-divider-color: var(--cyan-50); /*var(--dark-cyan-500);*/
    --settings-preview-background-color: #F3F5F8;
}

[data-theme='Dark'] {
    --settings-divider-color: #00438d;
    --settings-preview-background-color: var(--dark-grey-700);
}

#settings {
    --input-number-width: 100px;
}

#settings {
    position: relative;
    display: flex;
    flex-direction: column;
    flex: 1;
    gap: var(--witbe-gap-XL);
    margin: var(--witbe-padding-XL) var(--witbe-padding-XXL);
    padding: var(--witbe-padding-XL);
    border-radius: 10px;
    background-color: var(--witbe-foreground-color);
    box-shadow: 0 4px 4px rgba(156, 166, 201, .2);
}

#setting-title {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

#settings-autoUnlock-modalPreview {
    max-width: 466px;
    padding: var(--witbe-padding-XL);
    border-radius: 10px;
    background-color: var(--settings-preview-background-color);
}
#settings-autoUnlock-modalPreview-title {
    margin-bottom: var(--witbe-padding-L);
    font-size: 14px;
    opacity: .7;
}
#settings-autoUnlock-modalPreview-text {
    line-height: 22px;
}

#settings-autoUnlock-details {
    display: flex;
    gap: var(--witbe-gap-L);
    transition: opacity .2s;
}
#settings-autoUnlock-details.disabled {
    opacity: .5;
    user-select: none;
    pointer-events: none;
}
#settings-autoUnlock-inputsWrap {
    display: flex;
    gap: inherit;
    min-width: 240px;
}
#settings-autoUnlock-inputs {
    display: flex;
    gap: var(--witbe-gap-M);
    flex-direction: column;
}
.settings-autoUnlock-inputWrap {
    display: flex;
    flex-direction: column;
    margin-left: 24px;
}

.settings-autoUnlock-inputWrap .wds-indicator {
    margin-left: -24px;
    margin-right: 4px;
}

#settings-theme {
    width: 540px;
}

/* .......................................................................... */

.settings-back-button, .settings-back-button svg {
    padding-left: 0 !important;
    margin-right: 0 !important;
}

#Action {
    margin-top: 0;
}

#Action .collapsible-container svg {
    margin-right: 0;
}

#Action .collapsible-container,
#PersonalSettings .collapsible-container {
    padding-left: 0;
    padding-top: var(--witbe-padding-XL);
}

#Action .collapsible-title,
#PersonalSettings .collapsible-title {
    font-family: 'Open Sans';
    font-style: normal;
    font-size: 21px;
    line-height: 29px;
    font-weight: 700;
}

#Action .collapsible-title,
#PersonalSettings .collapsible-title {
    padding-bottom: 6px;
    border-bottom: 2px solid var(--settings-divider-color) !important;
}

.settings-flex-container {
    display: flex;
    flex-direction: column;
    gap: var(--witbe-gap-XL);
}

.settings-divider {
    border-bottom: 2px solid var(--settings-divider-color) !important;
    margin: 0 !important;
}

.settings-divider-vertical {
    border-left: 2px solid var(--settings-divider-color);
    border-bottom: none !important;
    height: 100%;
    width: 2px !important;
    margin: 0 !important;
}

#settings .wds-inputNumber {
    width: var(--input-number-width);
}

.settings-auto-release-modal-container {
    width: 339px;
    margin-left: 24px;
}

.settings-autoUnlock-inputWrap > div {
    display: flex;
    align-items: center;
    margin-top: 4px;
}

.settings-autoUnlock-inputWrap .settings-sublabel {
    margin-left: 1ch;
    opacity: .7;
}

/* NEED TO BE REMOVED AFTER FIX DS */
.wds-input-theme span,
.wds-input-theme svg {
    pointer-events: none;
}

.settings-maxDurationStreamRecord,
.settings-maxDurationStreamRecord-title {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.settings-maxDurationStreamRecord-title {
    gap: 6px;
}

.settings-maxDurationStreamRecord {
    gap: 6px;
}

.settings-maxDurationStreamRecord-input {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 6px;
}

/* .......................................................................... */
#settings-popup-confirmation {
    display: flex;
    gap: inherit;
    max-height: 0px;
    overflow: hidden;
    transition: max-height 0.35s ease-in-out;
}
#settings-popup-confirmation-wrap {
    display: flex;
    gap: var(--witbe-gap-L);
    padding: var(--witbe-padding-M) 0 var(--witbe-padding-S) 0;
}
#settings-popup-confirmation.opened {
    max-height: 933px;
}

#settings.mobile #settings-popup-confirmation.opened {
    max-height: 1123px;
}

#settings-popup-confirmation-options {
    display: flex;
    flex-direction: column;
    gap: var(--witbe-gap-L);
    padding: var(--witbe-padding-M) 0;
}
[data-theme='Light'] {
    --popup-confirmation-indicator-warning: var(--wds--orange-500);
    --popup-confirmation-indicator-info: var(--wds--green-500);
}
[data-theme='Dark'] {
    --popup-confirmation-indicator-warning: var(--wds--orange-300);
    --popup-confirmation-indicator-info: var(--wds--green-300);
}
#settings-popup-confirmation-indicator {
    display: flex;
    gap: 1ch;
}
#settings-popup-confirmation-indicator span {
    font-size: 14px;
}
#settings-popup-confirmation-indicator .wds-icon[data-type='warning'] {
    color: var(--popup-confirmation-indicator-warning);
}
#settings-popup-confirmation-indicator .wds-icon[data-type='info'] {
    color: var(--popup-confirmation-indicator-info);
}
#settings-popup-confirmation-buttons {
    display: flex;
    gap: var(--witbe-gap-M);
    padding: var(--witbe-padding-M) 0;
}

#settings.mobile #settings-popup-confirmation-buttons {
    flex-direction: column-reverse;
}

#settings.mobile #settings-popup-confirmation-buttons > .wds-button {
    width: 100%;
}

/* .......................................................................... */
@media screen and (max-width: 760px) {
    #settings-autoUnlock-details {
        flex-direction: column;
    }
    #settings-autoUnlock-inputsWrap {
        min-width: auto;
    }
    #settings-autoUnlock-modalPreview {
        max-width: auto;
    }
    #settings-theme {
        width: auto;
    }
}
@media screen and (max-width: 450px) {
    #settings {
        margin: 0;
        padding: var(--witbe-padding-M);
        border-radius: 0;
    }
}

/* .......................................................................... */

.setting-configuration-stream {
    margin-top: 68px;
}

.settings-refresh-interval-stream {
    max-width: 425px;
}

[data-theme='Light'] {
    --login-container-bg: #f1f2f3;
    --login-title-color: #00162f;

}
[data-theme='Dark'] {
    --login-container-bg: var(--dark-grey-700);
    --login-title-color: var(--dark-white-87);
    --login-overlay-bg-: var()
}

.login-container {
    position: absolute;
    left: 0;
    z-index: 3;
}

.login-bg{
    display:flex;
    flex-direction: column;
}

.wds-button.login-witbeId-button{
    margin-bottom: 45px;
    width:100%;
}

.witbe-logo-container {
    z-index: 3;
    position: absolute;
    bottom: 20px;
    left: 20px;
    font-size: 50px;
}
.witbe-logo-container .wds-link {
    color: #fff;
    font-size: 50px;
}

.login-modal{
    background: linear-gradient(to bottom left, #00438d, #00162f);
}

.login-container .wds-divider {
    margin: 26px;
}

.login-logo{
  margin-bottom: 30px;
}

.login-form{
    width:100%;
}

.login-form > div:not(.wds-inputPassword){
    margin: 16px 0;
}

.login-form .wds-input {
    width:100%;
}

/***********smartgate login****************/
.witbe-login-page {
    width: 100vw;
    height: 100vh;
    display: flex;
    z-index: 2;
    align-items: center;
    justify-content: center;
  }
  
  .witbe-bg-overlay {
    background: linear-gradient(to bottom left, #00438d, #00162f);
    width: 100vw;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
  }
  
  .witbe-login-inner-content {
    z-index: 2;
    position: relative;
    top: 25px;
    font-size: 13px;
  }

  .witbe-login-inner-content .hideable {
    color: white;
    text-align: center;
  }

  .witbe-login-inner-content h1 {
    color: var(--login-title-color);  
    margin-bottom:10px
  }
  
  .underlined-link {
    color: white;
    text-decoration: underline;
  }
  
  .underlined-link:hover {
    color: white;
    text-decoration: underline;
  }
  
  .underlined-link:visited {
    color: white;
  }
  
  .witbe-login-inner-box {
    background-color: var(--login-container-bg);
    border-radius: 10px;
    width: 370px;
    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    margin-bottom: 10px;
    padding-bottom: 4px;
    padding-left: 45px;
    padding-right: 45px;
  }
  
  .witbe-datalab-img {
    margin: 45px 45px 10px 45px;
  }
  
  .witbe-id-sign-in {
    padding: 8px;
    background: #286ceb;
    color: white;
    text-decoration: none !important;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    min-height: 40px;
    width: 100%;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  }
  
  .witbe-id-sign-in:hover {
    text-decoration: none;
    color: white;
    background: #005abc;
  }
  
  .witbe-id-sign-in:active {
    color: white;
    background: #00438d;
    box-shadow: 0 0 0 3px rgba(0, 90, 188, 0.3);
  }
  
  .witbe-id-sign-in img {
    position: absolute;
    left: 6px;
    height: 28px;
    width: 28px;
  }
  
  @media (max-width: 500px) {
    .witbe-login-inner-content {
      position: sticky;
      top: 0;
    }
  
    .witbe-bg-overlay {
      background:#f1f2f3;
    }
  
    .witbe-login-page {
      background: white;
    }
  
    .witbe-login-inner-box {
      border-radius: 0px;
      /* border: 1px solid black; */
      height: 100%;
      width: 100vw;
    }
  
    .hideable {
      display: none;
    }
  }
  
  .witbe-logo-container {
    z-index: 3;
    position: absolute;
    bottom: 20px;
    left: 20px;
  }
  
  .witbe-logo-container img {
    height: 50px;
    max-height: 50px;
  }
  

  @media (max-width: 500px) and (prefers-color-scheme: dark) {
    .witbe-bg-overlay {
        background:var(--dark-grey-700);
    }
   }

[data-theme='Light'] {
    --wizard-pairing-method-hint: var(--text-light-grey-900-60);
    --wizard-virtualControl-parameters-color: var(--text-light-grey-900-60);
}
[data-theme='Dark'] {
    --wizard-pairing-method-hint: var(--text-dark-white-60);
    --wizard-virtualControl-parameters-color:var(--text-dark-white-60);
}


#wizardBT {
    background-color: initial;
}

#wizardBT.wds-main {
    width: 100%;
}

#wizardBT .wds-main-panels {
    width:80%;
    min-width: 80%;
}

#wizardBT .wizard-start{
    flex: 1;
    display: flex;
    justify-items: center;
    align-content: center;
    justify-content: center;
}

#wizardBT .wds-stepperSummary {
    height: fit-content;
}

#wizardBT .wds-stepperContent-btns {
    align-self: flex-end;
}

#wizardBT .wizard-pairing-method {
    margin-bottom: 10px;
}

#wizardBT .wizard-pairing-method .hint {
    font-size: 14px;
    color: var(--wizard-pairing-method-hint);
    margin-left : 29px;
    margin-bottom: 10px;
}

#wizardBT .wds-stepperContent {
    max-width: 50vw;
    overflow: hidden;
}

#wizardBT .wizard-physical-verifying.wds-stepperContent{
    max-width: 70vw;
}

#wizardBT .wizard-start .wds-stepperContent-content {
    flex: 1;
    display: flex;
    justify-items: center;
    align-content: center;
    justify-content: center;
}

#wizardBT .wizard-macAddress-container .wds-field{
    width: 165px;
}

#wizardBT .wds-field .wds-input-in {
    width: 165px;
}

#app-content:has(#wizardBT) {
    flex-direction:row;
    overflow: hidden;
}

#wizardBT .robotStreams-area {
    margin-top: 26px;
    /* No black stripes in 1080p */
}

/**
 * ATL-468: Stream does not load in wizard on workbench
 *  need to be removed when we will start the refacto of the stream
 **/
#wizardBT .wds-stepperContent-content #robotStreams-vap-wrapper {
    position: absolute;
    top: 0;
}

#wizardBT .wds-stepperContent-content #robotStreams-video-wrap-video {
    max-height: 400px;
    display: flex;
}

#wizardBT .wds-stepperContent-content #robotStreams-video {
    position: inherit;
    max-height: 400px;
}

#wizardBT .wds-stepperContent.wizard-ending-step .wds-stepperContent-content {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}


#wizardBT .wds-stepperContent.wizard-ending-step .wds-stepperContent-content {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 42px;
}

#wizardBT .wds-stepperContent.wizard-ending-step .wizard-ending-step-title {
    font-size: 28px;
    font-weight: 700;
    margin-top: 42px;
}

#wizardBT .wizard-ending-step .wds-stepperContent-title {
    display: none;
}

#wizardBT .wds-stepperContent.wizard-ending-step {
    width: 55vw;
}

#wizardBT.wds-main.wizard-ended .wds-main-middle {
    align-items: center;
}

#wizardBT .wizard-ending-step .wizard-ending-step-paragraph {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#wizardBT .wizard-ending-step p{
    margin:0;
}

#wizardBT .wds-banner {
    margin: 16px 0 10px 0;
}

#wizardBT .wizard-pairing-buttons {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

#wizardBT .wizard-pairing-connect-buttons {
    display: flex;
    gap: 10px;
}


#wizardBT .wizard-pairing-buttons .wds-step {
    margin-right: 6px;
}

#wizardBT .wizard-pairing-buttons .wds-icon.wds-step-icon {
    margin-right: 6px
}

#wizardBT .wds-stepperContent-content p:first-of-type {
    margin: 0px 0px 10px 0px;
}

#wizardBT .wds-stepperContent-content p {
    margin: 10px 0px 10px 0px;
}

#wizardBT .wds-stepperContent-title {
    font-size: 28px;
}

#wizardBT .wds-radio-text {
    margin-right: 8px;
}

/*TODO: remove when DS Button with error is done*/
#wizardBT .wizard-pairing-connect-buttons .wds-icon.wds-step-caret {
    display: none;
}

#wizardBT .wds-stepperContent-content li {
    margin-bottom: 26px;
}

#wizardBT .wizard-pairing-connect-buttons .wds-step {
    gap: 6px;
}

#wizardBT .wizard-pairing-button-error {
    color: var(--red-500);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

#wizardBT .wds-stepperContent-content {
    overflow-y: auto;
}

#wizardBT .wds-stepperContent-content::-webkit-scrollbar {
    display: none;
}

@media (max-width: 1440px) {
    #wizardBT .wds-stepperSummary {
        width: auto;
    }

    #wizardBT .wds-stepperContent-sep {
        margin-top: 0px;
    }
}

#wizardBT .wizard-remote-container {
    width: 424px;
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 16px 16px;
    border-radius: 16px;
    overflow-y: hidden;
    background-color: var(--wds-stepper-backgroundColor);
}

#wizardBT .wizard-remote-container .controlPanel-btns .wds-button[aria-label="Release control"] {
    display: none;
}

#wizardBT .wizard-verifyField {
    min-height: 192px;
    margin-bottom: 16px;
    border-bottom: var(--wds-divider-lowContrast-color) 2px solid;
}

#wizardBT .wizard-verifyField .wds-banner {
    margin-top: 16px;
}

#wizardBT .wizard-verifyField .wds-title {
    font-size: 18px;
}

#wizardBT .wds-button.support-link {
    padding: 0px 3px;
    margin: 0;
}

#wizardBT .wizard-verifyField .wds-button.support-link {
    margin-bottom: 16px;
}

#wizardBT .wizard-verifyField .wds-label {
    margin-bottom: 6px;
}

#wizardBT .wizard-verifyField .wds-label[data-label-type='secondary'] {
    color: var(--text-light-grey-900-60);
}

#wizardBT .wizard-verifyField .wds-radioGroup {
    display: flex;
}

#wizardBT .wizard-verifyField .verify-success .wds-button {
    margin-bottom: 16px;
}

#wizardBT .wizard-verifyField .verify-start .wds-button {
    width: 100%;
}

#wizardBT .wizard-remote-container.disabledRemote .controlPanel-remote {
    pointer-events: none;
    opacity: 0.5;
}

#wizardBT .wizard-verifyField .verify-success p {
    margin-top: 0;
    color: var(--text-light-grey-900-60);
}

#wizardBT .wizard-verifyField .verify-success .finish-container {
    padding: 6px;
    font-size: 14px;
    border-radius: 6px;
    gap: 10px;
    background-color: #F3F5F8;
    text-align: center;
}

#wizardBT .wds-stepperContent-content .wds-tag.wds-tag-readOnly {
    display: inline-flex;
}

#wizardBT .wizard-tag {
    margin: 10px 6px 0 6px;
}

#wizardBT .wizard-virtualControl-parameters ol {
    color: var(--wizard-virtualControl-parameters-color);
    margin-bottom: 26px;
    padding-left: 20px;
}

#wizardBT .wizard-virtualControl-no-proposal{
    color: var(--wizard-virtualControl-parameters-color);
}

#wizardBT .wizard-virtualControl-fields .wds-gridSelector {
    scroll-snap-type: none;
}

#wizardBT .wizard-virtualControl-fields {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    overflow-y: scroll;
}

#wizardBT .wizard-virtualControl-fields .wds-field {
    margin-bottom: 16px;
}

#wizardBT .wizard-virtualControl-fields .wds-label {
    margin-bottom: 6px;
    display: inline-block
}

#wizardBT .wizard-virtualControl-button.wds-button {
    width: 100%;
}

#wizardBT .wizard-virtualControl-fields .wds-gridSelector .wds-gridSelector-btn {
    height: 250px;
    margin-left: 0;
}

#wizardBT .wizard-virtualControl-fields ::-webkit-scrollbar {
    display: none;
}

#root.embedded #wizardBT #controlPanel {
    padding: 0px;
}
#wizardBT .wizard-remote-container .controlPanel-tabCnt {
    padding:0px;
}

#wizardBT .wizard-virtualControl-fields .wds-gridSelector-btn-img {
    max-height: none;
    height: 171px;
}

#wizardBT .wizard-remote-container .wds-field .wds-input-in {
    width: 100%;
}

#wizardBT .wizard-remote-container .wizard-virtualControl-fields {
    margin-bottom: 28px;

}
#wizardBT .wizard-remote-container .wds-divider{
    margin-bottom: 16px;
}

#wizardBT .wizard-pairing-method.label{
    font-weight: bold;
}

#wizardBT .controlPanel-device-card-container {
    display: none;
}

#wizardBT .wizard-ending-step-banner {
    display: flex;
    flex-direction: row;
    background-color: #F3F5F8;
    border-radius: 10px;
    padding: 16px;
    font-size: 14px;
    width: 494px;
    align-items: center;
}


#wizardBT .wizard-ending-step-banner .icon-container {
    display: flex;
    flex-direction: row;
    align-items: baseline;
}

#wizardBT .wizard-ending-step-banner .icon-container .wds-icon {
    background-color: var(--yellow-300);
    color: var(--yellow-800);
    height: 30px;
    width: 30px;
    margin-right: 16px;
    border-radius: 15px;
}

#wizardBT .wizard-ending-step-banner .text-container {
    display: flex;
    flex-direction: column;
    justify-items: flex-start;
}

#wizardBT .wizard-ending-step-banner .text-container p {
    margin: 0 0 0 0;
}

#wizardBT .wizard-ending-step-banner .text-container p:nth-child(2) {
    color: var(--text-light-grey-900-60);
    padding-top: 5px;
    margin-bottom: 5px;
}

#wizardBT .wizard-ending-step-banner .text-container .wds-button {
    font-size: 14px;
    padding: 0px;
}

#wizardBT .wizard-ending-step .text-navigate {
    flex: 1;
    align-items: flex-end;
    display: flex;
    color: var(--text-light-grey-900-60);
    font-size: 16px;
}

#wizardBT.wizard-ended .wds-stepperContent-sep {
    display: none;
}

#wizardBT.wizard-ended .witbe-robot {
    width: 350px;
    height: 350px;
}

#wizardBT .wizard-pairing-status {
    height: auto;
    max-width: 424px;
    padding: 26px 26px;
    border-radius: 16px;
    margin-bottom: 16px;
    background-color: var(--wds-stepper-backgroundColor);

}

#wizardBT .wizard-pairing-status .wizard-current-device-state {
    display: flex;
    flex-direction: row;
    display: flex;
    margin-bottom: 6px;
    align-items: center;
}

#wizardBT .wizard-right-panel {
    display: flex;
    flex-direction: column;
}

#wizardBT .wizard-pairing-status .wizard-current-device-state p {
    margin: 0 6px 0 0;
    color: var(--text-light-grey-900-80)
}

#wizardBT .wizard-pairing-status .wds-steps {
    margin-bottom: 16px;
}

[data-theme='Light'] {
    --wizard-calibration-bg:var(--witbe-background-color);
    --wizard-calibration-carousel-cards-bg: var( --witbe-background-color);
    --wizard-calibration-carousel-check-position-bg: var(--wds--grey-0);
    --wizard-calibration-warning-list-color: var(--yellow-800);
    --wizard-calibration-text-color: var(--text-light-grey-900-87);
    --wizard-calibration-secondary-text-color: var(--text-light-grey-900-60);
    --wizard-calibration-banner-link-text-color: var(--wds--yellow-800);

}

[data-theme='Dark'] {
    --wizard-calibration-bg:var(--dark-grey-900);
    --wizard-calibration-carousel-cards-bg: var(--dark-grey-700);
    --wizard-calibration-carousel-check-position-bg: var(--dark-grey-800);
    --wizard-calibration-warning-list-color: var(--yellow-100);
    --wizard-calibration-text-color: var(--text-dark-white-60);
    --wizard-calibration-secondary-text-color: var(--text-dark-white-60);
    --wizard-calibration-banner-link-text-color: var(--wds--yellow-300);
}


#app-content:has(#wizard-calibration) {
    overflow: hidden;
}

#wizard-calibration .wds-stepperSummary{
    height: max-content
}

#wizard-calibration .step-container p{
    margin:0;
    color: var(--wizard-calibration-text-color);
}

#wizard-calibration .wizard-calibration-stream[data-wds-dir='right']{
    width: 424px;
    min-width: 424px;
}
#wizard-calibration{
    background-color:var(--wizard-calibration-bg);
}
#wizard-calibration.wds-main .wds-main-panels{
    width: 100vw;
    overflow: hidden;
    padding: 42px 42px 16px 42px;
}

#wizard-calibration.wds-main .wds-main-middle{
    flex-direction: unset;
}

#wizard-calibration .wds-stepperContent-content {
    padding-bottom: 16px;
}

#wizard-calibration .wds-stepperContent.wizard-ending-step .wds-stepperContent-content {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}

#wizard-calibration .wds-stepperContent.wizard-ending-step .close-button.wds-button {
    align-self: flex-end;
}

#wizard-calibration .step-container .step-link-container .wds-button {
    font-size:14px;
    align-items: baseline;
    padding: 0;
    font-weight: 700;
    gap: 4px;
}

#wizard-calibration .wds-stepperContent.wizard-ending-step .wds-stepperContent-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    gap: 26px;
}

#wizard-calibration .wds-stepperContent.wizard-ending-step .wizard-ending-step-title {
    font-size: 28px;
    font-weight: 700;
    margin-top: 42px;
    margin-bottom: 10px;
}

#wizard-calibration .wizard-ending-step .wds-stepperContent-title {
    display: none;
}

#wizard-calibration .wds-stepperContent-title {
    font-size: 28px;
}

#wizard-calibration .wds-stepperContent.wizard-ending-step {
    width: 875px;
}

#wizard-calibration.wds-main.wizard-ended .wds-main-middle {
    align-items: center;
    color:var(--wds--txt-87);
    flex-direction: column;
}

#wizard-calibration.wds-main.wizard-ended p {
    align-items: center;
    color:var(--wds--txt-87);
}

#wizard-calibration .wizard-ending-step .wizard-ending-step-paragraph {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#wizard-calibration .wizard-ending-step .wds-stepperContent-sep{
    display: none;
}

#wizard-calibration.wds-main:has(.wizard-ending-step) .wds-main-middle{
    align-items: center;
}

#wizard-calibration .wizard-ending-step-banner {
    display: flex;
    flex-direction: row;
    background-color: var(--wizard-calibration-carousel-cards-bg);
    border-radius: 10px;
    padding: 16px;
    font-size: 14px;
    width: 494px;
    align-items: center;
}

#wizard-calibration .wizard-ending-step-banner .icon-container {
    display: flex;
    flex-direction: row;
    align-items: baseline;
}

#wizard-calibration .wizard-ending-step-banner .icon-container .wds-icon {
    background-color: var(--yellow-300);
    color: var(--yellow-800);
    height: 30px;
    width: 30px;
    margin-right: 16px;
    border-radius: 15px;
}

#wizard-calibration .wizard-ending-step-banner .text-container {
    display: flex;
    flex-direction: column;
    justify-items: flex-start;
}

#wizard-calibration .wizard-ending-step-banner .text-container p {
    margin: 0 0 0 0;
}

#wizard-calibration .wizard-ending-step-banner .text-container p:nth-child(2) {
    color: var(--wds--txt-60);
    padding-top: 5px;
    margin-bottom: 5px;
}

#wizard-calibration .wizard-ending-step-banner .text-container .wds-button {
    font-size: 14px;
    padding: 0px;
}

#wizard-calibration .step-paragraph-container{
    display: flex;
    flex-direction: column;
    color:var(--wds--txt-87);
}

#wizard-calibration .prerequisites .step-paragraph-container {
    display: flex;
    gap: 10px;
    flex-direction: row;
    align-items: baseline;
    color: var(--wds--txt-87);
}

#wizard-calibration p{
    margin:0;
}

#wizard-calibration .step-paragraph-container p{
    color: var( --wizard-calibration-secondary-text-color);
}

#wizard-calibration .step-container .prerequisites-step-stepper p:last-child  {
    font-weight: 600;
}

#wizard-calibration .prerequisites-step-divider-container{
    padding:0 26px;
}

#wizard-calibration .prerequisites.step-container div.prerequisites-step-stepper  {
    display: flex;
    color: var( --wizard-calibration-secondary-text-color);
    width: max-content;
    padding: 16px;
    margin-top: 10px;
    align-items: baseline;
    border-radius: 10px;
    gap: 10px; 
    background: var(--wizard-calibration-carousel-cards-bg); 
}

#wizard-calibration .step-container .prerequisites-step-stepper p  {
    color: var( --wizard-calibration-secondary-text-color);
}

#wizard-calibration .prerequisites-step-brightness-container {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 6px;
}

#wizard-calibration .step-container .wds-stepperContent-content{
    display: flex;
    flex-direction: column;
    gap: 26px;
}

#wizard-calibration .step-container .wds-stepperContent-content ul{
    margin-top:0;
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

#wizard-calibration .step-container.prerequisites .wds-stepperContent-content li{
    color:var(--wizard-calibration-secondary-text-color);
}

#wizard-calibration .step-container.mobile-ios .wds-stepperContent-content ul{
    padding: 0
}

#wizard-calibration .step-container .wds-stepperContent-content .wds-link{
    font-size:14px;
}

#wizard-calibration .step-container .wds-stepperContent-content li::marker{
    color: var(--wds--txt-60);
    
}
#wizard-calibration  .wds-stepperContent.step-container{
    max-height: 95vh;
    min-width: 300px;
}

#wizard-calibration .step-link-container{
    display: flex;
    flex-direction: column;
    color: var(--wds--txt-60);
    width: 392px;
    font-size: 14px;
    padding: 26px;
    align-items: baseline;
    border-radius: 10px;
    gap: 4px; 
    background: var(--wizard-calibration-carousel-cards-bg); 
}

#wizard-calibration .wds-stepperContent-sep {
    margin-top: 1px;
}

#wizard-calibration .prerequisites-step-titles{
    font-size: 14px;
}

#wizard-calibration .adjustment-list .prerequisites-step-titles{
    display: flex;
    gap: 10px;
    align-items: center;
}

#wizard-calibration .step-container.smart-tv .adjustment-list ul{
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 16px;
}

#wizard-calibration .wizard-calibration-carousel .adjustment-list ul{
    display: flex;
    flex-direction: column;
    gap:10px;
    padding-left: 10px;
    margin: 0px;
}

#wizard-calibration .wizard-calibration-carousel .adjustment-list li .item-container {
    display:flex;
    gap: 10px;
}

#wizard-calibration .wizard-calibration-carousel div.carousel-checking-cards:last-child .item-container p {
    font-weight: 400;
}

#wizard-calibration .wizard-calibration-carousel .adjustment-list li{
    justify-content: space-between;
    align-items: center;
}

#wizard-calibration .wizard-calibration-carousel .wds-carouselDots div:last-child{
    display: none;
}

#wizard-calibration .adjustment-list li{
    display: flex;
    gap: 10px;
}

#wizard-calibration .adjustment-list li i{
    width: 16px;
}

#wizard-calibration .adjustment-list li p{
    font-weight: 700;
    color:inherit;
    font-size: 14px;
}

#wizard-calibration .step-container.smart-tv ul,
#wizard-calibration .step-container.mobile-android ul{
    gap:0px;
}

#wizard-calibration .wds-button[data-size='small'] .wds-button-text{
    margin:0;
}

#wizard-calibration .step-container .step-paragraph-container .wds-button{
    font-size:14px;
    padding: 0;
    font-weight: 700;
    gap: 4px;
}

#wizard-calibration .wizard-ending-step-image{
    display: flex;
    flex-direction: column;
    align-items: center;
    
}

#wizard-calibration  .wizard-ending-step-body-container{
    display: flex;
    flex-direction: column;
    gap: 42px;
}

#wizard-calibration.wds-main.wizard-ended p.text-navigate{
    color: var(--wds--txt-60);
}

#wizard-calibration .wds-button[data-size='medium'] .wds-button-text {
    margin-left: 0;
}

#wizard-calibration .wizard-calibration-right-panel {
    width: 424px;
    padding: 16px;
    background-color: var(--wds-stepper-bg);
    border-radius: 16px;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch; 
    box-shadow: var(--wds--shadow-1);
}

#wizard-calibration .robotStreams-area{
    width:100%;
    height:445px
}


#wizard-calibration .calibration-step-container .wds-stepperContent-content{
    display: flex;
    flex-direction: column;
    gap:26px;
}

#wizard-calibration .calibration-step-container .calibration-button-container{
    display: flex;
    flex-direction: column;
    flex: 1;
    align-items: center;
    gap: 16px;
    justify-content: center;
    padding: 0 16px 0 16px; 
}

#wizard-calibration .right-panel-mire-container{
    background-color: #f8f9fb;
    border-radius: 10px;
    border: 1px solid rgba(0, 0, 0, 0.05);
    margin-bottom: 10px;
}

#wizard-calibration .right-panel-mire-container div{
    display: flex;
    flex-direction: column;
    font-size: 14px;
    gap:4px;
    padding: 10px; 
}

#wizard-calibration .right-panel-mire-container p{
    color: var(--wds--txt-60);
}

#wizard-calibration .right-panel-mire-container img{
    width: 100%;
    padding: 10px;
}

#wizard-calibration .calibration-banner {
    width: 494px;
    margin-top: 10px;
}

#wizard-calibration .calibration-banner.smartTV-banner {
    width: 650px;
}

#wizard-calibration .calibration-banner ul{
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-left:20px;
}

#wizard-calibration .calibration-banner li{
    color: var(--wizard-calibration-warning-list-color);
}

#wizard-calibration .calibration-banner li .banner-link{
    color: var(--wizard-calibration-banner-link-text-color);
    font-size: 14px;
}
#wizard-calibration .calibration-banner li .banner-link:hover{
    text-decoration: underline;
    text-decoration-style: solid;
    text-decoration-color: var(--wizard-calibration-banner-link-text-color);
}

#wizard-calibration .calibration-banner span.list-title{
    color: var(--wds--yellow-800);
}

#wizard-calibration .calibration-success-text-link {
    font-size: 14px;
    color: var( --wizard-calibration-secondary-text-color)
}

#wizard-calibration .calibration-success-container{
    display: flex;
    flex-direction: column;
    gap:10px;
}

#wizard-calibration .calibration-success-text-link .wds-button {
    font-size: 14px;
}
#wizard-calibration .calibration-button-title{
    font-size: 14px;
    color: var(--wds--txt-60);
}

#wizard-calibration .calibration-banner .calibration-banner-text{
    margin-top: 10px;
    color: inherit;
}

#wizard-calibration .calibration-failure-text-link{
    display: inline-flex;
    align-items: baseline;
    font-size: 14px;
}

#wizard-calibration .calibration-loading-text{
    color: var(--wds--txt-60);
    font-size: 14px;
}

#wizard-calibration .calibration-failure-text-link p{
    color: var(--wizard-calibration-secondary-text-color); 
    margin-left: 10px;
}

#wizard-calibration .calibration-failure-text-link .support-link {
    padding-left: 6px;
    display: flex;
    align-items: baseline;
}

#wizard-calibration .calibration-failure-text-link .support-link .wds-button-text{
    font-size: 14px;
}

#wizard-calibration .calibration-failure-text-link i{
    font-size: 12px;
}

#wizard-calibration .screenerCabling .step-paragraph-container{
    margin-top: 16px;
    display: inline-flex;   
}

#wizard-calibration .screenerCabling .step-paragraph-visual-container{
    display: flex;
    align-items: center;
    justify-content: center;
}

#wizard-calibration .screenerCabling .step-paragraph-visual-container img{
    min-width: 300px;
    min-height: 300px;
    max-width: 800px;
    max-height: 490px;
}

#wizard-calibration .screenerCabling .step-paragraph-container .wds-button{
    display: inline-flex;
    align-items: baseline;   
}

#wizard-calibration .screenerCabling .step-link-container{
    display: inline-flex;
    width: 512px;
}

#wizard-calibration .mobileScreenerCabling .step-link-container{
    margin-top: 0;
    display: inline-flex;
    width: 66%;
    min-width: 250px;
}

#wizard-calibration .mobileScreenerCabling .step-link-container:last-child{
    margin-top: 10px;
}


#wizard-calibration .screenerCabling .step-link-container .wds-button{
    display: inline-flex;
    align-items: baseline;      
    font-size: 14px;
    padding: 0;
}

#wizard-calibration .step-placeholder{
    width:100%;
    height:700px;
}
#wizard-calibration .displayCalibrationVideo .step-link-container{
    width: 100%;
    height: 96px;
    padding: 16px 26px 16px 26px;
    justify-content: center;
}

#wizard-calibration .danger-zone-stream .stream-video {
    outline: rgba(255, 91, 69, 0.6) solid 15px;
    outline-offset: -15px;
}

#wizard-calibration .danger-zone-stream .stream {
   --stream-size-bar: 0px;
}

#wizard-calibration .rotate-text{
    font-weight: 700;
    color: var(--wds--txt-87);
}

#wizard-calibration .displayCalibrationVideo .rotate-camera-img-container img{
    position: absolute;
    top: 0px;
    right: 0px;
    width: 115px;
    height: 115px;
    margin-right: 30px;
}

#wizard-calibration .rotate-camera-img-container {
    display: flex;
    position: relative;
    height: 115px;
    width: 100%;
    align-items: center;
}

#wizard-calibration .rotate-camera-img-container p{
    width: 70%;
    color: var(--wizard-calibration-secondary-text-color);
}

#wizard-calibration .wizard-calibration-right-panel {
    display: flex;
    align-items: center;
}

#wizard-calibration .wizard-calibration-right-panel .wizardCalibrationRemoteControl{
    display: flex;
    flex-direction: column;
    flex: 1;
    width: 100%;
    overflow: auto;
}

#wizard-calibration .wizard-calibration-right-panel .wizardCalibrationRemoteControl .controlPanel-btns .wds-button[aria-label="Release control"] {
    display: none;
}

#wizard-calibration #controlPanel {
    gap: 10px;
}

#wizard-calibration .wizard-calibration-right-panel .wds-buttonGroup:not(.controlPanel-mobile-shortcuts-buttonGroup) .wds-button {
    width:100%;
}

#wizard-calibration .controlPanel-tabCnt {
    padding:0
}

#wizard-calibration .wizard-calibration-right-panel .step-divider-container{
    margin: 10px 0 16px 0;
}

#wizard-calibration .wizard-calibration-carousel{
    display: flex;
    flex-direction: column;
    flex:1;
    gap:16px;
    overflow: hidden;
}

#wizard-calibration .wizard-calibration-carousel .carousel-step-content {
    display: flex ;
    flex-direction: column;
    flex:1;
    gap:16px;
}

#wizard-calibration .wizard-calibration-carousel .carousel-step-content .wds-banner, 
#wizard-calibration .wizard-calibration-carousel .carousel-step-content .carousel-verification-image{
    margin-bottom: 10px;
}


#wizard-calibration .wizard-calibration-carousel .carousel-step-instruction {

    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal; 
}

#wizard-calibration .wizard-calibration-carousel .carousel-verification-image{
    display: flex;
    padding: 16px;
    justify-content: center;
    align-items: center;
    gap: 16px;
    align-self: stretch; 
    border-radius: 6px;
    background: var(--wizard-calibration-carousel-cards-bg); 
}

#wizard-calibration .wizard-calibration-carousel .wizard-calibration-carousel-component{
    display: flex;
    flex-direction: column;
    gap: 16px;
    overflow-x: hidden;
    overflow-y: auto;
}

#wizard-calibration .wizard-calibration-carousel .wizard-calibration-carousel-component.border-bottom{
    border-bottom: 2px solid var(--cyan-700, #00438D);
}
#wizard-calibration .wizard-calibration-carousel .wizard-calibration-carousel-component.border-top{
    border-top: 2px solid var(--cyan-700, #00438D);
}


#wizard-calibration .wizard-calibration-carousel .carousel-button-container{
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-end;
}
#wizard-calibration .carousel-step-title{
    color: inherit;
    font-weight: 700 ;
    margin-bottom: 4px;
}

#wizard-calibration .carousel-step-title span{
    margin-left: 6px;
    font-weight: 400;
}

#wizard-calibration .carousel-step-paragraph{
    font-size: 14px;
    color: var(--wds--txt-60)
}

#wizard-calibration .wizard-calibration-carousel .carousel-restart-checking{
    margin-top: 10px;
    width: 100%;
    text-align: center;
}

#wizard-calibration .wizard-calibration-carousel .carousel-restart-checking.carousel-adjust-mobile {
    text-align: left;
}

#wizard-calibration .wizard-calibration-carousel .carousel-button-container .wds-button{
    width: 100%;
    margin-top: 10px;
}

#wizard-calibration .wizard-calibration-carousel .carousel-verification-text p:first-child{
    font-size: 16px;
    font-weight: 700;
    color: inherit;
}

#wizard-calibration .wizard-calibration-carousel .carousel-verification-text p:last-child{
    font-size: 12px;
    color: var(--wds--txt-60);
    font-weight: 400;
}

#wizard-calibration .wizard-calibration-carousel .carousel-verification-text p span{
    font-weight: 600;
}


#wizard-calibration .wizard-calibration-carousel .carousel-checking-cards{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 16px;
    gap: 16px;
    width: 340px;
    border-radius: 6px;
    background: var(--wizard-calibration-carousel-cards-bg); 
    align-self: center;
}
#wizard-calibration .wizard-calibration-carousel .carousel-danger-zone-container{
    display: flex;
    align-self: stretch;
    border-radius: 8px;
    height: 180px;
    outline: rgba(255, 91, 69, 0.6) solid 10px;
    outline-offset: -8px;
    background-color: var(--wizard-calibration-carousel-check-position-bg);

}

#wizard-calibration .wizard-calibration-carousel .carousel-danger-zone-container.lateral{
    justify-content: center;
    
}

#wizard-calibration .wizard-calibration-carousel .carousel-danger-zone-container.depth{
    justify-content: center;
    outline: rgba(255, 91, 69, 0.6) solid 12px;
    outline-offset: -13px;
}

#wizard-calibration .wizard-calibration-carousel .carousel-danger-zone-container img.depth{
    zoom: 150%
}


#wizard-calibration .wizard-calibration-carousel .carousel-ending-insert{
    margin-bottom: 10px;
    padding: 16px;
    font-size: 16px;
    border-radius: 6px;
    background: var(--wizard-calibration-carousel-cards-bg);
    text-align: center;
}

#wizard-calibration .wizard-calibration-carousel .carousel-ending-insert p{
    color: var(--wds--txt-87);
}

/* #wizard-calibration .wizard-calibration-carousel .carousel-checking-cards img{
    width: 100%;
    height: 172px;
} */

#wizard-calibration .wizard-calibration-carousel .carousel-checking-cards.row {
    flex-direction: row;
    justify-content: center;
    gap: 16px;
    align-items: center;
    border-radius: 6px;
    background: var(--wizard-calibration-carousel-cards-bg); 
}

#wizard-calibration .wizard-calibration-carousel .carousel-checking-cards .carousel-icon-green{
    color: var(--dark-green-500);
    width: 24px;
    height: 24px;
}

#wizard-calibration .wizard-calibration-carousel .carousel-checking-cards .carousel-icon-red{
    color: var(--dark-red-500);
    width: 24px;
    height: 24px;
}

#wizard-calibration .carousel-checking-cards .text-sharpness-fail-imgs{
    display:flex;
    flex-direction: column;
    gap: 16px;
    width: 248px;
}

#wizard-calibration .danger-zone-container {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 16px;
}

#wizard-calibration .danger-zone-container .danger-zone-square{
    width: 26px;
    height: 10px;
    background-color: var(--red-400);
    border: 1px solid var(--text-light-grey-900-30);
}

#wizard-calibration .danger-zone-container .danger-zone-text {
    color: var(--wizard-calibration-secondary-text-color); 
}

#wizard-calibration .mobile-brightness-fail-container {
    display: flex;
    gap: 16px;
}

#wizard-calibration .mobile-brightness-correct-img{
    width: auto;
}

#wizard-calibration .mobile-brightness-fail-container .carousel-checking-cards{
    width: 188px
}

#wizard-calibration .mobile-brightness-fail-container .carousel-checking-cards .mobile-brightness-fail-imgs{
    width: auto;
}
#wizard-calibration .carousel-checking-cards.mobile-brightness-correct-imgs{
    width: auto;
}

#wizard-calibration .carousel-checking-cards .corner-sharpness-fail-imgs{
    display: flex;
    flex-direction: row;
    gap: 16px;
}

#wizard-calibration .carousel-checking-cards .corner-sharpness-correct-imgs {
    display:flex;
    flex-direction: column;
    gap:16px;
    width: 248px;
}

#wizard-calibration .carousel-checking-cards .corner-sharpness-correct-imgs img {
    width: 115px;
    height: 115px;
}

#wizard-calibration .carousel-checking-cards .corner-sharpness-correct-imgs > div {
    display:flex;
    gap:16px;
    height:115px
}

#wizard-calibration .wizard-calibration-carousel .wds-banner-message .support-link{
    display: -webkit-inline-flex;
    color:inherit;
    font-size: 14px;
    padding: 0 5px 0 5px;    
    height: auto;
    min-height: 0;
    text-decoration: underline;
}

#wizard-calibration .adjust-device-settings .settings-instructions{
    font-size: 14px;
    margin-top: 16px;
    margin-left: 16px;
}

#wizard-calibration .adjust-device-settings .settings-instructions p span{
    color: var(--wds--txt-60)
}

#wizard-calibration .adjust-device-settings .settings-instructions .wds-icon {
    margin-right: 10px;
}

#wizard-calibration .adjust-device-settings .settings-instructions p:first-child {
    margin-bottom: 10px;
}

#wizard-calibration .wizard-calibration-info-container {
    display: flex;
    flex-direction: row;
    margin-top: 10px;
    width: 424px;
    padding: 16px 26px;
    gap: 16px;
    border-radius: 16px;
    background-color: var(--wds-stepper-bg);
    box-shadow: var(--wds--shadow-1);
    justify-content: space-between;
    align-items: center;
}

#wizard-calibration .wizard-calibration-infos {
    display: flex;
    flex-direction: column;
    font-size: 12px;
    font-weight: 400;
    align-items:start;
    color: var(--wds--txt-60);
    gap: 4px; 
    border-radius: 16px;
}

#wizard-calibration .wizard-calibration-infos span {
    color: var(--wds--txt-87);
    font-weight: 600;
}


#wizard-calibration .device-preparation-instructions-container {
    display: flex;
    gap:68px;
}

#wizard-calibration .device-preparation-instructions-left{
    display: flex;
    flex-direction: column;
}

#wizard-calibration .device-preparation-instructions-left .wds-banner{
    margin-top: 13px;
    max-width: 428px;
}


#wizard-calibration .device-preparation-instructions {
    font-size: 14px;
    margin-left: 16px;
    margin-bottom: 13px;
}


#wizard-calibration .device-preparation-instructions .wds-icon{
    margin-right: 10px;
    font-size: 16px;
}

#wizard-calibration .device-preparation-mire-container{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    width: 300px;
}

#wizard-calibration .device-preparation-mire-container img{ 
    width: 200px;
    height: 200px;
}

#wizard-calibration p.device-preparation-mire-name{
    font-size: 12px;
    margin-top: 10px;
    color: var(--wizard-calibration-secondary-text-color);
}

#wizard-calibration p.device-preparation-mire-name span{
    font-weight: 600;
}


#wizard-calibration .device-preparation .step-paragraph-container p {
    font-size: 14px;
    margin-bottom: 10px;
}

#wizard-calibration .device-preparation .prerequisites-step-divider{
    margin: 16px 0;
}

#wizard-calibration #controlPanel .stream{
    padding: 6px;
    width: 100%;
}

#wizard-calibration #controlPanel #controlPanelButtons{
    padding: 0px;
}  

#root.embedded #wizard-calibration #controlPanel{
    padding:0px;
}
#root.embedded #wizard-calibration #controlPanel .controlPanel-btns{
    margin: 0;
}
/**
* Canvas for streamClick not in the right place
*/
#wizard-calibration .stream-video,
#wizard-calibration .stream-overlay,
#wizard-calibration .stream-click-video{
    top:0;
}

#wizard-calibration #controlPanel-ma-desktop {
    overflow: hidden;
}

#root.embedded #wizard-calibration .controlPanel-tabCnt {
    overflow: auto;
}
#root.embedded #wizard-calibration #controlPanel-ma-desktop {
    gap: 10px;
}

#wizard-calibration .controlPanel-ma-desktop-header {
    padding-top:0;
    gap: 10px;
}

#wizard-calibration .controlPanel-ma-desktop-title {
    margin-top: 10px;
    margin-bottom: 16px;
}


@media screen and (max-width: 1440px) {
    #wizard-calibration .rotate-camera-img-container p{
        width:100%
    }
    
    #wizard-calibration .displayCalibrationVideo .rotate-camera-img-container img{
        display: none;
    }
}


#page404 {
    flex: 1;
    width: 100%;
    border-radius: var(--witbe-border-radius-container);
    background-color: var(--witbe-foreground-color);
    position: relative;
}

#page404-title {
    margin-top: 1rem;
    font-size: 4rem;
    text-align: center;
    line-height: 4rem;
}

#page404-desc {
    font-size: 2.5rem;
    text-align: center;
    line-height: 4rem;
}

#page404-logo {
    opacity: .8;
    position: absolute;
    height: 400px;
    width: unset;
    bottom: 2rem;
    right: 1rem;
}

body,
[data-theme='Light'] {
    --wds-modal-backdrop: rgba(0, 0, 0, .9);
    --wds-modal-bg: #fff;
    --wds-modal-foot-bg: #0001;
    --wds-modal-ok-bg: var(--color-darkblue);
    --wds-modal-cancel-bg: #df5a49;
}
[data-theme='Dark'] {
    --wds-modal-backdrop: rgba(0, 0, 0, .9);
    --wds-modal-bg: #222;
    --wds-modal-foot-bg: #fff1;
}

#wds-modal-container {
    position: absolute;
    pointer-events: none;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
#wds-modal-backdrop {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: auto;
    background-color: var(--wds-modal-backdrop);
    opacity: 0;
    visibility: hidden;
    transition:
        .2s opacity,
        .2s visibility;
}
#wds-modal-backdrop.wds-modal-open {
    opacity: 1;
    visibility: visible;
}
#wds-modal {
    border-radius: 3px;
    background-color: var(--wds-modal-bg);
}
#wds-modal-head,
#wds-modal-foot {
    display: flex;
    align-items: center;
    padding: 12px;
}
#wds-modal-title {
    font-size: 18px;
    font-weight: bold;
}
#wds-modal-body {
    display: grid;
    grid-gap: 10px;
    padding: 0 24px 24px;
}
#wds-modal-foot {
    justify-content: space-between;
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    background-color: var(--wds-modal-foot-bg);
}
#wds-modal button {
    display: inline-flex;
    align-items: center;
    height: 30px;
    margin: 0;
    border: 0;
    line-height: initial;
    font-size: 16px;
    font-family: inherit;
    white-space: nowrap;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    background-color: var(--wds-modal-ok-bg);
    transition: background-color .15s;
}
#wds-modal input[name='prompt'] {
    outline: 0;
    padding: 6px;
    border: 1px solid #0003;
    border-radius: 3px;
    font-size: 14px;
}
#wds-modal button[data-action='cancel'] {
    background-color: var(--wds-modal-cancel-bg);
}

.flex-container {
    display: flex;
}

.flex-container.flex-row {
    flex-direction: row;
}
.flex-container.flex-column {
    flex-direction: column;
}

.flex-container.flex-gap {
    gap: 10px;
}

.flex-container.flex-row.flex-hcenter {
    justify-content: center;
}
.flex-container.flex-column.flex-hcenter {
    align-items: center;
}

.flex-container.flex-row.flex-vcenter {
    align-items: center;
}
.flex-container.flex-column.flex-vcenter {
    justify-content: center;
}
.flex-container.flex-row.flex-vend {
    align-items: flex-end;
}
.flex-container.flex-column.flex-vend,
.flex-container.flex-row.flex-hend {
    justify-content: flex-end;
}
.flex-container.flex-row.flex-baseline {
    align-items: baseline;
}

.grid-container {
    display: grid;
    grid-gap: 4px;
}

.grid-container.grid-row {
    grid-auto-flow: row;
}
.grid-container.grid-column {
    grid-auto-flow: column;
}

.grid-container.grid-hcenter {
    justify-content: center;
}
.grid-container.grid-vcenter {
    align-items: center;
}

.grid-container.grid-hstart {
    justify-content: flex-start;
}
.grid-container.grid-hend {
    justify-content: flex-end;
}

.grid-container.grid-vstart {
    align-items: flex-start;
}
.grid-container.grid-vend {
    align-items: flex-end;
}

.field.rowReversed {
    flex-direction: row-reverse;
    align-items: center;
    justify-self: flex-start;
    justify-content: flex-end;
}
.field-error-message {
    color: var(--color-red);
    font-size: .9rem;
}
.field-error input{
    border-color: var(--color-red);
}
.field-loading {
    margin-left: 4px;
    font-style: italic;
}
.field textarea:not(.wds-input) {
    min-height: 80px;
    max-height: 128px;
    line-height: 1.5;
    font-family: inherit;
    border-radius: var(--witbe-border-radius-container);
    resize: vertical;
}

/* .......................................................................... */
.form-label {
    display: flex;
    flex-direction: column;
}
.form-label:not(.rowReversed) > *:not(:first-child) {
    margin-top: var(--witbe-element-gap);
}
.form-label.rowReversed > *:not(:first-child) {
    margin-right: var(--witbe-element-gap);
}

.maxDevice {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 19px;
}
.maxDevice .field-info{
    height: 23px;
}
.maxDevice .field-info-content{
    top: 27px;
}

.maxDevice .field-info-content-header {
    display: none;
}
.maxDevice .field-info-content-data div {
    display: flex;
    flex-direction: column;
}
.maxDevice .field-info-content-data {
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
}

/* .......................................................................... */

.tmp-disable-form-control-border .form-control {
    /* TODO remove that when we implemented Design System for CityField */
    padding: 0;
    border: none;
}
.form-control {
    display: block;
    width: 100%;
    padding: 0 .5em;
    height: 36px;
    font-size: 1rem;
    font-family: inherit;
    border: var(--witbe-input-border);
    border-radius: var(--witbe-border-radius-input);
    background-clip: padding-box;
    background-color: var(--witbe-input-background-color);
    transition:
        border-color .15s,
        box-shadow .15s;
}
.form-control::-ms-expand {
    border: 0;
    background-color: transparent;
}
.form-control:focus {
    outline: 0;
}
.form-control:not([readonly]):focus {
    border-color: #009ee3;
    background-color: var(--witbe-input-background-color);
}
.form-control:disabled,
.form-control[disabled],
.form-control[readonly] {
    color: var(--witbe-input-disabled-color);
    cursor: default;
    opacity: 1;
}
select.form-control:not(:disabled) {
    cursor: pointer;
}
select.form-control:focus::-ms-value {
    color: #495057;
    background-color: var(--witbe-input-background-color);
}
.form-control-file,
.form-control-range {
    display: block;
    width: 100%;
}
.form-control-plaintext {
    display: block;
    width: 100%;
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
    margin-bottom: 0;
    line-height: 1;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0;
}
.form-control:not([readonly]):not(:disabled):focus {
    border-color: #25667a;
    outline: 0;
    box-shadow: 0 0 0 .1875rem #25667a50;
}
.form-control[readonly] {
    box-shadow: unset;
}
.form-control::placeholder {
    color: inherit;
    font-style: italic;
    opacity: .7;
}

.field-info {
    position: relative;
    margin-left: .4em;
    margin-right: auto;
}

.field-info-button:focus + .field-info-content,
.field-info-content:hover,
.field-info:hover .field-info-content {
    visibility: visible;
    opacity: 1;
}

.field-info-button {
    all: unset;
    cursor: pointer;
    font-size: 13px;
}
.field-info-button:focus {
    outline: 0;
}

.field-info-content-header {
    color: white;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    text-align: center;
    font-size: .9rem;
    font-weight: bold;
    line-height: 1.8em;
    background-color: var(--color-darkblue);
}
.field-info.required .field-info-content-header {
    background-color: var(--color-red);
}
.field-info.readOnly .field-info-content-header {
    background-color: var(--color-orange);
}

.field-info-content {
    display: grid;
    position: absolute;
    visibility: hidden;
    z-index: 100000;
    width: 300px;
    opacity: 0;
    transition: opacity .3s;
    left: -20px;
    top: 25px;
}
.field-info-content-data {
    padding: .5rem;
    font-size: .85rem;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border: 1px solid var(--witbe-border-color);
    border-top: 0;
    background-color: var(--witbe-foreground-color);
}

.contextMenu {
    position: relative;
}

.contextMenu:not(.safari) .contextMenu-content {
    display: none;
    visibility: hidden;
}

.contextMenu-content {
    position: absolute;
    overflow: hidden;
    z-index: 100;
    top: 110%;
    border-radius: var(--witbe-border-radius-button);
    box-shadow: var(--witbe-ctxMenu-shadow);
}
.contextMenu.left .contextMenu-content {
    left: 0;
}
.contextMenu.right .contextMenu-content {
    right: 0;
}
.contextMenu:focus-within .contextMenu-content {
    display: block;
    visibility: visible;
}

.contextMenu-item {
    width: 100%;
    height: 36px;
    border: 0;
    cursor: pointer;
    padding: 0 14px;
    font-size: inherit;
    font-family: inherit;
    text-align: left;
    box-sizing: border-box;
    white-space: nowrap;
    background-color: var(--witbe-foreground-color);
    transition:
        color .2s,
        background-color .2s;
}
.contextMenu-item:focus,
.contextMenu-item:hover {
    outline: 0;
    color: white;
    background-color: var(--color-darkblue);
}
.contextMenu-item.danger:hover {
    background-color: var(--color-red);
}

#editor-form {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    position: absolute;
    flex-direction: column;
    border-radius: var(--witbe-border-radius-container);
    background-color: var(--witbe-foreground-color);
}
#editor-form .vertical-scroll-container {
    overflow: unset !important;
}
#editor-form .btn:not(.btn-sqr-lg) {
    min-height: 36px;
    padding: 0 1rem;
}

#editor-form .badge {
    font-size: 1rem;
    min-height: 36px;
    align-self: flex-start;
}

#editor-form.submitted .form-control.invalid,
#editor-form.submitted .form-control:invalid {
    box-shadow: 0 0 0 .1875rem var(--color-lightred);
    border-color: var(--color-red);
}

#editor-scroller {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: var(--witbe-container-gap) calc(var(--witbe-padding) * 4);
    overflow-y: auto;
    overflow-x: hidden;
}

#editor-placeholder {
    position: relative;
}

#editor-placeholder-add {
    position: absolute;
    left: 10px;
    bottom: 0;
    font-size: 1.3rem;
    height: 57px;
    grid-gap: 8px;
    opacity: .9;
}
#editor-placeholder-add-text {
    font-style: italic;
}
#editor-placeholder-add-icon {
    font-size: 1.6em;
}

#editor-loader {
    font-size: 50px;
    color: var(--color-darkblue);
}

.placeholder-text {
    font-weight: bold;
    margin-top: 1rem;
    font-size: 2rem;
    text-align: center;
    padding: 0 12px 0 12px;
}
.placeholder-text:first-letter {
    text-transform: uppercase;
}
.placeholder-image {
    height: calc(100vh / 3);
    user-select: none;
}

.editor-placeholder {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1;
    align-items: center;
    height: 100%;
    width: 100%;
}

#editor-errorBtn {
    margin-top: 6px;
    align-self: center;
}

@media screen and (max-width: 1100px) {
    #editor-scroller {
        padding: 1rem;
    }
}

.color-picker {
    border: 0;
    padding: 0;
    height: 36px !important;
    min-width: 60px;
    width: fit-content;
}

.color-picker:not(:disabled) {
    cursor: pointer;
}

input[type="color"]::-webkit-color-swatch-wrapper {
    padding: 0;
}
input[type="color"]::-webkit-color-swatch {
    border-radius: var(--witbe-border-radius-container);
    border: 1px solid #dfe5ea;
}

.DragNDrop-dragging {
    opacity: 0;
}

:root {
    --GridButtons-gap: 10px;
    --GridButtons-item-w: 200px;
    --GridButtons-item-h: 54px;
    --GridButtons-item-pd: 10px;
    --GridButtons-item-rd: 4px;
    --GridButtons-item-bg: gray;
    --GridButtons-item-gap: var(--GridButtons-gap);
    --GridButtons-item-color: #111;
    --GridButtons-itemSelected-color: #fff;
    --GridButtons-itemSelected-bg: dodgerblue;
}

.GridButtons {
    display: flex;
    outline: 0;
    max-height: 100%;
    flex-direction: column;
}

.GridButtons-search {
    display: flex;
    margin-bottom: var(--witbe-padding);
}
.GridButtons-search:empty {
    display: none;
}
.GridButtons-grid {
    flex: 1;
    display: grid;
    grid-gap: var(--GridButtons-item-gap);
    grid-template-columns: repeat(auto-fill, minmax(var(--GridButtons-item-w), 1fr));
}

.GridButtons-placeholder {
    font-style: italic;
    opacity: .6;
}
.GridButtons-grid:not(:empty) + .GridButtons-placeholder,
.GridButtons:not(.read-only) .GridButtons-placeholder-novalue,
.GridButtons.read-only .GridButtons-placeholder-nothing {
    display: none;
}

.GridButtons-item {
    display: flex;
    align-items: center;
    height: var(--GridButtons-item-h);
    color: var(--GridButtons-item-color);
    border: 0;
    padding: 0 var(--GridButtons-item-pd);
    text-align: left;
    border-radius: var(--GridButtons-item-rd);
    background-color: var(--GridButtons-item-bg);
    cursor: pointer;
    user-select: none;
    transition: .2s;
    transition-property: color, background-color;
}
.GridButtons-item:focus {
    z-index: 1;
    outline: 0;
    box-shadow: 0 0 0 .1875rem #25667a50;
}
.GridButtons-item:not(.readOnly).selected {
    color: var(--GridButtons-itemSelected-color);
    background-color: var(--GridButtons-itemSelected-bg);
}
.GridButtons.read-only .GridButtons-item {
    cursor: default;
}

.GridButtons-item:disabled {
    opacity: 0.45;
    cursor: not-allowed;
}

.GridButtons-itemImg {
    width: 32px;
    height: 32px;
    min-width: 32px;
    margin-right: 8px;
    background: no-repeat center;
    background-size: contain;
}
.GridButtons-itemInfo {
    overflow: hidden;
}
.GridButtons-itemName,
.GridButtons-itemDesc {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.GridButtons-itemName {
    font-weight: bold;
}
.GridButtons-itemDesc {
    font-size: .8em;
    opacity: .8;
}

.GridButtons-searchInput {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
.GridButtons-contextButton {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.GridButtons-filters {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 4px;
}
.GridButtons-filters:empty {
    display: none;
}
.GridButtons-filters .tag {
    margin: 4px;
}
.GridButtons-filters .tag:first-child {
    margin-left: 0;
}
.GridButtons-filters .tag:last-child {
    margin-right: 0;
}

:root {
    --BraceTextarea-multilines-height: 80px;
    --BraceTextarea-tag-bg: #ccc;
    --BraceTextarea-tag-color: #000;
    --BraceTextarea-popupItem-color: inherit;
    --BraceTextarea-popupItem-fontSize: 1.2em;
    --BraceTextarea-popupItemSelected-bg: #558;
    --BraceTextarea-popupItemSelected-color: #fff;
}

.BraceTextarea {
    position: relative;
    font-family: sans-serif;
}
.BraceTextarea-multilines > .BraceTextarea-inner {
    height: var(--BraceTextarea-multilines-height);
}

.BraceTextarea-input {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    opacity: 0;
}

.BraceTextarea-inner {
    position: relative;
    cursor: text;
    min-height: 1em;
    overflow-x: hidden;
    padding: .5em;
}

.BraceTextarea:not(.BraceTextarea-multilines) .BraceTextarea-inner {
    white-space: nowrap;
    overflow: -moz-scrollbars-none;
    -ms-overflow-style: none;
}
.BraceTextarea:not(.BraceTextarea-multilines) pre::-webkit-scrollbar {
    display: none;
}

.BraceTextarea-inner pre {
    flex: 1;
    margin: 0;
    font: inherit;
}
.BraceTextarea-multilines .BraceTextarea-inner pre {
    white-space: pre-wrap;
    word-wrap: break-word;
    height: 100%;
}
.BraceTextarea-inner code {
    font-weight: bold;
    color: var(--BraceTextarea-tag-color);
    background-color: var(--BraceTextarea-tag-bg);
}

#BraceTextarea-popup {
    position: absolute;
    z-index: 2147483647;
    top: 0;
    left: 0;
    padding: .5em;
    border-radius: 4px;
    font-size: var(--BraceTextarea-popupItem-fontSize);
    background-color: #fff;
    box-shadow: 0 4px 6px 0 rgba(0, 0, 0, .25);
    transition: .2s;
    transition-property: opacity, visibility;
}
#BraceTextarea-popup.hidden {
    opacity: 0;
    visibility: hidden;
}
#BraceTextarea-popupList span {
    display: block;
    cursor: pointer;
    color: var(--BraceTextarea-popupItem-color);
}
#BraceTextarea-popupList .selected {
    background-color: var(--BraceTextarea-popupItemSelected-bg);
    --BraceTextarea-popupItem-color: var(--BraceTextarea-popupItemSelected-color);
}

:root {
    --CustomProperties-row-gap: 8px;
    --CustomProperties-row-height: 36px;
    --CustomProperties-head-height: 28px;
    --CustomProperties-lastCell-width: 48px;
    --CustomProperties-rowReorder-width: 24px;
}

.CustomProperties {
    position: relative;
    display: flex;
    flex-direction: column;
}

/* .......................................................................... */
.CustomProperties-head {
    position: relative;
    overflow: hidden;
    height: var(--CustomProperties-head-height);
    min-height: var(--CustomProperties-head-height);
}
.CustomProperties-headScroll {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    overflow-x: scroll;
    overflow-y: hidden;
    padding-left: 3px;
    scrollbar-width: none;
}
.CustomProperties-headScroll::-webkit-scrollbar {
    display: none;
}
.CustomProperties-reordering .CustomProperties-headScroll {
    padding-left: var(--CustomProperties-rowReorder-width);
}
.CustomProperties-label {
    display: flex;
    align-items: center;
    min-width: 120px;
    padding-left: 2px;
}
.CustomProperties-preventEdit .CustomProperties-labelBtn {
    pointer-events: none;
}

/* .......................................................................... */
.CustomProperties-head button {
    border: 0;
    padding: 0;
    cursor: pointer;
    background: none;
    transition: .1s color;
}
.CustomProperties-head button:focus,
.CustomProperties-head button:hover {
    color: dodgerblue;
}
.CustomProperties-labelBtn {
    display: inline;
    overflow: hidden;
    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.CustomProperties-labelRmBtn {
    width: 20px;
}
.CustomProperties-labelRmBtn svg {
    pointer-events: none;
}

/* .......................................................................... */
.CustomProperties-lastLabel {
    width: var(--CustomProperties-lastCell-width);
    min-width: var(--CustomProperties-lastCell-width);
}
.CustomProperties-lastLabel .CustomProperties-labelBtn {
    width: 100%;
    height: 100%;
    cursor: pointer;
}

/* .......................................................................... */
.CustomProperties-deleteBtn {
    height: 100%;
    cursor: pointer;
}

/* .......................................................................... */
.CustomProperties-add {
    display: flex;
    margin-top: var(--CustomProperties-row-gap);
}

/* .......................................................................... */
.CustomProperties-rows {
    overflow: auto;
    position: relative;
    padding-top: 3px;
}
.CustomProperties-rowsPlaceholder {
    opacity: .6;
}
.CustomProperties-empty .CustomProperties-head,
.CustomProperties:not(.CustomProperties-empty) .CustomProperties-rowsPlaceholder {
    display: none;
}

/* .......................................................................... */
.CustomProperties-row {
    display: inline-flex;
    position: relative;
    min-width: 100%;
    padding: 4px;
}
.CustomProperties-rowDeleted {
    background-color: #df5a49;
}
.CustomProperties-reordering .CustomProperties-row {
    padding-left: 0;
}

.CustomProperties-rowCell {
    display: flex;
    position: relative;
    justify-content: center;
    box-sizing: border-box;
    min-width: 120px;
}
.CustomProperties-label + .CustomProperties-label,
.CustomProperties-rowCell + .CustomProperties-rowCell {
    margin-left: var(--CustomProperties-row-gap);
}
.CustomProperties-lastCell {
    width: var(--CustomProperties-lastCell-width);
    min-width: var(--CustomProperties-lastCell-width);
}

.CustomProperties-select {
    position: absolute;
    z-index: 1;
}

/* .......................................................................... */
.CustomProperties-rowReorder {
    display: flex;
    flex-direction: column;
    width: var(--CustomProperties-rowReorder-width);
    min-width: var(--CustomProperties-rowReorder-width);
    opacity: .4;
}
.CustomProperties-rowReorder button {
    flex: 1;
    border: 0;
    padding: 0;
    outline: 0;
    cursor: pointer;
    background: none;
}
.CustomProperties-rowReorder svg {
    pointer-events: none;
}

/* .......................................................................... */
.CustomProperties .image-upload {
    width: 100%;
    height: 100%;
    min-width: auto;
    max-height: auto;
}

/* .......................................................................... */
.CustomProperties-img {
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.CustomProperties-img-placeholder {
    font-size: 22px;
    opacity: .4;
}
.CustomProperties-img[style]:not([style='']) .CustomProperties-img-placeholder {
    display: none;
}
.CustomProperties-input.CustomProperties-input { /* 1. */
    width: 100%;
    height: 100%;
    min-width: 0;
    font-size: inherit;
    box-sizing: border-box;
}

/*
1. Why the additionnal `.CustomProperties-input` filter in the selector?
   To overwrite somethings like `body input{...}`.
*/

.tag {
    display: flex;
    align-items: center;
    padding: 0 .8em;
    font-size: 1rem;
    border-radius: 13px;
    height: 28px;
    background-color: #c8e2f5;
    color: #333;
    border: 1px solid transparent;
    animation: tagAnim .3s ease 1;
}
.tag:focus {
    outline: 0;
}

.tag-pic {
    max-height: 20px;
    max-width: 40px;
}

.tag-ico {
    margin-right: .5em;
}

.tag.clickable {
    cursor: pointer;
}
.tag.clickable:focus {
    border-color: var(--color-darkblue);
    box-shadow: 0 0 0 .1875rem #25667a50;
}

.tag.limited > .tag-text {
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 84px;
    overflow: hidden;
}

.tag.limited:focus > .tag-text,
.tag.limited:hover > .tag-text {
    max-width: unset;
}

@keyframes tagAnim {
    0% {
        transform: scale(.7);
    }
    60% {
        transform: scale(1.2);
    }
    100% {
        transform: scale(1);
    }
}

.header {
    display: flex;
    width: 100%;
    padding: calc(var(--witbe-padding) * 2);
    padding-bottom: 0;
    border-bottom: 1px solid var(--witbe-border-color);
    flex-wrap: wrap;
}

#header-form {
    display: grid;
    grid-gap: 1em;
    grid-auto-flow: column;
    align-items: flex-start;
    flex: 1;
}

#header-content {
    display: flex;
    max-width: calc(800px + (var(--witbe-padding) * 2));
    width: calc(800px + (var(--witbe-padding) * 2));
    margin-bottom: var(--witbe-padding);
    margin-right: var(--witbe-padding);
}
#header-content > * + #header-form {
    margin-left: 10px;
}

#header-actionbar {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    justify-self: flex-end;
    margin-bottom: var(--witbe-padding);
}
#header-actionbar > button:not(:last-child) {
    margin-right: var(--witbe-margin);
}

#header-locked-text {
    color: var(--color-red);
}
#header-locked-text > svg {
    margin-right: 4px;
}

.radio-button {
    all: unset;
    display: inline-flex;
    position: relative;
    color: var(--color-black);
    height: 1em;
    width: 1em;
    border-radius: 50px;
    outline: none;
    justify-content: center;
    align-items: center;
    border: 1px solid var(--witbe-border-color);
    box-sizing: border-box;
}

.radio-button:not(:disabled) {
    cursor: pointer;
}

.radio-button:checked {
    border-color: var(--color-darkblue);
    border-width: .3em;
}

.switch-button {
    all: unset;
    display: flex;
    width: fit-content;
    align-items: center;
    outline: 0;
}
.switch-button:focus {
    outline: 0;
}
.switch-button:not(.read-only) {
    cursor: pointer;
    user-select: none;
}

.switch-button-toggle {
    color: var(--color-darkblue);
    font-size: 1.5em;
}
.switch-button-toggle.reversed {
    transform: rotate(180deg);
}

.card-item {
    display: flex;
    justify-content: center;
    flex-direction: column;
    background-color: var(--witbe-elem-background-color-dark);
    border-radius: var(--witbe-border-radius-container);
    padding: 0 var(--witbe-padding);
    border: 1px solid transparent;
    transition:
        color var(--witbe-transition-time) ease-in-out,
        border-color var(--witbe-transition-time) ease-in-out,
        background-color var(--witbe-transition-time) ease-in-out;
}
.card-item.new {
    min-height: 68px;
    width: 100%;
}
.card-item:focus {
    outline: 0;
}
.card-item.selected {
    color: white;
    background-color: var(--color-darkblue);
}
.card-item.disabled {
    background-color: var(--color-lightred);
}

.card-item:not(.disabled):not(.readOnly):hover {
    cursor: pointer;
}
.card-item:not(.selected):not(.disabled):not(.readOnly):hover {
    background-color: var(--witbe-elem-background-color-light);
}

.card-item-template-error {
    font-size: .85em;
    opacity: .8;
}

.card-item .badge {
    font-size: .8rem;
}

.card-item-img {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 50px;
    width: 50px;
    height: 50px;
    min-width: 50px;
    margin-right: 10px;
    border-radius: 3px;
    background: no-repeat center;
    background-size: contain;
    transition: fill .2s;
}
.card-item.selected .card-item-img {
    fill: white;
}

.card-item-content + *:not(.card-item-menu) {
    margin-top: 10px;
}

.card-item:hover  .card-item-content + *:not(.card-item-menu) {
    max-width: calc(100% - 36px - 4px + 4px);
}

.card-item-content {
    max-width: 100%;
    align-items: center;
}
.card-item-texts {
    overflow: hidden;
    width: 100%;
}

.card-item-title {
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: initial;
    white-space: nowrap;
    font-weight: bold;
    font-size: 18px;
}

.card-item-desc {
    font-size: .9rem;
    line-height: 1.6em;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.card-item-menu {
    position: absolute !important;
    right: 4px;
    bottom: 4px;
}
.card-item:not(:hover) .card-item-menu:not(:focus-within) {
    display: none;
}

.card-item-lock {
    all: unset;
    display: flex;
    align-items: center;
    position: absolute;
    outline: 0;
    top: 4px;
    left: 4px;
    font-size: 1.5rem;
    color: var(--color-red);
}
.card-item-lock-owner {
    visibility: hidden;
    font-size: .9em;
}
.card-item-lock:focus {
    outline: 0;
}
.card-item-lock:hover .card-item-lock-owner,
.card-item-lock:focus .card-item-lock-owner {
    visibility: visible;
}

.card-item-context {
    padding: 0;
    min-width: 36px;
    min-height: 36px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    font-size: inherit;
}
.card-item-context:focus {
    outline: 0;
}

@media only screen and (max-device-width : 1024px) {
    /* Show context menu button in card items when on mobile or Ipad */
    .card-item-menu {
        display: flex !important;
    }
}

.search-bar {
    display: flex;
    align-items: center;
    position: relative;
    flex: 1 0;
}
.search-bar-icon {
    position: absolute;
    pointer-events: none;
    font-size: 1rem;
    z-index: 1;
    left: .5em;
    opacity: .4;
    transition: opacity .1s;
}
.search-bar-input {
    border-color: var(--witbe-border-color);
    line-height: unset;
    border-radius: var(--witbe-border-radius-input);
    padding-left: 1.8em;
}
.search-bar-input:focus {
    border-color: var(--color-darkblue);
}
.search-bar-input:focus + .search-bar-icon {
    opacity: 1;
}

.collapsible.short .collapsible-title {
    display: flex;
    align-items: center;
    border-bottom: 0;
    width: fit-content;
    font-size: 1.1rem;
    justify-content: flex-start;
}

.collapsible:not(.short) + .collapsible:not(.short) {
    margin-top: var(--witbe-container-gap);
}

.collapsible-container {
    display: grid;
    height: fit-content;
    grid-gap: var(--witbe-subcontainer-gap);
    padding: var(--witbe-padding);
    padding-right: 0;
}
.collapsible-container > label {
    min-width: 100%;
}
.collapsible-title {
    flex: 1;
    display: flex;
    border-bottom: 1px solid var(--witbe-border-color);
    cursor: pointer;
    justify-content: space-between;
}
.collapsible-title-text {
    font-size: 1.3rem;
    font-weight: bold;
    font-family: var(--font-title);
}
.collapsible-title:focus {
    outline: 0;
    user-select: none;
}
.collapsible-title::-webkit-details-marker {
    display: none
}

.collapsible-chevron {
    font-size: .8rem;
    transition: transform .2s;
    transform: rotate(-90deg);
    margin-left: .5rem;
}
details:not([open]).collapsible .collapsible-chevron {
    transform: rotate(0deg);
}

details[open] summary ~ * {
    animation: collapsible .2s ease-in-out;
}


@keyframes collapsible {
    0% {opacity: 0; margin-left: -10px}
    100% {opacity: 1; margin-left: 0px}
}

*[data-theme='Light'] {
    --navBar-button-toggle: var(--wds-button-toggled-color);
    --navBar-background-button-toggle: var(--wds-nav-backgroundColor)

}
*[data-theme='Dark'] {
    --navBar-button-toggle: var(--wds-nav-backgroundColor);
    --navBar-background-button-toggle: var(--wds-button-toggled-color);

}

#NavBar-witbeBtn {
    pointer-events: none;
}

#nav-menu {
    display: grid;
    overflow: hidden;
    grid-auto-flow: column;
    width: 100%;
    line-height: 36px;
    margin-bottom: 6px;
    border-radius: var(--witbe-border-radius-container);
    background-color: white;
    transition: background-color .2s;
}

.nav-item {
    text-align: center;
    white-space: nowrap;
    text-decoration: none;
}
.nav-item + .nav-item {
    margin-left: 6px;
}
.nav-item.current {
    color: white;
    font-weight: bold;
    background-color: var(--color-blue);
}
.nav-item:not(.current) {
    overflow: hidden;
    text-overflow: ellipsis;
}

#NavBar.mobile {
    display: none;
}

.toggle-button {
    all: unset;
    justify-self: flex-start;
    align-items: center;
}
.toggle-button:focus {
    outline: 0;
}

.toggle-button:not(.read-only) {
    cursor: pointer;
    user-select: none;
}

.toggle-button-icon {
    color: var(--color-darkblue);
    font-size: 1.5em;
}

.field-tags {
    display: flex;
    flex-direction: column;
}

.field-tags-header {
    display: none;
    grid-gap: 8px;
}
.field-tags.editing > .field-tags-header {
    display: grid;
}

.field-tags.noOptions > .field-tags-header {
    grid-template-columns: 1fr auto;
}

.field-tags-content{
    display: flex;
    flex-wrap: wrap;
}

.field-tags-content > .tag {
    margin-top: 5px;
}
.field-tags-content > .tag + .tag {
    margin-left: 4px;
}

.field-tags-tag-unknown {
    background-color: var(--color-lightred);
}
.field-tags-tag-unknown-icon {
    margin-left: .5rem;
    color: var(--color-red);
}

.field-tags-value-unknown {
    margin-top: .3rem;
}

.popup-container {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: 99;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .9);
    border-radius: var(--witbe-border-radius-container);
}

.popup {
    display: flex;
    flex-direction: column;
    border-radius: var(--witbe-border-radius-container);
    background-color: var(--witbe-foreground-color);
    position: relative;
    min-width: 350px;
}

.popup-header {
    display: flex;
    padding: 12px;
    align-items: center;
    font-weight: bold;
    font-size: 18px;
}
.popup-header-icon {
    max-height: 48px;
    margin-right: var(--witbe-margin);
}
.popup-content {
    display: grid;
    grid-gap: var(--witbe-subcontainer-gap);
    padding: 24px;
    padding-top: 0;
}
.popup-footer {
    display: grid;
    grid-auto-flow: column;
    align-items: center;
    justify-content: space-between;
    background-color: #f1f1f1;
    padding: var(--witbe-padding);
    grid-gap: var(--witbe-subcontainer-gap);
}

.export-popup-label{
    display: flex;
    flex-direction: row;
    margin-top:5px;
}

.export-popup-label span {
    margin-left : 5px;
}

.informations {
    display: flex;
    background-color: var(--witbe-elem-background-color-dark);
    padding: .7rem;
    position: relative;
}
.informations.warning {
    background-color: var(--witbe-warning-status-background-color);
}

.informations-icon {
    margin-right: .5rem;
    color: var(--color-darkblue);
}
.informations-icon.warning {
    color: var(--witbe-warning-icon-color);
}

.informations-content {
    flex: 1;
}

.datalist-wrapper {
    position: relative;
}
.datalist-optionsWrap {
    z-index: 100;
    position: absolute;
    top: 100%;
    width: 100%;
    max-height: calc((5 * 36px) + 2px);
    margin-top: .5em;
    pointer-events: none;
    transition: visibility .2s;
    visibility: hidden;
}
.datalist-options {
    position: relative;
    display: grid;
    overflow: auto;
    height: 100%;
    max-height: inherit;
    border: 1px solid #c7d1da;
    border-radius: 3px;
    pointer-events: initial;
    background-color: white;
}
.datalist-options:focus {
    outline: 0;
    border-color: #25667a;
    box-shadow: 0 0 0 0.1875rem #25667a50;
}
.datalist-wrapper:focus-within .datalist-optionsWrap {
    visibility: visible;
}

.datalist-option {
    all: unset;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 0 .5em;
    max-height: 36px;
    height: 36px;
    width: 100%;
    box-sizing: border-box;
    line-height: 36px;
    overflow: hidden;
    z-index: 150;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 1rem;
    cursor: pointer;
}
.datalist-option:disabled {
    color: #999;
    background-color: #dfe5ea;
    cursor: not-allowed;
}

.datalist-option:focus {
    outline: 0;
}
.datalist-option.active {
    background-color: #d6e4ef;
}
.datalist-option:not(:disabled):not(.active):focus,
.datalist-option:not(:disabled):not(.active):hover {
    background-color: #f3f3f3;
}
.datalist-option.active:focus,
.datalist-option.active:hover {
    background-color: #c7d1da;
}

.datalist-option-label {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.datalist-option-type {
    margin-left: auto;
    opacity: .7;
    font-size: .875rem;
}

.datalist-delete {
    all: unset;
}

.datalist-input {
    padding-right: 36px;
}

.datalist-caret,
.datalist-delete {
    position: absolute;
    top: 50%;
    right: 12px;
    margin-top: -.5em;
    opacity: .7;
}
.datalist-delete:focus {
    outline: 0;
}
.datalist-input:focus + .datalist-delete {
    opacity: .6;
}

.datalist-caret {
    right: 11px;
}

.datalist-option-picture {
    height: auto;
    width: auto;
    max-width: 50px;
    max-height: 30px;
}

.datalist-show-more {
    all: unset;
    text-align: center;
    color: #0071eb;
    text-decoration: underline;
    cursor: pointer;
}

.error-container {
    height: 100%;
    width: 100%;
    padding: 5%;
    border-radius: var(--witbe-border-radius-container);
    background-color: var(--witbe-foreground-color);
    justify-content: center;
}

.error-exception {
    margin-top: 6px;
    max-height: 160px;
    overflow: auto;
    align-self: center;
    background-color: var(--color-lightred);
    padding: 8px;
}

.error-image {
    max-height: 400px;
}
.error-title {
    font-size: 28px;
    font-weight: bold;
    margin: var(--witbe-margin) 0 0 0;
    text-align: center;
}
.error-refresh {
    align-self: center;
    margin-top: 8px;
}

.checkbox-container {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    user-select: none;
    width: 18px;
    height: 18px;
    transition: background-color .2s, border-color .2s;
    color: white;
    border: 1px solid #dfe5ea;
    border-radius: 1px;
}
.checkbox-container:not(.disabled).checked {
    background-color: var(--color-darkblue);
    border-color: var(--color-darkblue);
}
.checkbox-container.disabled {
    color: #999;
    cursor: not-allowed;
    background-color: var(--witbe-input-disabled-background-color);
}
.checkbox-container:not(.disabled):not(.readOnly) {
    cursor: pointer;
}

.checkbox-container input {
    position: absolute;
    visibility: hidden;
    width: 100%;
    height: 100%;
    margin: 0;
}

.checkbox-checkmark {
    font-size: 10px;
}

#sidebar {
    display: flex;
    flex-direction: column;
    flex: 1 1;
    width: 100%;
    margin: 0;
    border-radius: var(--witbe-border-radius-container);
    background-color: var(--witbe-foreground-color);
    max-height: 100%;
    padding-top: var(--witbe-padding);
}

/* Filters */
#sidebar-filters {
    display: flex;
    padding: 0 var(--witbe-padding);
    padding-top: calc(var(--witbe-padding) / 2);
    flex-wrap: wrap;
}
#sidebar-filters:empty {
    display: none;
}

#sidebar-filters .tag + .tag {
    margin-left: 4px;
}

/* Footer */
#sidebar-footer {
    border-top: 1px solid var(--witbe-border-color);
    padding: var(--witbe-margin);
}

.card-item.new + #sidebar-add-button {
    margin-top: .5rem;
}

#sidebar-add-button {
    justify-self: auto;
}

/* Panel */
#sidebar-panel {
    display: flex;
    padding: 0 var(--witbe-padding);
    width: 100%;
    height: 36px;
}
#sidebar-panel-searchbar {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
#sidebar-panel .refresh-button {
    border: 0;
    border-radius: 0;
}
#sidebar-context {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

/* List */
#sidebar-list {
    max-width: 100%;
    width: 100%;
    outline: 0;
    flex: 1;
    padding-left: var(--witbe-padding);
    padding-top: var(--witbe-padding);
    margin: 0;
}
#sidebar-list.sidebar-loader {
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    font-size: 1.1em;
    padding-right: var(--witbe-padding);
}

#sidebar-list > .card-item + .card-list-error  {
    display: none;
}

#sidebar-list-noItems {
    font-size: 1.1em;
}
#sidebar-list-noItems:first-letter {
    text-transform: uppercase;
}

#sidebar-footer:empty {
    display: none;
}

#sidebar-banner {
    padding: calc(var(--witbe-padding) * 0.8);
    font-size: .9em;
    margin: var(--witbe-padding);
    margin-bottom: 0;
}

#sidebar-empty-link {
    all: unset;
    color: #0071eb;
    text-decoration: underline;
    cursor: pointer;
    font-size: .85em;
    margin-top: .2em;
    width: fit-content;
}

#sidebar-placeholder {
    height: 100%;
    margin-right: var(--witbe-padding);
    justify-content: center;
    align-items: center;
}

.sidebar-filter {
    margin: .4em;
    margin-top: 0;
}

#sidebar-list-loader {
    font-size: 48px;
    margin-bottom: .2em;
}

#debugPanel {
    margin: var(--witbe-padding) var(--witbe-padding) 0 var(--witbe-padding);
    border: 1px solid var(--witbe-border-color);
    border-radius: 3px;
    max-height: 200px;
    overflow: auto;
}

#debugPanel-content {
    padding: 0 var(--witbe-padding) var(--witbe-padding) var(--witbe-padding);
}

#debugPanel-sections {
    width: 100%;
    grid-template-columns: 1fr 1fr 1fr;
    padding: var(--witbe-padding);
}

.debugPanel-item {
    all: unset;
    background-color: var(--witbe-elem-background-color-dark);
    padding: 4px;
    cursor: pointer;
    transition: .2s background-color, .2s color;
    font-size: .9rem;
}
.debugPanel-item:focus {
    background-color: var(--color-darkblue);
    color: white;
}

.file-input {
    background-color: var(--color-darkblue);
    width: fit-content;
    min-height: 36px;
    max-width: 250px;
    padding: 0 1em;
    color: white;
    border-radius: var(--witbe-border-radius-input);
    position: relative;
    grid-gap: .8em;
    cursor: pointer;
}

.file-input-selected-file {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.file-input-input {
    /*
    * Trick to hide a input of type file inside a button
    * Make the button's position relative and the input absolute
    * make sure you set opacity of the input to 0
    * And set its width to 100% of its parent.
    * The button is now a fake input file !
    */
    display: none;
    visibility: hidden;
}

.Pane1:empty {
    display: none;
}
.Pane1:empty + .Resizer {
    display: none;
}
.SplitPane {
    height: 100%;
    width: 100%;
    position: relative !important;
}

.Resizer {
    z-index: 1;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background-clip: padding-box;
    -moz-background-clip: padding;
    -webkit-background-clip: padding;
}

.Resizer.vertical {
    min-width: 10px;
    cursor: col-resize;
}

.Pane {
    display: flex;
    flex-direction: column;
    height: 100%;
    border-radius: var(--witbe-border-radius-container);
    background-color: var(--witbe-foreground-color);
    justify-content: center;
    align-items: center;
}

.badge {
    display: flex;
    align-items: center;
    width: fit-content;
    padding: .4em .6em;
    font-size: .85rem;
    border-radius: var(--witbe-border-radius-container);
    background-color: var(--witbe-elem-background-color-light);
}
.badge:not(.opaque) {
    font-weight: 900;
}

.badge-content {
    display: flex;
    align-items: center;
    white-space: nowrap;
}

.badge-content > *:not(:first-child),
.badge > *:not(:first-child) {
    margin-left: .3em;
}

.badge.large {
    height: fit-content !important;
    padding: .6em .9em;
}
.badge.large > *:not(:first-child) {
    margin-left: .6em;
}
.badge.large .badge-icon {
    font-size: 1.2em;
}

.badge.warning,
.badge.valid,
.badge.danger,
.badge.info {
    color: white;
}

.badge.warning {
    background-color: var(--witbe-warning-badge-background-color);
}
.badge.valid {
    background-color: var(--witbe-valid-badge-background-color);
}
.badge.danger {
    background-color: var(--witbe-danger-badge-background-color);
}
.badge.info {
    background-color: var(--witbe-info-badge-background-color);
}

.badge.opaque.warning,
.badge.opaque.valid,
.badge.opaque.danger,
.badge.opaque.info {
    color: inherit;
}

.badge.opaque.warning {
    background-color: var(--witbe-warning-status-background-color);
}
.badge.opaque.warning .badge-icon {
    color: var(--witbe-warning-icon-color);
}

.badge.opaque.valid {
    background-color: var(--witbe-valid-status-background-color);
}
.badge.opaque.valid .badge-icon {
    color: var(--witbe-valid-icon-color);
}

.badge.opaque.danger {
    background-color: var(--witbe-danger-status-background-color);
}
.badge.opaque.danger .badge-icon {
    color: var(--witbe-danger-icon-color);
}

.badge.opaque.info {
    background-color: var(--witbe-info-status-background-color);
}
.badge.opaque.info .badge-icon {
    color: var(--witbe-info-icon-color);
}

.witbe-loader {
    max-width: 19px;
    max-height: 19px;
    color: inherit;
}

.action-button {
    display: flex;
    align-items: center;
}

.action-button.disabled .witbe-loader {
    fill: #999;
}

.add-button {
    display: flex;
    align-items: center;
    justify-self: flex-start;
    justify-content: center;
    padding-top: 0;
    padding-bottom: 0;
    max-width: unset;
    max-height: 36px;
    min-height: 36px;
    border: 1px solid var(--color-darkblue);
    background-color: var(--witbe-foreground-color);
}
.add-button:focus,
.add-button:hover {
    color: white;
    background-color: var(--color-darkblue);
}

.image-upload {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    max-height: 57px;
    min-width: 57px;
    height: 57px;
    width: 57px;
    background: no-repeat center;
    background-size: contain;
    border: 1px solid transparent;
    border-radius: var(--witbe-border-radius-container);
    transition: var(--witbe-transition-time);
    transition-property: border-color, background-color;
    overflow: hidden;
    position: relative;
}
.image-upload:not(.disabled) {
    border-color: #dfe5ea;
}
.image-upload.disabled.empty {
    background-color: var(--witbe-input-disabled-background-color);
}

.image-upload-input {
    display: none;
    visibility: hidden;
}

.image-upload-loader {
    position: absolute;
    font-size: 28px;
    opacity: .8;
}

.image-upload-change {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: .8rem;
    width: 100%;
    height: 100%;
    padding: 4px;
    color: white;
    font-weight: bold;
    background-color: rgba(0, 0, 0, .75);
    transition: inherit;
    transition-property: opacity;
    opacity: 0;
    cursor: pointer;
    border: 0;
    z-index: 2;
}
.image-upload-change svg {
    margin: 0;
}
.image-upload-change:focus {
    outline: 0;
}
.image-upload:hover .image-upload-change {
    opacity: 1;
}

[data-theme='Light'] {
    --LinkCard-color: var(--text-light-grey-900-60);
    --LinkCard-title-color: var(--text-light-grey-900-87);
    --LinkCard-details-color: var(--text-light-grey-900-60);
    --LinkCard-svg-color: var(--text-light-grey-900-30);
    --LinkCard-background-color: #FFFFFF;
    --LinkCard-hover-border-color: var(--cyan-200);
    --LinkCard-default-picture-color: var(--grey-100);
}
[data-theme='Dark'] {
    --LinkCard-color: var(--text-light-white-60);
    --LinkCard-title-color: var(--text-light-white-87);
    --LinkCard-details-color: var(--text-light-white-60);
    --LinkCard-svg-color: var(--text-light-white-30);
    --LinkCard-background-color: var(--dark-grey-700);
    --LinkCard-hover-border-color: var(--dark-grey-500);
    --LinkCard-default-picture-color: var(--dark-grey-600);
}

.LinkCard{
    display: flex;
    text-decoration: none;
    flex-direction: row;
    justify-content: space-between;
    padding: 16px;
    width: 328px;
    background: var(--LinkCard-background-color);
    border: 3px solid var(--LinkCard-background-color);
    box-sizing: border-box;
    border-radius: 10px;
    transition: border 0.2s;
}

.LinkCard:hover {
    border: 3px solid var(--LinkCard-hover-border-color);
}

.LinkCard .LinkCard-details-canEllipse {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 142px;
}

.LinkCard.noStatus .LinkCard-details-canEllipse {
    max-width: 248px;
}

.LinkCard-body {
    height:auto;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    /*Hidding scrollBar for IE Edge and Firefox */
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
    flex: 1;
}

.LinkCard-body::-webkit-scrollbar {
    display: none;
}
.LinkCard-body .LinkCard-description{
    color:var(--LinkCard-color);
    font-size: 14px;
}

.LinkCard p{
    margin:0;
    padding:0;
    color:var(--LinkCard-color);
}

.LinkCard-title-wrapper {
    margin-bottom: 10px;
}

.LinkCard-default-picture {
    width: 26px;

}

.LinkCard-infos{
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}

.LinkCard-infos img,
.LinkCard-default-picture {
    width:26px;
    height:26px;
    margin-right: 10px;
}

.LinkCard-default-picture {
    background-color: var(--LinkCard-default-picture-color);
    border-radius: 6px;
}

.LinkCard-title{
    display: flex;
    align-items: flex-start;
}

.LinkCard-title p{
    font-size: 18px;
    font-weight: bold;
    overflow-wrap: anywhere;
    color: var(--LinkCard-title-color);
}

.LinkCard-details{
    margin-top: auto;
}

.LinkCard-details .LinkCard-details-items{
    display: flex;
    flex-direction: row;
    font-size: 14px;
    font-weight: 400;
    color:var(--LinkCard-color);
    align-items: center;
}

.LinkCard-details-items > svg {
    color: var(--LinkCard-svg-color);
}
.LinkCard-details-items > svg + p,
.LinkCard-details-items > .wds-tooltip + p {
    color: var(--LinkCard-details-color);
}

.LinkCard-details div p{
    margin-left: 6px;
}
.LinkCard-tag {
    background-color: var(--orange-300) !important;
    margin-right: 6px;
    text-transform: uppercase;
}

.LinkCard-tag.new{
    background-color: var(--cyan-300) !important;
}

.LinkCard-tag.rebooting{
    background-color: var(--cyan-300) !important;
}

.disabled .LinkCard-tag{
    background: var(--grey-200) !important;
}

.LinkCard.disabled{
    opacity: 30%;
    cursor: not-allowed;
    pointer-events: none;
}


a.LinkCard.cropped{
    overflow-y: auto;
    height: 110px;
    /*Hidding scrollBar for IE Edge and Firefox */
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */

}

a.LinkCard.cropped::-webkit-scrollbar {
    display: none;
}

.LinkCard-details svg {
    width: 14px;
}

.LinkCard-details [data-icon="circle-info"] {
    color: var(--homeRec-tooltip-icon);
}

.LinkCard-details-wrapper .LinkCard-details-item-container {
    flex: 1;
}

@media (max-width: 1000px) {
    .LinkCard {
        width: 100%;
    }
}

.GridLink{
    display: grid;
    gap: 10px 10px; /* row-gap column gap */
    margin-bottom: 42px;
}

@media screen and (max-width: 800px) {
    .GridLink{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
}

body, *[data-theme='Light'] {
    --timelineKey-backgroundcolor: #F3F5F8;
    --timelineKey-background-image: linear-gradient(99.53deg, rgba(0, 0, 0, 0) 27.54%, #FFFFFF 50%, rgba(0, 0, 0, 0) 73.4%);
    --timelineKey-divider-color: rgba(23, 23, 24, .15);
    --timelineKey-color: var(--timelineKey-divider-color);
    --timelineKey-color-animated: rgba(23, 23, 24, .3);

}
*[data-theme='Dark'] {
    --timelineKey-backgroundcolor: var(--dark-grey-700);
    --timelineKey-background-image: linear-gradient(99.53deg, rgba(0, 0, 0, 0) 15%, rgba(255, 255, 255, .05) 50%, rgba(0, 0, 0, 0) 85%);
    --timelineKey-divider-color: var(--dark-grey-700);
    --timelineKey-color: var(--text-dark-white-15);
    --timelineKey-color-animated: var(--text-dark-white-30);
}

.timelineKey:hover:not(.timelineKey-noCode) .timelineKey-actionsbutton,
.timelineKey:hover:not(.timelineKey-noCode) .timelineKey-grip,
.timelineKey:focus-within:not(.timelineKey-noCode) .timelineKey-actionsbutton,
.timelineKey:focus-within:not(.timelineKey-noCode) .timelineKey-grip {
    pointer-events: inherit;
    opacity: 1;
}

.timelineKey-wrapper {
    height: 46px;
    display: flex;
    flex-direction: row;
    gap: 16px;
    padding: 0px 10px;
    align-content: center;
    align-items: center;
    position: relative;
}

.timelineKey-grip {
    color: rgba(23, 23, 24, .6);
    pointer-events: none;
    opacity: 0;
}

.timelineKey-icons {
    display: flex;
    height: 100%;
    position: relative;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    z-index: 0;
}

.timelineKey-icons:hover {
    z-index: 2;
}

.timelineKey-icons-center {
    justify-content: center;
}

/*
 *  Divider
 *  the !important attributes will be removed
 *  with the next DS updates
 *  the classnames given to the Divider are set after the classnames of the Divider
*/
.timelineKey-divider {
    border-color: var(--timelineKey-divider-color) !important;
}

.timelineKey-divider-horizontal {
    width: 10px !important;
}

.timelineKey-divider-semi-vertical {
    height: 13px !important;
}
.timelineKey:first-child .timelineKey-divider-semi-vertical:first-child,
.timelineKey:not(:first-child):last-child .timelineKey-wrapper:only-child .timelineKey-divider-semi-vertical:last-child {
    visibility: hidden;
}
.timelineKey:last-child .timelineKey-wrapper + .timelineKey-wrapper .timelineKey-divider:first-child {
    align-self: flex-start;
    height: calc(50% + 1px);
}

.timelineKey-divider-horizontal {
    border-color: var(--timelineKey-divider-color) !important;
}

.timelineKey-icon-main {
    width: 16px;
    height: 16px;
    color: var(--timelineKey-color-animated);
}

.timelineKey-icon-main-edited {
    color: var(--cyan-500);
}

.timelineKey-icon-circle {
    color: var(--timelineKey-color);
}

.timelineKey-icon-spinnerthird {
    position: absolute;
    left: 0;
    top: 15px;
    animation: rotation 800ms infinite linear
}

.timelineKey-container-values {
    overflow: hidden;
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
    position: relative;
    width: 89px;
    height: 34px;
    border-radius: 6px;
    background: var(--timelineKey-backgroundcolor);
    z-index: 0;
    padding: 4px 10px 4px 4px;
}

.timelineKey-cycle-eye {
    width: 34px;
    height: 34px;
    position: absolute;
    z-index: 1;
    border-radius: 6px;
    background-image: var(--timelineKey-background-image);
    animation: ease-in-out 2400ms infinite running moveEye;
}

.timelineKey-key-edit {
    position: absolute !important;
    left: 76px
}

.timelineKey-value {
    width: 33px;
}

.timelineSubKey-value {
    width: 63px;
    height: 34px;
}

span.timelineKey-value {
    width: 49px;
    text-align: end;
}

span.timelineSubKey-value {
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
    align-items: flex-end;
}

.timelineKey-actionsbutton {
    pointer-events: none;
    opacity: 0; 
}


.timelineKey-inputnumber {
    width: 89px;
    height: 34px;
}

.timelineKey-inputnumber,
.timelineSubKey-inputnumber {
    padding: 0 2px !important;
}


/* Chrome, Safari, Edge, Opera */
.timelineKey-inputnumber::-webkit-outer-spin-button,
.timelineKey-inputnumber::-webkit-inner-spin-button,
.timelineSubKey-inputnumber::-webkit-outer-spin-button,
.timelineSubKey-inputnumber::-webkit-inner-spin-button {
    margin-left: 4px;
    text-align: end;
}

/* Firefox */
.timelineKey-inputnumber[type=number],
.timelineSubKey-inputnumber[type=number] {
    text-align: end;
}

.timelineKey-button-reset {
    margin: 0;
    padding: 0;
    border: none;
    background: none;
    width: 16px;
}

@keyframes moveEye {
    from {
        width: 34px;
        left: -34px;
    }
    to {
        width: 27px;
        left: 146px;
    }
}

@keyframes rotation {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(359deg);
    }
}

/* TO REMOVE LATER */
.timelineKey-hide {
    opacity: 0 !important;
}

/*****************************/
/*Embeded*/
#root.embedded #controlPanel-macros-stepA > div {
    margin-left: 26px;
}

#root.embedded .timelineKey-wrapper:first-child > div {
    margin-left: 16px;
}    

#root.embedded .timelineKey-wrapper:first-child > button {
    margin-left: 16px;
}
#root.embedded .timelineKey-wrapper:first-child > input {
    margin-left: 16px;
}

#root.embedded .timelineKey-icons > button {
    margin: 2px 0;
}

#root.embedded .timelineKey-wrapper.changed:first-child > div { 
    margin-left: 9px;
}
#root.embedded .timelineKey-wrapper.changed:first-child > button {
    margin-left: 9px;
}
#root.embedded .timelineKey-wrapper.changed:first-child > input {
    margin-left: 9px;
}

[data-theme='Light'] {
    --responsiveHeader-slidingMenu-btn-logout-color: var(--cyan-700);
}
[data-theme='Dark'] {
    --responsiveHeader-slidingMenu-btn-logout-color: var(--white);
}

#app-content:has(.controlPanel-remote.expandRemote) .ResponsiveHeader {
    display: none;
}

.ResponsiveHeader{
    display: none;
    padding: 6px 16px;
    position: sticky;
    top:0;
    z-index:12;
    background-color: var(--witbe-background-color);
}

.ResponsiveHeader .wds-button{
    order:1;
    margin-right:26px;
}

.ResponsiveHeader .wds-witbeLogo{
    order:3;
}

.ResponsiveHeader.button-right .wds-button{
    order:3;
    margin-left:26px;
    margin-right:0px;
}
.ResponsiveHeader.button-right .wds-witbeLogo{
    order:0;
    margin-left:0px;
    margin-right:26px;
}
.ResponsiveHeader.button-right h1.ResponsiveHeader-title{
    order:1;
}

.ResponsiveHeader h1.ResponsiveHeader-title{
    font-size: 21px;
    font-weight: 700;
    width:100%;
    order:2;
}

.ResponsiveHeader-menu-container .wds-button{
    margin-right: 26px;

}

#root .ResponsiveHeader-SlidingMenu.open .wds-button.Button-link-custom{
    color: white;
}

nav.ResponsiveHeader-SlidingMenu .top{
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
}

nav.ResponsiveHeader-SlidingMenu .top .wds-button{
    max-width: none !important; 
}

nav.ResponsiveHeader-SlidingMenu .wds-witbeLogo{
    display: none;
}

nav.ResponsiveHeader-SlidingMenu .menuButton {
    display: flex;
    flex-direction: row !important;
    gap: 11px;
    cursor:pointer;
    font-weight: 700;
    padding: 12px;
}

nav.ResponsiveHeader-SlidingMenu .menuButton p {
    margin:0;

}

nav.ResponsiveHeader-SlidingMenu .menuButton .wds-witbeLogo{
    display: block;
}

nav.ResponsiveHeader-SlidingMenu .bottom{
    display: flex;
    flex-direction: column;
    gap:16px;
    width:100%;
}

nav.ResponsiveHeader-SlidingMenu{
    width: 70vw;
    max-width: initial;
    min-height: initial;
    max-height: initial;
    height: 100%;
    position: fixed;
    padding:26px;
    top: 0;
    visibility: hidden;
    transform: translate(-110%);
    z-index: 998;
    transition: 1s;
    display: none;
    justify-content: space-between;
    align-items: center;
}

nav.ResponsiveHeader-SlidingMenu .navLink{
    display: flex;
    flex-direction: row-reverse;
    min-height: initial;
    max-height: initial;
    max-width: initial;
    border-radius: 6px;
    width: 100%;
    justify-content: flex-end;
    gap: 11px;
    padding:12px;
    background-color: inherit;

}

nav.ResponsiveHeader-SlidingMenu .navLink.active {
    background-color: white;
    color: var(--cyan-700)!important;
}

.ResponsiveHeader-SlidingMenu.open{
    transform: translate(0px);
    visibility: visible;
}

.ResponsiveHeader-SlidingMenu.open.right{
    transform: translate(0px);
    visibility: visible;
}

nav.ResponsiveHeader-SlidingMenu.right{
    right:0;
    transform: translate(110%);
}

.NavButton-children {
    display: flex;
    color: white;
    fill: white;
}

.ResponsiveHeader.mobile{
    display:flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}
nav.ResponsiveHeader-SlidingMenu.mobile{
    display: flex;
    flex-direction: column;
}


/* Really need to check why we need to do this... */
.ResponsiveHeader-SlidingMenu-btn-logout {
    color: var(--responsiveHeader-slidingMenu-btn-logout-color) !important;
}

@media screen and (max-width: 450px) {
/*TODO: find a better file to handle the vertical nav bar*/
    nav.Nav {
        display: none;
    }



/*TODO: Put directly in the  headerProct component in the design system*/
    .wds-headerProduct .wds-headerProduct-leftPanel-content-username{
        font-size:16px;
    }

    .wds-headerProduct h1.wds-headerProduct-leftPanel-content-productName{
        font-size:21px;
    }

    .wds-headerProduct .wds-headerProduct-logoWrapper{
        flex-direction: row;
        padding: 0;
        gap: 0px;
        margin: 16px 0;
    }

    .wds-headerProduct .wds-headerProduct-leftPanel-content{
        padding-bottom: 0px;
    }

    .wds-nav.ResponsiveHeader-SlidingMenu.open > .bottom > .wds-button {
        color: var(--wds-button-secondary-color);
    }
}

#resourcesCreationInfo {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
}

#resourcesCreationInfo .form-label {
    margin: 10px 10px 10px 0;
}

#resourcesCreationInfo div.form-label:nth-child(n+2) {
    margin-left: 10px; 
}

.notification-container-bottom-center,.notification-container-bottom-left,.notification-container-bottom-right,.notification-container-center,.notification-container-top-center,.notification-container-top-left,.notification-container-top-right{width:325px;position:absolute;pointer-events:all}.notification-container-bottom-center,.notification-container-center,.notification-container-top-center{display:flex;justify-content:center;align-items:center;flex-direction:column;left:calc(50% - 162.5px)}.notification-container-center{top:20px;height:100%;pointer-events:none}.notification-container-center .center-inner{width:325px;display:flex;justify-content:center;align-items:center;flex-direction:column;pointer-events:all}.notification-container-top-center{top:20px}.notification-container-bottom-center{bottom:20px}.notification-container-top-left{left:20px;top:20px}.notification-container-top-right{right:20px;top:20px}.notification-container-bottom-left{left:20px;bottom:20px}.notification-container-bottom-right{bottom:20px;right:20px}.notification-container-mobile-bottom,.notification-container-mobile-top{pointer-events:all;position:absolute}.notification-container-mobile-top{right:20px;left:20px;top:20px}.notification-container-mobile-bottom{right:20px;left:20px;bottom:20px;margin-bottom:-15px}.notification-default{border-left:8px solid #0562c7}.notification-default,.notification-default .timer{background-color:#007bff}.notification-default .timer-filler{background-color:#fff}.notification-default .notification-close{background-color:#007bff}.notification-success{border-left:8px solid #1f8838}.notification-success,.notification-success .timer{background-color:#28a745}.notification-success .timer-filler{background-color:#fff}.notification-success .notification-close{background-color:#28a745}.notification-danger{border-left:8px solid #bd1120}.notification-danger,.notification-danger .timer{background-color:#dc3545}.notification-danger .timer-filler{background-color:#fff}.notification-danger .notification-close{background-color:#dc3545}.notification-info{border-left:8px solid #138b9e}.notification-info,.notification-info .timer{background-color:#17a2b8}.notification-info .timer-filler{background-color:#fff}.notification-info .notification-close{background-color:#17a2b8}.notification-warning{border-left:8px solid #ce9c09}.notification-warning,.notification-warning .timer{background-color:#eab000}.notification-warning .timer-filler{background-color:#fff}.notification-warning .notification-close{background-color:#eab000}.notification-awesome{border-left:8px solid #4c3fb1}.notification-awesome,.notification-awesome .timer{background-color:#685dc3}.notification-awesome .timer-filler{background-color:#fff}.notification-awesome .notification-close{background-color:#685dc3}@keyframes timer{0%{width:100%}to{width:0}}.react-notification-root{position:fixed;z-index:9000;pointer-events:none;width:100%;height:100%}.notification-item{display:flex;position:relative;border-radius:3px;margin-bottom:15px;box-shadow:1px 3px 4px rgba(0,0,0,.2);cursor:pointer}.notification-item .timer{width:100%;margin-top:10px}.notification-item .timer,.notification-item .timer .timer-filler{height:3px;border-radius:5px}.notification-item .notification-title{color:#fff;font-weight:700;font-size:14px;margin-top:5px;margin-bottom:5px}.notification-item .notification-message{color:#fff;max-width:calc(100% - 15px);font-size:14px;line-height:150%;word-wrap:break-word;margin-bottom:0;margin-top:0}.notification-item .notification-content{padding:8px 15px;display:inline-block;width:100%}.notification-item .notification-close{width:18px;height:18px;border-radius:50%;display:inline-block;position:absolute;right:10px;top:10px}.notification-item .notification-close:after{content:"\D7";position:absolute;transform:translate(-50%,-50%);color:#fff;font-size:12px;left:50%;top:50%}.notification-container-mobile-bottom .notification-item,.notification-container-mobile-bottom .notification-parent,.notification-container-mobile-top .notification-item,.notification-container-mobile-top .notification-parent{max-width:100%;width:100%}.notification-container-bottom-right .notification-parent,.notification-container-top-right .notification-parent{margin-left:auto}.notification-container-bottom-left .notification-parent,.notification-container-top-left .notification-parent{margin-right:auto}.notification-container-mobile-bottom .notification-parent,.notification-container-mobile-top .notification-parent{margin-left:auto;margin-right:auto}
body {
    --grey-50: #F1F1F1;
    --grey-100: #E3E3E4;
    --grey-200: #C7C7C9;
    --grey-300: #ACACAF;
    --grey-400: #909094;
    --grey-500: #75757A;
    --grey-600: #5D5D61;
    --grey-700: #464649;
    --grey-800: #2E2E30;
    --grey-900: #171718;

    --cyan-50: #E9F1FF;
    --cyan-100: #D4E3FF;
    --cyan-200: #AAC8FF;
    --cyan-300: #7FACFF;
    --cyan-400: #5590FF;
    --cyan-500: #286CEB;
    --cyan-600: #005ABC;
    --cyan-700: #00438D;
    --cyan-800: #002D5E;
    --cyan-900: #00162F;

    --yellow-50: #FFF9E8;
    --yellow-100: #FFF3D3;
    --yellow-200: #FFE7A7;
    --yellow-300: #FFDB7C;
    --yellow-400: #FFCF50;
    --yellow-500: #FFC325;
    --yellow-600: #CC9C1D;
    --yellow-700: #997616;
    --yellow-800: #664D0E;
    --yellow-900: #33270B;

    --green-50: #E6FAEE;
    --green-100: #CFF5DE;
    --green-200: #9FEBBD;
    --green-300: #6FE09C;
    --green-400: #3FD67B;
    --green-500: #10CC5B;
    --green-600: #0CA348;
    --green-700: #097A36;
    --green-800: #065224;
    --green-900: #032912;

    --red-50: #FFEEEC;
    --red-100: #FFDEDA;
    --red-200: #FFBDB4;
    --red-300: #FF9C8F;
    --red-400: #FF7B6A;
    --red-500: #FF5B45;
    --red-600: #CC4837;
    --red-700: #993629;
    --red-800: #66241B;
    --red-900: #33120E;

    --purple-50: #EFEFFC;
    --purple-100: #E0E0FA;
    --purple-200: #C1C1F5;
    --purple-300: #A2A2F0;
    --purple-400: #8383EB;
    --purple-500: #6565E6;
    --purple-600: #5050B8;
    --purple-700: #3C3C8A;
    --purple-800: #28285C;
    --purple-900: #14142E;

    --orange-50: #FFF1E5;
    --orange-100: #FFE4CC;
    --orange-200: #FFC999;
    --orange-300: #FFAE66;
    --orange-400: #FF9333;
    --orange-500: #FF7900;
    --orange-600: #D06405;
    --orange-700: #A1500A;
    --orange-800: #713C10;
    --orange-900: #422815;

    --white: #FFFFFF;
    --black: #000000;
    --grey-0: #fff;

    --font-color: var(--grey-900);

    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 16px;
    color: var(--font-color);
}

body.dark {
    --grey-0: #000;
}

:root {
/* GREY */
  --dark-grey-050: #f3f5f7;
  --dark-grey-100: #d1d4db;
  --dark-grey-300: #a3a9b7;
  --dark-grey-200: #747f92;
  --dark-grey-400: #616776;
  --dark-grey-500: #535a69;
  --dark-grey-600: #444a56;
  --dark-grey-700: #313845;
  --dark-grey-800: #272b35;
  --dark-grey-900: #141923;
/* CYAN */
  --dark-cyan-050: #e9f1ff;
  --dark-cyan-100: #d4e3ff;
  --dark-cyan-200: #aac8ff;
  --dark-cyan-300: #7facff;
  --dark-cyan-400: #5590ff;
  --dark-cyan-500: #286ceb;
  --dark-cyan-600: #005abc;
  --dark-cyan-700: #00438d;
  --dark-cyan-800: #002d5e;
  --dark-cyan-900: #00162f;
  /* YELLOW */
  --dark-yellow-050: #fff9e8;
  --dark-yellow-100: #fff3d3;
  --dark-yellow-200: #ffe7a7;
  --dark-yellow-300: #ffdb7c;
  --dark-yellow-400: #ffcf50;
  --dark-yellow-500: #ffc325;
  --dark-yellow-600: #cc9c1d;
  --dark-yellow-700: #997616;
  --dark-yellow-800: #664d0e;
  --dark-yellow-900: #33270b;
/* GREEN */
  --dark-green-050: #e6faee;
  --dark-green-100: #cff5de;
  --dark-green-200: #9febbd;
  --dark-green-300: #6fe09c;
  --dark-green-400: #3fd67b;
  --dark-green-500: #10cc5b;
  --dark-green-600: #0ca348;
  --dark-green-700: #097a36;
  --dark-green-800: #065224;
  --dark-green-900: #032912;
/* RED */
  --dark-red-050: #ffeeec;
  --dark-red-100: #ffdeda;
  --dark-red-200: #ffbdb4;
  --dark-red-300: #ff9c8f;
  --dark-red-400: #ff7b6a;
  --dark-red-500: #ff5b45;
  --dark-red-600: #cc4837;
  --dark-red-700: #993629;
  --dark-red-800: #66241b;
  --dark-red-900: #33210e;
/* PURPLE */
  --dark-purple-050: #efeffc;
  --dark-purple-100: #e0e0fa;
  --dark-purple-200: #c1c1f5;
  --dark-purple-300: #a2a2f0;
  --dark-purple-400: #8383eb;
  --dark-purple-500: #6565e6;
  --dark-purple-600: #5050b8;
  --dark-purple-700: #3c3c8a;
  --dark-purple-800: #28285c;
  --dark-purple-900: #14142e;
/* ORANGE */
  --dark-orange-050: #fff1e5;
  --dark-orange-100: #ffe4cc;
  --dark-orange-200: #ffc999;
  --dark-orange-300: #ffae66;
  --dark-orange-400: #ff9333;
  --dark-orange-500: #ff7900;
  --dark-orange-600: #d06405;
  --dark-orange-700: #a1500a;
  --dark-orange-800: #713c10;
  --dark-orange-900: #422815;
/* SHADOWS */
  --light-shadow-elevation-1: 0, 4, 4, 0 rgba(156, 166, 201, .2);
  --light-shadow-elevation-2: 3, 3, 21, 0 rgba(156, 166, 201, .3);
  --light-shaodw-elevation-3: 0, 10, 25, 0 rgba(156, 166, 201, .37);

  --dark-shadow-elevation-1: 0, 4, 4, 0 rgba(23, 23, 24, .2);
  --dark-shadow-elevation-2: 3, 3, 21, 0 rgba(23, 23, 24, .3);
  --dark-shaodw-elevation-3: 0, 10, 25, 0 rgba(23, 23, 24, .37);
  /* TEXTS */
  --text-light-white: 255, 255, 255;
  --text-light-grey: 23, 23, 24;

  --text-light-white-100:      var(--text-light-white);
  --text-light-white-87:  rgba(var(--text-light-white), .87);
  --text-light-white-60:  rgba(var(--text-light-white), .60);
  --text-light-white-30:  rgba(var(--text-light-white), .30);
  --text-light-white-15:  rgba(var(--text-light-white), .15);
  --text-light-grey-900-100:      var(--text-light-grey);
  --text-light-grey-900-87:  rgba(var(--text-light-grey), .87);
  --text-light-grey-900-60:  rgba(var(--text-light-grey), .60);
  --text-light-grey-900-30:  rgba(var(--text-light-grey), .30);
  --text-light-grey-900-15:  rgba(var(--text-light-grey), .15);

  --text-dark-white: 255, 255, 255;
  --text-dark-black: 0, 0, 0;

  --text-dark-white-100:      var(--text-dark-white);
  --text-dark-white-87:  rgba(var(--text-dark-white), .87);
  --text-dark-white-60:  rgba(var(--text-dark-white), .60);
  --text-dark-white-30:  rgba(var(--text-dark-white), .30);
  --text-dark-white-15:  rgba(var(--text-dark-white), .15);
  --text-dark-black-100:      var(--text-dark-black);
  --text-dark-black-87:  rgba(var(--text-dark-black), .87);
  --text-dark-black-60:  rgba(var(--text-dark-black), .60);
  --text-dark-black-30:  rgba(var(--text-dark-black), .30);
  --text-dark-black-15:  rgba(var(--text-dark-black), .15);
}

@keyframes wds-loader-dotA-anim{0%{top:0;left:var(--w25)}to{top:var(--w99);left:0}}@keyframes wds-loader-dotB-anim{0%{top:var(--w50);left:var(--w99)}to{top:0;left:var(--w25)}}@keyframes wds-loader-dotC-anim{0%{top:var(--w99);left:0}to{top:var(--w50);left:var(--w99)}}@keyframes wds-imageArea-click-anim{50%{background-color:var(--wds--txt-60)}}@keyframes wds-notification-slideIn{0%{margin-right:calc(-100% - 10px)}to{margin-right:0}}@keyframes shine{0%{background-position:0 0}to{background-position:-135%0}}@keyframes wds-notif-add{0%{background-color:var(--wds-card-adding-bg)}5%{height:72px;min-height:72px}10%{height:72px;min-height:72px;transform:translateX(0);opacity:1}to{height:72px;min-height:72px;transform:translateX(0);background-color:var(--wds-card-bg);opacity:1}}@keyframes wds-notif-rm{to{margin-bottom:calc(-72px - 6px);transform:translateX(-100px);opacity:0}}@keyframes wds-notif-rm2{to{margin-top:calc(-72px - 6px);transform:translateX(-100px);opacity:0}}@keyframes wds-notif-rm3{to{transform:translateX(-100px);opacity:0}}@keyframes wdsTreeViewLegacyDragAnim{0%{box-shadow:inset 0 0 0 3px transparent}to{box-shadow:inset 0 0 0 3px var(--wds--grey-200)}}html.wds-reset{height:100%}html.wds-reset body{margin:0;height:100%;font-size:16px;font-family:"Open Sans",sans-serif}html.wds-reset *,html.wds-reset ::after,html.wds-reset ::before{box-sizing:border-box}html.wds-reset [data-theme]{color-scheme:var(--wds--colorScheme);color:var(--wds--txt);background-color:var(--wds--bg)}html.wds-reset ::-webkit-scrollbar{width:10px;height:10px}html.wds-reset ::-webkit-scrollbar-track{border-radius:3px;background-color:var(--wds--scrollbar-track-bg)}html.wds-reset ::-webkit-scrollbar-thumb{border-radius:3px;background-color:var(--wds--scrollbar-thumb-bg)}.wds-hideScrollbar{scrollbar-width:none}.wds-hideScrollbar::-webkit-scrollbar{display:none}.wds-shadow-1{box-shadow:var(--wds--shadow-1)}.wds-shadow-2{box-shadow:var(--wds--shadow-2)}.wds-shadow-3{box-shadow:var(--wds--shadow-3)}.wds-shadow-4{box-shadow:var(--wds--shadow-4)}.wds-shadow-5{box-shadow:var(--wds--shadow-5)}.wds-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.wds-ellipsis.wds-flex span:not(.wds-no-ellipsis){overflow:hidden;text-overflow:ellipsis}.wds-ellipsis.wds-flex .wds-flex:has(span){overflow:hidden}[class*=wds-ellipsis-line-]{overflow:hidden;display:-webkit-box;word-break:break-word;-webkit-box-orient:vertical;-webkit-line-clamp:99999}[class*=wds-ellipsis-line-1]{-webkit-line-clamp:1}[class*=wds-ellipsis-line-2]{-webkit-line-clamp:2}[class*=wds-ellipsis-line-3]{-webkit-line-clamp:3}[class*=wds-ellipsis-line-4]{-webkit-line-clamp:4}[class*=wds-ellipsis-line-5]{-webkit-line-clamp:5}.wds-inlineGap{--gap:.7ch}.wds-inlineGap:dir(ltr)>:not(:last-child){margin-right:var(--gap)}.wds-inlineGap:dir(rtl)>:not(:last-child){margin-left:var(--gap)}.wds-gridBg{background-image:url('data:image/svg+xml,<svg fill="black" width="33" height="33" viewBox="0 0 33 33" xmlns="http://www.w3.org/2000/svg"><path d="M17 14H16V16H14V17H16V19H17V17H19V16H17V14Z" fill-opacity=".15"/><g fill-opacity=".05"><rect y="16" width="10" height="1"/><rect x="16" width="1" height="10"/><rect x="16" y="23" width="1" height="10"/><rect x="23" y="16" width="10" height="1"/></g></svg>')}[data-theme=Dark] .wds-gridBg,[data-theme=Dark].wds-gridBg{background-image:url('data:image/svg+xml,<svg fill="white" width="33" height="33" viewBox="0 0 33 33" xmlns="http://www.w3.org/2000/svg"><path d="M17 14H16V16H14V17H16V19H17V17H19V16H17V14Z" fill-opacity=".15"/><g fill-opacity=".05"><rect y="16" width="10" height="1"/><rect x="16" width="1" height="10"/><rect x="16" y="23" width="1" height="10"/><rect x="23" y="16" width="10" height="1"/></g></svg>')}[data-theme=Light],body:not([data-theme=Dark]){--wds--txt-100:#171718;--wds--txt-87:#171718de;--wds--txt-60:#17171899;--wds--txt-30:#1717184d;--wds--txt-15:#17171826;--wds--txt-10:#1717181a;--wds--txt-5:#1717180d;--wds--txt-inv-100:#ffffff;--wds--txt-inv-87:#ffffffde;--wds--txt-inv-60:#ffffff99;--wds--txt-inv-30:#ffffff4d;--wds--txt-inv-15:#ffffff26;--wds--txt-inv-10:#ffffff1a;--wds--txt-inv-5:#ffffff0d;--wds--grey-50:#f1f1f1;--wds--grey-100:#e3e3e4;--wds--grey-200:#c7c7c9;--wds--grey-300:#acacaf;--wds--grey-400:#909094;--wds--grey-500:#75757a;--wds--grey-600:#5d5d61;--wds--grey-700:#464649;--wds--grey-800:#2e2e30;--wds--grey-900:#171718;--wds--red-25:#fff6f5;--wds--red-50:#ffeeec;--wds--red-100:#ffdeda;--wds--red-200:#ffbdb4;--wds--red-300:#ff9c8f;--wds--red-400:#ff7b6a;--wds--red-500:#ff5b45;--wds--red-600:#cc4837;--wds--red-700:#993629;--wds--red-800:#66241b;--wds--red-900:#33120e}[data-theme=Dark]{--wds--txt-100:#ffffff;--wds--txt-87:#ffffffde;--wds--txt-60:#ffffff99;--wds--txt-30:#ffffff4d;--wds--txt-15:#ffffff26;--wds--txt-10:#ffffff1a;--wds--txt-5:#ffffff0d;--wds--txt-inv-100:#000000;--wds--txt-inv-87:#000000de;--wds--txt-inv-60:#00000099;--wds--txt-inv-30:#0000004d;--wds--txt-inv-15:#00000026;--wds--txt-inv-10:#0000001a;--wds--txt-inv-5:#0000000d;--wds--grey-50:#f3f5f8;--wds--grey-100:#d1d4db;--wds--grey-200:#a3a9b7;--wds--grey-300:#747f92;--wds--grey-400:#616776;--wds--grey-500:#535a69;--wds--grey-600:#444a56;--wds--grey-700:#313845;--wds--grey-800:#272b35;--wds--grey-900:#141923;--wds--red-25:#fef6f5;--wds--red-50:#feefee;--wds--red-100:#fde1de;--wds--red-200:#fcccc8;--wds--red-300:#fab0a9;--wds--red-400:#ff867c;--wds--red-500:#f67064;--wds--red-600:#bf554c;--wds--red-700:#8c3f37;--wds--red-800:#4d221e;--wds--red-900:#331714}body{--wds--grey-0:#fff;--wds--grey-1000:#000;--wds--cyan-25:#f5f9ff;--wds--cyan-50:#e9f1ff;--wds--cyan-100:#d4e3ff;--wds--cyan-200:#aac8ff;--wds--cyan-300:#7facff;--wds--cyan-400:#5590ff;--wds--cyan-500:#286ceb;--wds--cyan-600:#005abc;--wds--cyan-700:#00438d;--wds--cyan-800:#002d5e;--wds--cyan-900:#00162f;--wds--yellow-50:#fff9e8;--wds--yellow-100:#fff3d3;--wds--yellow-200:#ffe7a7;--wds--yellow-300:#ffdb7c;--wds--yellow-400:#ffcf50;--wds--yellow-500:#ffc325;--wds--yellow-600:#cc9c1d;--wds--yellow-700:#997616;--wds--yellow-800:#664d0e;--wds--yellow-900:#33270b;--wds--green-25:#f2fcf6;--wds--green-50:#e6faee;--wds--green-100:#cff5de;--wds--green-200:#9febbd;--wds--green-300:#6fe09c;--wds--green-400:#3fd67b;--wds--green-500:#10cc5b;--wds--green-600:#0ca348;--wds--green-700:#097a36;--wds--green-800:#065224;--wds--green-900:#032912;--wds--purple-50:#efeffc;--wds--purple-100:#e0e0fa;--wds--purple-200:#c1c1f5;--wds--purple-300:#a2a2f0;--wds--purple-400:#8383eb;--wds--purple-500:#6565e6;--wds--purple-600:#5050b8;--wds--purple-700:#3c3c8a;--wds--purple-800:#28285c;--wds--purple-900:#14142e;--wds--orange-25:#fff7f0;--wds--orange-50:#fff1e5;--wds--orange-100:#ffe4cc;--wds--orange-200:#ffc999;--wds--orange-300:#ffae66;--wds--orange-400:#ff9333;--wds--orange-500:#ff7900;--wds--orange-600:#d06405;--wds--orange-700:#a1500a;--wds--orange-800:#713c10;--wds--orange-900:#422815}[data-theme=Light],body:not([data-theme=Dark]){--wds--colorScheme:light;--wds--scrollbar-track-bg:var(--wds--grey-100);--wds--scrollbar-thumb-bg:var(--wds--grey-400);--wds--scrollIndicator-brd:2px solid var(--wds--cyan-700);--wds--bg:var(--wds--grey-0);--wds--bg-invalid:var(--wds--red-50);--wds--bg-readOnly:var(--wds--grey-100);--wds--txt:var(--wds--txt-100);--wds--txt-invalid:var(--wds--red-500);--wds--txt-selected:#3390ff;--wds--txt-readOnly:var(--wds--grey-400);--wds--txt-disabled:var(--wds--grey-300);--wds--brd:var(--wds--cyan-300);--wds--brd-focus:var(--wds--cyan-500);--wds--brd-invalid:var(--wds--red-500);--wds--brd-readOnly:var(--wds--grey-200);--wds--brd-disabled:var(--wds--grey-200);--wds--shad-focus:var(--wds--cyan-200);--wds--shad-invalid:var(--wds--red-200);--wds--shadOff:0 0 0 15px transparent;--wds--shadOn-focus:0 0 0 3px var(--wds--cyan-200);--wds--shadOn-invalid:0 0 0 3px var(--wds--red-200);--wds--placeh-txt:var(--wds--cyan-200);--wds--shadow-1:0 1px  4px 0   rgba(0, 22, 47, .10), 0  2px  8px 1px rgba(0, 22, 47, .03);--wds--shadow-2:0 2px  6px 1px rgba(0, 22, 47, .11), 0  3px 10px 3px rgba(0, 22, 47, .03);--wds--shadow-3:0 3px  8px 2px rgba(0, 22, 47, .12), 0  6px 12px 5px rgba(0, 22, 47, .03);--wds--shadow-4:0 4px 10px 3px rgba(0, 22, 47, .13), 0 11px 14px 7px rgba(0, 22, 47, .03);--wds--shadow-5:0 5px 12px 4px rgba(0, 22, 47, .30), 0 18px 16px 9px rgba(0, 22, 47, .10);--wds-main-bg:var(--wds--grey-100);--wds-main-panel-bg:var(--wds--grey-0);--wds-avatar-txt:var(--wds--cyan-800);--wds-avatar-bg:var(--wds--cyan-100);--wds-collapsiblePanel-txt-disabled:var(--wds--txt-30);--wds-collapsiblePanel-brd:var(--wds--cyan-200);--wds-collapsiblePanel-brd-hover:var(--wds--cyan-400);--wds-collapsiblePanel-brd-disabled:var(--wds--txt-15);--wds-collapsiblePanel-bg:var(--wds--grey-0);--wds-collapsiblePanel-bg-disabled:var(--wds--grey-0);--wds-collapsiblePanel-icon-txt:var(--wds--cyan-700);--wds-badge-added-txt:var(--wds--green-500);--wds-badge-default-txt:var(--wds--grey-0);--wds-badge-primary-txt:var(--wds--grey-0);--wds-badge-removed-txt:var(--wds--red-500);--wds-badge-secondary-txt:var(--wds--grey-0);--wds-badge-added-bg:var(--wds--green-100);--wds-badge-default-bg:var(--wds--red-600);--wds-badge-primary-bg:var(--wds--cyan-600);--wds-badge-removed-bg:var(--wds--red-100);--wds-badge-secondary-bg:var(--wds--grey-600);--wds-banner-brd:1px solid;--wds-banner-info-brd:var(--wds--purple-700);--wds-banner-info-bg:var(--wds--purple-50);--wds-banner-info-title-txt:var(--wds--purple-700);--wds-banner-info-message-txt:var(--wds--purple-700);--wds-banner-info-icon-txt:var(--wds--purple-700);--wds-banner-info-close-txt:var(--wds--purple-800);--wds-banner-info-close-bg:var(--wds--purple-200);--wds-banner-success-brd:var(--wds--green-700);--wds-banner-success-bg:var(--wds--green-50);--wds-banner-success-title-txt:var(--wds--green-700);--wds-banner-success-message-txt:var(--wds--green-700);--wds-banner-success-icon-txt:var(--wds--green-700);--wds-banner-success-close-txt:var(--wds--green-800);--wds-banner-success-close-bg:var(--wds--green-200);--wds-banner-danger-brd:var(--wds--red-500);--wds-banner-danger-bg:var(--wds--red-50);--wds-banner-danger-title-txt:var(--wds--red-700);--wds-banner-danger-message-txt:var(--wds--red-700);--wds-banner-danger-icon-txt:var(--wds--red-600);--wds-banner-danger-close-txt:var(--wds--red-700);--wds-banner-danger-close-bg:var(--wds--red-100);--wds-banner-warning-brd:var(--wds--yellow-600);--wds-banner-warning-bg:var(--wds--yellow-50);--wds-banner-warning-title-txt:var(--wds--yellow-800);--wds-banner-warning-message-txt:var(--wds--yellow-800);--wds-banner-warning-icon-txt:var(--wds--yellow-600);--wds-banner-warning-close-txt:var(--wds--yellow-800);--wds-banner-warning-close-bg:var(--wds--yellow-200);--wds-button-primary-txt:var(--wds--txt-inv-100);--wds-button-primary-txt-active:var(--wds--txt-inv-100);--wds-button-primary-shadOn-focus:0 0 0 4px var(--wds--cyan-200);--wds-button-primary-bg:var(--wds--cyan-500);--wds-button-primary-bg-hover:var(--wds--cyan-600);--wds-button-primary-bg-active:var(--wds--cyan-700);--wds-button-secondary-txt:var(--wds--cyan-700);--wds-button-secondary-txt-active:var(--wds--cyan-900);--wds-button-secondary-shadOn-focus:0 0 0 4px var(--wds--cyan-200);--wds-button-secondary-bg:var(--wds--cyan-100);--wds-button-secondary-bg-hover:var(--wds--cyan-200);--wds-button-secondary-bg-active:var(--wds--cyan-300);--wds-button-danger-txt:var(--wds--red-700);--wds-button-danger-txt-active:var(--wds--red-900);--wds-button-danger-shadOn-focus:0 0 0 4px var(--wds--red-200);--wds-button-danger-bg:var(--wds--red-100);--wds-button-danger-bg-hover:var(--wds--red-200);--wds-button-danger-bg-active:var(--wds--red-300);--wds-button-disabled-txt:var(--wds--txt-30);--wds-button-disabled-bg:var(--wds--grey-100);--wds-buttonGroup-divider:var(--wds--cyan-50);--wds-card-bg:var(--wds--grey-50);--wds-card-adding-bg:var(--wds--yellow-300);--wds-cardColored-bg:#fff;--wds-cardColored-red:var(--wds--red-500);--wds-cardColored-cyan:var(--wds--cyan-500);--wds-cardColored-grey:var(--wds--grey-300);--wds-cardColored-green:var(--wds--green-600);--wds-cardColored-orange:var(--wds--orange-400);--wds-cardColored-purple:var(--wds--purple-500);--wds-cardColored-yellow:var(--wds--yellow-500);--wds-carousel-txt:var(--wds--grey-900);--wds-carousel-bg:var(--wds--grey-100);--wds-carousel-screen-bg:var(--wds--grey-0);--wds-carousel-btn-bg:var(--wds--grey-200);--wds-carousel-progress-bg:var(--wds--grey-300);--wds-carousel-progress-txt:var(--wds--cyan-500);--wds-carouselDots-dot-bg:var(--wds--cyan-200);--wds-checkbox-txt:var(--wds--txt-inv-87);--wds-checkbox-txt-readonly:var(--wds--txt-100);--wds-checkbox-txt-disabled:var(--wds--txt-30);--wds-checkbox-brd:var(--wds--cyan-400);--wds-checkbox-brd-invalid:var(--wds--red-500);--wds-checkbox-brd-invalid-focus:var(--wds--red-500);--wds-checkbox-brd-disabled:var(--wds--txt-15);--wds-checkbox-bg:transparent;--wds-checkbox-bg-checked:var(--wds--cyan-500);--wds-checkbox-bg-invalid:transparent;--wds-checkbox-bg-readonly:transparent;--wds-checkbox-bg-disabled:var(--wds--txt-5);--wds-checkbox-bg-checked-invalid:var(--wds--red-500);--wds-checkbox-bg-checked-readonly:var(--wds--txt-100);--wds-checkbox-bg-checked-disabled:var(--wds--txt-15);--wds-checkbox-icon-txt-readonly:var(--wds--txt-inv-100);--wds-checkbox-transition:box-shadow .3s ease-out;--wds-checkbox-shad:0 0 0 3px;--wds-codeSnippet-brd:var(--wds--grey-300);--wds-codeSnippet-brd-dark:var(--wds--grey-700);--wds-codeSnippet-copyButton-txt:var(--wds--grey-900);--wds-codeSnippet-copyButton-txt-dark:#abb2bf;--wds-colorPicker-txt:var(--wds--grey-900);--wds-colorPicker-brd:var(--wds--grey-200);--wds-colorPicker-bg:var(--wds--grey-0);--wds-colorPicker-pickerCursor-brd:var(--wds--grey-0);--wds-divider-lowContrast-bg:var(--wds--cyan-100);--wds-divider-highContrast-bg:var(--wds--grey-300);--wds-field-requirement-txt:var(--wds--cyan-300);--wds-fileUpload-placeh-txt:var(--wds--grey-500);--wds-fileUpload-placeh-txt-disabled:var(--wds--grey-300);--wds-fileUpload-brd:var(--wds--cyan-200);--wds-fileUpload-brd-hover:var(--wds--cyan-600);--wds-gridSelector-btn-brd-disabled:var(--wds--grey-300);--wds-gridSelector-btn-brd-readOnly:var(--wds--grey-0);--wds-gridSelector-btn-bg:var(--wds--cyan-50);--wds-gridSelector-btn-bg-hover:var(--wds--cyan-100);--wds-gridSelector-btn-bg-active:var(--wds--cyan-200);--wds-gridSelector-btn-bg-disabled:var(--wds--grey-50);--wds-gridSelector-btn-bg-readOnly:var(--wds--grey-0);--wds-gridSelector-btn-bg-invalid:var(--wds--red-50);--wds-gridSelector-btn-bg-invalid-hover:var(--wds--red-100);--wds-indicator-txt:#fff;--wds-indicator-brd:var(--wds--red-600);--wds-innerSlider-outerBar-bg:var(--wds--cyan-25);--wds-input-txt-disabled:var(--wds--txt-30);--wds-input-bg:var(--wds--bg);--wds-input-bg-focus:var(--wds--bg);--wds-input-bg-invalid:var(--wds--bg);--wds-input-bg-disabled:var(--wds--grey-50);--wds-input-bg-readOnly:var(--wds--grey-0);--wds-input-brd:var(--wds--cyan-300);--wds-input-brd-focus:var(--wds--cyan-500);--wds-input-brd-invalid:var(--wds--red-500);--wds-input-brd-invalid-focus:var(--wds--red-500);--wds-input-brd-disabled:var(--wds--grey-100);--wds-input-icon:var(--wds-input-brd-focus);--wds-input-icon-invalid:var(--wds-input-brd-invalid);--wds-input-icon-disabled:var(--wds-input-txt-disabled);--wds-input-placeh:var(--wds--cyan-200);--wds-input-placeh-invalid:var(--wds--red-300);--wds-input-placeh-disabled:var(--wds--txt-15);--wds-input-placeh-readOnly:currentColor;--wds-input-shadOff:var(--wds--shadOff);--wds-input-shadOn:var(--wds--shadOn-focus);--wds-input-shadOn-invalid:var(--wds--shadOn-invalid);--wds-searchText-mark-bg:#ff0;--wds-label-txt-invalid:var(--wds--red-500);--wds-link-txt:var(--wds--cyan-500);--wds-link-txt-visited:var(--wds--cyan-700);--wds-link-info-txt:var(--wds--purple-700);--wds-link-success-txt:var(--wds--green-700);--wds-link-warning-txt:var(--wds--yellow-800);--wds-link-error-txt:var(--wds--red-700);--wds-listLegacy-item-txt:var(--wds--grey-900);--wds-listLegacy-item-txt-selected:var(--wds--grey-0);--wds-listLegacy-item-bg:transparent;--wds-listLegacy-item-asset-txt:var(--wds--cyan-500);--wds-listLegacy-item-selected-asset-txt:var(--wds--grey-0);--wds-listLegacy-item-disabled-txt:var(--wds--grey-300);--wds-listLegacy-item-disabled-asset-txt:var(--wds--grey-300);--wds-listLegacy-asset-bg:var(--wds--grey-600);--wds-timeline-bg:var(--wds--grey-50);--wds-timeline-thumb-color:var(--wds--cyan-700);--wds-modal-icon-txt:var(--wds--cyan-700);--wds-modal-outside-bg:#00162fbf;--wds-nav-txt:#fff;--wds-nav-bg:var(--wds--cyan-700);--wds-nav-bg-hover:var(--wds--cyan-600);--wds-notifications-bg:#fff;--wds-notification-info-txt:var(--wds--purple-700);--wds-notification-info-bg:var(--wds--purple-50);--wds-notification-success-txt:var(--wds--green-700);--wds-notification-success-bg:var(--wds--green-50);--wds-notification-danger-txt:var(--wds--red-600);--wds-notification-danger-bg:var(--wds--red-50);--wds-notification-warning-txt:var(--wds--orange-700);--wds-notification-warning-bg:var(--wds--orange-50);--wds-progressBar-txt-normal:var(--wds--cyan-600);--wds-progressBar-txt-disabled:var(--wds--grey-300);--wds-progressBar-txt-readonly:var(--wds--grey-800);--wds-progressBar-txt-error:var(--wds--red-500);--wds-progressBar-txt-success:var(--wds--green-300);--wds-progressBar-txt-warning:var(--wds--yellow-300);--wds-progressBar-txt-info:var(--wds--purple-300);--wds-progressBar-bg-normal:var(--wds--cyan-100);--wds-progressBar-bg-disabled:var(--wds--grey-50);--wds-progressBar-bg-readonly:var(--wds--grey-50);--wds-progressBar-bg-error:var(--wds--red-100);--wds-progressBar-bg-success:var(--wds--green-100);--wds-progressBar-bg-warning:var(--wds--yellow-100);--wds-progressBar-bg-info:var(--wds--purple-100);--wds-progressBar-bg-multiple:var(--wds--grey-200);--wds-slider-thumb-brd:var(--wds--cyan-700);--wds-slider-thumb-brd-invalid:var(--wds--red-700);--wds-gifVideo-bg:var(--wds--grey-100);--wds-radio-txt:var(--wds--cyan-400);--wds-radio-txt-checked:var(--wds--cyan-500);--wds-radio-bg:var(--wds--grey-0);--wds-radio-bg-checked:var(--wds-radio-bg);--wds-radio-txt-focus:var(--wds-radio-txt);--wds-radio-txt-disabled:var(--wds--txt-30);--wds-radio-brd-disabled:var(--wds--grey-200);--wds-radio-bg-invalid:var(--wds--grey-0);--wds-radio-brd-invalid:var(--wds--red-500);--wds-radio-bg-checked-invalid:var(--wds-radio-bg-invalid);--wds-runTimeTracker-grey-line:var(--wds--grey-600);--wds-runTimeTracker-yellow-line:var(--wds--yellow-600);--wds-runTimeTracker-cyan-line:var(--wds--cyan-600);--wds-runTimeTracker-green-line:var(--wds--green-600);--wds-runTimeTracker-red-line:var(--wds--red-600);--wds-runTimeTracker-purple-line:var(--wds--purple-600);--wds-runTimeTracker-orange-line:var(--wds--orange-600);--wds-select-options-bg:var(--wds--grey-0);--wds-select-cat-bg:var(--wds--grey-50);--wds-select-item-bg-invalid:var(--wds--red-600);--wds-select-item-bg-invalid-hover:var(--wds--red-100);--wds-select-item-txt-danger:var(--wds--red-600);--wds-select-mobile-item-bg:var(--wds--grey-50);--wds-select-mobile-item-txt:var(--wds--txt-87);--wds-select-mobile-item-disabled:var(--wds--grey-100);--wds-skeleton-bg:linear-gradient(-90deg, var(--wds--grey-100) 0%, var(--wds--grey-50) 50%, var(--wds--grey-100) 100%);--wds-statusList-icon-success:var(--wds--green-600);--wds-statusList-icon-failure:var(--wds--red-600);--wds-statusList-icon-unknown:var(--wds--txt-30);--wds-statusList-icon-disabled:var(--wds--txt-30);--wds-statusList-icon-loading:var(--wds--orange-500);--wds-stepper-bg:var(--wds--grey-0);--wds-stepperSummary-title-txt:var(--wds--cyan-700);--wds-stepperContent-sep-bg:var(--wds--cyan-50);--wds-step-current-icon-txt:var(--wds--cyan-500);--wds-step-progress-icon-txt:var(--wds--purple-500);--wds-step-success-icon-txt:var(--wds--green-500);--wds-step-warning-icon-txt:var(--wds--orange-500);--wds-step-error-icon-txt:var(--wds--red-500);--wds-step-disabled-icon-txt:var(--wds--grey-300);--wds-tableLegacy-brd:#707070;--wds-tableLegacy-actions-bg:var(--wds--grey-100);--wds-tableLegacy-pagination-bg:var(--wds--grey-100);--wds-tableLegacy-header-bg:var(--wds--grey-200);--wds-tableLegacy-footer-bg:var(--wds--grey-200);--wds-tableLegacy-rowOdd-bg:#fff;--wds-tableLegacy-rowEven-bg:var(--wds--grey-50);--wds-table-bg:#fff;--wds-table-brd:var(--wds--grey-100);--wds-table-head-txt:var(--wds--txt-60);--wds-table-head-brd:var(--wds--grey-300);--wds-table-row-cat-txt:var(--wds--cyan-700);--wds-table-row-cat-bg:var(--wds--cyan-100);--wds-table-row-even-bg:#f2f7ff;--wds-tableSimple-bg:var(--wds--cyan-25);--wds-tableSimple-brd:rgba(0, 0, 0, .05);--wds-tableSimple-firstCol-bg:var(--wds--grey-0);--wds-tableSimple-firstCol-brd:var(--wds--grey-300);--wds-tab-bg:#fff;--wds-tab-bg-hover:#d4e3ff73;--wds-tab-bg-selected:var(--wds--cyan-100);--wds-tag-txt-red:var(--wds--red-700);--wds-tag-txt-cyan:var(--wds--cyan-700);--wds-tag-txt-grey:var(--wds--grey-700);--wds-tag-txt-green:var(--wds--green-700);--wds-tag-txt-orange:var(--wds--orange-700);--wds-tag-txt-purple:var(--wds--purple-700);--wds-tag-txt-yellow:var(--wds--yellow-800);--wds-tag-txt-disabled:var(--wds--txt-30);--wds-tag-txt-selectable:var(--wds--cyan-700);--wds-tag-bg-disabled:var(--wds--grey-100);--wds-tag-bg-selectable:var(--wds--cyan-100);--wds-tag-bg-selectable-hover:var(--wds--cyan-200);--wds-tag-bg-red:var(--wds--red-100);--wds-tag-bg-cyan:var(--wds--cyan-200);--wds-tag-bg-grey:var(--wds--grey-100);--wds-tag-bg-green:var(--wds--green-100);--wds-tag-bg-orange:var(--wds--orange-100);--wds-tag-bg-purple:var(--wds--purple-100);--wds-tag-bg-yellow:var(--wds--yellow-100);--wds-tag-bg-red-hover:var(--wds--red-200);--wds-tag-bg-cyan-hover:var(--wds--cyan-300);--wds-tag-bg-grey-hover:var(--wds--grey-200);--wds-tag-bg-green-hover:var(--wds--green-200);--wds-tag-bg-orange-hover:var(--wds--orange-200);--wds-tag-bg-purple-hover:var(--wds--purple-200);--wds-tag-bg-yellow-hover:var(--wds--yellow-200);--wds-title-icon-txt:var(--wds--cyan-500);--wds-toggle-btn-txt:var(--wds--grey-0);--wds-toggle-true-txt:var(--wds--cyan-500);--wds-toggle-false-txt:var(--wds--cyan-500);--wds-toggle-txt-readonly:var(--wds--grey-900);--wds-toggle-txt-disabled:var(--wds--grey-300);--wds-toggle-bg-disabled:var(--wds--grey-50);--wds-toggleButton-bg:var(--wds--cyan-50);--wds-toggleButton-bg-disabled:var(--wds--grey-50);--wds-toggleButton-btn-bg-hover:var(--wds--cyan-100);--wds-tooltip-txt:var(--wds--grey-0);--wds-tooltip-bg:var(--wds--cyan-900);--wds-treeviewLegacy-element-txt:inherit;--wds-treeviewLegacy-element-bg:none;--wds-treeviewLegacy-element-icons-txt:var(--wds--cyan-200);--wds-treeviewLegacy-element-bg-hover:var(--wds--grey-50);--wds-treeviewLegacy-element-bg-focus-hover:var(--wds--cyan-600);--wds-treeviewLegacy-folder-opened-icon-txt:var(--wds--cyan-500);--wds-treeviewLegacy-folder-dropped-txt:var(--wds--grey-200);--wds-item-txt-selected:var(--wds--grey-0);--wds-item-txt-selected-disabled:var(--wds--grey-0);--wds-item-bg:#f3f5f8;--wds-item-bg-hover:var(--wds--cyan-50);--wds-item-bg-selected:var(--wds--cyan-700);--wds-item-bg-selected-hover:var(--wds--cyan-800);--wds-item-bg-selected-disabled:var(--wds--grey-700);--wds-item-bg-success:var(--wds--green-25);--wds-item-bg-progress:var(--wds--cyan-25);--wds-item-bg-warning:var(--wds--orange-25);--wds-item-bg-error:var(--wds--red-25);--wds-item-bg-success-hover:var(--wds--green-50);--wds-item-bg-progress-hover:var(--wds--cyan-50);--wds-item-bg-warning-hover:var(--wds--orange-50);--wds-item-bg-error-hover:var(--wds--red-50);--wds-item-brd-success:var(--wds--green-200);--wds-item-brd-progress:var(--wds--cyan-200);--wds-item-brd-warning:var(--wds--orange-200);--wds-item-brd-error:var(--wds--red-200);--wds-item-brd-success-hover:var(--wds--green-300);--wds-item-brd-progress-hover:var(--wds--cyan-300);--wds-item-brd-warning-hover:var(--wds--orange-300);--wds-item-brd-error-hover:var(--wds--red-300);--wds-item-items-brd:var(--wds--grey-100);--wds-item-openBtn-bg:var(--wds--cyan-50);--wds-item-openBtn-bg-selected:var(--wds--cyan-700);--wds-item-len-bg:var(--wds--grey-50);--wds-login-logo-bg:#fff;--wds-login-logo-shad:var(--wds--shadow-4);--wds-witbeLogo-txt:#00162f;--wds-headerProduct-txt:#fff;--wds-headerProduct-bg:var(--wds--cyan-500);--wds-headerProductV2-bg:var(--wds--cyan-700);--wds-preview-bg:var(--wds--grey-50);--wds-preview-head-bg:rgb(255 255 255 / 55%)}[data-theme=Dark]{--wds--colorScheme:dark;--wds--scrollbar-thumb-bg:var(--wds--grey-400);--wds--scrollbar-track-bg:var(--wds--grey-700);--wds--scrollIndicator-brd:2px solid var(--wds--cyan-500);--wds--bg:var(--wds--grey-800);--wds--bg-invalid:var(--wds--red-800);--wds--bg-readOnly:var(--wds--grey-600);--wds--txt:var(--wds--txt-100);--wds--txt-invalid:var(--wds--red-300);--wds--txt-selected:#3390ff;--wds--txt-readOnly:var(--wds--grey-300);--wds--txt-disabled:var(--wds--grey-300);--wds--brd:var(--wds--grey-600);--wds--brd-focus:var(--wds--cyan-500);--wds--brd-invalid:var(--wds--red-400);--wds--brd-readOnly:var(--wds--grey-400);--wds--brd-disabled:var(--wds--grey-500);--wds--shad-focus:var(--wds--cyan-200);--wds--shad-invalid:var(--wds--red-200);--wds--shadOff:0 0 0 15px transparent;--wds--shadOn-focus:0 0 0 3px var(--wds--cyan-300);--wds--shadOn-invalid:0 0 0 3px var(--wds--red-300);--wds--placeh-txt:var(--wds--grey-0);--wds--shadow-1:0  2px  8px 1px rgba(23, 23, 24, .10), 0  2px  4px 1px rgba(23, 23, 24, .15);--wds--shadow-2:0  3px 10px 3px rgba(23, 23, 24, .10), 0  4px  6px 1px rgba(23, 23, 24, .20);--wds--shadow-3:0  6px 12px 5px rgba(23, 23, 24, .10), 0  6px  8px 2px rgba(23, 23, 24, .25);--wds--shadow-4:0 11px 14px 7px rgba(23, 23, 24, .10), 0  8px 10px 3px rgba(23, 23, 24, .30);--wds--shadow-5:0 12px 16px 9px rgba(23, 23, 24, .20), 0 10px 12px 4px rgba(23, 23, 24, .50);--wds-main-bg:var(--wds--grey-900);--wds-main-panel-bg:var(--wds--grey-800);--wds-avatar-txt:var(--wds--txt-60);--wds-avatar-bg:var(--wds--txt-15);--wds-collapsiblePanel-icon-txt:var(--wds--grey-300);--wds-collapsiblePanel-bg:var(--wds--grey-800);--wds-collapsiblePanel-brd:var(--wds--grey-300);--wds-collapsiblePanel-brd-hover:var(--wds--cyan-300);--wds-collapsiblePanel-txt-disabled:var(--wds--txt-30);--wds-collapsiblePanel-brd-disabled:transparent;--wds-collapsiblePanel-bg-disabled:var(--wds--grey-700);--wds-badge-added-txt:var(--wds--green-700);--wds-badge-default-txt:var(--wds--grey-0);--wds-badge-primary-txt:var(--wds--grey-0);--wds-badge-removed-txt:var(--wds--red-800);--wds-badge-secondary-txt:var(--wds--grey-0);--wds-badge-added-bg:var(--wds--green-400);--wds-badge-default-bg:var(--wds--red-700);--wds-badge-primary-bg:var(--wds--cyan-700);--wds-badge-removed-bg:var(--wds--red-400);--wds-badge-secondary-bg:var(--wds--grey-700);--wds-banner-brd:2px solid;--wds-banner-info-brd:var(--wds--purple-300);--wds-banner-info-bg:var(--wds--grey-700);--wds-banner-info-title-txt:var(--wds--purple-300);--wds-banner-info-message-txt:var(--wds--purple-100);--wds-banner-info-icon-txt:var(--wds--purple-300);--wds-banner-info-close-txt:var(--wds--grey-0);--wds-banner-info-close-bg:var(--wds--grey-600);--wds-banner-success-brd:var(--wds--green-500);--wds-banner-success-bg:var(--wds--grey-700);--wds-banner-success-title-txt:var(--wds--green-500);--wds-banner-success-message-txt:var(--wds--green-100);--wds-banner-success-icon-txt:var(--wds--green-500);--wds-banner-success-close-txt:var(--wds--grey-0);--wds-banner-success-close-bg:var(--wds--grey-600);--wds-banner-danger-brd:var(--wds--red-400);--wds-banner-danger-bg:var(--wds--grey-700);--wds-banner-danger-title-txt:var(--wds--red-400);--wds-banner-danger-message-txt:var(--wds--red-100);--wds-banner-danger-icon-txt:var(--wds--red-400);--wds-banner-danger-close-txt:var(--wds--grey-0);--wds-banner-danger-close-bg:var(--wds--grey-600);--wds-banner-warning-brd:var(--wds--yellow-500);--wds-banner-warning-bg:var(--wds--grey-700);--wds-banner-warning-title-txt:var(--wds--yellow-500);--wds-banner-warning-message-txt:var(--wds--yellow-100);--wds-banner-warning-icon-txt:var(--wds--yellow-500);--wds-banner-warning-close-txt:var(--wds--grey-0);--wds-banner-warning-close-bg:var(--wds--grey-600);--wds-button-primary-txt:var(--wds--txt-inv-100);--wds-button-primary-txt-active:var(--wds--txt-inv-100);--wds-button-primary-shadOn-focus:0 0 0 2px var(--wds--cyan-50);--wds-button-primary-bg:var(--wds--cyan-300);--wds-button-primary-bg-hover:var(--wds--cyan-200);--wds-button-primary-bg-active:var(--wds--cyan-100);--wds-button-secondary-txt:var(--wds--grey-0);--wds-button-secondary-txt-active:var(--wds-button-secondary-txt);--wds-button-secondary-shadOn-focus:0 0 0 2px var(--wds--cyan-300);--wds-button-secondary-bg:var(--wds--grey-600);--wds-button-secondary-bg-hover:var(--wds--grey-500);--wds-button-secondary-bg-active:var(--wds--grey-400);--wds-button-danger-txt:var(--wds--grey-0);--wds-button-danger-txt-active:var(--wds-button-danger-txt);--wds-button-danger-shadOn-focus:0 0 0 2px var(--wds--red-400);--wds-button-danger-bg:var(--wds--red-700);--wds-button-danger-bg-hover:var(--wds--red-600);--wds-button-danger-bg-active:var(--wds--red-500);--wds-button-disabled-txt:var(--wds--txt-30);--wds-button-disabled-bg:var(--wds--grey-700);--wds-buttonGroup-divider:var(--wds--grey-700);--wds-card-bg:var(--wds--grey-800);--wds-card-adding-bg:var(--wds--cyan-600);--wds-cardColored-bg:var(--wds--grey-800);--wds-cardColored-red:var(--wds--red-400);--wds-cardColored-cyan:var(--wds--cyan-500);--wds-cardColored-grey:var(--wds--grey-300);--wds-cardColored-green:var(--wds--green-600);--wds-cardColored-orange:var(--wds--orange-400);--wds-cardColored-purple:var(--wds--purple-300);--wds-cardColored-yellow:var(--wds--yellow-500);--wds-carousel-txt:#fff;--wds-carousel-bg:var(--wds--grey-800);--wds-carousel-screen-bg:var(--wds--grey-700);--wds-carousel-btn-bg:var(--wds--grey-600);--wds-carousel-progress-bg:var(--wds--grey-500);--wds-carousel-progress-txt:var(--wds--cyan-500);--wds-carouselDots-dot-bg:var(--wds--grey-200);--wds-checkbox-txt:var(--wds--txt-87);--wds-checkbox-txt-readonly:var(--wds--txt-1);--wds-checkbox-txt-disabled:var(--wds--txt-30);--wds-checkbox-brd:var(--wds--grey-500);--wds-checkbox-brd-invalid:transparent;--wds-checkbox-brd-invalid-focus:var(--wds--red-400);--wds-checkbox-brd-disabled:var(--wds--txt-10);--wds-checkbox-bg:var(--wds--grey-500);--wds-checkbox-bg-checked:var(--wds--cyan-500);--wds-checkbox-bg-invalid:var(--wds--red-700);--wds-checkbox-bg-readonly:transparent;--wds-checkbox-bg-disabled:var(--wds--txt-5);--wds-checkbox-bg-checked-invalid:var(--wds--red-600);--wds-checkbox-bg-checked-readonly:var(--wds--txt-100);--wds-checkbox-bg-checked-disabled:var(--wds--txt-10);--wds-checkbox-icon-txt-readonly:var(--wds--txt-inv-87);--wds-checkbox-transition:none;--wds-checkbox-shad:none;--wds-codeSnippet-brd:var(--wds--grey-300);--wds-codeSnippet-brd-dark:var(--wds--grey-700);--wds-codeSnippet-copyButton-txt:var(--wds--grey-900);--wds-codeSnippet-copyButton-txt-dark:#abb2bf;--wds-colorPicker-txt:var(--wds--grey-900);--wds-colorPicker-brd:var(--wds--grey-600);--wds-colorPicker-bg:var(--wds--grey-800);--wds-colorPicker-pickerCursor-brd:var(--wds--grey-0);--wds-divider-lowContrast-bg:#ffffff1a;--wds-divider-highContrast-bg:var(--wds--grey-300);--wds-field-requirement-txt:var(--wds--cyan-300);--wds-fileUpload-brd:var(--wds--grey-600);--wds-fileUpload-brd-hover:var(--wds--grey-200);--wds-fileUpload-placeh-txt:var(--wds--grey-500);--wds-fileUpload-placeh-txt-disabled:var(--wds--grey-300);--wds-gridSelector-btn-brd-disabled:#ffffff26;--wds-gridSelector-btn-bg:var(--wds--grey-700);--wds-gridSelector-btn-bg-hover:var(--wds--grey-600);--wds-gridSelector-btn-bg-active:var(--wds--grey-500);--wds-gridSelector-btn-bg-disabled:var(--wds--grey-700);--wds-gridSelector-btn-bg-readOnly:var(--wds--grey-700);--wds-gridSelector-btn-bg-invalid:var(--wds--red-700);--wds-gridSelector-btn-bg-invalid-hover:var(--wds--red-600);--wds-indicator-txt:#fff;--wds-indicator-brd:var(--wds--red-600);--wds-innerSlider-outerBar-bg:var(--wds--grey-900);--wds-input-txt-disabled:var(--wds--txt-30);--wds-input-bg:var(--wds--grey-500);--wds-input-bg-focus:var(--wds--bg);--wds-input-bg-invalid:var(--wds--red-800);--wds-input-bg-disabled:var(--wds--grey-700);--wds-input-bg-readOnly:var(--wds--grey-700);--wds-input-brd:transparent;--wds-input-brd-focus:var(--wds--cyan-300);--wds-input-brd-invalid:transparent;--wds-input-brd-invalid-focus:var(--wds--red-400);--wds-input-brd-disabled:transparent;--wds-input-icon:#fff;--wds-input-icon-invalid:var(--wds-input-brd-invalid-focus);--wds-input-icon-disabled:var(--wds-input-txt-disabled);--wds-input-placeh:var(--wds--txt-60);--wds-input-placeh-invalid:var(--wds--txt-60);--wds-input-placeh-disabled:var(--wds--txt-15);--wds-input-placeh-readOnly:var(--wds--txt-87);--wds-input-shadOff:none;--wds-input-shadOn:none;--wds-input-shadOn-invalid:none;--wds-searchText-mark-bg:#ff0;--wds-label-txt-invalid:var(--wds--red-400);--wds-link-txt:var(--wds--cyan-300);--wds-link-txt-visited:var(--wds--cyan-500);--wds-link-info-txt:var(--wds--purple-300);--wds-link-success-txt:var(--wds--green-300);--wds-link-warning-txt:var(--wds--yellow-300);--wds-link-error-txt:var(--wds--red-300);--wds-listLegacy-item-txt:#fff;--wds-listLegacy-item-txt-selected:#fff;--wds-listLegacy-item-bg:transparent;--wds-listLegacy-item-asset-txt:var(--wds--cyan-500);--wds-listLegacy-item-selected-asset-txt:var(--wds--grey-0);--wds-listLegacy-item-disabled-txt:var(--wds--grey-300);--wds-listLegacy-item-disabled-asset-txt:var(--wds--grey-300);--wds-listLegacy-asset-bg:var(--wds--grey-600);--wds-timeline-bg:var(--wds--grey-900);--wds-timeline-thumb-color:var(--wds--cyan-500);--wds-modal-icon-txt:var(--wds--cyan-300);--wds-modal-outside-bg:#141923bf;--wds-nav-txt:#fff;--wds-nav-bg:var(--wds--cyan-800);--wds-nav-bg-hover:var(--wds--cyan-700);--wds-notifications-bg:var(--wds--grey-900);--wds-notification-info-txt:var(--wds--purple-400);--wds-notification-info-bg:var(--wds--purple-800);--wds-notification-success-txt:var(--wds--green-400);--wds-notification-success-bg:var(--wds--green-800);--wds-notification-danger-txt:var(--wds--red-400);--wds-notification-danger-bg:var(--wds--red-800);--wds-notification-warning-txt:var(--wds--orange-400);--wds-notification-warning-bg:var(--wds--orange-800);--wds-progressBar-txt-normal:var(--wds--cyan-400);--wds-progressBar-txt-disabled:var(--wds--grey-600);--wds-progressBar-txt-readonly:var(--wds--grey-50);--wds-progressBar-txt-error:var(--wds--red-400);--wds-progressBar-txt-success:var(--wds--green-600);--wds-progressBar-txt-warning:var(--wds--yellow-600);--wds-progressBar-txt-info:var(--wds--purple-600);--wds-progressBar-bg-normal:#fff1;--wds-progressBar-bg-disabled:#ffffff08;--wds-progressBar-bg-readonly:#ffffff08;--wds-progressBar-bg-error:#fff1;--wds-progressBar-bg-success:var(--wds--green-800);--wds-progressBar-bg-warning:var(--wds--yellow-800);--wds-progressBar-bg-info:var(--wds--purple-800);--wds-progressBar-bg-multiple:var(--wds--txt-30);--wds-slider-thumb-brd:var(--wds--cyan-500);--wds-slider-thumb-brd-invalid:var(--wds--red-400);--wds-gifVideo-bg:var(--wds--grey-700);--wds-radio-txt:var(--wds--grey-500);--wds-radio-txt-focus:var(--wds-radio-bg);--wds-radio-txt-checked:var(--wds--cyan-500);--wds-radio-txt-disabled:var(--wds--txt-30);--wds-radio-bg:var(--wds--grey-600);--wds-radio-bg-checked:var(--wds--grey-800);--wds-radio-bg-invalid:var(--wds--red-700);--wds-radio-bg-checked-invalid:var(--wds-radio-bg-checked);--wds-radio-brd-disabled:var(--wds--grey-700);--wds-radio-brd-invalid:var(--wds-radio-bg-invalid);--wds-runTimeTracker-grey-line:var(--wds--grey-300);--wds-runTimeTracker-yellow-line:var(--wds--yellow-400);--wds-runTimeTracker-cyan-line:var(--wds--cyan-400);--wds-runTimeTracker-green-line:var(--wds--green-400);--wds-runTimeTracker-red-line:var(--wds--red-400);--wds-runTimeTracker-purple-line:var(--wds--purple-400);--wds-runTimeTracker-orange-line:var(--wds--orange-400);--wds-select-options-bg:var(--wds--grey-700);--wds-select-cat-bg:var(--wds--grey-800);--wds-select-item-bg-invalid:var(--wds--red-500);--wds-select-item-bg-invalid-hover:var(--wds--grey-600);--wds-select-item-txt-danger:var(--wds--red-500);--wds-select-mobile-item-bg:var(--wds--grey-600);--wds-select-mobile-item-txt:var(--wds--txt-87);--wds-select-mobile-item-disabled:var(--wds--grey-700);--wds-skeleton-bg:linear-gradient(-90deg, var(--wds--grey-600) 0%, var(--wds--grey-500) 50%, var(--wds--grey-600) 100%);--wds-statusList-icon-success:var(--wds--green-600);--wds-statusList-icon-failure:var(--wds--red-600);--wds-statusList-icon-unknown:var(--wds--txt-30);--wds-statusList-icon-disabled:var(--wds--txt-30);--wds-statusList-icon-loading:var(--wds--orange-500);--wds-stepper-bg:var(--wds--grey-800);--wds-stepperSummary-title-txt:var(--wds--cyan-400);--wds-stepperContent-sep-bg:var(--wds--grey-700);--wds-step-current-icon-txt:var(--wds--cyan-400);--wds-step-progress-icon-txt:var(--wds--purple-300);--wds-step-success-icon-txt:var(--wds--green-300);--wds-step-warning-icon-txt:var(--wds--orange-400);--wds-step-error-icon-txt:var(--wds--red-400);--wds-step-disabled-icon-txt:var(--wds--grey-300);--wds-tableLegacy-brd:#707070;--wds-tableLegacy-actions-bg:var(--wds--grey-800);--wds-tableLegacy-pagination-bg:var(--wds--grey-800);--wds-tableLegacy-header-bg:var(--wds--grey-700);--wds-tableLegacy-footer-bg:var(--wds--grey-700);--wds-tableLegacy-rowOdd-bg:var(--wds--grey-900);--wds-tableLegacy-rowEven-bg:var(--wds--grey-800);--wds-table-bg:var(--wds--grey-800);--wds-table-brd:var(--wds--grey-700);--wds-table-head-txt:var(--wds--txt-60);--wds-table-head-brd:#ffffff4d;--wds-table-row-cat-txt:var(--wds--txt-87);--wds-table-row-cat-bg:var(--wds--cyan-700);--wds-table-row-even-bg:var(--wds--grey-700);--wds-tableSimple-bg:var(--wds--grey-700);--wds-tableSimple-brd:rgba(255, 255, 255, .05);--wds-tableSimple-firstCol-bg:var(--wds--grey-800);--wds-tableSimple-firstCol-brd:#ffffff4d;--wds-tab-bg:var(--wds--grey-800);--wds-tab-bg-hover:var(--wds--grey-700);--wds-tab-bg-selected:var(--wds--grey-600);--wds-tag-txt-red:var(--wds--red-700);--wds-tag-txt-cyan:var(--wds--cyan-800);--wds-tag-txt-grey:var(--wds--grey-800);--wds-tag-txt-green:var(--wds--green-800);--wds-tag-txt-orange:var(--wds--orange-800);--wds-tag-txt-purple:var(--wds--purple-800);--wds-tag-txt-yellow:var(--wds--yellow-800);--wds-tag-txt-disabled:var(--wds--txt-30);--wds-tag-txt-selectable:var(--wds--txt-87);--wds-tag-bg-disabled:var(--wds--grey-600);--wds-tag-bg-selectable:var(--wds--grey-600);--wds-tag-bg-selectable-hover:var(--wds--grey-500);--wds-tag-bg-red:var(--wds--red-200);--wds-tag-bg-cyan:var(--wds--cyan-300);--wds-tag-bg-grey:var(--wds--grey-200);--wds-tag-bg-green:var(--wds--green-200);--wds-tag-bg-orange:var(--wds--orange-200);--wds-tag-bg-purple:var(--wds--purple-200);--wds-tag-bg-yellow:var(--wds--yellow-200);--wds-tag-bg-red-hover:var(--wds--red-100);--wds-tag-bg-cyan-hover:var(--wds--cyan-200);--wds-tag-bg-grey-hover:var(--wds--grey-100);--wds-tag-bg-green-hover:var(--wds--green-100);--wds-tag-bg-orange-hover:var(--wds--orange-100);--wds-tag-bg-purple-hover:var(--wds--purple-100);--wds-tag-bg-yellow-hover:var(--wds--yellow-100);--wds-title-icon-txt:var(--wds--cyan-600);--wds-toggle-txt-readonly:#fff;--wds-toggle-txt-disabled:var(--wds--grey-700);--wds-toggle-bg-disabled:transparent;--wds-toggle-btn-txt:var(--wds--grey-800);--wds-toggle-true-txt:var(--wds--cyan-500);--wds-toggle-false-txt:var(--wds--grey-500);--wds-toggleButton-bg:var(--wds--grey-600);--wds-toggleButton-bg-disabled:var(--wds--grey-800);--wds-toggleButton-btn-bg-hover:var(--wds--grey-500);--wds-tooltip-txt:#000;--wds-tooltip-bg:var(--wds--cyan-50);--wds-treeviewLegacy-element-txt:inherit;--wds-treeviewLegacy-element-bg:none;--wds-treeviewLegacy-element-icons-txt:var(--wds--cyan-200);--wds-treeviewLegacy-element-bg-hover:var(--wds--grey-800);--wds-treeviewLegacy-element-bg-focus-hover:var(--wds--cyan-600);--wds-treeviewLegacy-folder-opened-icon-txt:var(--wds--cyan-500);--wds-treeviewLegacy-folder-dropped-txt:var(--wds--grey-200);--wds-item-txt-selected:var(--wds--grey-0);--wds-item-txt-selected-disabled:var(--wds--grey-900);--wds-item-bg:var(--wds--grey-700);--wds-item-bg-hover:var(--wds--grey-600);--wds-item-bg-selected:var(--wds--cyan-500);--wds-item-bg-selected-hover:var(--wds--cyan-400);--wds-item-bg-selected-disabled:var(--wds--grey-100);--wds-item-bg-success:transparent;--wds-item-bg-progress:transparent;--wds-item-bg-warning:transparent;--wds-item-bg-error:transparent;--wds-item-bg-success-hover:var(--wds--grey-700);--wds-item-bg-progress-hover:var(--wds--grey-700);--wds-item-bg-warning-hover:var(--wds--grey-700);--wds-item-bg-error-hover:var(--wds--grey-700);--wds-item-brd-success:var(--wds--green-200);--wds-item-brd-progress:var(--wds--cyan-200);--wds-item-brd-warning:var(--wds--orange-200);--wds-item-brd-error:var(--wds--red-200);--wds-item-brd-success-hover:var(--wds--green-400);--wds-item-brd-progress-hover:var(--wds--cyan-400);--wds-item-brd-warning-hover:var(--wds--orange-400);--wds-item-brd-error-hover:var(--wds--red-400);--wds-item-items-brd:var(--wds--grey-700);--wds-item-openBtn-bg:var(--wds--grey-600);--wds-item-openBtn-bg-selected:var(--wds--cyan-500);--wds-item-len-bg:var(--wds--grey-700);--wds-login-logo-bg:var(--wds--grey-900);--wds-login-logo-shad:none;--wds-witbeLogo-txt:#fff;--wds-headerProduct-txt:#000;--wds-headerProduct-bg:var(--wds--cyan-300);--wds-headerProductV2-bg:var(--wds--cyan-800);--wds-preview-bg:var(--wds--grey-700);--wds-preview-head-bg:rgb(39 43 53 / 55%)}.wds-icon[data-icon="0"]::before{content:"0"}.wds-icon[data-icon="1"]::before{content:"1"}.wds-icon[data-icon="2"]::before{content:"2"}.wds-icon[data-icon="3"]::before{content:"3"}.wds-icon[data-icon="4"]::before{content:"4"}.wds-icon[data-icon="5"]::before{content:"5"}.wds-icon[data-icon="6"]::before{content:"6"}.wds-icon[data-icon="7"]::before{content:"7"}.wds-icon[data-icon="8"]::before{content:"8"}.wds-icon[data-icon="9"]::before{content:"9"}.wds-icon[data-icon="00"]::before{content:""}.wds-icon[data-icon="100"]::before{content:""}.wds-icon[data-icon="360-degrees"]::before{content:""}.wds-icon[data-icon=a]::before{content:"A"}.wds-icon[data-icon=abacus]::before{content:""}.wds-icon[data-icon=accent-grave]::before{content:"`"}.wds-icon[data-icon=acorn]::before{content:""}.wds-icon[data-icon=ad]::before{content:""}.wds-icon[data-icon=add]::before{content:"+"}.wds-icon[data-icon=address-book]::before{content:""}.wds-icon[data-icon=address-card]::before{content:""}.wds-icon[data-icon=adjust]::before{content:""}.wds-icon[data-icon=air-conditioner]::before{content:""}.wds-icon[data-icon=air-freshener]::before{content:""}.wds-icon[data-icon=airplay]::before{content:""}.wds-icon[data-icon=alarm-clock]::before{content:""}.wds-icon[data-icon=alarm-exclamation]::before{content:""}.wds-icon[data-icon=alarm-plus]::before{content:""}.wds-icon[data-icon=alarm-snooze]::before{content:""}.wds-icon[data-icon=album]::before{content:""}.wds-icon[data-icon=album-circle-plus]::before{content:""}.wds-icon[data-icon=album-circle-user]::before{content:""}.wds-icon[data-icon=album-collection]::before{content:""}.wds-icon[data-icon=album-collection-circle-plus]::before{content:""}.wds-icon[data-icon=album-collection-circle-user]::before{content:""}.wds-icon[data-icon=alicorn]::before{content:""}.wds-icon[data-icon=alien]::before{content:""}.wds-icon[data-icon=alien-8bit]::before,.wds-icon[data-icon=alien-monster]::before{content:""}.wds-icon[data-icon=align-center]::before{content:""}.wds-icon[data-icon=align-justify]::before{content:""}.wds-icon[data-icon=align-left]::before{content:""}.wds-icon[data-icon=align-right]::before{content:""}.wds-icon[data-icon=align-slash]::before{content:""}.wds-icon[data-icon=allergies]::before{content:""}.wds-icon[data-icon=alt]::before{content:""}.wds-icon[data-icon=ambulance]::before{content:""}.wds-icon[data-icon=american-sign-language-interpreting]::before{content:""}.wds-icon[data-icon=amp-guitar]::before{content:""}.wds-icon[data-icon=ampersand]::before{content:"&"}.wds-icon[data-icon=analytics]::before{content:""}.wds-icon[data-icon=anchor]::before{content:""}.wds-icon[data-icon=anchor-circle-check]::before{content:""}.wds-icon[data-icon=anchor-circle-exclamation]::before{content:""}.wds-icon[data-icon=anchor-circle-xmark]::before{content:""}.wds-icon[data-icon=anchor-lock]::before{content:""}.wds-icon[data-icon=angel]::before{content:""}.wds-icon[data-icon=angle]::before{content:""}.wds-icon[data-icon=angle-90]::before{content:""}.wds-icon[data-icon=angle-double-down]::before{content:""}.wds-icon[data-icon=angle-double-left]::before{content:""}.wds-icon[data-icon=angle-double-right]::before{content:""}.wds-icon[data-icon=angle-double-up]::before{content:""}.wds-icon[data-icon=angle-down]::before{content:""}.wds-icon[data-icon=angle-left]::before{content:""}.wds-icon[data-icon=angle-right]::before{content:""}.wds-icon[data-icon=angle-up]::before{content:""}.wds-icon[data-icon=angles-down]::before{content:""}.wds-icon[data-icon=angles-left]::before{content:""}.wds-icon[data-icon=angles-right]::before{content:""}.wds-icon[data-icon=angles-up]::before{content:""}.wds-icon[data-icon=angles-up-down]::before{content:""}.wds-icon[data-icon=angry]::before{content:""}.wds-icon[data-icon=ankh]::before{content:""}.wds-icon[data-icon=apartment]::before{content:""}.wds-icon[data-icon=aperture]::before{content:""}.wds-icon[data-icon=apostrophe]::before{content:"'"}.wds-icon[data-icon=apple-alt]::before{content:""}.wds-icon[data-icon=apple-core]::before{content:""}.wds-icon[data-icon=apple-crate]::before{content:""}.wds-icon[data-icon=apple-whole]::before{content:""}.wds-icon[data-icon=archive]::before{content:""}.wds-icon[data-icon=archway]::before{content:""}.wds-icon[data-icon=area-chart]::before{content:""}.wds-icon[data-icon=arrow-alt-circle-down]::before{content:""}.wds-icon[data-icon=arrow-alt-circle-left]::before{content:""}.wds-icon[data-icon=arrow-alt-circle-right]::before{content:""}.wds-icon[data-icon=arrow-alt-circle-up]::before{content:""}.wds-icon[data-icon=arrow-alt-down]::before{content:""}.wds-icon[data-icon=arrow-alt-from-bottom]::before{content:""}.wds-icon[data-icon=arrow-alt-from-left]::before{content:""}.wds-icon[data-icon=arrow-alt-from-right]::before{content:""}.wds-icon[data-icon=arrow-alt-from-top]::before{content:""}.wds-icon[data-icon=arrow-alt-left]::before{content:""}.wds-icon[data-icon=arrow-alt-right]::before{content:""}.wds-icon[data-icon=arrow-alt-square-down]::before{content:""}.wds-icon[data-icon=arrow-alt-square-left]::before{content:""}.wds-icon[data-icon=arrow-alt-square-right]::before{content:""}.wds-icon[data-icon=arrow-alt-square-up]::before{content:""}.wds-icon[data-icon=arrow-alt-to-bottom]::before{content:""}.wds-icon[data-icon=arrow-alt-to-left]::before{content:""}.wds-icon[data-icon=arrow-alt-to-right]::before{content:""}.wds-icon[data-icon=arrow-alt-to-top]::before{content:""}.wds-icon[data-icon=arrow-alt-up]::before{content:""}.wds-icon[data-icon=arrow-circle-down]::before{content:""}.wds-icon[data-icon=arrow-circle-left]::before{content:""}.wds-icon[data-icon=arrow-circle-right]::before{content:""}.wds-icon[data-icon=arrow-circle-up]::before{content:""}.wds-icon[data-icon=arrow-down]::before{content:""}.wds-icon[data-icon=arrow-down-1-9]::before{content:""}.wds-icon[data-icon=arrow-down-9-1]::before{content:""}.wds-icon[data-icon=arrow-down-a-z]::before{content:""}.wds-icon[data-icon=arrow-down-arrow-up]::before{content:""}.wds-icon[data-icon=arrow-down-big-small]::before{content:""}.wds-icon[data-icon=arrow-down-from-arc]::before{content:""}.wds-icon[data-icon=arrow-down-from-dotted-line]::before{content:""}.wds-icon[data-icon=arrow-down-from-line]::before{content:""}.wds-icon[data-icon=arrow-down-left]::before{content:""}.wds-icon[data-icon=arrow-down-left-and-arrow-up-right-to-center]::before{content:""}.wds-icon[data-icon=arrow-down-long]::before{content:""}.wds-icon[data-icon=arrow-down-right]::before{content:""}.wds-icon[data-icon=arrow-down-short-wide]::before{content:""}.wds-icon[data-icon=arrow-down-small-big]::before{content:""}.wds-icon[data-icon=arrow-down-square-triangle]::before{content:""}.wds-icon[data-icon=arrow-down-to-arc]::before{content:""}.wds-icon[data-icon=arrow-down-to-bracket]::before{content:""}.wds-icon[data-icon=arrow-down-to-dotted-line]::before{content:""}.wds-icon[data-icon=arrow-down-to-line]::before{content:""}.wds-icon[data-icon=arrow-down-to-square]::before{content:""}.wds-icon[data-icon=arrow-down-triangle-square]::before{content:""}.wds-icon[data-icon=arrow-down-up-across-line]::before{content:""}.wds-icon[data-icon=arrow-down-up-lock]::before{content:""}.wds-icon[data-icon=arrow-down-wide-short]::before{content:""}.wds-icon[data-icon=arrow-down-z-a]::before{content:""}.wds-icon[data-icon=arrow-from-bottom]::before{content:""}.wds-icon[data-icon=arrow-from-left]::before{content:""}.wds-icon[data-icon=arrow-from-right]::before{content:""}.wds-icon[data-icon=arrow-from-top]::before{content:""}.wds-icon[data-icon=arrow-left]::before{content:""}.wds-icon[data-icon=arrow-left-from-arc]::before{content:""}.wds-icon[data-icon=arrow-left-from-line]::before{content:""}.wds-icon[data-icon=arrow-left-long]::before{content:""}.wds-icon[data-icon=arrow-left-long-to-line]::before{content:""}.wds-icon[data-icon=arrow-left-rotate]::before{content:""}.wds-icon[data-icon=arrow-left-to-arc]::before{content:""}.wds-icon[data-icon=arrow-left-to-line]::before{content:""}.wds-icon[data-icon=arrow-pointer]::before{content:""}.wds-icon[data-icon=arrow-progress]::before{content:""}.wds-icon[data-icon=arrow-right]::before{content:""}.wds-icon[data-icon=arrow-right-arrow-left]::before{content:""}.wds-icon[data-icon=arrow-right-from-arc]::before{content:""}.wds-icon[data-icon=arrow-right-from-bracket]::before{content:""}.wds-icon[data-icon=arrow-right-from-file]::before{content:""}.wds-icon[data-icon=arrow-right-from-line]::before{content:""}.wds-icon[data-icon=arrow-right-long]::before{content:""}.wds-icon[data-icon=arrow-right-long-to-line]::before{content:""}.wds-icon[data-icon=arrow-right-rotate]::before{content:""}.wds-icon[data-icon=arrow-right-to-arc]::before{content:""}.wds-icon[data-icon=arrow-right-to-bracket]::before{content:""}.wds-icon[data-icon=arrow-right-to-city]::before{content:""}.wds-icon[data-icon=arrow-right-to-file]::before{content:""}.wds-icon[data-icon=arrow-right-to-line]::before{content:""}.wds-icon[data-icon=arrow-rotate-back]::before,.wds-icon[data-icon=arrow-rotate-backward]::before{content:""}.wds-icon[data-icon=arrow-rotate-forward]::before{content:""}.wds-icon[data-icon=arrow-rotate-left]::before{content:""}.wds-icon[data-icon=arrow-rotate-right]::before{content:""}.wds-icon[data-icon=arrow-square-down]::before{content:""}.wds-icon[data-icon=arrow-square-left]::before{content:""}.wds-icon[data-icon=arrow-square-right]::before{content:""}.wds-icon[data-icon=arrow-square-up]::before{content:""}.wds-icon[data-icon=arrow-to-bottom]::before{content:""}.wds-icon[data-icon=arrow-to-left]::before{content:""}.wds-icon[data-icon=arrow-to-right]::before{content:""}.wds-icon[data-icon=arrow-to-top]::before{content:""}.wds-icon[data-icon=arrow-trend-down]::before{content:""}.wds-icon[data-icon=arrow-trend-up]::before{content:""}.wds-icon[data-icon=arrow-turn-down]::before{content:""}.wds-icon[data-icon=arrow-turn-down-left]::before{content:""}.wds-icon[data-icon=arrow-turn-down-right]::before{content:""}.wds-icon[data-icon=arrow-turn-right]::before{content:""}.wds-icon[data-icon=arrow-turn-up]::before{content:""}.wds-icon[data-icon=arrow-up]::before{content:""}.wds-icon[data-icon=arrow-up-1-9]::before{content:""}.wds-icon[data-icon=arrow-up-9-1]::before{content:""}.wds-icon[data-icon=arrow-up-a-z]::before{content:""}.wds-icon[data-icon=arrow-up-arrow-down]::before{content:""}.wds-icon[data-icon=arrow-up-big-small]::before{content:""}.wds-icon[data-icon=arrow-up-from-arc]::before{content:""}.wds-icon[data-icon=arrow-up-from-bracket]::before{content:""}.wds-icon[data-icon=arrow-up-from-dotted-line]::before{content:""}.wds-icon[data-icon=arrow-up-from-ground-water]::before{content:""}.wds-icon[data-icon=arrow-up-from-line]::before{content:""}.wds-icon[data-icon=arrow-up-from-square]::before{content:""}.wds-icon[data-icon=arrow-up-from-water-pump]::before{content:""}.wds-icon[data-icon=arrow-up-left]::before{content:""}.wds-icon[data-icon=arrow-up-left-from-circle]::before{content:""}.wds-icon[data-icon=arrow-up-long]::before{content:""}.wds-icon[data-icon=arrow-up-right]::before{content:""}.wds-icon[data-icon=arrow-up-right-and-arrow-down-left-from-center]::before{content:""}.wds-icon[data-icon=arrow-up-right-dots]::before{content:""}.wds-icon[data-icon=arrow-up-right-from-square]::before{content:""}.wds-icon[data-icon=arrow-up-short-wide]::before{content:""}.wds-icon[data-icon=arrow-up-small-big]::before{content:""}.wds-icon[data-icon=arrow-up-square-triangle]::before{content:""}.wds-icon[data-icon=arrow-up-to-arc]::before{content:""}.wds-icon[data-icon=arrow-up-to-dotted-line]::before{content:""}.wds-icon[data-icon=arrow-up-to-line]::before{content:""}.wds-icon[data-icon=arrow-up-triangle-square]::before{content:""}.wds-icon[data-icon=arrow-up-wide-short]::before{content:""}.wds-icon[data-icon=arrow-up-z-a]::before{content:""}.wds-icon[data-icon=arrows]::before{content:""}.wds-icon[data-icon=arrows-alt]::before{content:""}.wds-icon[data-icon=arrows-alt-h]::before{content:""}.wds-icon[data-icon=arrows-alt-v]::before{content:""}.wds-icon[data-icon=arrows-cross]::before{content:""}.wds-icon[data-icon=arrows-down-to-line]::before{content:""}.wds-icon[data-icon=arrows-down-to-people]::before{content:""}.wds-icon[data-icon=arrows-from-dotted-line]::before{content:""}.wds-icon[data-icon=arrows-from-line]::before{content:""}.wds-icon[data-icon=arrows-h]::before,.wds-icon[data-icon=arrows-left-right]::before{content:""}.wds-icon[data-icon=arrows-left-right-to-line]::before{content:""}.wds-icon[data-icon=arrows-maximize]::before{content:""}.wds-icon[data-icon=arrows-minimize]::before{content:""}.wds-icon[data-icon=arrows-repeat]::before{content:""}.wds-icon[data-icon=arrows-repeat-1]::before{content:""}.wds-icon[data-icon=arrows-retweet]::before{content:""}.wds-icon[data-icon=arrows-rotate]::before{content:""}.wds-icon[data-icon=arrows-spin]::before{content:""}.wds-icon[data-icon=arrows-split-up-and-left]::before{content:""}.wds-icon[data-icon=arrows-to-circle]::before{content:""}.wds-icon[data-icon=arrows-to-dot]::before{content:""}.wds-icon[data-icon=arrows-to-dotted-line]::before{content:""}.wds-icon[data-icon=arrows-to-eye]::before{content:""}.wds-icon[data-icon=arrows-to-line]::before{content:""}.wds-icon[data-icon=arrows-turn-right]::before{content:""}.wds-icon[data-icon=arrows-turn-to-dots]::before{content:""}.wds-icon[data-icon=arrows-up-down]::before{content:""}.wds-icon[data-icon=arrows-up-down-left-right]::before{content:""}.wds-icon[data-icon=arrows-up-to-line]::before{content:""}.wds-icon[data-icon=arrows-v]::before{content:""}.wds-icon[data-icon=asl-interpreting]::before{content:""}.wds-icon[data-icon=assistive-listening-systems]::before{content:""}.wds-icon[data-icon=asterisk]::before{content:"*"}.wds-icon[data-icon=at]::before{content:"@"}.wds-icon[data-icon=atlas]::before{content:""}.wds-icon[data-icon=atom]::before{content:""}.wds-icon[data-icon=atom-alt]::before,.wds-icon[data-icon=atom-simple]::before{content:""}.wds-icon[data-icon=audio-description]::before{content:""}.wds-icon[data-icon=audio-description-slash]::before{content:""}.wds-icon[data-icon=austral-sign]::before{content:""}.wds-icon[data-icon=automobile]::before{content:""}.wds-icon[data-icon=avocado]::before{content:""}.wds-icon[data-icon=award]::before{content:""}.wds-icon[data-icon=award-simple]::before{content:""}.wds-icon[data-icon=axe]::before{content:""}.wds-icon[data-icon=axe-battle]::before{content:""}.wds-icon[data-icon=b]::before{content:"B"}.wds-icon[data-icon=baby]::before{content:""}.wds-icon[data-icon=baby-carriage]::before{content:""}.wds-icon[data-icon=backpack]::before{content:""}.wds-icon[data-icon=backspace]::before{content:""}.wds-icon[data-icon=backward]::before{content:""}.wds-icon[data-icon=backward-fast]::before{content:""}.wds-icon[data-icon=backward-step]::before{content:""}.wds-icon[data-icon=bacon]::before{content:""}.wds-icon[data-icon=bacteria]::before{content:""}.wds-icon[data-icon=bacterium]::before{content:""}.wds-icon[data-icon=badge]::before{content:""}.wds-icon[data-icon=badge-check]::before{content:""}.wds-icon[data-icon=badge-dollar]::before{content:""}.wds-icon[data-icon=badge-percent]::before{content:""}.wds-icon[data-icon=badge-sheriff]::before{content:""}.wds-icon[data-icon=badger-honey]::before{content:""}.wds-icon[data-icon=badminton]::before{content:""}.wds-icon[data-icon=bag-seedling]::before{content:""}.wds-icon[data-icon=bag-shopping]::before{content:""}.wds-icon[data-icon=bagel]::before{content:""}.wds-icon[data-icon=bags-shopping]::before{content:""}.wds-icon[data-icon=baguette]::before{content:""}.wds-icon[data-icon=bahai]::before{content:""}.wds-icon[data-icon=baht-sign]::before{content:""}.wds-icon[data-icon=balance-scale]::before{content:""}.wds-icon[data-icon=balance-scale-left]::before{content:""}.wds-icon[data-icon=balance-scale-right]::before{content:""}.wds-icon[data-icon=ball-pile]::before{content:""}.wds-icon[data-icon=balloon]::before{content:""}.wds-icon[data-icon=balloons]::before{content:""}.wds-icon[data-icon=ballot]::before{content:""}.wds-icon[data-icon=ballot-check]::before{content:""}.wds-icon[data-icon=ban]::before{content:""}.wds-icon[data-icon=ban-bug]::before{content:""}.wds-icon[data-icon=ban-parking]::before{content:""}.wds-icon[data-icon=ban-smoking]::before{content:""}.wds-icon[data-icon=banana]::before{content:""}.wds-icon[data-icon=band-aid]::before,.wds-icon[data-icon=bandage]::before{content:""}.wds-icon[data-icon=bangladeshi-taka-sign]::before{content:""}.wds-icon[data-icon=banjo]::before{content:""}.wds-icon[data-icon=bank]::before{content:""}.wds-icon[data-icon=bar-chart]::before{content:""}.wds-icon[data-icon=barcode]::before{content:""}.wds-icon[data-icon=barcode-alt]::before{content:""}.wds-icon[data-icon=barcode-read]::before{content:""}.wds-icon[data-icon=barcode-scan]::before{content:""}.wds-icon[data-icon=barn-silo]::before{content:""}.wds-icon[data-icon=bars]::before{content:""}.wds-icon[data-icon=bars-filter]::before{content:""}.wds-icon[data-icon=bars-progress]::before{content:""}.wds-icon[data-icon=bars-sort]::before{content:""}.wds-icon[data-icon=bars-staggered]::before{content:""}.wds-icon[data-icon=baseball-ball]::before,.wds-icon[data-icon=baseball]::before{content:""}.wds-icon[data-icon=baseball-bat-ball]::before{content:""}.wds-icon[data-icon=basket-shopping]::before{content:""}.wds-icon[data-icon=basket-shopping-simple]::before{content:""}.wds-icon[data-icon=basketball-ball]::before,.wds-icon[data-icon=basketball]::before{content:""}.wds-icon[data-icon=basketball-hoop]::before{content:""}.wds-icon[data-icon=bat]::before{content:""}.wds-icon[data-icon=bath]::before,.wds-icon[data-icon=bathtub]::before{content:""}.wds-icon[data-icon=battery]::before{content:""}.wds-icon[data-icon=battery-0]::before{content:""}.wds-icon[data-icon=battery-1]::before{content:""}.wds-icon[data-icon=battery-2]::before{content:""}.wds-icon[data-icon=battery-3]::before{content:""}.wds-icon[data-icon=battery-4]::before{content:""}.wds-icon[data-icon=battery-5]::before{content:""}.wds-icon[data-icon=battery-bolt]::before{content:""}.wds-icon[data-icon=battery-car]::before{content:""}.wds-icon[data-icon=battery-empty]::before{content:""}.wds-icon[data-icon=battery-exclamation]::before{content:""}.wds-icon[data-icon=battery-full]::before{content:""}.wds-icon[data-icon=battery-half]::before{content:""}.wds-icon[data-icon=battery-low]::before{content:""}.wds-icon[data-icon=battery-quarter]::before{content:""}.wds-icon[data-icon=battery-slash]::before{content:""}.wds-icon[data-icon=battery-three-quarters]::before{content:""}.wds-icon[data-icon=bed]::before{content:""}.wds-icon[data-icon=bed-alt]::before{content:""}.wds-icon[data-icon=bed-bunk]::before{content:""}.wds-icon[data-icon=bed-empty]::before{content:""}.wds-icon[data-icon=bed-front]::before{content:""}.wds-icon[data-icon=bed-pulse]::before{content:""}.wds-icon[data-icon=bee]::before{content:""}.wds-icon[data-icon=beer]::before{content:""}.wds-icon[data-icon=beer-foam]::before,.wds-icon[data-icon=beer-mug]::before{content:""}.wds-icon[data-icon=beer-mug-empty]::before{content:""}.wds-icon[data-icon=bell]::before{content:""}.wds-icon[data-icon=bell-concierge]::before{content:""}.wds-icon[data-icon=bell-exclamation]::before{content:""}.wds-icon[data-icon=bell-on]::before{content:""}.wds-icon[data-icon=bell-plus]::before{content:""}.wds-icon[data-icon=bell-school]::before{content:""}.wds-icon[data-icon=bell-school-slash]::before{content:""}.wds-icon[data-icon=bell-slash]::before{content:""}.wds-icon[data-icon=bells]::before{content:""}.wds-icon[data-icon=bench-tree]::before{content:""}.wds-icon[data-icon=betamax]::before{content:""}.wds-icon[data-icon=bezier-curve]::before{content:""}.wds-icon[data-icon=bible]::before{content:""}.wds-icon[data-icon=bicycle]::before{content:""}.wds-icon[data-icon=biking]::before{content:""}.wds-icon[data-icon=biking-mountain]::before{content:""}.wds-icon[data-icon=billboard]::before{content:""}.wds-icon[data-icon=bin-bottles]::before{content:""}.wds-icon[data-icon=bin-bottles-recycle]::before{content:""}.wds-icon[data-icon=bin-recycle]::before{content:""}.wds-icon[data-icon=binary]::before{content:""}.wds-icon[data-icon=binary-circle-check]::before{content:""}.wds-icon[data-icon=binary-lock]::before{content:""}.wds-icon[data-icon=binary-slash]::before{content:""}.wds-icon[data-icon=binoculars]::before{content:""}.wds-icon[data-icon=biohazard]::before{content:""}.wds-icon[data-icon=bird]::before{content:""}.wds-icon[data-icon=birthday-cake]::before{content:""}.wds-icon[data-icon=bitcoin-sign]::before{content:""}.wds-icon[data-icon=blackboard]::before{content:""}.wds-icon[data-icon=blanket]::before{content:""}.wds-icon[data-icon=blanket-fire]::before{content:""}.wds-icon[data-icon=blender]::before{content:""}.wds-icon[data-icon=blender-phone]::before{content:""}.wds-icon[data-icon=blind]::before{content:""}.wds-icon[data-icon=blinds]::before{content:""}.wds-icon[data-icon=blinds-open]::before{content:""}.wds-icon[data-icon=blinds-raised]::before{content:""}.wds-icon[data-icon=block]::before{content:""}.wds-icon[data-icon=block-brick]::before{content:""}.wds-icon[data-icon=block-brick-fire]::before{content:""}.wds-icon[data-icon=block-question]::before{content:""}.wds-icon[data-icon=block-quote]::before{content:""}.wds-icon[data-icon=blog]::before{content:""}.wds-icon[data-icon=blueberries]::before{content:""}.wds-icon[data-icon=bold]::before{content:""}.wds-icon[data-icon=bolt]::before{content:""}.wds-icon[data-icon=bolt-auto]::before{content:""}.wds-icon[data-icon=bolt-lightning]::before{content:""}.wds-icon[data-icon=bolt-slash]::before{content:""}.wds-icon[data-icon=bomb]::before{content:""}.wds-icon[data-icon=bone]::before{content:""}.wds-icon[data-icon=bone-break]::before{content:""}.wds-icon[data-icon=bong]::before{content:""}.wds-icon[data-icon=book]::before{content:""}.wds-icon[data-icon=book-alt]::before{content:""}.wds-icon[data-icon=book-arrow-right]::before{content:""}.wds-icon[data-icon=book-arrow-up]::before{content:""}.wds-icon[data-icon=book-atlas]::before{content:""}.wds-icon[data-icon=book-bible]::before{content:""}.wds-icon[data-icon=book-blank]::before{content:""}.wds-icon[data-icon=book-bookmark]::before{content:""}.wds-icon[data-icon=book-circle]::before{content:""}.wds-icon[data-icon=book-circle-arrow-right]::before{content:""}.wds-icon[data-icon=book-circle-arrow-up]::before{content:""}.wds-icon[data-icon=book-copy]::before{content:""}.wds-icon[data-icon=book-dead]::before{content:""}.wds-icon[data-icon=book-font]::before{content:""}.wds-icon[data-icon=book-heart]::before{content:""}.wds-icon[data-icon=book-journal-whills]::before{content:""}.wds-icon[data-icon=book-law]::before{content:""}.wds-icon[data-icon=book-medical]::before{content:""}.wds-icon[data-icon=book-open]::before{content:""}.wds-icon[data-icon=book-open-alt]::before,.wds-icon[data-icon=book-open-cover]::before{content:""}.wds-icon[data-icon=book-open-reader]::before{content:""}.wds-icon[data-icon=book-quran]::before{content:""}.wds-icon[data-icon=book-reader]::before{content:""}.wds-icon[data-icon=book-section]::before{content:""}.wds-icon[data-icon=book-skull]::before{content:""}.wds-icon[data-icon=book-sparkles]::before,.wds-icon[data-icon=book-spells]::before{content:""}.wds-icon[data-icon=book-tanakh]::before{content:""}.wds-icon[data-icon=book-user]::before{content:""}.wds-icon[data-icon=bookmark]::before{content:""}.wds-icon[data-icon=bookmark-circle]::before{content:""}.wds-icon[data-icon=bookmark-slash]::before{content:""}.wds-icon[data-icon=books]::before{content:""}.wds-icon[data-icon=books-medical]::before{content:""}.wds-icon[data-icon=boombox]::before{content:""}.wds-icon[data-icon=boot]::before{content:""}.wds-icon[data-icon=boot-heeled]::before{content:""}.wds-icon[data-icon=booth-curtain]::before{content:""}.wds-icon[data-icon=border-all]::before{content:""}.wds-icon[data-icon=border-bottom]::before{content:""}.wds-icon[data-icon=border-bottom-right]::before{content:""}.wds-icon[data-icon=border-center-h]::before{content:""}.wds-icon[data-icon=border-center-v]::before{content:""}.wds-icon[data-icon=border-inner]::before{content:""}.wds-icon[data-icon=border-left]::before{content:""}.wds-icon[data-icon=border-none]::before{content:""}.wds-icon[data-icon=border-outer]::before{content:""}.wds-icon[data-icon=border-right]::before{content:""}.wds-icon[data-icon=border-style]::before{content:""}.wds-icon[data-icon=border-style-alt]::before{content:""}.wds-icon[data-icon=border-top]::before{content:""}.wds-icon[data-icon=border-top-left]::before{content:""}.wds-icon[data-icon=bore-hole]::before{content:""}.wds-icon[data-icon=bottle-droplet]::before{content:""}.wds-icon[data-icon=bottle-water]::before{content:""}.wds-icon[data-icon=bow-arrow]::before{content:""}.wds-icon[data-icon=bowl-chopsticks]::before{content:""}.wds-icon[data-icon=bowl-chopsticks-noodles]::before{content:""}.wds-icon[data-icon=bowl-food]::before{content:""}.wds-icon[data-icon=bowl-hot]::before{content:""}.wds-icon[data-icon=bowl-rice]::before{content:""}.wds-icon[data-icon=bowl-salad]::before{content:""}.wds-icon[data-icon=bowl-scoop]::before{content:""}.wds-icon[data-icon=bowl-scoops]::before{content:""}.wds-icon[data-icon=bowl-shaved-ice]::before{content:""}.wds-icon[data-icon=bowl-soft-serve]::before{content:""}.wds-icon[data-icon=bowl-spoon]::before{content:""}.wds-icon[data-icon=bowling-ball]::before{content:""}.wds-icon[data-icon=bowling-ball-pin]::before{content:""}.wds-icon[data-icon=bowling-pins]::before{content:""}.wds-icon[data-icon=box]::before{content:""}.wds-icon[data-icon=box-alt]::before{content:""}.wds-icon[data-icon=box-archive]::before{content:""}.wds-icon[data-icon=box-ballot]::before{content:""}.wds-icon[data-icon=box-check]::before{content:""}.wds-icon[data-icon=box-circle-check]::before{content:""}.wds-icon[data-icon=box-dollar]::before{content:""}.wds-icon[data-icon=box-fragile]::before{content:""}.wds-icon[data-icon=box-full]::before{content:""}.wds-icon[data-icon=box-heart]::before{content:""}.wds-icon[data-icon=box-open]::before{content:""}.wds-icon[data-icon=box-open-full]::before{content:""}.wds-icon[data-icon=box-taped]::before{content:""}.wds-icon[data-icon=box-tissue]::before{content:""}.wds-icon[data-icon=box-up]::before{content:""}.wds-icon[data-icon=box-usd]::before{content:""}.wds-icon[data-icon=boxes-alt]::before,.wds-icon[data-icon=boxes]::before{content:""}.wds-icon[data-icon=boxes-packing]::before{content:""}.wds-icon[data-icon=boxes-stacked]::before{content:""}.wds-icon[data-icon=boxing-glove]::before{content:""}.wds-icon[data-icon=bracket]::before{content:"["}.wds-icon[data-icon=bracket-curly-left]::before,.wds-icon[data-icon=bracket-curly]::before{content:"{"}.wds-icon[data-icon=bracket-curly-right]::before{content:"}"}.wds-icon[data-icon=bracket-left]::before{content:"["}.wds-icon[data-icon=bracket-round]::before{content:"("}.wds-icon[data-icon=bracket-round-right]::before{content:")"}.wds-icon[data-icon=bracket-square]::before{content:"["}.wds-icon[data-icon=bracket-square-right]::before{content:"]"}.wds-icon[data-icon=brackets]::before{content:""}.wds-icon[data-icon=brackets-curly]::before{content:""}.wds-icon[data-icon=brackets-round]::before{content:""}.wds-icon[data-icon=brackets-square]::before{content:""}.wds-icon[data-icon=braille]::before{content:""}.wds-icon[data-icon=brain]::before{content:""}.wds-icon[data-icon=brain-arrow-curved-right]::before{content:""}.wds-icon[data-icon=brain-circuit]::before{content:""}.wds-icon[data-icon=brake-warning]::before{content:""}.wds-icon[data-icon=brazilian-real-sign]::before{content:""}.wds-icon[data-icon=bread-loaf]::before{content:""}.wds-icon[data-icon=bread-slice]::before{content:""}.wds-icon[data-icon=bread-slice-butter]::before{content:""}.wds-icon[data-icon=bridge]::before{content:""}.wds-icon[data-icon=bridge-circle-check]::before{content:""}.wds-icon[data-icon=bridge-circle-exclamation]::before{content:""}.wds-icon[data-icon=bridge-circle-xmark]::before{content:""}.wds-icon[data-icon=bridge-lock]::before{content:""}.wds-icon[data-icon=bridge-suspension]::before{content:""}.wds-icon[data-icon=bridge-water]::before{content:""}.wds-icon[data-icon=briefcase]::before{content:""}.wds-icon[data-icon=briefcase-arrow-right]::before{content:""}.wds-icon[data-icon=briefcase-blank]::before{content:""}.wds-icon[data-icon=briefcase-clock]::before{content:""}.wds-icon[data-icon=briefcase-medical]::before{content:""}.wds-icon[data-icon=brightness]::before{content:""}.wds-icon[data-icon=brightness-low]::before{content:""}.wds-icon[data-icon=bring-forward]::before{content:""}.wds-icon[data-icon=bring-front]::before{content:""}.wds-icon[data-icon=broadcast-tower]::before{content:""}.wds-icon[data-icon=broccoli]::before{content:""}.wds-icon[data-icon=broom]::before{content:""}.wds-icon[data-icon=broom-ball]::before{content:""}.wds-icon[data-icon=broom-wide]::before{content:""}.wds-icon[data-icon=browser]::before{content:""}.wds-icon[data-icon=browsers]::before{content:""}.wds-icon[data-icon=brush]::before{content:""}.wds-icon[data-icon=bucket]::before{content:""}.wds-icon[data-icon=bug]::before{content:""}.wds-icon[data-icon=bug-slash]::before{content:""}.wds-icon[data-icon=bugs]::before{content:""}.wds-icon[data-icon=building]::before{content:""}.wds-icon[data-icon=building-circle-arrow-right]::before{content:""}.wds-icon[data-icon=building-circle-check]::before{content:""}.wds-icon[data-icon=building-circle-exclamation]::before{content:""}.wds-icon[data-icon=building-circle-xmark]::before{content:""}.wds-icon[data-icon=building-columns]::before{content:""}.wds-icon[data-icon=building-flag]::before{content:""}.wds-icon[data-icon=building-lock]::before{content:""}.wds-icon[data-icon=building-ngo]::before{content:""}.wds-icon[data-icon=building-shield]::before{content:""}.wds-icon[data-icon=building-un]::before{content:""}.wds-icon[data-icon=building-user]::before{content:""}.wds-icon[data-icon=building-wheat]::before{content:""}.wds-icon[data-icon=buildings]::before{content:""}.wds-icon[data-icon=bullhorn]::before{content:""}.wds-icon[data-icon=bullseye]::before{content:""}.wds-icon[data-icon=bullseye-arrow]::before{content:""}.wds-icon[data-icon=bullseye-pointer]::before{content:""}.wds-icon[data-icon=buoy]::before{content:""}.wds-icon[data-icon=buoy-mooring]::before{content:""}.wds-icon[data-icon=burger]::before{content:""}.wds-icon[data-icon=burger-cheese]::before{content:""}.wds-icon[data-icon=burger-fries]::before{content:""}.wds-icon[data-icon=burger-glass]::before{content:""}.wds-icon[data-icon=burger-lettuce]::before{content:""}.wds-icon[data-icon=burger-soda]::before{content:""}.wds-icon[data-icon=burn]::before{content:""}.wds-icon[data-icon=burrito]::before{content:""}.wds-icon[data-icon=burst]::before{content:""}.wds-icon[data-icon=bus]::before{content:""}.wds-icon[data-icon=bus-alt]::before{content:""}.wds-icon[data-icon=bus-school]::before{content:""}.wds-icon[data-icon=bus-simple]::before{content:""}.wds-icon[data-icon=business-front]::before{content:""}.wds-icon[data-icon=business-time]::before{content:""}.wds-icon[data-icon=butter]::before{content:""}.wds-icon[data-icon=c]::before{content:"C"}.wds-icon[data-icon=cab]::before{content:""}.wds-icon[data-icon=cabin]::before{content:""}.wds-icon[data-icon=cabinet-filing]::before{content:""}.wds-icon[data-icon=cable-car]::before{content:""}.wds-icon[data-icon=cactus]::before{content:""}.wds-icon[data-icon=cake-candles]::before,.wds-icon[data-icon=cake]::before{content:""}.wds-icon[data-icon=cake-slice]::before{content:""}.wds-icon[data-icon=calculator]::before{content:""}.wds-icon[data-icon=calculator-alt]::before,.wds-icon[data-icon=calculator-simple]::before{content:""}.wds-icon[data-icon=calendar]::before{content:""}.wds-icon[data-icon=calendar-alt]::before{content:""}.wds-icon[data-icon=calendar-arrow-down]::before{content:""}.wds-icon[data-icon=calendar-arrow-up]::before{content:""}.wds-icon[data-icon=calendar-check]::before{content:""}.wds-icon[data-icon=calendar-circle]::before{content:""}.wds-icon[data-icon=calendar-circle-exclamation]::before{content:""}.wds-icon[data-icon=calendar-circle-minus]::before{content:""}.wds-icon[data-icon=calendar-circle-plus]::before{content:""}.wds-icon[data-icon=calendar-circle-user]::before{content:""}.wds-icon[data-icon=calendar-clock]::before{content:""}.wds-icon[data-icon=calendar-day]::before{content:""}.wds-icon[data-icon=calendar-days]::before{content:""}.wds-icon[data-icon=calendar-download]::before{content:""}.wds-icon[data-icon=calendar-edit]::before{content:""}.wds-icon[data-icon=calendar-exclamation]::before{content:""}.wds-icon[data-icon=calendar-heart]::before{content:""}.wds-icon[data-icon=calendar-image]::before{content:""}.wds-icon[data-icon=calendar-lines]::before{content:""}.wds-icon[data-icon=calendar-lines-pen]::before{content:""}.wds-icon[data-icon=calendar-minus]::before{content:""}.wds-icon[data-icon=calendar-note]::before{content:""}.wds-icon[data-icon=calendar-pen]::before{content:""}.wds-icon[data-icon=calendar-plus]::before{content:""}.wds-icon[data-icon=calendar-range]::before{content:""}.wds-icon[data-icon=calendar-star]::before{content:""}.wds-icon[data-icon=calendar-time]::before{content:""}.wds-icon[data-icon=calendar-times]::before{content:""}.wds-icon[data-icon=calendar-upload]::before{content:""}.wds-icon[data-icon=calendar-users]::before{content:""}.wds-icon[data-icon=calendar-week]::before{content:""}.wds-icon[data-icon=calendar-xmark]::before{content:""}.wds-icon[data-icon=calendars]::before{content:""}.wds-icon[data-icon=camcorder]::before{content:""}.wds-icon[data-icon=camera-alt]::before,.wds-icon[data-icon=camera]::before{content:""}.wds-icon[data-icon=camera-cctv]::before{content:""}.wds-icon[data-icon=camera-circle]::before{content:""}.wds-icon[data-icon=camera-home]::before{content:""}.wds-icon[data-icon=camera-movie]::before{content:""}.wds-icon[data-icon=camera-polaroid]::before{content:""}.wds-icon[data-icon=camera-retro]::before{content:""}.wds-icon[data-icon=camera-rotate]::before{content:""}.wds-icon[data-icon=camera-security]::before{content:""}.wds-icon[data-icon=camera-slash]::before{content:""}.wds-icon[data-icon=camera-viewfinder]::before{content:""}.wds-icon[data-icon=camera-web]::before{content:""}.wds-icon[data-icon=camera-web-slash]::before{content:""}.wds-icon[data-icon=campfire]::before{content:""}.wds-icon[data-icon=campground]::before{content:""}.wds-icon[data-icon=can-food]::before{content:""}.wds-icon[data-icon=cancel]::before{content:""}.wds-icon[data-icon=candle-holder]::before{content:""}.wds-icon[data-icon=candy]::before{content:""}.wds-icon[data-icon=candy-bar]::before{content:""}.wds-icon[data-icon=candy-cane]::before{content:""}.wds-icon[data-icon=candy-corn]::before{content:""}.wds-icon[data-icon=cannabis]::before{content:""}.wds-icon[data-icon=capsules]::before{content:""}.wds-icon[data-icon=car]::before{content:""}.wds-icon[data-icon=car-alt]::before{content:""}.wds-icon[data-icon=car-battery]::before{content:""}.wds-icon[data-icon=car-bolt]::before{content:""}.wds-icon[data-icon=car-building]::before{content:""}.wds-icon[data-icon=car-bump]::before{content:""}.wds-icon[data-icon=car-burst]::before{content:""}.wds-icon[data-icon=car-bus]::before{content:""}.wds-icon[data-icon=car-circle-bolt]::before{content:""}.wds-icon[data-icon=car-crash]::before{content:""}.wds-icon[data-icon=car-garage]::before{content:""}.wds-icon[data-icon=car-mechanic]::before{content:""}.wds-icon[data-icon=car-mirrors]::before{content:""}.wds-icon[data-icon=car-on]::before{content:""}.wds-icon[data-icon=car-rear]::before{content:""}.wds-icon[data-icon=car-side]::before{content:""}.wds-icon[data-icon=car-side-bolt]::before{content:""}.wds-icon[data-icon=car-tilt]::before{content:""}.wds-icon[data-icon=car-tunnel]::before{content:""}.wds-icon[data-icon=car-wash]::before{content:""}.wds-icon[data-icon=car-wrench]::before{content:""}.wds-icon[data-icon=caravan]::before{content:""}.wds-icon[data-icon=caravan-alt]::before,.wds-icon[data-icon=caravan-simple]::before{content:""}.wds-icon[data-icon=card-club]::before{content:""}.wds-icon[data-icon=card-diamond]::before{content:""}.wds-icon[data-icon=card-heart]::before{content:""}.wds-icon[data-icon=card-spade]::before{content:""}.wds-icon[data-icon=cards]::before{content:""}.wds-icon[data-icon=cards-blank]::before{content:""}.wds-icon[data-icon=caret-circle-down]::before{content:""}.wds-icon[data-icon=caret-circle-left]::before{content:""}.wds-icon[data-icon=caret-circle-right]::before{content:""}.wds-icon[data-icon=caret-circle-up]::before{content:""}.wds-icon[data-icon=caret-down]::before{content:""}.wds-icon[data-icon=caret-left]::before{content:""}.wds-icon[data-icon=caret-right]::before{content:""}.wds-icon[data-icon=caret-square-down]::before{content:""}.wds-icon[data-icon=caret-square-left]::before{content:""}.wds-icon[data-icon=caret-square-right]::before{content:""}.wds-icon[data-icon=caret-square-up]::before{content:""}.wds-icon[data-icon=caret-up]::before{content:""}.wds-icon[data-icon=carriage-baby]::before{content:""}.wds-icon[data-icon=carrot]::before{content:""}.wds-icon[data-icon=cars]::before{content:""}.wds-icon[data-icon=cart-arrow-down]::before{content:""}.wds-icon[data-icon=cart-arrow-up]::before{content:""}.wds-icon[data-icon=cart-circle-arrow-down]::before{content:""}.wds-icon[data-icon=cart-circle-arrow-up]::before{content:""}.wds-icon[data-icon=cart-circle-check]::before{content:""}.wds-icon[data-icon=cart-circle-exclamation]::before{content:""}.wds-icon[data-icon=cart-circle-plus]::before{content:""}.wds-icon[data-icon=cart-circle-xmark]::before{content:""}.wds-icon[data-icon=cart-flatbed]::before{content:""}.wds-icon[data-icon=cart-flatbed-boxes]::before{content:""}.wds-icon[data-icon=cart-flatbed-empty]::before{content:""}.wds-icon[data-icon=cart-flatbed-suitcase]::before{content:""}.wds-icon[data-icon=cart-minus]::before{content:""}.wds-icon[data-icon=cart-plus]::before{content:""}.wds-icon[data-icon=cart-shopping]::before{content:""}.wds-icon[data-icon=cart-shopping-fast]::before{content:""}.wds-icon[data-icon=cart-xmark]::before{content:""}.wds-icon[data-icon=cash-register]::before{content:""}.wds-icon[data-icon=cassette-betamax]::before{content:""}.wds-icon[data-icon=cassette-tape]::before{content:""}.wds-icon[data-icon=cassette-vhs]::before{content:""}.wds-icon[data-icon=castle]::before{content:""}.wds-icon[data-icon=cat]::before{content:""}.wds-icon[data-icon=cat-space]::before{content:""}.wds-icon[data-icon=cauldron]::before{content:""}.wds-icon[data-icon=cctv]::before{content:""}.wds-icon[data-icon=cedi-sign]::before{content:""}.wds-icon[data-icon=cent-sign]::before{content:""}.wds-icon[data-icon=certificate]::before{content:""}.wds-icon[data-icon=chain]::before{content:""}.wds-icon[data-icon=chain-broken]::before{content:""}.wds-icon[data-icon=chain-horizontal]::before{content:""}.wds-icon[data-icon=chain-horizontal-slash]::before{content:""}.wds-icon[data-icon=chain-slash]::before{content:""}.wds-icon[data-icon=chair]::before{content:""}.wds-icon[data-icon=chair-office]::before{content:""}.wds-icon[data-icon=chalkboard]::before{content:""}.wds-icon[data-icon=chalkboard-teacher]::before,.wds-icon[data-icon=chalkboard-user]::before{content:""}.wds-icon[data-icon=champagne-glass]::before{content:""}.wds-icon[data-icon=champagne-glasses]::before{content:""}.wds-icon[data-icon=charging-station]::before{content:""}.wds-icon[data-icon=chart-area]::before{content:""}.wds-icon[data-icon=chart-bar]::before{content:""}.wds-icon[data-icon=chart-bullet]::before{content:""}.wds-icon[data-icon=chart-candlestick]::before{content:""}.wds-icon[data-icon=chart-column]::before{content:""}.wds-icon[data-icon=chart-gantt]::before{content:""}.wds-icon[data-icon=chart-line]::before{content:""}.wds-icon[data-icon=chart-line-down]::before{content:""}.wds-icon[data-icon=chart-line-up]::before{content:""}.wds-icon[data-icon=chart-line-up-down]::before{content:""}.wds-icon[data-icon=chart-mixed]::before{content:""}.wds-icon[data-icon=chart-mixed-up-circle-currency]::before{content:""}.wds-icon[data-icon=chart-mixed-up-circle-dollar]::before{content:""}.wds-icon[data-icon=chart-network]::before{content:""}.wds-icon[data-icon=chart-pie]::before{content:""}.wds-icon[data-icon=chart-pie-alt]::before,.wds-icon[data-icon=chart-pie-simple]::before{content:""}.wds-icon[data-icon=chart-pie-simple-circle-currency]::before{content:""}.wds-icon[data-icon=chart-pie-simple-circle-dollar]::before{content:""}.wds-icon[data-icon=chart-pyramid]::before{content:""}.wds-icon[data-icon=chart-radar]::before{content:""}.wds-icon[data-icon=chart-scatter]::before{content:""}.wds-icon[data-icon=chart-scatter-3d]::before{content:""}.wds-icon[data-icon=chart-scatter-bubble]::before{content:""}.wds-icon[data-icon=chart-simple]::before{content:""}.wds-icon[data-icon=chart-simple-horizontal]::before{content:""}.wds-icon[data-icon=chart-tree-map]::before{content:""}.wds-icon[data-icon=chart-user]::before{content:""}.wds-icon[data-icon=chart-waterfall]::before{content:""}.wds-icon[data-icon=check]::before{content:""}.wds-icon[data-icon=check-circle]::before{content:""}.wds-icon[data-icon=check-double]::before{content:""}.wds-icon[data-icon=check-square]::before{content:""}.wds-icon[data-icon=check-to-slot]::before{content:""}.wds-icon[data-icon=cheese]::before{content:""}.wds-icon[data-icon=cheese-swiss]::before{content:""}.wds-icon[data-icon=cheeseburger]::before{content:""}.wds-icon[data-icon=cherries]::before{content:""}.wds-icon[data-icon=chess]::before{content:""}.wds-icon[data-icon=chess-bishop]::before{content:""}.wds-icon[data-icon=chess-bishop-alt]::before,.wds-icon[data-icon=chess-bishop-piece]::before{content:""}.wds-icon[data-icon=chess-board]::before{content:""}.wds-icon[data-icon=chess-clock]::before{content:""}.wds-icon[data-icon=chess-clock-alt]::before,.wds-icon[data-icon=chess-clock-flip]::before{content:""}.wds-icon[data-icon=chess-king]::before{content:""}.wds-icon[data-icon=chess-king-alt]::before,.wds-icon[data-icon=chess-king-piece]::before{content:""}.wds-icon[data-icon=chess-knight]::before{content:""}.wds-icon[data-icon=chess-knight-alt]::before,.wds-icon[data-icon=chess-knight-piece]::before{content:""}.wds-icon[data-icon=chess-pawn]::before{content:""}.wds-icon[data-icon=chess-pawn-alt]::before,.wds-icon[data-icon=chess-pawn-piece]::before{content:""}.wds-icon[data-icon=chess-queen]::before{content:""}.wds-icon[data-icon=chess-queen-alt]::before,.wds-icon[data-icon=chess-queen-piece]::before{content:""}.wds-icon[data-icon=chess-rook]::before{content:""}.wds-icon[data-icon=chess-rook-alt]::before,.wds-icon[data-icon=chess-rook-piece]::before{content:""}.wds-icon[data-icon=chestnut]::before{content:""}.wds-icon[data-icon=chevron-circle-down]::before{content:""}.wds-icon[data-icon=chevron-circle-left]::before{content:""}.wds-icon[data-icon=chevron-circle-right]::before{content:""}.wds-icon[data-icon=chevron-circle-up]::before{content:""}.wds-icon[data-icon=chevron-double-down]::before{content:""}.wds-icon[data-icon=chevron-double-left]::before{content:""}.wds-icon[data-icon=chevron-double-right]::before{content:""}.wds-icon[data-icon=chevron-double-up]::before{content:""}.wds-icon[data-icon=chevron-down]::before{content:""}.wds-icon[data-icon=chevron-left]::before{content:""}.wds-icon[data-icon=chevron-right]::before{content:""}.wds-icon[data-icon=chevron-square-down]::before{content:""}.wds-icon[data-icon=chevron-square-left]::before{content:""}.wds-icon[data-icon=chevron-square-right]::before{content:""}.wds-icon[data-icon=chevron-square-up]::before{content:""}.wds-icon[data-icon=chevron-up]::before{content:""}.wds-icon[data-icon=chevrons-down]::before{content:""}.wds-icon[data-icon=chevrons-left]::before{content:""}.wds-icon[data-icon=chevrons-right]::before{content:""}.wds-icon[data-icon=chevrons-up]::before{content:""}.wds-icon[data-icon=chf-sign]::before{content:""}.wds-icon[data-icon=child]::before{content:""}.wds-icon[data-icon=child-combatant]::before{content:""}.wds-icon[data-icon=child-dress]::before{content:""}.wds-icon[data-icon=child-reaching]::before{content:""}.wds-icon[data-icon=child-rifle]::before{content:""}.wds-icon[data-icon=children]::before{content:""}.wds-icon[data-icon=chimney]::before{content:""}.wds-icon[data-icon=chocolate-bar]::before{content:""}.wds-icon[data-icon=chopsticks]::before{content:""}.wds-icon[data-icon=church]::before{content:""}.wds-icon[data-icon=circle]::before{content:""}.wds-icon[data-icon=circle-0]::before{content:""}.wds-icon[data-icon=circle-1]::before{content:""}.wds-icon[data-icon=circle-2]::before{content:""}.wds-icon[data-icon=circle-3]::before{content:""}.wds-icon[data-icon=circle-4]::before{content:""}.wds-icon[data-icon=circle-5]::before{content:""}.wds-icon[data-icon=circle-6]::before{content:""}.wds-icon[data-icon=circle-7]::before{content:""}.wds-icon[data-icon=circle-8]::before{content:""}.wds-icon[data-icon=circle-9]::before{content:""}.wds-icon[data-icon=circle-a]::before{content:""}.wds-icon[data-icon=circle-ampersand]::before{content:""}.wds-icon[data-icon=circle-arrow-down]::before{content:""}.wds-icon[data-icon=circle-arrow-down-left]::before{content:""}.wds-icon[data-icon=circle-arrow-down-right]::before{content:""}.wds-icon[data-icon=circle-arrow-left]::before{content:""}.wds-icon[data-icon=circle-arrow-right]::before{content:""}.wds-icon[data-icon=circle-arrow-up]::before{content:""}.wds-icon[data-icon=circle-arrow-up-left]::before{content:""}.wds-icon[data-icon=circle-arrow-up-right]::before{content:""}.wds-icon[data-icon=circle-b]::before{content:""}.wds-icon[data-icon=circle-bolt]::before{content:""}.wds-icon[data-icon=circle-book-open]::before{content:""}.wds-icon[data-icon=circle-bookmark]::before{content:""}.wds-icon[data-icon=circle-c]::before{content:""}.wds-icon[data-icon=circle-calendar]::before{content:""}.wds-icon[data-icon=circle-camera]::before{content:""}.wds-icon[data-icon=circle-caret-down]::before{content:""}.wds-icon[data-icon=circle-caret-left]::before{content:""}.wds-icon[data-icon=circle-caret-right]::before{content:""}.wds-icon[data-icon=circle-caret-up]::before{content:""}.wds-icon[data-icon=circle-check]::before{content:""}.wds-icon[data-icon=circle-chevron-down]::before{content:""}.wds-icon[data-icon=circle-chevron-left]::before{content:""}.wds-icon[data-icon=circle-chevron-right]::before{content:""}.wds-icon[data-icon=circle-chevron-up]::before{content:""}.wds-icon[data-icon=circle-d]::before{content:""}.wds-icon[data-icon=circle-dashed]::before{content:""}.wds-icon[data-icon=circle-divide]::before{content:""}.wds-icon[data-icon=circle-dollar]::before{content:""}.wds-icon[data-icon=circle-dollar-to-slot]::before{content:""}.wds-icon[data-icon=circle-dot]::before{content:""}.wds-icon[data-icon=circle-down]::before{content:""}.wds-icon[data-icon=circle-down-left]::before{content:""}.wds-icon[data-icon=circle-down-right]::before{content:""}.wds-icon[data-icon=circle-e]::before{content:""}.wds-icon[data-icon=circle-ellipsis]::before{content:""}.wds-icon[data-icon=circle-ellipsis-vertical]::before{content:""}.wds-icon[data-icon=circle-envelope]::before{content:""}.wds-icon[data-icon=circle-euro]::before{content:""}.wds-icon[data-icon=circle-exclamation]::before{content:""}.wds-icon[data-icon=circle-exclamation-check]::before{content:""}.wds-icon[data-icon=circle-f]::before{content:""}.wds-icon[data-icon=circle-g]::before{content:""}.wds-icon[data-icon=circle-h]::before{content:""}.wds-icon[data-icon=circle-half]::before{content:""}.wds-icon[data-icon=circle-half-stroke]::before{content:""}.wds-icon[data-icon=circle-heart]::before{content:""}.wds-icon[data-icon=circle-i]::before{content:""}.wds-icon[data-icon=circle-info]::before{content:""}.wds-icon[data-icon=circle-j]::before{content:""}.wds-icon[data-icon=circle-k]::before{content:""}.wds-icon[data-icon=circle-l]::before{content:""}.wds-icon[data-icon=circle-left]::before{content:""}.wds-icon[data-icon=circle-location-arrow]::before{content:""}.wds-icon[data-icon=circle-m]::before{content:""}.wds-icon[data-icon=circle-microphone]::before{content:""}.wds-icon[data-icon=circle-microphone-lines]::before{content:""}.wds-icon[data-icon=circle-minus]::before{content:""}.wds-icon[data-icon=circle-n]::before{content:""}.wds-icon[data-icon=circle-nodes]::before{content:""}.wds-icon[data-icon=circle-notch]::before{content:""}.wds-icon[data-icon=circle-o]::before{content:""}.wds-icon[data-icon=circle-p]::before{content:""}.wds-icon[data-icon=circle-parking]::before{content:""}.wds-icon[data-icon=circle-pause]::before{content:""}.wds-icon[data-icon=circle-phone]::before{content:""}.wds-icon[data-icon=circle-phone-flip]::before{content:""}.wds-icon[data-icon=circle-phone-hangup]::before{content:""}.wds-icon[data-icon=circle-play]::before{content:""}.wds-icon[data-icon=circle-plus]::before{content:""}.wds-icon[data-icon=circle-q]::before{content:""}.wds-icon[data-icon=circle-quarter]::before{content:""}.wds-icon[data-icon=circle-quarter-stroke]::before{content:""}.wds-icon[data-icon=circle-quarters]::before{content:""}.wds-icon[data-icon=circle-question]::before{content:""}.wds-icon[data-icon=circle-r]::before{content:""}.wds-icon[data-icon=circle-radiation]::before{content:""}.wds-icon[data-icon=circle-right]::before{content:""}.wds-icon[data-icon=circle-s]::before{content:""}.wds-icon[data-icon=circle-small]::before{content:""}.wds-icon[data-icon=circle-sort]::before{content:""}.wds-icon[data-icon=circle-sort-down]::before{content:""}.wds-icon[data-icon=circle-sort-up]::before{content:""}.wds-icon[data-icon=circle-star]::before{content:""}.wds-icon[data-icon=circle-sterling]::before{content:""}.wds-icon[data-icon=circle-stop]::before{content:""}.wds-icon[data-icon=circle-t]::before{content:""}.wds-icon[data-icon=circle-three-quarters]::before{content:""}.wds-icon[data-icon=circle-three-quarters-stroke]::before{content:""}.wds-icon[data-icon=circle-trash]::before{content:""}.wds-icon[data-icon=circle-u]::before{content:""}.wds-icon[data-icon=circle-up]::before{content:""}.wds-icon[data-icon=circle-up-left]::before{content:""}.wds-icon[data-icon=circle-up-right]::before{content:""}.wds-icon[data-icon=circle-user]::before{content:""}.wds-icon[data-icon=circle-v]::before{content:""}.wds-icon[data-icon=circle-video]::before{content:""}.wds-icon[data-icon=circle-w]::before{content:""}.wds-icon[data-icon=circle-waveform-lines]::before{content:""}.wds-icon[data-icon=circle-x]::before{content:""}.wds-icon[data-icon=circle-xmark]::before{content:""}.wds-icon[data-icon=circle-y]::before{content:""}.wds-icon[data-icon=circle-yen]::before{content:""}.wds-icon[data-icon=circle-z]::before{content:""}.wds-icon[data-icon=circles-overlap]::before{content:""}.wds-icon[data-icon=citrus]::before{content:""}.wds-icon[data-icon=citrus-slice]::before{content:""}.wds-icon[data-icon=city]::before{content:""}.wds-icon[data-icon=clapperboard]::before{content:""}.wds-icon[data-icon=clapperboard-play]::before{content:""}.wds-icon[data-icon=clarinet]::before{content:""}.wds-icon[data-icon=claw-marks]::before{content:""}.wds-icon[data-icon=clinic-medical]::before{content:""}.wds-icon[data-icon=clipboard]::before{content:""}.wds-icon[data-icon=clipboard-check]::before{content:""}.wds-icon[data-icon=clipboard-list]::before{content:""}.wds-icon[data-icon=clipboard-list-check]::before{content:""}.wds-icon[data-icon=clipboard-medical]::before{content:""}.wds-icon[data-icon=clipboard-prescription]::before{content:""}.wds-icon[data-icon=clipboard-question]::before{content:""}.wds-icon[data-icon=clipboard-user]::before{content:""}.wds-icon[data-icon=clock]::before{content:""}.wds-icon[data-icon=clock-desk]::before{content:""}.wds-icon[data-icon=clock-eight]::before{content:""}.wds-icon[data-icon=clock-eight-thirty]::before{content:""}.wds-icon[data-icon=clock-eleven]::before{content:""}.wds-icon[data-icon=clock-eleven-thirty]::before{content:""}.wds-icon[data-icon=clock-five]::before{content:""}.wds-icon[data-icon=clock-five-thirty]::before{content:""}.wds-icon[data-icon=clock-four]::before{content:""}.wds-icon[data-icon=clock-four-thirty]::before{content:""}.wds-icon[data-icon=clock-nine]::before{content:""}.wds-icon[data-icon=clock-nine-thirty]::before{content:""}.wds-icon[data-icon=clock-one]::before{content:""}.wds-icon[data-icon=clock-one-thirty]::before{content:""}.wds-icon[data-icon=clock-rotate-left]::before{content:""}.wds-icon[data-icon=clock-seven]::before{content:""}.wds-icon[data-icon=clock-seven-thirty]::before{content:""}.wds-icon[data-icon=clock-six]::before{content:""}.wds-icon[data-icon=clock-six-thirty]::before{content:""}.wds-icon[data-icon=clock-ten]::before{content:""}.wds-icon[data-icon=clock-ten-thirty]::before{content:""}.wds-icon[data-icon=clock-three]::before{content:""}.wds-icon[data-icon=clock-three-thirty]::before{content:""}.wds-icon[data-icon=clock-twelve]::before{content:""}.wds-icon[data-icon=clock-twelve-thirty]::before{content:""}.wds-icon[data-icon=clock-two]::before{content:""}.wds-icon[data-icon=clock-two-thirty]::before{content:""}.wds-icon[data-icon=clone]::before{content:""}.wds-icon[data-icon=close]::before{content:""}.wds-icon[data-icon=closed-captioning]::before{content:""}.wds-icon[data-icon=closed-captioning-slash]::before{content:""}.wds-icon[data-icon=clothes-hanger]::before{content:""}.wds-icon[data-icon=cloud]::before{content:""}.wds-icon[data-icon=cloud-arrow-down]::before{content:""}.wds-icon[data-icon=cloud-arrow-up]::before{content:""}.wds-icon[data-icon=cloud-binary]::before{content:""}.wds-icon[data-icon=cloud-bolt]::before{content:""}.wds-icon[data-icon=cloud-bolt-moon]::before{content:""}.wds-icon[data-icon=cloud-bolt-sun]::before{content:""}.wds-icon[data-icon=cloud-check]::before{content:""}.wds-icon[data-icon=cloud-download-alt]::before,.wds-icon[data-icon=cloud-download]::before{content:""}.wds-icon[data-icon=cloud-drizzle]::before{content:""}.wds-icon[data-icon=cloud-exclamation]::before{content:""}.wds-icon[data-icon=cloud-fog]::before{content:""}.wds-icon[data-icon=cloud-hail]::before{content:""}.wds-icon[data-icon=cloud-hail-mixed]::before{content:""}.wds-icon[data-icon=cloud-meatball]::before{content:""}.wds-icon[data-icon=cloud-minus]::before{content:""}.wds-icon[data-icon=cloud-moon]::before{content:""}.wds-icon[data-icon=cloud-moon-rain]::before{content:""}.wds-icon[data-icon=cloud-music]::before{content:""}.wds-icon[data-icon=cloud-plus]::before{content:""}.wds-icon[data-icon=cloud-question]::before{content:""}.wds-icon[data-icon=cloud-rain]::before{content:""}.wds-icon[data-icon=cloud-rainbow]::before{content:""}.wds-icon[data-icon=cloud-showers]::before{content:""}.wds-icon[data-icon=cloud-showers-heavy]::before{content:""}.wds-icon[data-icon=cloud-showers-water]::before{content:""}.wds-icon[data-icon=cloud-slash]::before{content:""}.wds-icon[data-icon=cloud-sleet]::before{content:""}.wds-icon[data-icon=cloud-snow]::before{content:""}.wds-icon[data-icon=cloud-sun]::before{content:""}.wds-icon[data-icon=cloud-sun-rain]::before{content:""}.wds-icon[data-icon=cloud-upload-alt]::before,.wds-icon[data-icon=cloud-upload]::before{content:""}.wds-icon[data-icon=cloud-word]::before{content:""}.wds-icon[data-icon=cloud-xmark]::before{content:""}.wds-icon[data-icon=clouds]::before{content:""}.wds-icon[data-icon=clouds-moon]::before{content:""}.wds-icon[data-icon=clouds-sun]::before{content:""}.wds-icon[data-icon=clover]::before{content:""}.wds-icon[data-icon=club]::before{content:""}.wds-icon[data-icon=cny]::before{content:""}.wds-icon[data-icon=cocktail]::before{content:""}.wds-icon[data-icon=coconut]::before{content:""}.wds-icon[data-icon=code]::before{content:""}.wds-icon[data-icon=code-branch]::before{content:""}.wds-icon[data-icon=code-commit]::before{content:""}.wds-icon[data-icon=code-compare]::before{content:""}.wds-icon[data-icon=code-fork]::before{content:""}.wds-icon[data-icon=code-merge]::before{content:""}.wds-icon[data-icon=code-pull-request]::before{content:""}.wds-icon[data-icon=code-pull-request-closed]::before{content:""}.wds-icon[data-icon=code-pull-request-draft]::before{content:""}.wds-icon[data-icon=code-simple]::before{content:""}.wds-icon[data-icon=coffee]::before{content:""}.wds-icon[data-icon=coffee-bean]::before{content:""}.wds-icon[data-icon=coffee-beans]::before{content:""}.wds-icon[data-icon=coffee-pot]::before{content:""}.wds-icon[data-icon=coffee-togo]::before{content:""}.wds-icon[data-icon=coffin]::before{content:""}.wds-icon[data-icon=coffin-cross]::before{content:""}.wds-icon[data-icon=cog]::before{content:""}.wds-icon[data-icon=cogs]::before{content:""}.wds-icon[data-icon=coin]::before{content:""}.wds-icon[data-icon=coin-blank]::before{content:""}.wds-icon[data-icon=coin-front]::before{content:""}.wds-icon[data-icon=coin-vertical]::before{content:""}.wds-icon[data-icon=coins]::before{content:""}.wds-icon[data-icon=colon]::before{content:":"}.wds-icon[data-icon=colon-sign]::before{content:""}.wds-icon[data-icon=columns]::before{content:""}.wds-icon[data-icon=columns-3]::before{content:""}.wds-icon[data-icon=comet]::before{content:""}.wds-icon[data-icon=comma]::before{content:","}.wds-icon[data-icon=command]::before{content:""}.wds-icon[data-icon=comment]::before{content:""}.wds-icon[data-icon=comment-alt]::before{content:""}.wds-icon[data-icon=comment-alt-arrow-down]::before{content:""}.wds-icon[data-icon=comment-alt-arrow-up]::before{content:""}.wds-icon[data-icon=comment-alt-captions]::before{content:""}.wds-icon[data-icon=comment-alt-check]::before{content:""}.wds-icon[data-icon=comment-alt-dollar]::before{content:""}.wds-icon[data-icon=comment-alt-dots]::before{content:""}.wds-icon[data-icon=comment-alt-edit]::before{content:""}.wds-icon[data-icon=comment-alt-exclamation]::before{content:""}.wds-icon[data-icon=comment-alt-image]::before{content:""}.wds-icon[data-icon=comment-alt-lines]::before{content:""}.wds-icon[data-icon=comment-alt-medical]::before{content:""}.wds-icon[data-icon=comment-alt-minus]::before{content:""}.wds-icon[data-icon=comment-alt-music]::before{content:""}.wds-icon[data-icon=comment-alt-plus]::before{content:""}.wds-icon[data-icon=comment-alt-quote]::before{content:""}.wds-icon[data-icon=comment-alt-slash]::before{content:""}.wds-icon[data-icon=comment-alt-smile]::before{content:""}.wds-icon[data-icon=comment-alt-text]::before{content:""}.wds-icon[data-icon=comment-alt-times]::before{content:""}.wds-icon[data-icon=comment-arrow-down]::before{content:""}.wds-icon[data-icon=comment-arrow-up]::before{content:""}.wds-icon[data-icon=comment-arrow-up-right]::before{content:""}.wds-icon[data-icon=comment-captions]::before{content:""}.wds-icon[data-icon=comment-check]::before{content:""}.wds-icon[data-icon=comment-code]::before{content:""}.wds-icon[data-icon=comment-dollar]::before{content:""}.wds-icon[data-icon=comment-dots]::before{content:""}.wds-icon[data-icon=comment-edit]::before{content:""}.wds-icon[data-icon=comment-exclamation]::before{content:""}.wds-icon[data-icon=comment-heart]::before{content:""}.wds-icon[data-icon=comment-image]::before{content:""}.wds-icon[data-icon=comment-lines]::before{content:""}.wds-icon[data-icon=comment-medical]::before{content:""}.wds-icon[data-icon=comment-middle]::before{content:""}.wds-icon[data-icon=comment-middle-alt]::before{content:""}.wds-icon[data-icon=comment-middle-top]::before{content:""}.wds-icon[data-icon=comment-middle-top-alt]::before{content:""}.wds-icon[data-icon=comment-minus]::before{content:""}.wds-icon[data-icon=comment-music]::before{content:""}.wds-icon[data-icon=comment-pen]::before{content:""}.wds-icon[data-icon=comment-plus]::before{content:""}.wds-icon[data-icon=comment-question]::before{content:""}.wds-icon[data-icon=comment-quote]::before{content:""}.wds-icon[data-icon=comment-slash]::before{content:""}.wds-icon[data-icon=comment-smile]::before{content:""}.wds-icon[data-icon=comment-sms]::before{content:""}.wds-icon[data-icon=comment-text]::before{content:""}.wds-icon[data-icon=comment-times]::before,.wds-icon[data-icon=comment-xmark]::before{content:""}.wds-icon[data-icon=commenting]::before{content:""}.wds-icon[data-icon=comments]::before{content:""}.wds-icon[data-icon=comments-alt]::before{content:""}.wds-icon[data-icon=comments-alt-dollar]::before{content:""}.wds-icon[data-icon=comments-dollar]::before{content:""}.wds-icon[data-icon=comments-question]::before{content:""}.wds-icon[data-icon=comments-question-check]::before{content:""}.wds-icon[data-icon=compact-disc]::before{content:""}.wds-icon[data-icon=compass]::before{content:""}.wds-icon[data-icon=compass-drafting]::before{content:""}.wds-icon[data-icon=compass-slash]::before{content:""}.wds-icon[data-icon=compress]::before{content:""}.wds-icon[data-icon=compress-alt]::before{content:""}.wds-icon[data-icon=compress-arrows]::before{content:""}.wds-icon[data-icon=compress-arrows-alt]::before{content:""}.wds-icon[data-icon=compress-wide]::before{content:""}.wds-icon[data-icon=computer]::before{content:""}.wds-icon[data-icon=computer-classic]::before{content:""}.wds-icon[data-icon=computer-mouse]::before{content:""}.wds-icon[data-icon=computer-mouse-scrollwheel]::before{content:""}.wds-icon[data-icon=computer-speaker]::before{content:""}.wds-icon[data-icon=concierge-bell]::before{content:""}.wds-icon[data-icon=construction]::before{content:""}.wds-icon[data-icon=contact-book]::before{content:""}.wds-icon[data-icon=contact-card]::before{content:""}.wds-icon[data-icon=container-storage]::before{content:""}.wds-icon[data-icon=conveyor-belt]::before{content:""}.wds-icon[data-icon=conveyor-belt-alt]::before{content:""}.wds-icon[data-icon=conveyor-belt-arm]::before{content:""}.wds-icon[data-icon=conveyor-belt-boxes]::before{content:""}.wds-icon[data-icon=conveyor-belt-empty]::before{content:""}.wds-icon[data-icon=cookie]::before{content:""}.wds-icon[data-icon=cookie-bite]::before{content:""}.wds-icon[data-icon=copy]::before{content:""}.wds-icon[data-icon=copyright]::before{content:""}.wds-icon[data-icon=corn]::before{content:""}.wds-icon[data-icon=corner]::before{content:""}.wds-icon[data-icon=couch]::before{content:""}.wds-icon[data-icon=couch-small]::before{content:""}.wds-icon[data-icon=cow]::before{content:""}.wds-icon[data-icon=cowbell]::before{content:""}.wds-icon[data-icon=cowbell-circle-plus]::before,.wds-icon[data-icon=cowbell-more]::before{content:""}.wds-icon[data-icon=crab]::before{content:""}.wds-icon[data-icon=crate-apple]::before{content:""}.wds-icon[data-icon=crate-empty]::before{content:""}.wds-icon[data-icon=credit-card-alt]::before,.wds-icon[data-icon=credit-card]::before{content:""}.wds-icon[data-icon=credit-card-blank]::before{content:""}.wds-icon[data-icon=credit-card-front]::before{content:""}.wds-icon[data-icon=creemee]::before{content:""}.wds-icon[data-icon=cricket-bat-ball]::before,.wds-icon[data-icon=cricket]::before{content:""}.wds-icon[data-icon=croissant]::before{content:""}.wds-icon[data-icon=crop]::before{content:""}.wds-icon[data-icon=crop-alt]::before,.wds-icon[data-icon=crop-simple]::before{content:""}.wds-icon[data-icon=cross]::before{content:""}.wds-icon[data-icon=crosshairs]::before{content:""}.wds-icon[data-icon=crosshairs-simple]::before{content:""}.wds-icon[data-icon=crow]::before{content:""}.wds-icon[data-icon=crown]::before{content:""}.wds-icon[data-icon=crutch]::before{content:""}.wds-icon[data-icon=crutches]::before{content:""}.wds-icon[data-icon=cruzeiro-sign]::before{content:""}.wds-icon[data-icon=crystal-ball]::before{content:""}.wds-icon[data-icon=cube]::before{content:""}.wds-icon[data-icon=cubes]::before{content:""}.wds-icon[data-icon=cubes-stacked]::before{content:""}.wds-icon[data-icon=cucumber]::before{content:""}.wds-icon[data-icon=cup-straw]::before{content:""}.wds-icon[data-icon=cup-straw-swoosh]::before{content:""}.wds-icon[data-icon=cup-togo]::before{content:""}.wds-icon[data-icon=cupcake]::before{content:""}.wds-icon[data-icon=curling-stone]::before,.wds-icon[data-icon=curling]::before{content:""}.wds-icon[data-icon=custard]::before{content:""}.wds-icon[data-icon=cut]::before{content:""}.wds-icon[data-icon=cutlery]::before{content:""}.wds-icon[data-icon=d]::before{content:"D"}.wds-icon[data-icon=dagger]::before{content:""}.wds-icon[data-icon=dash]::before{content:""}.wds-icon[data-icon=dashboard]::before{content:""}.wds-icon[data-icon=database]::before{content:""}.wds-icon[data-icon=deaf]::before,.wds-icon[data-icon=deafness]::before{content:""}.wds-icon[data-icon=debug]::before{content:""}.wds-icon[data-icon=dedent]::before{content:""}.wds-icon[data-icon=deer]::before{content:""}.wds-icon[data-icon=deer-rudolph]::before{content:""}.wds-icon[data-icon=delete-left]::before{content:""}.wds-icon[data-icon=delete-right]::before{content:""}.wds-icon[data-icon=democrat]::before{content:""}.wds-icon[data-icon=desktop-alt]::before,.wds-icon[data-icon=desktop]::before{content:""}.wds-icon[data-icon=desktop-arrow-down]::before{content:""}.wds-icon[data-icon=desktop-code]::before{content:""}.wds-icon[data-icon=desktop-medical]::before{content:""}.wds-icon[data-icon=desktop-slash]::before{content:""}.wds-icon[data-icon=dewpoint]::before{content:""}.wds-icon[data-icon=dharmachakra]::before{content:""}.wds-icon[data-icon=diagnoses]::before{content:""}.wds-icon[data-icon=diagram-cells]::before{content:""}.wds-icon[data-icon=diagram-lean-canvas]::before{content:""}.wds-icon[data-icon=diagram-nested]::before{content:""}.wds-icon[data-icon=diagram-next]::before{content:""}.wds-icon[data-icon=diagram-predecessor]::before{content:""}.wds-icon[data-icon=diagram-previous]::before{content:""}.wds-icon[data-icon=diagram-project]::before{content:""}.wds-icon[data-icon=diagram-sankey]::before{content:""}.wds-icon[data-icon=diagram-subtask]::before{content:""}.wds-icon[data-icon=diagram-successor]::before{content:""}.wds-icon[data-icon=diagram-venn]::before{content:""}.wds-icon[data-icon=dial]::before{content:""}.wds-icon[data-icon=dial-high]::before{content:""}.wds-icon[data-icon=dial-low]::before{content:""}.wds-icon[data-icon=dial-max]::before{content:""}.wds-icon[data-icon=dial-med]::before{content:""}.wds-icon[data-icon=dial-med-high]::before{content:""}.wds-icon[data-icon=dial-med-low]::before{content:""}.wds-icon[data-icon=dial-min]::before{content:""}.wds-icon[data-icon=dial-off]::before{content:""}.wds-icon[data-icon=diamond]::before{content:""}.wds-icon[data-icon=diamond-exclamation]::before{content:""}.wds-icon[data-icon=diamond-half]::before{content:""}.wds-icon[data-icon=diamond-half-stroke]::before{content:""}.wds-icon[data-icon=diamond-turn-right]::before{content:""}.wds-icon[data-icon=dice]::before{content:""}.wds-icon[data-icon=dice-d10]::before{content:""}.wds-icon[data-icon=dice-d12]::before{content:""}.wds-icon[data-icon=dice-d20]::before{content:""}.wds-icon[data-icon=dice-d4]::before{content:""}.wds-icon[data-icon=dice-d6]::before{content:""}.wds-icon[data-icon=dice-d8]::before{content:""}.wds-icon[data-icon=dice-five]::before{content:""}.wds-icon[data-icon=dice-four]::before{content:""}.wds-icon[data-icon=dice-one]::before{content:""}.wds-icon[data-icon=dice-six]::before{content:""}.wds-icon[data-icon=dice-three]::before{content:""}.wds-icon[data-icon=dice-two]::before{content:""}.wds-icon[data-icon=digging]::before{content:""}.wds-icon[data-icon=digital-tachograph]::before{content:""}.wds-icon[data-icon=dinosaur]::before{content:""}.wds-icon[data-icon=diploma]::before{content:""}.wds-icon[data-icon=directions]::before{content:""}.wds-icon[data-icon=disc-drive]::before{content:""}.wds-icon[data-icon=disease]::before{content:""}.wds-icon[data-icon=display]::before{content:""}.wds-icon[data-icon=display-arrow-down]::before{content:""}.wds-icon[data-icon=display-chart-up]::before{content:""}.wds-icon[data-icon=display-chart-up-circle-currency]::before{content:""}.wds-icon[data-icon=display-chart-up-circle-dollar]::before{content:""}.wds-icon[data-icon=display-code]::before{content:""}.wds-icon[data-icon=display-medical]::before{content:""}.wds-icon[data-icon=display-slash]::before{content:""}.wds-icon[data-icon=distribute-spacing-horizontal]::before{content:""}.wds-icon[data-icon=distribute-spacing-vertical]::before{content:""}.wds-icon[data-icon=ditto]::before{content:'"'}.wds-icon[data-icon=divide]::before{content:""}.wds-icon[data-icon=dizzy]::before{content:""}.wds-icon[data-icon=dna]::before{content:""}.wds-icon[data-icon=do-not-enter]::before{content:""}.wds-icon[data-icon=dog]::before{content:""}.wds-icon[data-icon=dog-leashed]::before{content:""}.wds-icon[data-icon=dollar]::before{content:"$"}.wds-icon[data-icon=dollar-circle]::before{content:""}.wds-icon[data-icon=dollar-sign]::before{content:"$"}.wds-icon[data-icon=dollar-square]::before{content:""}.wds-icon[data-icon=dolly-box]::before,.wds-icon[data-icon=dolly]::before{content:""}.wds-icon[data-icon=dolly-empty]::before{content:""}.wds-icon[data-icon=dolly-flatbed]::before{content:""}.wds-icon[data-icon=dolly-flatbed-alt]::before{content:""}.wds-icon[data-icon=dolly-flatbed-empty]::before{content:""}.wds-icon[data-icon=dolphin]::before{content:""}.wds-icon[data-icon=donate]::before{content:""}.wds-icon[data-icon=dong-sign]::before{content:""}.wds-icon[data-icon=donut]::before{content:""}.wds-icon[data-icon=door-closed]::before{content:""}.wds-icon[data-icon=door-open]::before{content:""}.wds-icon[data-icon=dot-circle]::before{content:""}.wds-icon[data-icon=doughnut]::before{content:""}.wds-icon[data-icon=dove]::before{content:""}.wds-icon[data-icon=down]::before{content:""}.wds-icon[data-icon=down-from-dotted-line]::before{content:""}.wds-icon[data-icon=down-from-line]::before{content:""}.wds-icon[data-icon=down-left]::before{content:""}.wds-icon[data-icon=down-left-and-up-right-to-center]::before{content:""}.wds-icon[data-icon=down-long]::before{content:""}.wds-icon[data-icon=down-right]::before{content:""}.wds-icon[data-icon=down-to-bracket]::before{content:""}.wds-icon[data-icon=down-to-dotted-line]::before{content:""}.wds-icon[data-icon=down-to-line]::before{content:""}.wds-icon[data-icon=download]::before{content:""}.wds-icon[data-icon=drafting-compass]::before{content:""}.wds-icon[data-icon=dragon]::before{content:""}.wds-icon[data-icon=draw-circle]::before{content:""}.wds-icon[data-icon=draw-polygon]::before{content:""}.wds-icon[data-icon=draw-square]::before{content:""}.wds-icon[data-icon=dreidel]::before{content:""}.wds-icon[data-icon=drivers-license]::before{content:""}.wds-icon[data-icon=drone]::before{content:""}.wds-icon[data-icon=drone-alt]::before,.wds-icon[data-icon=drone-front]::before{content:""}.wds-icon[data-icon=droplet]::before{content:""}.wds-icon[data-icon=droplet-degree]::before{content:""}.wds-icon[data-icon=droplet-percent]::before{content:""}.wds-icon[data-icon=droplet-slash]::before{content:""}.wds-icon[data-icon=drum]::before{content:""}.wds-icon[data-icon=drum-steelpan]::before{content:""}.wds-icon[data-icon=drumstick]::before{content:""}.wds-icon[data-icon=drumstick-bite]::before{content:""}.wds-icon[data-icon=dryer]::before{content:""}.wds-icon[data-icon=dryer-alt]::before,.wds-icon[data-icon=dryer-heat]::before{content:""}.wds-icon[data-icon=duck]::before{content:""}.wds-icon[data-icon=dumbbell]::before{content:""}.wds-icon[data-icon=dumpster]::before{content:""}.wds-icon[data-icon=dumpster-fire]::before{content:""}.wds-icon[data-icon=dungeon]::before{content:""}.wds-icon[data-icon=e]::before{content:"E"}.wds-icon[data-icon=ear]::before{content:""}.wds-icon[data-icon=ear-deaf]::before{content:""}.wds-icon[data-icon=ear-listen]::before{content:""}.wds-icon[data-icon=ear-muffs]::before{content:""}.wds-icon[data-icon=earth]::before{content:""}.wds-icon[data-icon=earth-africa]::before{content:""}.wds-icon[data-icon=earth-america]::before,.wds-icon[data-icon=earth-americas]::before{content:""}.wds-icon[data-icon=earth-asia]::before{content:""}.wds-icon[data-icon=earth-europe]::before{content:""}.wds-icon[data-icon=earth-oceania]::before{content:""}.wds-icon[data-icon=eclipse]::before{content:""}.wds-icon[data-icon=eclipse-alt]::before{content:""}.wds-icon[data-icon=edit]::before{content:""}.wds-icon[data-icon=egg]::before{content:""}.wds-icon[data-icon=egg-fried]::before{content:""}.wds-icon[data-icon=eggplant]::before{content:""}.wds-icon[data-icon=eject]::before{content:""}.wds-icon[data-icon=elephant]::before{content:""}.wds-icon[data-icon=elevator]::before{content:""}.wds-icon[data-icon=ellipsis-h]::before,.wds-icon[data-icon=ellipsis]::before{content:""}.wds-icon[data-icon=ellipsis-h-alt]::before,.wds-icon[data-icon=ellipsis-stroke]::before{content:""}.wds-icon[data-icon=ellipsis-stroke-vertical]::before{content:""}.wds-icon[data-icon=ellipsis-v]::before{content:""}.wds-icon[data-icon=ellipsis-v-alt]::before{content:""}.wds-icon[data-icon=ellipsis-vertical]::before{content:""}.wds-icon[data-icon=empty-set]::before{content:""}.wds-icon[data-icon=engine]::before{content:""}.wds-icon[data-icon=engine-exclamation]::before,.wds-icon[data-icon=engine-warning]::before{content:""}.wds-icon[data-icon=envelope]::before{content:""}.wds-icon[data-icon=envelope-badge]::before{content:""}.wds-icon[data-icon=envelope-circle]::before{content:""}.wds-icon[data-icon=envelope-circle-check]::before{content:""}.wds-icon[data-icon=envelope-dot]::before{content:""}.wds-icon[data-icon=envelope-open]::before{content:""}.wds-icon[data-icon=envelope-open-dollar]::before{content:""}.wds-icon[data-icon=envelope-open-text]::before{content:""}.wds-icon[data-icon=envelope-square]::before{content:""}.wds-icon[data-icon=envelopes]::before{content:""}.wds-icon[data-icon=envelopes-bulk]::before{content:""}.wds-icon[data-icon=equals]::before{content:"="}.wds-icon[data-icon=eraser]::before{content:""}.wds-icon[data-icon=escalator]::before{content:""}.wds-icon[data-icon=ethernet]::before{content:""}.wds-icon[data-icon=eur]::before,.wds-icon[data-icon=euro-sign]::before,.wds-icon[data-icon=euro]::before{content:""}.wds-icon[data-icon=exchange]::before{content:""}.wds-icon[data-icon=exchange-alt]::before{content:""}.wds-icon[data-icon=exclamation]::before{content:"!"}.wds-icon[data-icon=exclamation-circle]::before{content:""}.wds-icon[data-icon=exclamation-square]::before{content:""}.wds-icon[data-icon=exclamation-triangle]::before{content:""}.wds-icon[data-icon=expand]::before{content:""}.wds-icon[data-icon=expand-alt]::before{content:""}.wds-icon[data-icon=expand-arrows]::before{content:""}.wds-icon[data-icon=expand-arrows-alt]::before{content:""}.wds-icon[data-icon=expand-wide]::before{content:""}.wds-icon[data-icon=exploding-head]::before{content:""}.wds-icon[data-icon=explosion]::before{content:""}.wds-icon[data-icon=external-link]::before{content:""}.wds-icon[data-icon=external-link-alt]::before{content:""}.wds-icon[data-icon=external-link-square]::before{content:""}.wds-icon[data-icon=external-link-square-alt]::before{content:""}.wds-icon[data-icon=eye]::before{content:""}.wds-icon[data-icon=eye-dropper-empty]::before,.wds-icon[data-icon=eye-dropper]::before{content:""}.wds-icon[data-icon=eye-dropper-full]::before{content:""}.wds-icon[data-icon=eye-dropper-half]::before{content:""}.wds-icon[data-icon=eye-evil]::before{content:""}.wds-icon[data-icon=eye-low-vision]::before{content:""}.wds-icon[data-icon=eye-slash]::before{content:""}.wds-icon[data-icon=eyedropper]::before{content:""}.wds-icon[data-icon=eyes]::before{content:""}.wds-icon[data-icon=f]::before{content:"F"}.wds-icon[data-icon=face-angry]::before{content:""}.wds-icon[data-icon=face-angry-horns]::before{content:""}.wds-icon[data-icon=face-anguished]::before{content:""}.wds-icon[data-icon=face-anxious-sweat]::before{content:""}.wds-icon[data-icon=face-astonished]::before{content:""}.wds-icon[data-icon=face-awesome]::before{content:""}.wds-icon[data-icon=face-beam-hand-over-mouth]::before{content:""}.wds-icon[data-icon=face-clouds]::before{content:""}.wds-icon[data-icon=face-confounded]::before{content:""}.wds-icon[data-icon=face-confused]::before{content:""}.wds-icon[data-icon=face-cowboy-hat]::before{content:""}.wds-icon[data-icon=face-diagonal-mouth]::before{content:""}.wds-icon[data-icon=face-disappointed]::before{content:""}.wds-icon[data-icon=face-disguise]::before{content:""}.wds-icon[data-icon=face-dizzy]::before{content:""}.wds-icon[data-icon=face-dotted]::before{content:""}.wds-icon[data-icon=face-downcast-sweat]::before{content:""}.wds-icon[data-icon=face-drooling]::before{content:""}.wds-icon[data-icon=face-exhaling]::before{content:""}.wds-icon[data-icon=face-explode]::before{content:""}.wds-icon[data-icon=face-expressionless]::before{content:""}.wds-icon[data-icon=face-eyes-xmarks]::before{content:""}.wds-icon[data-icon=face-fearful]::before{content:""}.wds-icon[data-icon=face-flushed]::before{content:""}.wds-icon[data-icon=face-frown]::before{content:""}.wds-icon[data-icon=face-frown-open]::before{content:""}.wds-icon[data-icon=face-frown-slight]::before{content:""}.wds-icon[data-icon=face-glasses]::before{content:""}.wds-icon[data-icon=face-grimace]::before{content:""}.wds-icon[data-icon=face-grin]::before{content:""}.wds-icon[data-icon=face-grin-beam]::before{content:""}.wds-icon[data-icon=face-grin-beam-sweat]::before{content:""}.wds-icon[data-icon=face-grin-hearts]::before{content:""}.wds-icon[data-icon=face-grin-squint]::before{content:""}.wds-icon[data-icon=face-grin-squint-tears]::before{content:""}.wds-icon[data-icon=face-grin-stars]::before{content:""}.wds-icon[data-icon=face-grin-tears]::before{content:""}.wds-icon[data-icon=face-grin-tongue]::before{content:""}.wds-icon[data-icon=face-grin-tongue-squint]::before{content:""}.wds-icon[data-icon=face-grin-tongue-wink]::before{content:""}.wds-icon[data-icon=face-grin-wide]::before{content:""}.wds-icon[data-icon=face-grin-wink]::before{content:""}.wds-icon[data-icon=face-hand-over-mouth]::before{content:""}.wds-icon[data-icon=face-hand-peeking]::before{content:""}.wds-icon[data-icon=face-hand-yawn]::before{content:""}.wds-icon[data-icon=face-head-bandage]::before{content:""}.wds-icon[data-icon=face-holding-back-tears]::before{content:""}.wds-icon[data-icon=face-hushed]::before{content:""}.wds-icon[data-icon=face-icicles]::before{content:""}.wds-icon[data-icon=face-kiss]::before{content:""}.wds-icon[data-icon=face-kiss-beam]::before{content:""}.wds-icon[data-icon=face-kiss-closed-eyes]::before{content:""}.wds-icon[data-icon=face-kiss-wink-heart]::before{content:""}.wds-icon[data-icon=face-laugh]::before{content:""}.wds-icon[data-icon=face-laugh-beam]::before{content:""}.wds-icon[data-icon=face-laugh-squint]::before{content:""}.wds-icon[data-icon=face-laugh-wink]::before{content:""}.wds-icon[data-icon=face-lying]::before{content:""}.wds-icon[data-icon=face-mask]::before{content:""}.wds-icon[data-icon=face-meh]::before{content:""}.wds-icon[data-icon=face-meh-blank]::before{content:""}.wds-icon[data-icon=face-melting]::before{content:""}.wds-icon[data-icon=face-monocle]::before{content:""}.wds-icon[data-icon=face-nauseated]::before{content:""}.wds-icon[data-icon=face-nose-steam]::before{content:""}.wds-icon[data-icon=face-party]::before{content:""}.wds-icon[data-icon=face-pensive]::before{content:""}.wds-icon[data-icon=face-persevering]::before{content:""}.wds-icon[data-icon=face-pleading]::before{content:""}.wds-icon[data-icon=face-pouting]::before{content:""}.wds-icon[data-icon=face-raised-eyebrow]::before{content:""}.wds-icon[data-icon=face-relieved]::before{content:""}.wds-icon[data-icon=face-rolling-eyes]::before{content:""}.wds-icon[data-icon=face-sad-cry]::before{content:""}.wds-icon[data-icon=face-sad-sweat]::before{content:""}.wds-icon[data-icon=face-sad-tear]::before{content:""}.wds-icon[data-icon=face-saluting]::before{content:""}.wds-icon[data-icon=face-scream]::before{content:""}.wds-icon[data-icon=face-shush]::before{content:""}.wds-icon[data-icon=face-sleeping]::before{content:""}.wds-icon[data-icon=face-sleepy]::before{content:""}.wds-icon[data-icon=face-smile]::before{content:""}.wds-icon[data-icon=face-smile-beam]::before{content:""}.wds-icon[data-icon=face-smile-halo]::before{content:""}.wds-icon[data-icon=face-smile-hearts]::before{content:""}.wds-icon[data-icon=face-smile-horns]::before{content:""}.wds-icon[data-icon=face-smile-plus]::before{content:""}.wds-icon[data-icon=face-smile-relaxed]::before{content:""}.wds-icon[data-icon=face-smile-tear]::before{content:""}.wds-icon[data-icon=face-smile-tongue]::before{content:""}.wds-icon[data-icon=face-smile-upside-down]::before{content:""}.wds-icon[data-icon=face-smile-wink]::before{content:""}.wds-icon[data-icon=face-smiling-hands]::before{content:""}.wds-icon[data-icon=face-smirking]::before{content:""}.wds-icon[data-icon=face-spiral-eyes]::before{content:""}.wds-icon[data-icon=face-sunglasses]::before{content:""}.wds-icon[data-icon=face-surprise]::before{content:""}.wds-icon[data-icon=face-swear]::before{content:""}.wds-icon[data-icon=face-thermometer]::before{content:""}.wds-icon[data-icon=face-thinking]::before{content:""}.wds-icon[data-icon=face-tired]::before{content:""}.wds-icon[data-icon=face-tissue]::before{content:""}.wds-icon[data-icon=face-tongue-money]::before{content:""}.wds-icon[data-icon=face-tongue-sweat]::before{content:""}.wds-icon[data-icon=face-unamused]::before{content:""}.wds-icon[data-icon=face-viewfinder]::before{content:""}.wds-icon[data-icon=face-vomit]::before{content:""}.wds-icon[data-icon=face-weary]::before{content:""}.wds-icon[data-icon=face-woozy]::before{content:""}.wds-icon[data-icon=face-worried]::before{content:""}.wds-icon[data-icon=face-zany]::before{content:""}.wds-icon[data-icon=face-zipper]::before{content:""}.wds-icon[data-icon=falafel]::before{content:""}.wds-icon[data-icon=family]::before{content:""}.wds-icon[data-icon=family-dress]::before{content:""}.wds-icon[data-icon=family-pants]::before{content:""}.wds-icon[data-icon=fan]::before{content:""}.wds-icon[data-icon=fan-table]::before{content:""}.wds-icon[data-icon=farm]::before{content:""}.wds-icon[data-icon=fast-backward]::before{content:""}.wds-icon[data-icon=fast-forward]::before{content:""}.wds-icon[data-icon=faucet]::before{content:""}.wds-icon[data-icon=faucet-drip]::before{content:""}.wds-icon[data-icon=fax]::before{content:""}.wds-icon[data-icon=feather]::before{content:""}.wds-icon[data-icon=feather-alt]::before,.wds-icon[data-icon=feather-pointed]::before{content:""}.wds-icon[data-icon=feed]::before{content:""}.wds-icon[data-icon=female]::before{content:""}.wds-icon[data-icon=fence]::before{content:""}.wds-icon[data-icon=ferris-wheel]::before{content:""}.wds-icon[data-icon=ferry]::before{content:""}.wds-icon[data-icon=field-hockey-stick-ball]::before,.wds-icon[data-icon=field-hockey]::before{content:""}.wds-icon[data-icon=fighter-jet]::before{content:""}.wds-icon[data-icon=file]::before{content:""}.wds-icon[data-icon=file-alt]::before{content:""}.wds-icon[data-icon=file-archive]::before{content:""}.wds-icon[data-icon=file-arrow-down]::before{content:""}.wds-icon[data-icon=file-arrow-up]::before{content:""}.wds-icon[data-icon=file-audio]::before{content:""}.wds-icon[data-icon=file-award]::before{content:""}.wds-icon[data-icon=file-binary]::before{content:""}.wds-icon[data-icon=file-caret-down]::before{content:""}.wds-icon[data-icon=file-caret-up]::before{content:""}.wds-icon[data-icon=file-certificate]::before{content:""}.wds-icon[data-icon=file-chart-column]::before,.wds-icon[data-icon=file-chart-line]::before{content:""}.wds-icon[data-icon=file-chart-pie]::before{content:""}.wds-icon[data-icon=file-check]::before{content:""}.wds-icon[data-icon=file-circle-check]::before{content:""}.wds-icon[data-icon=file-circle-exclamation]::before{content:""}.wds-icon[data-icon=file-circle-info]::before{content:""}.wds-icon[data-icon=file-circle-minus]::before{content:""}.wds-icon[data-icon=file-circle-plus]::before{content:""}.wds-icon[data-icon=file-circle-question]::before{content:""}.wds-icon[data-icon=file-circle-xmark]::before{content:""}.wds-icon[data-icon=file-clipboard]::before{content:""}.wds-icon[data-icon=file-code]::before{content:""}.wds-icon[data-icon=file-contract]::before{content:""}.wds-icon[data-icon=file-csv]::before{content:""}.wds-icon[data-icon=file-dashed-line]::before{content:""}.wds-icon[data-icon=file-doc]::before{content:""}.wds-icon[data-icon=file-download]::before{content:""}.wds-icon[data-icon=file-edit]::before{content:""}.wds-icon[data-icon=file-excel]::before{content:""}.wds-icon[data-icon=file-exclamation]::before{content:""}.wds-icon[data-icon=file-export]::before{content:""}.wds-icon[data-icon=file-heart]::before{content:""}.wds-icon[data-icon=file-image]::before{content:""}.wds-icon[data-icon=file-import]::before{content:""}.wds-icon[data-icon=file-invoice]::before{content:""}.wds-icon[data-icon=file-invoice-dollar]::before{content:""}.wds-icon[data-icon=file-lines]::before{content:""}.wds-icon[data-icon=file-lock]::before{content:""}.wds-icon[data-icon=file-magnifying-glass]::before{content:""}.wds-icon[data-icon=file-medical]::before{content:""}.wds-icon[data-icon=file-medical-alt]::before{content:""}.wds-icon[data-icon=file-minus]::before{content:""}.wds-icon[data-icon=file-music]::before{content:""}.wds-icon[data-icon=file-pdf]::before{content:""}.wds-icon[data-icon=file-pen]::before{content:""}.wds-icon[data-icon=file-plus]::before{content:""}.wds-icon[data-icon=file-plus-minus]::before{content:""}.wds-icon[data-icon=file-powerpoint]::before{content:""}.wds-icon[data-icon=file-prescription]::before{content:""}.wds-icon[data-icon=file-search]::before{content:""}.wds-icon[data-icon=file-shield]::before{content:""}.wds-icon[data-icon=file-signature]::before{content:""}.wds-icon[data-icon=file-slash]::before{content:""}.wds-icon[data-icon=file-spreadsheet]::before{content:""}.wds-icon[data-icon=file-text]::before{content:""}.wds-icon[data-icon=file-times]::before{content:""}.wds-icon[data-icon=file-upload]::before{content:""}.wds-icon[data-icon=file-user]::before{content:""}.wds-icon[data-icon=file-video]::before{content:""}.wds-icon[data-icon=file-waveform]::before{content:""}.wds-icon[data-icon=file-word]::before{content:""}.wds-icon[data-icon=file-xmark]::before{content:""}.wds-icon[data-icon=file-zip]::before{content:""}.wds-icon[data-icon=file-zipper]::before{content:""}.wds-icon[data-icon=files]::before{content:""}.wds-icon[data-icon=files-medical]::before{content:""}.wds-icon[data-icon=fill]::before{content:""}.wds-icon[data-icon=fill-drip]::before{content:""}.wds-icon[data-icon=film]::before{content:""}.wds-icon[data-icon=film-alt]::before{content:""}.wds-icon[data-icon=film-canister]::before,.wds-icon[data-icon=film-cannister]::before{content:""}.wds-icon[data-icon=film-simple]::before{content:""}.wds-icon[data-icon=film-slash]::before{content:""}.wds-icon[data-icon=films]::before{content:""}.wds-icon[data-icon=filter]::before{content:""}.wds-icon[data-icon=filter-circle-dollar]::before{content:""}.wds-icon[data-icon=filter-circle-xmark]::before{content:""}.wds-icon[data-icon=filter-list]::before{content:""}.wds-icon[data-icon=filter-slash]::before{content:""}.wds-icon[data-icon=filters]::before{content:""}.wds-icon[data-icon=fingerprint]::before{content:""}.wds-icon[data-icon=fire]::before{content:""}.wds-icon[data-icon=fire-alt]::before{content:""}.wds-icon[data-icon=fire-burner]::before{content:""}.wds-icon[data-icon=fire-extinguisher]::before{content:""}.wds-icon[data-icon=fire-flame]::before{content:""}.wds-icon[data-icon=fire-flame-curved]::before{content:""}.wds-icon[data-icon=fire-flame-simple]::before{content:""}.wds-icon[data-icon=fire-hydrant]::before{content:""}.wds-icon[data-icon=fire-smoke]::before{content:""}.wds-icon[data-icon=fireplace]::before{content:""}.wds-icon[data-icon=firewall]::before{content:""}.wds-icon[data-icon=first-aid]::before{content:""}.wds-icon[data-icon=fish]::before{content:""}.wds-icon[data-icon=fish-bones]::before{content:""}.wds-icon[data-icon=fish-cooked]::before{content:""}.wds-icon[data-icon=fish-fins]::before{content:""}.wds-icon[data-icon=fishing-rod]::before{content:""}.wds-icon[data-icon=fist-raised]::before{content:""}.wds-icon[data-icon=flag]::before{content:""}.wds-icon[data-icon=flag-alt]::before{content:""}.wds-icon[data-icon=flag-checkered]::before{content:""}.wds-icon[data-icon=flag-pennant]::before{content:""}.wds-icon[data-icon=flag-swallowtail]::before{content:""}.wds-icon[data-icon=flag-usa]::before{content:""}.wds-icon[data-icon=flame]::before{content:""}.wds-icon[data-icon=flashlight]::before{content:""}.wds-icon[data-icon=flask]::before{content:""}.wds-icon[data-icon=flask-gear]::before{content:""}.wds-icon[data-icon=flask-poison]::before{content:""}.wds-icon[data-icon=flask-potion]::before{content:""}.wds-icon[data-icon=flask-round-poison]::before{content:""}.wds-icon[data-icon=flask-round-potion]::before{content:""}.wds-icon[data-icon=flask-vial]::before{content:""}.wds-icon[data-icon=flatbread]::before{content:""}.wds-icon[data-icon=flatbread-stuffed]::before{content:""}.wds-icon[data-icon=floppy-disk]::before{content:""}.wds-icon[data-icon=floppy-disk-circle-arrow-right]::before{content:""}.wds-icon[data-icon=floppy-disk-circle-xmark]::before{content:""}.wds-icon[data-icon=floppy-disk-pen]::before{content:""}.wds-icon[data-icon=floppy-disk-times]::before{content:""}.wds-icon[data-icon=floppy-disks]::before{content:""}.wds-icon[data-icon=florin-sign]::before{content:""}.wds-icon[data-icon=flower]::before{content:""}.wds-icon[data-icon=flower-daffodil]::before{content:""}.wds-icon[data-icon=flower-tulip]::before{content:""}.wds-icon[data-icon=flushed]::before{content:""}.wds-icon[data-icon=flute]::before{content:""}.wds-icon[data-icon=flux-capacitor]::before{content:""}.wds-icon[data-icon=flying-disc]::before{content:""}.wds-icon[data-icon=fog]::before{content:""}.wds-icon[data-icon=folder]::before{content:""}.wds-icon[data-icon=folder-arrow-down]::before{content:""}.wds-icon[data-icon=folder-arrow-up]::before{content:""}.wds-icon[data-icon=folder-blank]::before{content:""}.wds-icon[data-icon=folder-bookmark]::before{content:""}.wds-icon[data-icon=folder-closed]::before{content:""}.wds-icon[data-icon=folder-cog]::before{content:""}.wds-icon[data-icon=folder-download]::before{content:""}.wds-icon[data-icon=folder-gear]::before{content:""}.wds-icon[data-icon=folder-grid]::before{content:""}.wds-icon[data-icon=folder-heart]::before{content:""}.wds-icon[data-icon=folder-image]::before{content:""}.wds-icon[data-icon=folder-magnifying-glass]::before{content:""}.wds-icon[data-icon=folder-medical]::before{content:""}.wds-icon[data-icon=folder-minus]::before{content:""}.wds-icon[data-icon=folder-music]::before{content:""}.wds-icon[data-icon=folder-open]::before{content:""}.wds-icon[data-icon=folder-plus]::before{content:""}.wds-icon[data-icon=folder-search]::before{content:""}.wds-icon[data-icon=folder-times]::before{content:""}.wds-icon[data-icon=folder-tree]::before{content:""}.wds-icon[data-icon=folder-upload]::before{content:""}.wds-icon[data-icon=folder-user]::before{content:""}.wds-icon[data-icon=folder-xmark]::before{content:""}.wds-icon[data-icon=folders]::before{content:""}.wds-icon[data-icon=fondue-pot]::before{content:""}.wds-icon[data-icon=font]::before{content:""}.wds-icon[data-icon=font-case]::before{content:""}.wds-icon[data-icon=football-ball]::before,.wds-icon[data-icon=football]::before{content:""}.wds-icon[data-icon=football-helmet]::before{content:""}.wds-icon[data-icon=fork]::before{content:""}.wds-icon[data-icon=fork-knife]::before{content:""}.wds-icon[data-icon=forklift]::before{content:""}.wds-icon[data-icon=fort]::before{content:""}.wds-icon[data-icon=forward]::before{content:""}.wds-icon[data-icon=forward-fast]::before{content:""}.wds-icon[data-icon=forward-step]::before{content:""}.wds-icon[data-icon=fragile]::before{content:""}.wds-icon[data-icon=frame]::before{content:""}.wds-icon[data-icon=franc-sign]::before{content:""}.wds-icon[data-icon=french-fries]::before{content:""}.wds-icon[data-icon=frog]::before{content:""}.wds-icon[data-icon=frosty-head]::before{content:""}.wds-icon[data-icon=frown]::before{content:""}.wds-icon[data-icon=frown-open]::before{content:""}.wds-icon[data-icon=function]::before{content:""}.wds-icon[data-icon=funnel-dollar]::before{content:""}.wds-icon[data-icon=futbol-ball]::before,.wds-icon[data-icon=futbol]::before{content:""}.wds-icon[data-icon=g]::before{content:"G"}.wds-icon[data-icon=galaxy]::before{content:""}.wds-icon[data-icon=gallery-thumbnails]::before{content:""}.wds-icon[data-icon=game-board]::before{content:""}.wds-icon[data-icon=game-board-alt]::before,.wds-icon[data-icon=game-board-simple]::before{content:""}.wds-icon[data-icon=game-console-handheld]::before{content:""}.wds-icon[data-icon=game-console-handheld-crank]::before{content:""}.wds-icon[data-icon=gamepad]::before{content:""}.wds-icon[data-icon=gamepad-alt]::before,.wds-icon[data-icon=gamepad-modern]::before{content:""}.wds-icon[data-icon=garage]::before{content:""}.wds-icon[data-icon=garage-car]::before{content:""}.wds-icon[data-icon=garage-open]::before{content:""}.wds-icon[data-icon=garlic]::before{content:""}.wds-icon[data-icon=gas-pump]::before{content:""}.wds-icon[data-icon=gas-pump-slash]::before{content:""}.wds-icon[data-icon=gauge]::before{content:""}.wds-icon[data-icon=gauge-circle-bolt]::before{content:""}.wds-icon[data-icon=gauge-circle-minus]::before{content:""}.wds-icon[data-icon=gauge-circle-plus]::before{content:""}.wds-icon[data-icon=gauge-high]::before{content:""}.wds-icon[data-icon=gauge-low]::before{content:""}.wds-icon[data-icon=gauge-max]::before{content:""}.wds-icon[data-icon=gauge-med]::before{content:""}.wds-icon[data-icon=gauge-min]::before{content:""}.wds-icon[data-icon=gauge-simple]::before{content:""}.wds-icon[data-icon=gauge-simple-high]::before{content:""}.wds-icon[data-icon=gauge-simple-low]::before{content:""}.wds-icon[data-icon=gauge-simple-max]::before{content:""}.wds-icon[data-icon=gauge-simple-med]::before{content:""}.wds-icon[data-icon=gauge-simple-min]::before{content:""}.wds-icon[data-icon=gave-dandy]::before{content:""}.wds-icon[data-icon=gavel]::before{content:""}.wds-icon[data-icon=gbp]::before{content:""}.wds-icon[data-icon=gear]::before{content:""}.wds-icon[data-icon=gear-code]::before{content:""}.wds-icon[data-icon=gear-complex]::before{content:""}.wds-icon[data-icon=gear-complex-code]::before{content:""}.wds-icon[data-icon=gears]::before{content:""}.wds-icon[data-icon=gem]::before{content:""}.wds-icon[data-icon=genderless]::before{content:""}.wds-icon[data-icon=ghost]::before{content:""}.wds-icon[data-icon=gif]::before{content:""}.wds-icon[data-icon=gift]::before{content:""}.wds-icon[data-icon=gift-card]::before{content:""}.wds-icon[data-icon=gifts]::before{content:""}.wds-icon[data-icon=gingerbread-man]::before{content:""}.wds-icon[data-icon=glass]::before{content:""}.wds-icon[data-icon=glass-champagne]::before{content:""}.wds-icon[data-icon=glass-cheers]::before{content:""}.wds-icon[data-icon=glass-citrus]::before{content:""}.wds-icon[data-icon=glass-empty]::before{content:""}.wds-icon[data-icon=glass-half-empty]::before,.wds-icon[data-icon=glass-half-full]::before,.wds-icon[data-icon=glass-half]::before{content:""}.wds-icon[data-icon=glass-martini]::before{content:""}.wds-icon[data-icon=glass-martini-alt]::before{content:""}.wds-icon[data-icon=glass-water]::before{content:""}.wds-icon[data-icon=glass-water-droplet]::before{content:""}.wds-icon[data-icon=glass-whiskey]::before{content:""}.wds-icon[data-icon=glass-whiskey-rocks]::before{content:""}.wds-icon[data-icon=glasses]::before{content:""}.wds-icon[data-icon=glasses-alt]::before,.wds-icon[data-icon=glasses-round]::before{content:""}.wds-icon[data-icon=globe]::before{content:""}.wds-icon[data-icon=globe-africa]::before{content:""}.wds-icon[data-icon=globe-americas]::before{content:""}.wds-icon[data-icon=globe-asia]::before{content:""}.wds-icon[data-icon=globe-europe]::before{content:""}.wds-icon[data-icon=globe-oceania]::before{content:""}.wds-icon[data-icon=globe-pointer]::before{content:""}.wds-icon[data-icon=globe-snow]::before{content:""}.wds-icon[data-icon=globe-stand]::before{content:""}.wds-icon[data-icon=glove-boxing]::before{content:""}.wds-icon[data-icon=goal-net]::before{content:""}.wds-icon[data-icon=golf-ball-tee]::before,.wds-icon[data-icon=golf-ball]::before{content:""}.wds-icon[data-icon=golf-club]::before{content:""}.wds-icon[data-icon=golf-flag-hole]::before{content:""}.wds-icon[data-icon=gopuram]::before{content:""}.wds-icon[data-icon=graduation-cap]::before{content:""}.wds-icon[data-icon=gramophone]::before{content:""}.wds-icon[data-icon=grapes]::before{content:""}.wds-icon[data-icon=grate]::before{content:""}.wds-icon[data-icon=grate-droplet]::before{content:""}.wds-icon[data-icon=greater-than]::before{content:">"}.wds-icon[data-icon=greater-than-equal]::before{content:""}.wds-icon[data-icon=grid]::before{content:""}.wds-icon[data-icon=grid-2]::before{content:""}.wds-icon[data-icon=grid-2-plus]::before{content:""}.wds-icon[data-icon=grid-3]::before{content:""}.wds-icon[data-icon=grid-4]::before{content:""}.wds-icon[data-icon=grid-5]::before{content:""}.wds-icon[data-icon=grid-dividers]::before{content:""}.wds-icon[data-icon=grid-horizontal]::before{content:""}.wds-icon[data-icon=grid-round]::before{content:""}.wds-icon[data-icon=grid-round-2]::before{content:""}.wds-icon[data-icon=grid-round-2-plus]::before{content:""}.wds-icon[data-icon=grid-round-4]::before{content:""}.wds-icon[data-icon=grid-round-5]::before{content:""}.wds-icon[data-icon=grill]::before{content:""}.wds-icon[data-icon=grill-fire]::before{content:""}.wds-icon[data-icon=grill-hot]::before{content:""}.wds-icon[data-icon=grimace]::before{content:""}.wds-icon[data-icon=grin]::before{content:""}.wds-icon[data-icon=grin-alt]::before{content:""}.wds-icon[data-icon=grin-beam]::before{content:""}.wds-icon[data-icon=grin-beam-sweat]::before{content:""}.wds-icon[data-icon=grin-hearts]::before{content:""}.wds-icon[data-icon=grin-squint]::before{content:""}.wds-icon[data-icon=grin-squint-tears]::before{content:""}.wds-icon[data-icon=grin-stars]::before{content:""}.wds-icon[data-icon=grin-tears]::before{content:""}.wds-icon[data-icon=grin-tongue]::before{content:""}.wds-icon[data-icon=grin-tongue-squint]::before{content:""}.wds-icon[data-icon=grin-tongue-wink]::before{content:""}.wds-icon[data-icon=grin-wink]::before{content:""}.wds-icon[data-icon=grip]::before{content:""}.wds-icon[data-icon=grip-dots]::before{content:""}.wds-icon[data-icon=grip-dots-vertical]::before{content:""}.wds-icon[data-icon=grip-horizontal]::before{content:""}.wds-icon[data-icon=grip-lines]::before{content:""}.wds-icon[data-icon=grip-lines-vertical]::before{content:""}.wds-icon[data-icon=grip-vertical]::before{content:""}.wds-icon[data-icon=group-arrows-rotate]::before{content:""}.wds-icon[data-icon=guarani-sign]::before{content:""}.wds-icon[data-icon=guitar]::before{content:""}.wds-icon[data-icon=guitar-electric]::before{content:""}.wds-icon[data-icon=guitars]::before{content:""}.wds-icon[data-icon=gun]::before{content:""}.wds-icon[data-icon=gun-slash]::before{content:""}.wds-icon[data-icon=gun-squirt]::before{content:""}.wds-icon[data-icon=h]::before{content:"H"}.wds-icon[data-icon=h-square]::before{content:""}.wds-icon[data-icon=h1]::before{content:""}.wds-icon[data-icon=h2]::before{content:""}.wds-icon[data-icon=h3]::before{content:""}.wds-icon[data-icon=h4]::before{content:""}.wds-icon[data-icon=h5]::before{content:""}.wds-icon[data-icon=h6]::before{content:""}.wds-icon[data-icon=hamburger]::before{content:""}.wds-icon[data-icon=hammer]::before{content:""}.wds-icon[data-icon=hammer-crash]::before{content:""}.wds-icon[data-icon=hammer-war]::before{content:""}.wds-icon[data-icon=hamsa]::before{content:""}.wds-icon[data-icon=hand]::before{content:""}.wds-icon[data-icon=hand-back-fist]::before{content:""}.wds-icon[data-icon=hand-back-point-down]::before{content:""}.wds-icon[data-icon=hand-back-point-left]::before{content:""}.wds-icon[data-icon=hand-back-point-ribbon]::before{content:""}.wds-icon[data-icon=hand-back-point-right]::before{content:""}.wds-icon[data-icon=hand-back-point-up]::before{content:""}.wds-icon[data-icon=hand-dots]::before{content:""}.wds-icon[data-icon=hand-fingers-crossed]::before{content:""}.wds-icon[data-icon=hand-fist]::before{content:""}.wds-icon[data-icon=hand-heart]::before{content:""}.wds-icon[data-icon=hand-holding]::before{content:""}.wds-icon[data-icon=hand-holding-box]::before{content:""}.wds-icon[data-icon=hand-holding-dollar]::before{content:""}.wds-icon[data-icon=hand-holding-droplet]::before{content:""}.wds-icon[data-icon=hand-holding-hand]::before{content:""}.wds-icon[data-icon=hand-holding-heart]::before{content:""}.wds-icon[data-icon=hand-holding-magic]::before{content:""}.wds-icon[data-icon=hand-holding-medical]::before{content:""}.wds-icon[data-icon=hand-holding-seedling]::before{content:""}.wds-icon[data-icon=hand-holding-skull]::before{content:""}.wds-icon[data-icon=hand-holding-usd]::before{content:""}.wds-icon[data-icon=hand-holding-water]::before{content:""}.wds-icon[data-icon=hand-horns]::before{content:""}.wds-icon[data-icon=hand-lizard]::before{content:""}.wds-icon[data-icon=hand-love]::before{content:""}.wds-icon[data-icon=hand-middle-finger]::before{content:""}.wds-icon[data-icon=hand-paper]::before{content:""}.wds-icon[data-icon=hand-peace]::before{content:""}.wds-icon[data-icon=hand-point-down]::before{content:""}.wds-icon[data-icon=hand-point-left]::before{content:""}.wds-icon[data-icon=hand-point-ribbon]::before{content:""}.wds-icon[data-icon=hand-point-right]::before{content:""}.wds-icon[data-icon=hand-point-up]::before{content:""}.wds-icon[data-icon=hand-pointer]::before{content:""}.wds-icon[data-icon=hand-receiving]::before{content:""}.wds-icon[data-icon=hand-rock]::before{content:""}.wds-icon[data-icon=hand-scissors]::before{content:""}.wds-icon[data-icon=hand-sparkles]::before{content:""}.wds-icon[data-icon=hand-spock]::before{content:""}.wds-icon[data-icon=hand-wave]::before{content:""}.wds-icon[data-icon=handcuffs]::before{content:""}.wds-icon[data-icon=hands]::before{content:""}.wds-icon[data-icon=hands-american-sign-language-interpreting]::before,.wds-icon[data-icon=hands-asl-interpreting]::before{content:""}.wds-icon[data-icon=hands-bound]::before{content:""}.wds-icon[data-icon=hands-bubbles]::before{content:""}.wds-icon[data-icon=hands-clapping]::before{content:""}.wds-icon[data-icon=hands-heart]::before{content:""}.wds-icon[data-icon=hands-helping]::before{content:""}.wds-icon[data-icon=hands-holding]::before{content:""}.wds-icon[data-icon=hands-holding-child]::before{content:""}.wds-icon[data-icon=hands-holding-circle]::before{content:""}.wds-icon[data-icon=hands-holding-diamond]::before{content:""}.wds-icon[data-icon=hands-holding-dollar]::before{content:""}.wds-icon[data-icon=hands-holding-heart]::before{content:""}.wds-icon[data-icon=hands-praying]::before{content:""}.wds-icon[data-icon=hands-usd]::before{content:""}.wds-icon[data-icon=hands-wash]::before{content:""}.wds-icon[data-icon=handshake]::before{content:""}.wds-icon[data-icon=handshake-alt]::before{content:""}.wds-icon[data-icon=handshake-alt-slash]::before{content:""}.wds-icon[data-icon=handshake-angle]::before{content:""}.wds-icon[data-icon=handshake-simple]::before{content:""}.wds-icon[data-icon=handshake-simple-slash]::before{content:""}.wds-icon[data-icon=handshake-slash]::before{content:""}.wds-icon[data-icon=hanukiah]::before{content:""}.wds-icon[data-icon=hard-drive]::before{content:""}.wds-icon[data-icon=hard-hat]::before{content:""}.wds-icon[data-icon=hard-of-hearing]::before{content:""}.wds-icon[data-icon=hashtag]::before{content:"#"}.wds-icon[data-icon=hashtag-lock]::before{content:""}.wds-icon[data-icon=hat-beach]::before{content:""}.wds-icon[data-icon=hat-chef]::before{content:""}.wds-icon[data-icon=hat-cowboy]::before{content:""}.wds-icon[data-icon=hat-cowboy-side]::before{content:""}.wds-icon[data-icon=hat-hard]::before{content:""}.wds-icon[data-icon=hat-santa]::before{content:""}.wds-icon[data-icon=hat-winter]::before{content:""}.wds-icon[data-icon=hat-witch]::before{content:""}.wds-icon[data-icon=hat-wizard]::before{content:""}.wds-icon[data-icon=haykal]::before{content:""}.wds-icon[data-icon=hdd]::before{content:""}.wds-icon[data-icon=head-side]::before{content:""}.wds-icon[data-icon=head-side-brain]::before{content:""}.wds-icon[data-icon=head-side-cough]::before{content:""}.wds-icon[data-icon=head-side-cough-slash]::before{content:""}.wds-icon[data-icon=head-side-gear]::before{content:""}.wds-icon[data-icon=head-side-goggles]::before{content:""}.wds-icon[data-icon=head-side-headphones]::before{content:""}.wds-icon[data-icon=head-side-heart]::before{content:""}.wds-icon[data-icon=head-side-mask]::before{content:""}.wds-icon[data-icon=head-side-medical]::before{content:""}.wds-icon[data-icon=head-side-virus]::before{content:""}.wds-icon[data-icon=head-vr]::before{content:""}.wds-icon[data-icon=header]::before,.wds-icon[data-icon=heading]::before{content:""}.wds-icon[data-icon=headphones]::before{content:""}.wds-icon[data-icon=headphones-alt]::before,.wds-icon[data-icon=headphones-simple]::before{content:""}.wds-icon[data-icon=headset]::before{content:""}.wds-icon[data-icon=heart]::before{content:""}.wds-icon[data-icon=heart-broken]::before{content:""}.wds-icon[data-icon=heart-circle]::before{content:""}.wds-icon[data-icon=heart-circle-bolt]::before{content:""}.wds-icon[data-icon=heart-circle-check]::before{content:""}.wds-icon[data-icon=heart-circle-exclamation]::before{content:""}.wds-icon[data-icon=heart-circle-minus]::before{content:""}.wds-icon[data-icon=heart-circle-plus]::before{content:""}.wds-icon[data-icon=heart-circle-xmark]::before{content:""}.wds-icon[data-icon=heart-crack]::before{content:""}.wds-icon[data-icon=heart-half]::before{content:""}.wds-icon[data-icon=heart-half-alt]::before,.wds-icon[data-icon=heart-half-stroke]::before{content:""}.wds-icon[data-icon=heart-music-camera-bolt]::before{content:""}.wds-icon[data-icon=heart-pulse]::before{content:""}.wds-icon[data-icon=heart-rate]::before{content:""}.wds-icon[data-icon=heart-square]::before{content:""}.wds-icon[data-icon=heartbeat]::before{content:""}.wds-icon[data-icon=heat]::before{content:""}.wds-icon[data-icon=helicopter]::before{content:""}.wds-icon[data-icon=helicopter-symbol]::before{content:""}.wds-icon[data-icon=helmet-battle]::before{content:""}.wds-icon[data-icon=helmet-safety]::before{content:""}.wds-icon[data-icon=helmet-un]::before{content:""}.wds-icon[data-icon=hexagon]::before{content:""}.wds-icon[data-icon=hexagon-check]::before{content:""}.wds-icon[data-icon=hexagon-divide]::before{content:""}.wds-icon[data-icon=hexagon-exclamation]::before{content:""}.wds-icon[data-icon=hexagon-image]::before{content:""}.wds-icon[data-icon=hexagon-minus]::before{content:""}.wds-icon[data-icon=hexagon-plus]::before{content:""}.wds-icon[data-icon=hexagon-vertical-nft]::before{content:""}.wds-icon[data-icon=hexagon-vertical-nft-slanted]::before{content:""}.wds-icon[data-icon=hexagon-xmark]::before{content:""}.wds-icon[data-icon=high-definition]::before{content:""}.wds-icon[data-icon=highlighter]::before{content:""}.wds-icon[data-icon=highlighter-line]::before{content:""}.wds-icon[data-icon=hiking]::before{content:""}.wds-icon[data-icon=hill-avalanche]::before{content:""}.wds-icon[data-icon=hill-rockslide]::before{content:""}.wds-icon[data-icon=hippo]::before{content:""}.wds-icon[data-icon=history]::before{content:""}.wds-icon[data-icon=hockey-mask]::before{content:""}.wds-icon[data-icon=hockey-puck]::before{content:""}.wds-icon[data-icon=hockey-stick-puck]::before{content:""}.wds-icon[data-icon=hockey-sticks]::before{content:""}.wds-icon[data-icon=holly-berry]::before{content:""}.wds-icon[data-icon=home-alt]::before,.wds-icon[data-icon=home]::before{content:""}.wds-icon[data-icon=home-blank]::before{content:""}.wds-icon[data-icon=home-heart]::before{content:""}.wds-icon[data-icon=home-lg]::before{content:""}.wds-icon[data-icon=home-lg-alt]::before{content:""}.wds-icon[data-icon=home-user]::before{content:""}.wds-icon[data-icon=honey-pot]::before{content:""}.wds-icon[data-icon=hood-cloak]::before{content:""}.wds-icon[data-icon=horizontal-rule]::before{content:""}.wds-icon[data-icon=horse]::before{content:""}.wds-icon[data-icon=horse-head]::before{content:""}.wds-icon[data-icon=horse-saddle]::before{content:""}.wds-icon[data-icon=hose]::before{content:""}.wds-icon[data-icon=hose-reel]::before{content:""}.wds-icon[data-icon=hospital-alt]::before,.wds-icon[data-icon=hospital]::before{content:""}.wds-icon[data-icon=hospital-symbol]::before{content:""}.wds-icon[data-icon=hospital-user]::before{content:""}.wds-icon[data-icon=hospital-wide]::before{content:""}.wds-icon[data-icon=hospitals]::before{content:""}.wds-icon[data-icon=hot-tub-person]::before,.wds-icon[data-icon=hot-tub]::before{content:""}.wds-icon[data-icon=hotdog]::before{content:""}.wds-icon[data-icon=hotel]::before{content:""}.wds-icon[data-icon=hourglass]::before{content:""}.wds-icon[data-icon=hourglass-1]::before{content:""}.wds-icon[data-icon=hourglass-2]::before{content:""}.wds-icon[data-icon=hourglass-3]::before{content:""}.wds-icon[data-icon=hourglass-clock]::before{content:""}.wds-icon[data-icon=hourglass-empty]::before{content:""}.wds-icon[data-icon=hourglass-end]::before{content:""}.wds-icon[data-icon=hourglass-half]::before{content:""}.wds-icon[data-icon=hourglass-start]::before{content:""}.wds-icon[data-icon=house]::before{content:""}.wds-icon[data-icon=house-blank]::before{content:""}.wds-icon[data-icon=house-building]::before{content:""}.wds-icon[data-icon=house-chimney]::before{content:""}.wds-icon[data-icon=house-chimney-blank]::before{content:""}.wds-icon[data-icon=house-chimney-crack]::before{content:""}.wds-icon[data-icon=house-chimney-heart]::before{content:""}.wds-icon[data-icon=house-chimney-medical]::before{content:""}.wds-icon[data-icon=house-chimney-user]::before{content:""}.wds-icon[data-icon=house-chimney-window]::before{content:""}.wds-icon[data-icon=house-circle-check]::before{content:""}.wds-icon[data-icon=house-circle-exclamation]::before{content:""}.wds-icon[data-icon=house-circle-xmark]::before{content:""}.wds-icon[data-icon=house-crack]::before{content:""}.wds-icon[data-icon=house-damage]::before{content:""}.wds-icon[data-icon=house-day]::before{content:""}.wds-icon[data-icon=house-fire]::before{content:""}.wds-icon[data-icon=house-flag]::before{content:""}.wds-icon[data-icon=house-flood]::before{content:""}.wds-icon[data-icon=house-flood-water]::before{content:""}.wds-icon[data-icon=house-flood-water-circle-arrow-right]::before{content:""}.wds-icon[data-icon=house-heart]::before{content:""}.wds-icon[data-icon=house-laptop]::before{content:""}.wds-icon[data-icon=house-leave]::before{content:""}.wds-icon[data-icon=house-lock]::before{content:""}.wds-icon[data-icon=house-medical]::before{content:""}.wds-icon[data-icon=house-medical-circle-check]::before{content:""}.wds-icon[data-icon=house-medical-circle-exclamation]::before{content:""}.wds-icon[data-icon=house-medical-circle-xmark]::before{content:""}.wds-icon[data-icon=house-medical-flag]::before{content:""}.wds-icon[data-icon=house-night]::before{content:""}.wds-icon[data-icon=house-person-arrive]::before{content:""}.wds-icon[data-icon=house-person-depart]::before,.wds-icon[data-icon=house-person-leave]::before{content:""}.wds-icon[data-icon=house-person-return]::before,.wds-icon[data-icon=house-return]::before{content:""}.wds-icon[data-icon=house-signal]::before{content:""}.wds-icon[data-icon=house-tree]::before{content:""}.wds-icon[data-icon=house-tsunami]::before{content:""}.wds-icon[data-icon=house-turret]::before{content:""}.wds-icon[data-icon=house-user]::before{content:""}.wds-icon[data-icon=house-water]::before{content:""}.wds-icon[data-icon=house-window]::before{content:""}.wds-icon[data-icon=hryvnia-sign]::before,.wds-icon[data-icon=hryvnia]::before{content:""}.wds-icon[data-icon=humidity]::before{content:""}.wds-icon[data-icon=hundred-points]::before{content:""}.wds-icon[data-icon=hurricane]::before{content:""}.wds-icon[data-icon=hyphen]::before{content:"-"}.wds-icon[data-icon=i]::before{content:"I"}.wds-icon[data-icon=i-cursor]::before{content:""}.wds-icon[data-icon=ice-cream]::before{content:""}.wds-icon[data-icon=ice-skate]::before{content:""}.wds-icon[data-icon=icicles]::before{content:""}.wds-icon[data-icon=icons]::before{content:""}.wds-icon[data-icon=icons-alt]::before{content:""}.wds-icon[data-icon=id-badge]::before{content:""}.wds-icon[data-icon=id-card]::before{content:""}.wds-icon[data-icon=id-card-alt]::before,.wds-icon[data-icon=id-card-clip]::before{content:""}.wds-icon[data-icon=igloo]::before{content:""}.wds-icon[data-icon=ils]::before{content:""}.wds-icon[data-icon=image]::before{content:""}.wds-icon[data-icon=image-landscape]::before{content:""}.wds-icon[data-icon=image-polaroid]::before{content:""}.wds-icon[data-icon=image-polaroid-user]::before{content:""}.wds-icon[data-icon=image-portrait]::before{content:""}.wds-icon[data-icon=image-slash]::before{content:""}.wds-icon[data-icon=image-user]::before{content:""}.wds-icon[data-icon=images]::before{content:""}.wds-icon[data-icon=images-user]::before{content:""}.wds-icon[data-icon=inbox]::before{content:""}.wds-icon[data-icon=inbox-arrow-down]::before{content:""}.wds-icon[data-icon=inbox-arrow-up]::before{content:""}.wds-icon[data-icon=inbox-full]::before{content:""}.wds-icon[data-icon=inbox-in]::before{content:""}.wds-icon[data-icon=inbox-out]::before{content:""}.wds-icon[data-icon=inboxes]::before{content:""}.wds-icon[data-icon=indent]::before{content:""}.wds-icon[data-icon=indian-rupee-sign]::before,.wds-icon[data-icon=indian-rupee]::before{content:""}.wds-icon[data-icon=industry]::before{content:""}.wds-icon[data-icon=industry-alt]::before,.wds-icon[data-icon=industry-windows]::before{content:""}.wds-icon[data-icon=infinity]::before{content:""}.wds-icon[data-icon=info]::before{content:""}.wds-icon[data-icon=info-circle]::before{content:""}.wds-icon[data-icon=info-square]::before{content:""}.wds-icon[data-icon=inhaler]::before{content:""}.wds-icon[data-icon=input-numeric]::before{content:""}.wds-icon[data-icon=input-pipe]::before{content:""}.wds-icon[data-icon=input-text]::before{content:""}.wds-icon[data-icon=inr]::before{content:""}.wds-icon[data-icon=institution]::before{content:""}.wds-icon[data-icon=integral]::before{content:""}.wds-icon[data-icon=interrobang]::before{content:""}.wds-icon[data-icon=intersection]::before{content:""}.wds-icon[data-icon=inventory]::before{content:""}.wds-icon[data-icon=island-tree-palm]::before,.wds-icon[data-icon=island-tropical]::before{content:""}.wds-icon[data-icon=italic]::before{content:""}.wds-icon[data-icon=j]::before{content:"J"}.wds-icon[data-icon=jack-o-lantern]::before{content:""}.wds-icon[data-icon=jar]::before{content:""}.wds-icon[data-icon=jar-wheat]::before{content:""}.wds-icon[data-icon=jedi]::before{content:""}.wds-icon[data-icon=jet-fighter]::before{content:""}.wds-icon[data-icon=jet-fighter-up]::before{content:""}.wds-icon[data-icon=joint]::before{content:""}.wds-icon[data-icon=journal-whills]::before{content:""}.wds-icon[data-icon=joystick]::before{content:""}.wds-icon[data-icon=jpy]::before{content:""}.wds-icon[data-icon=jug]::before{content:""}.wds-icon[data-icon=jug-bottle]::before{content:""}.wds-icon[data-icon=jug-detergent]::before{content:""}.wds-icon[data-icon=k]::before{content:"K"}.wds-icon[data-icon=kaaba]::before{content:""}.wds-icon[data-icon=kazoo]::before{content:""}.wds-icon[data-icon=kerning]::before{content:""}.wds-icon[data-icon=key]::before{content:""}.wds-icon[data-icon=key-skeleton]::before{content:""}.wds-icon[data-icon=key-skeleton-left-right]::before{content:""}.wds-icon[data-icon=keyboard]::before{content:""}.wds-icon[data-icon=keyboard-brightness]::before{content:""}.wds-icon[data-icon=keyboard-brightness-low]::before{content:""}.wds-icon[data-icon=keyboard-down]::before{content:""}.wds-icon[data-icon=keyboard-left]::before{content:""}.wds-icon[data-icon=keynote]::before{content:""}.wds-icon[data-icon=khanda]::before{content:""}.wds-icon[data-icon=kidneys]::before{content:""}.wds-icon[data-icon=kip-sign]::before{content:""}.wds-icon[data-icon=kiss]::before{content:""}.wds-icon[data-icon=kiss-beam]::before{content:""}.wds-icon[data-icon=kiss-wink-heart]::before{content:""}.wds-icon[data-icon=kit-medical]::before{content:""}.wds-icon[data-icon=kitchen-set]::before{content:""}.wds-icon[data-icon=kite]::before{content:""}.wds-icon[data-icon=kiwi-bird]::before{content:""}.wds-icon[data-icon=kiwi-fruit]::before{content:""}.wds-icon[data-icon=knife]::before{content:""}.wds-icon[data-icon=knife-kitchen]::before{content:""}.wds-icon[data-icon=krw]::before{content:""}.wds-icon[data-icon=l]::before{content:"L"}.wds-icon[data-icon=lacrosse-stick]::before{content:""}.wds-icon[data-icon=lacrosse-stick-ball]::before{content:""}.wds-icon[data-icon=ladder-water]::before{content:""}.wds-icon[data-icon=lambda]::before{content:""}.wds-icon[data-icon=lamp]::before{content:""}.wds-icon[data-icon=lamp-desk]::before{content:""}.wds-icon[data-icon=lamp-floor]::before{content:""}.wds-icon[data-icon=lamp-street]::before{content:""}.wds-icon[data-icon=land-mine-on]::before{content:""}.wds-icon[data-icon=landmark]::before{content:""}.wds-icon[data-icon=landmark-alt]::before,.wds-icon[data-icon=landmark-dome]::before{content:""}.wds-icon[data-icon=landmark-flag]::before{content:""}.wds-icon[data-icon=landscape]::before{content:""}.wds-icon[data-icon=language]::before{content:""}.wds-icon[data-icon=laptop]::before{content:""}.wds-icon[data-icon=laptop-arrow-down]::before{content:""}.wds-icon[data-icon=laptop-binary]::before{content:""}.wds-icon[data-icon=laptop-code]::before{content:""}.wds-icon[data-icon=laptop-file]::before{content:""}.wds-icon[data-icon=laptop-house]::before{content:""}.wds-icon[data-icon=laptop-medical]::before{content:""}.wds-icon[data-icon=laptop-mobile]::before{content:""}.wds-icon[data-icon=laptop-slash]::before{content:""}.wds-icon[data-icon=lari-sign]::before{content:""}.wds-icon[data-icon=lasso]::before{content:""}.wds-icon[data-icon=lasso-sparkles]::before{content:""}.wds-icon[data-icon=laugh]::before{content:""}.wds-icon[data-icon=laugh-beam]::before{content:""}.wds-icon[data-icon=laugh-squint]::before{content:""}.wds-icon[data-icon=laugh-wink]::before{content:""}.wds-icon[data-icon=layer-group]::before{content:""}.wds-icon[data-icon=layer-group-minus]::before{content:""}.wds-icon[data-icon=layer-group-plus]::before{content:""}.wds-icon[data-icon=layer-minus]::before{content:""}.wds-icon[data-icon=layer-plus]::before{content:""}.wds-icon[data-icon=leaf]::before{content:""}.wds-icon[data-icon=leaf-heart]::before{content:""}.wds-icon[data-icon=leaf-maple]::before{content:""}.wds-icon[data-icon=leaf-oak]::before{content:""}.wds-icon[data-icon=leafy-green]::before{content:""}.wds-icon[data-icon=left]::before{content:""}.wds-icon[data-icon=left-from-line]::before{content:""}.wds-icon[data-icon=left-long]::before{content:""}.wds-icon[data-icon=left-long-to-line]::before{content:""}.wds-icon[data-icon=left-right]::before{content:""}.wds-icon[data-icon=left-to-line]::before{content:""}.wds-icon[data-icon=legal]::before{content:""}.wds-icon[data-icon=lemon]::before{content:""}.wds-icon[data-icon=less-than]::before{content:"<"}.wds-icon[data-icon=less-than-equal]::before{content:""}.wds-icon[data-icon=level-down]::before{content:""}.wds-icon[data-icon=level-down-alt]::before{content:""}.wds-icon[data-icon=level-up]::before{content:""}.wds-icon[data-icon=level-up-alt]::before{content:""}.wds-icon[data-icon=life-ring]::before{content:""}.wds-icon[data-icon=light-ceiling]::before{content:""}.wds-icon[data-icon=light-emergency]::before{content:""}.wds-icon[data-icon=light-emergency-on]::before{content:""}.wds-icon[data-icon=light-switch]::before{content:""}.wds-icon[data-icon=light-switch-off]::before{content:""}.wds-icon[data-icon=light-switch-on]::before{content:""}.wds-icon[data-icon=lightbulb]::before{content:""}.wds-icon[data-icon=lightbulb-cfl]::before{content:""}.wds-icon[data-icon=lightbulb-cfl-on]::before{content:""}.wds-icon[data-icon=lightbulb-dollar]::before{content:""}.wds-icon[data-icon=lightbulb-exclamation]::before{content:""}.wds-icon[data-icon=lightbulb-exclamation-on]::before{content:""}.wds-icon[data-icon=lightbulb-gear]::before{content:""}.wds-icon[data-icon=lightbulb-on]::before{content:""}.wds-icon[data-icon=lightbulb-slash]::before{content:""}.wds-icon[data-icon=lighthouse]::before{content:""}.wds-icon[data-icon=lights-holiday]::before{content:""}.wds-icon[data-icon=line-chart]::before{content:""}.wds-icon[data-icon=line-columns]::before{content:""}.wds-icon[data-icon=line-height]::before{content:""}.wds-icon[data-icon=lines-leaning]::before{content:""}.wds-icon[data-icon=link]::before{content:""}.wds-icon[data-icon=link-horizontal]::before{content:""}.wds-icon[data-icon=link-horizontal-slash]::before{content:""}.wds-icon[data-icon=link-simple]::before{content:""}.wds-icon[data-icon=link-simple-slash]::before{content:""}.wds-icon[data-icon=link-slash]::before{content:""}.wds-icon[data-icon=lips]::before{content:""}.wds-icon[data-icon=lira-sign]::before{content:""}.wds-icon[data-icon=list]::before{content:""}.wds-icon[data-icon=list-1-2]::before{content:""}.wds-icon[data-icon=list-alt]::before{content:""}.wds-icon[data-icon=list-check]::before{content:""}.wds-icon[data-icon=list-dots]::before{content:""}.wds-icon[data-icon=list-dropdown]::before{content:""}.wds-icon[data-icon=list-music]::before{content:""}.wds-icon[data-icon=list-numeric]::before,.wds-icon[data-icon=list-ol]::before{content:""}.wds-icon[data-icon=list-radio]::before{content:""}.wds-icon[data-icon=list-squares]::before{content:""}.wds-icon[data-icon=list-timeline]::before{content:""}.wds-icon[data-icon=list-tree]::before{content:""}.wds-icon[data-icon=list-ul]::before{content:""}.wds-icon[data-icon=litecoin-sign]::before{content:""}.wds-icon[data-icon=loader]::before{content:""}.wds-icon[data-icon=lobster]::before{content:""}.wds-icon[data-icon=location]::before{content:""}.wds-icon[data-icon=location-arrow]::before{content:""}.wds-icon[data-icon=location-check]::before{content:""}.wds-icon[data-icon=location-circle]::before{content:""}.wds-icon[data-icon=location-crosshairs]::before{content:""}.wds-icon[data-icon=location-crosshairs-slash]::before{content:""}.wds-icon[data-icon=location-dot]::before{content:""}.wds-icon[data-icon=location-dot-slash]::before{content:""}.wds-icon[data-icon=location-exclamation]::before{content:""}.wds-icon[data-icon=location-minus]::before{content:""}.wds-icon[data-icon=location-pen]::before{content:""}.wds-icon[data-icon=location-pin]::before{content:""}.wds-icon[data-icon=location-pin-lock]::before{content:""}.wds-icon[data-icon=location-pin-slash]::before{content:""}.wds-icon[data-icon=location-plus]::before{content:""}.wds-icon[data-icon=location-question]::before{content:""}.wds-icon[data-icon=location-slash]::before{content:""}.wds-icon[data-icon=location-smile]::before{content:""}.wds-icon[data-icon=location-xmark]::before{content:""}.wds-icon[data-icon=lock]::before{content:""}.wds-icon[data-icon=lock-a]::before{content:""}.wds-icon[data-icon=lock-alt]::before{content:""}.wds-icon[data-icon=lock-hashtag]::before{content:""}.wds-icon[data-icon=lock-keyhole]::before{content:""}.wds-icon[data-icon=lock-keyhole-open]::before{content:""}.wds-icon[data-icon=lock-open]::before{content:""}.wds-icon[data-icon=lock-open-alt]::before{content:""}.wds-icon[data-icon=locust]::before{content:""}.wds-icon[data-icon=lollipop]::before,.wds-icon[data-icon=lollypop]::before{content:""}.wds-icon[data-icon=long-arrow-alt-down]::before{content:""}.wds-icon[data-icon=long-arrow-alt-left]::before{content:""}.wds-icon[data-icon=long-arrow-alt-right]::before{content:""}.wds-icon[data-icon=long-arrow-alt-up]::before{content:""}.wds-icon[data-icon=long-arrow-down]::before{content:""}.wds-icon[data-icon=long-arrow-left]::before{content:""}.wds-icon[data-icon=long-arrow-right]::before{content:""}.wds-icon[data-icon=long-arrow-up]::before{content:""}.wds-icon[data-icon=loveseat]::before{content:""}.wds-icon[data-icon=low-vision]::before{content:""}.wds-icon[data-icon=luchador-mask]::before,.wds-icon[data-icon=luchador]::before{content:""}.wds-icon[data-icon=luggage-cart]::before{content:""}.wds-icon[data-icon=lungs]::before{content:""}.wds-icon[data-icon=lungs-virus]::before{content:""}.wds-icon[data-icon=m]::before{content:"M"}.wds-icon[data-icon=mace]::before{content:""}.wds-icon[data-icon=magic]::before{content:""}.wds-icon[data-icon=magic-wand-sparkles]::before{content:""}.wds-icon[data-icon=magnet]::before{content:""}.wds-icon[data-icon=magnifying-glass]::before{content:""}.wds-icon[data-icon=magnifying-glass-arrow-right]::before{content:""}.wds-icon[data-icon=magnifying-glass-chart]::before{content:""}.wds-icon[data-icon=magnifying-glass-dollar]::before{content:""}.wds-icon[data-icon=magnifying-glass-location]::before{content:""}.wds-icon[data-icon=magnifying-glass-minus]::before{content:""}.wds-icon[data-icon=magnifying-glass-plus]::before{content:""}.wds-icon[data-icon=mail-bulk]::before{content:""}.wds-icon[data-icon=mail-forward]::before{content:""}.wds-icon[data-icon=mail-reply]::before{content:""}.wds-icon[data-icon=mail-reply-all]::before{content:""}.wds-icon[data-icon=mailbox]::before{content:""}.wds-icon[data-icon=mailbox-flag-up]::before{content:""}.wds-icon[data-icon=maki-roll]::before,.wds-icon[data-icon=makizushi]::before{content:""}.wds-icon[data-icon=male]::before{content:""}.wds-icon[data-icon=manat-sign]::before{content:""}.wds-icon[data-icon=mandolin]::before{content:""}.wds-icon[data-icon=mango]::before{content:""}.wds-icon[data-icon=manhole]::before{content:""}.wds-icon[data-icon=map]::before{content:""}.wds-icon[data-icon=map-location]::before{content:""}.wds-icon[data-icon=map-location-dot]::before{content:""}.wds-icon[data-icon=map-marked]::before{content:""}.wds-icon[data-icon=map-marked-alt]::before{content:""}.wds-icon[data-icon=map-marker]::before{content:""}.wds-icon[data-icon=map-marker-alt]::before{content:""}.wds-icon[data-icon=map-marker-alt-slash]::before{content:""}.wds-icon[data-icon=map-marker-check]::before{content:""}.wds-icon[data-icon=map-marker-edit]::before{content:""}.wds-icon[data-icon=map-marker-exclamation]::before{content:""}.wds-icon[data-icon=map-marker-minus]::before{content:""}.wds-icon[data-icon=map-marker-plus]::before{content:""}.wds-icon[data-icon=map-marker-question]::before{content:""}.wds-icon[data-icon=map-marker-slash]::before{content:""}.wds-icon[data-icon=map-marker-smile]::before{content:""}.wds-icon[data-icon=map-marker-times]::before,.wds-icon[data-icon=map-marker-xmark]::before{content:""}.wds-icon[data-icon=map-pin]::before{content:""}.wds-icon[data-icon=map-signs]::before{content:""}.wds-icon[data-icon=marker]::before{content:""}.wds-icon[data-icon=mars]::before{content:""}.wds-icon[data-icon=mars-and-venus]::before{content:""}.wds-icon[data-icon=mars-and-venus-burst]::before{content:""}.wds-icon[data-icon=mars-double]::before{content:""}.wds-icon[data-icon=mars-stroke]::before{content:""}.wds-icon[data-icon=mars-stroke-h]::before,.wds-icon[data-icon=mars-stroke-right]::before{content:""}.wds-icon[data-icon=mars-stroke-up]::before,.wds-icon[data-icon=mars-stroke-v]::before{content:""}.wds-icon[data-icon=martini-glass]::before{content:""}.wds-icon[data-icon=martini-glass-citrus]::before{content:""}.wds-icon[data-icon=martini-glass-empty]::before{content:""}.wds-icon[data-icon=mask]::before{content:""}.wds-icon[data-icon=mask-face]::before{content:""}.wds-icon[data-icon=mask-luchador]::before{content:""}.wds-icon[data-icon=mask-snorkel]::before{content:""}.wds-icon[data-icon=mask-ventilator]::before{content:""}.wds-icon[data-icon=masks-theater]::before{content:""}.wds-icon[data-icon=mattress-pillow]::before{content:""}.wds-icon[data-icon=maximize]::before{content:""}.wds-icon[data-icon=meat]::before{content:""}.wds-icon[data-icon=medal]::before{content:""}.wds-icon[data-icon=medkit]::before{content:""}.wds-icon[data-icon=megaphone]::before{content:""}.wds-icon[data-icon=meh]::before{content:""}.wds-icon[data-icon=meh-blank]::before{content:""}.wds-icon[data-icon=meh-rolling-eyes]::before{content:""}.wds-icon[data-icon=melon]::before{content:""}.wds-icon[data-icon=melon-slice]::before{content:""}.wds-icon[data-icon=memo]::before{content:""}.wds-icon[data-icon=memo-circle-check]::before{content:""}.wds-icon[data-icon=memo-circle-info]::before{content:""}.wds-icon[data-icon=memo-pad]::before{content:""}.wds-icon[data-icon=memory]::before{content:""}.wds-icon[data-icon=menorah]::before{content:""}.wds-icon[data-icon=mercury]::before{content:""}.wds-icon[data-icon=merge]::before{content:""}.wds-icon[data-icon=message]::before{content:""}.wds-icon[data-icon=message-arrow-down]::before{content:""}.wds-icon[data-icon=message-arrow-up]::before{content:""}.wds-icon[data-icon=message-arrow-up-right]::before{content:""}.wds-icon[data-icon=message-bot]::before{content:""}.wds-icon[data-icon=message-captions]::before{content:""}.wds-icon[data-icon=message-check]::before{content:""}.wds-icon[data-icon=message-code]::before{content:""}.wds-icon[data-icon=message-dollar]::before{content:""}.wds-icon[data-icon=message-dots]::before{content:""}.wds-icon[data-icon=message-edit]::before{content:""}.wds-icon[data-icon=message-exclamation]::before{content:""}.wds-icon[data-icon=message-heart]::before{content:""}.wds-icon[data-icon=message-image]::before{content:""}.wds-icon[data-icon=message-lines]::before{content:""}.wds-icon[data-icon=message-medical]::before{content:""}.wds-icon[data-icon=message-middle]::before{content:""}.wds-icon[data-icon=message-middle-top]::before{content:""}.wds-icon[data-icon=message-minus]::before{content:""}.wds-icon[data-icon=message-music]::before{content:""}.wds-icon[data-icon=message-pen]::before{content:""}.wds-icon[data-icon=message-plus]::before{content:""}.wds-icon[data-icon=message-question]::before{content:""}.wds-icon[data-icon=message-quote]::before{content:""}.wds-icon[data-icon=message-slash]::before{content:""}.wds-icon[data-icon=message-smile]::before{content:""}.wds-icon[data-icon=message-sms]::before{content:""}.wds-icon[data-icon=message-text]::before{content:""}.wds-icon[data-icon=message-times]::before,.wds-icon[data-icon=message-xmark]::before{content:""}.wds-icon[data-icon=messages]::before{content:""}.wds-icon[data-icon=messages-dollar]::before{content:""}.wds-icon[data-icon=messages-question]::before{content:""}.wds-icon[data-icon=messaging]::before{content:""}.wds-icon[data-icon=meteor]::before{content:""}.wds-icon[data-icon=meter]::before{content:""}.wds-icon[data-icon=meter-bolt]::before{content:""}.wds-icon[data-icon=meter-droplet]::before{content:""}.wds-icon[data-icon=meter-fire]::before{content:""}.wds-icon[data-icon=microchip]::before{content:""}.wds-icon[data-icon=microchip-ai]::before{content:""}.wds-icon[data-icon=microphone]::before{content:""}.wds-icon[data-icon=microphone-alt]::before{content:""}.wds-icon[data-icon=microphone-alt-slash]::before{content:""}.wds-icon[data-icon=microphone-circle]::before{content:""}.wds-icon[data-icon=microphone-circle-alt]::before{content:""}.wds-icon[data-icon=microphone-lines]::before{content:""}.wds-icon[data-icon=microphone-lines-slash]::before{content:""}.wds-icon[data-icon=microphone-slash]::before{content:""}.wds-icon[data-icon=microphone-stand]::before{content:""}.wds-icon[data-icon=microscope]::before{content:""}.wds-icon[data-icon=microwave]::before{content:""}.wds-icon[data-icon=mill-sign]::before{content:""}.wds-icon[data-icon=mind-share]::before{content:""}.wds-icon[data-icon=minimize]::before{content:""}.wds-icon[data-icon=minus]::before{content:""}.wds-icon[data-icon=minus-circle]::before{content:""}.wds-icon[data-icon=minus-hexagon]::before{content:""}.wds-icon[data-icon=minus-large]::before{content:""}.wds-icon[data-icon=minus-octagon]::before{content:""}.wds-icon[data-icon=minus-square]::before{content:""}.wds-icon[data-icon=mistletoe]::before{content:""}.wds-icon[data-icon=mitten]::before{content:""}.wds-icon[data-icon=mobile]::before{content:""}.wds-icon[data-icon=mobile-alt]::before{content:""}.wds-icon[data-icon=mobile-android]::before{content:""}.wds-icon[data-icon=mobile-android-alt]::before{content:""}.wds-icon[data-icon=mobile-button]::before{content:""}.wds-icon[data-icon=mobile-iphone]::before,.wds-icon[data-icon=mobile-notch]::before{content:""}.wds-icon[data-icon=mobile-phone]::before{content:""}.wds-icon[data-icon=mobile-retro]::before{content:""}.wds-icon[data-icon=mobile-screen]::before{content:""}.wds-icon[data-icon=mobile-screen-button]::before{content:""}.wds-icon[data-icon=mobile-signal]::before{content:""}.wds-icon[data-icon=mobile-signal-out]::before{content:""}.wds-icon[data-icon=money-bill]::before{content:""}.wds-icon[data-icon=money-bill-1]::before{content:""}.wds-icon[data-icon=money-bill-1-wave]::before{content:""}.wds-icon[data-icon=money-bill-alt]::before{content:""}.wds-icon[data-icon=money-bill-simple]::before{content:""}.wds-icon[data-icon=money-bill-simple-wave]::before{content:""}.wds-icon[data-icon=money-bill-transfer]::before{content:""}.wds-icon[data-icon=money-bill-trend-up]::before{content:""}.wds-icon[data-icon=money-bill-wave]::before{content:""}.wds-icon[data-icon=money-bill-wave-alt]::before{content:""}.wds-icon[data-icon=money-bill-wheat]::before{content:""}.wds-icon[data-icon=money-bills]::before{content:""}.wds-icon[data-icon=money-bills-alt]::before,.wds-icon[data-icon=money-bills-simple]::before{content:""}.wds-icon[data-icon=money-check]::before{content:""}.wds-icon[data-icon=money-check-alt]::before,.wds-icon[data-icon=money-check-dollar]::before{content:""}.wds-icon[data-icon=money-check-dollar-pen]::before{content:""}.wds-icon[data-icon=money-check-edit]::before{content:""}.wds-icon[data-icon=money-check-edit-alt]::before{content:""}.wds-icon[data-icon=money-check-pen]::before{content:""}.wds-icon[data-icon=money-from-bracket]::before{content:""}.wds-icon[data-icon=money-simple-from-bracket]::before{content:""}.wds-icon[data-icon=monitor-heart-rate]::before,.wds-icon[data-icon=monitor-waveform]::before{content:""}.wds-icon[data-icon=monkey]::before{content:""}.wds-icon[data-icon=monument]::before{content:""}.wds-icon[data-icon=moon]::before{content:""}.wds-icon[data-icon=moon-cloud]::before{content:""}.wds-icon[data-icon=moon-over-sun]::before{content:""}.wds-icon[data-icon=moon-stars]::before{content:""}.wds-icon[data-icon=moped]::before{content:""}.wds-icon[data-icon=mortar-board]::before{content:""}.wds-icon[data-icon=mortar-pestle]::before{content:""}.wds-icon[data-icon=mosque]::before{content:""}.wds-icon[data-icon=mosquito]::before{content:""}.wds-icon[data-icon=mosquito-net]::before{content:""}.wds-icon[data-icon=motorcycle]::before{content:""}.wds-icon[data-icon=mound]::before{content:""}.wds-icon[data-icon=mountain]::before{content:""}.wds-icon[data-icon=mountain-city]::before{content:""}.wds-icon[data-icon=mountain-sun]::before{content:""}.wds-icon[data-icon=mountains]::before{content:""}.wds-icon[data-icon=mouse]::before{content:""}.wds-icon[data-icon=mouse-alt]::before{content:""}.wds-icon[data-icon=mouse-field]::before{content:""}.wds-icon[data-icon=mouse-pointer]::before{content:""}.wds-icon[data-icon=mp3-player]::before{content:""}.wds-icon[data-icon=mug]::before{content:""}.wds-icon[data-icon=mug-hot]::before{content:""}.wds-icon[data-icon=mug-marshmallows]::before{content:""}.wds-icon[data-icon=mug-saucer]::before{content:""}.wds-icon[data-icon=mug-tea]::before{content:""}.wds-icon[data-icon=mug-tea-saucer]::before{content:""}.wds-icon[data-icon=multiply]::before{content:""}.wds-icon[data-icon=museum]::before{content:""}.wds-icon[data-icon=mushroom]::before{content:""}.wds-icon[data-icon=music]::before{content:""}.wds-icon[data-icon=music-alt]::before{content:""}.wds-icon[data-icon=music-alt-slash]::before{content:""}.wds-icon[data-icon=music-note]::before{content:""}.wds-icon[data-icon=music-note-slash]::before{content:""}.wds-icon[data-icon=music-slash]::before{content:""}.wds-icon[data-icon=mustache]::before{content:""}.wds-icon[data-icon=n]::before{content:"N"}.wds-icon[data-icon=naira-sign]::before{content:""}.wds-icon[data-icon=narwhal]::before{content:""}.wds-icon[data-icon=navicon]::before{content:""}.wds-icon[data-icon=nesting-dolls]::before{content:""}.wds-icon[data-icon=network-wired]::before{content:""}.wds-icon[data-icon=neuter]::before{content:""}.wds-icon[data-icon=newspaper]::before{content:""}.wds-icon[data-icon=nfc]::before{content:""}.wds-icon[data-icon=nfc-lock]::before{content:""}.wds-icon[data-icon=nfc-magnifying-glass]::before{content:""}.wds-icon[data-icon=nfc-pen]::before{content:""}.wds-icon[data-icon=nfc-signal]::before{content:""}.wds-icon[data-icon=nfc-slash]::before{content:""}.wds-icon[data-icon=nfc-trash]::before{content:""}.wds-icon[data-icon=nigiri]::before{content:""}.wds-icon[data-icon=nose]::before{content:""}.wds-icon[data-icon=not-equal]::before{content:""}.wds-icon[data-icon=notdef]::before{content:""}.wds-icon[data-icon=note]::before{content:""}.wds-icon[data-icon=note-medical]::before{content:""}.wds-icon[data-icon=note-sticky]::before{content:""}.wds-icon[data-icon=notebook]::before{content:""}.wds-icon[data-icon=notes]::before{content:""}.wds-icon[data-icon=notes-medical]::before{content:""}.wds-icon[data-icon=o]::before{content:"O"}.wds-icon[data-icon=object-exclude]::before{content:""}.wds-icon[data-icon=object-group]::before{content:""}.wds-icon[data-icon=object-intersect]::before{content:""}.wds-icon[data-icon=object-subtract]::before{content:""}.wds-icon[data-icon=object-ungroup]::before{content:""}.wds-icon[data-icon=object-union]::before{content:""}.wds-icon[data-icon=objects-align-bottom]::before{content:""}.wds-icon[data-icon=objects-align-center-horizontal]::before{content:""}.wds-icon[data-icon=objects-align-center-vertical]::before{content:""}.wds-icon[data-icon=objects-align-left]::before{content:""}.wds-icon[data-icon=objects-align-right]::before{content:""}.wds-icon[data-icon=objects-align-top]::before{content:""}.wds-icon[data-icon=objects-column]::before{content:""}.wds-icon[data-icon=octagon]::before{content:""}.wds-icon[data-icon=octagon-check]::before{content:""}.wds-icon[data-icon=octagon-divide]::before{content:""}.wds-icon[data-icon=octagon-exclamation]::before{content:""}.wds-icon[data-icon=octagon-minus]::before{content:""}.wds-icon[data-icon=octagon-plus]::before{content:""}.wds-icon[data-icon=octagon-xmark]::before{content:""}.wds-icon[data-icon=oil-can]::before{content:""}.wds-icon[data-icon=oil-can-drip]::before{content:""}.wds-icon[data-icon=oil-temp]::before,.wds-icon[data-icon=oil-temperature]::before{content:""}.wds-icon[data-icon=oil-well]::before{content:""}.wds-icon[data-icon=olive]::before{content:""}.wds-icon[data-icon=olive-branch]::before{content:""}.wds-icon[data-icon=om]::before{content:""}.wds-icon[data-icon=omega]::before{content:""}.wds-icon[data-icon=onion]::before{content:""}.wds-icon[data-icon=option]::before{content:""}.wds-icon[data-icon=ornament]::before{content:""}.wds-icon[data-icon=otter]::before{content:""}.wds-icon[data-icon=outdent]::before{content:""}.wds-icon[data-icon=outlet]::before{content:""}.wds-icon[data-icon=oven]::before{content:""}.wds-icon[data-icon=overline]::before{content:""}.wds-icon[data-icon=p]::before{content:"P"}.wds-icon[data-icon=page]::before{content:""}.wds-icon[data-icon=page-break]::before{content:""}.wds-icon[data-icon=page-caret-down]::before{content:""}.wds-icon[data-icon=page-caret-up]::before{content:""}.wds-icon[data-icon=pager]::before{content:""}.wds-icon[data-icon=paint-brush]::before{content:""}.wds-icon[data-icon=paint-brush-alt]::before,.wds-icon[data-icon=paint-brush-fine]::before{content:""}.wds-icon[data-icon=paint-roller]::before{content:""}.wds-icon[data-icon=paintbrush]::before{content:""}.wds-icon[data-icon=paintbrush-alt]::before,.wds-icon[data-icon=paintbrush-fine]::before{content:""}.wds-icon[data-icon=paintbrush-pencil]::before{content:""}.wds-icon[data-icon=palette]::before{content:""}.wds-icon[data-icon=palette-boxes]::before{content:""}.wds-icon[data-icon=pallet]::before{content:""}.wds-icon[data-icon=pallet-alt]::before{content:""}.wds-icon[data-icon=pallet-box]::before{content:""}.wds-icon[data-icon=pallet-boxes]::before{content:""}.wds-icon[data-icon=pan-food]::before{content:""}.wds-icon[data-icon=pan-frying]::before{content:""}.wds-icon[data-icon=pancakes]::before{content:""}.wds-icon[data-icon=panel-ews]::before{content:""}.wds-icon[data-icon=panel-fire]::before{content:""}.wds-icon[data-icon=panorama]::before{content:""}.wds-icon[data-icon=paper-plane]::before{content:""}.wds-icon[data-icon=paper-plane-alt]::before,.wds-icon[data-icon=paper-plane-top]::before{content:""}.wds-icon[data-icon=paperclip]::before{content:""}.wds-icon[data-icon=paperclip-vertical]::before{content:""}.wds-icon[data-icon=parachute-box]::before{content:""}.wds-icon[data-icon=paragraph]::before{content:""}.wds-icon[data-icon=paragraph-left]::before,.wds-icon[data-icon=paragraph-rtl]::before{content:""}.wds-icon[data-icon=parentheses]::before{content:""}.wds-icon[data-icon=parenthesis]::before{content:"("}.wds-icon[data-icon=parking]::before{content:""}.wds-icon[data-icon=parking-circle]::before{content:""}.wds-icon[data-icon=parking-circle-slash]::before{content:""}.wds-icon[data-icon=parking-slash]::before{content:""}.wds-icon[data-icon=party-back]::before{content:""}.wds-icon[data-icon=party-bell]::before{content:""}.wds-icon[data-icon=party-horn]::before{content:""}.wds-icon[data-icon=passport]::before{content:""}.wds-icon[data-icon=pastafarianism]::before{content:""}.wds-icon[data-icon=paste]::before{content:""}.wds-icon[data-icon=pause]::before{content:""}.wds-icon[data-icon=pause-circle]::before{content:""}.wds-icon[data-icon=paw]::before{content:""}.wds-icon[data-icon=paw-alt]::before{content:""}.wds-icon[data-icon=paw-claws]::before{content:""}.wds-icon[data-icon=paw-simple]::before{content:""}.wds-icon[data-icon=peace]::before{content:""}.wds-icon[data-icon=peach]::before{content:""}.wds-icon[data-icon=peanut]::before{content:""}.wds-icon[data-icon=peanuts]::before{content:""}.wds-icon[data-icon=peapod]::before{content:""}.wds-icon[data-icon=pear]::before{content:""}.wds-icon[data-icon=pedestal]::before{content:""}.wds-icon[data-icon=pegasus]::before{content:""}.wds-icon[data-icon=pen]::before{content:""}.wds-icon[data-icon=pen-alt]::before{content:""}.wds-icon[data-icon=pen-alt-slash]::before{content:""}.wds-icon[data-icon=pen-circle]::before{content:""}.wds-icon[data-icon=pen-clip]::before{content:""}.wds-icon[data-icon=pen-clip-slash]::before{content:""}.wds-icon[data-icon=pen-fancy]::before{content:""}.wds-icon[data-icon=pen-fancy-slash]::before{content:""}.wds-icon[data-icon=pen-field]::before{content:""}.wds-icon[data-icon=pen-line]::before{content:""}.wds-icon[data-icon=pen-nib]::before{content:""}.wds-icon[data-icon=pen-nib-slash]::before{content:""}.wds-icon[data-icon=pen-paintbrush]::before{content:""}.wds-icon[data-icon=pen-ruler]::before{content:""}.wds-icon[data-icon=pen-slash]::before{content:""}.wds-icon[data-icon=pen-square]::before{content:""}.wds-icon[data-icon=pen-swirl]::before{content:""}.wds-icon[data-icon=pen-to-square]::before{content:""}.wds-icon[data-icon=pencil-alt]::before,.wds-icon[data-icon=pencil]::before{content:""}.wds-icon[data-icon=pencil-mechanical]::before{content:""}.wds-icon[data-icon=pencil-paintbrush]::before{content:""}.wds-icon[data-icon=pencil-ruler]::before{content:""}.wds-icon[data-icon=pencil-slash]::before{content:""}.wds-icon[data-icon=pencil-square]::before{content:""}.wds-icon[data-icon=pennant]::before{content:""}.wds-icon[data-icon=people]::before{content:""}.wds-icon[data-icon=people-arrows-left-right]::before,.wds-icon[data-icon=people-arrows]::before{content:""}.wds-icon[data-icon=people-carry-box]::before,.wds-icon[data-icon=people-carry]::before{content:""}.wds-icon[data-icon=people-dress]::before{content:""}.wds-icon[data-icon=people-dress-simple]::before{content:""}.wds-icon[data-icon=people-group]::before{content:""}.wds-icon[data-icon=people-line]::before{content:""}.wds-icon[data-icon=people-pants]::before{content:""}.wds-icon[data-icon=people-pants-simple]::before{content:""}.wds-icon[data-icon=people-pulling]::before{content:""}.wds-icon[data-icon=people-robbery]::before{content:""}.wds-icon[data-icon=people-roof]::before{content:""}.wds-icon[data-icon=people-simple]::before{content:""}.wds-icon[data-icon=pepper]::before{content:""}.wds-icon[data-icon=pepper-hot]::before{content:""}.wds-icon[data-icon=percent]::before,.wds-icon[data-icon=percentage]::before{content:"%"}.wds-icon[data-icon=period]::before{content:"."}.wds-icon[data-icon=person]::before{content:""}.wds-icon[data-icon=person-arrow-down-to-line]::before{content:""}.wds-icon[data-icon=person-arrow-up-from-line]::before{content:""}.wds-icon[data-icon=person-biking]::before{content:""}.wds-icon[data-icon=person-biking-mountain]::before{content:""}.wds-icon[data-icon=person-booth]::before{content:""}.wds-icon[data-icon=person-breastfeeding]::before{content:""}.wds-icon[data-icon=person-burst]::before{content:""}.wds-icon[data-icon=person-cane]::before{content:""}.wds-icon[data-icon=person-carry-box]::before,.wds-icon[data-icon=person-carry]::before{content:""}.wds-icon[data-icon=person-chalkboard]::before{content:""}.wds-icon[data-icon=person-circle-check]::before{content:""}.wds-icon[data-icon=person-circle-exclamation]::before{content:""}.wds-icon[data-icon=person-circle-minus]::before{content:""}.wds-icon[data-icon=person-circle-plus]::before{content:""}.wds-icon[data-icon=person-circle-question]::before{content:""}.wds-icon[data-icon=person-circle-xmark]::before{content:""}.wds-icon[data-icon=person-digging]::before{content:""}.wds-icon[data-icon=person-dolly]::before{content:""}.wds-icon[data-icon=person-dolly-empty]::before{content:""}.wds-icon[data-icon=person-dots-from-line]::before{content:""}.wds-icon[data-icon=person-dress]::before{content:""}.wds-icon[data-icon=person-dress-burst]::before{content:""}.wds-icon[data-icon=person-dress-fairy]::before{content:""}.wds-icon[data-icon=person-dress-simple]::before{content:""}.wds-icon[data-icon=person-drowning]::before{content:""}.wds-icon[data-icon=person-fairy]::before{content:""}.wds-icon[data-icon=person-falling]::before{content:""}.wds-icon[data-icon=person-falling-burst]::before{content:""}.wds-icon[data-icon=person-from-portal]::before{content:""}.wds-icon[data-icon=person-half-dress]::before{content:""}.wds-icon[data-icon=person-harassing]::before{content:""}.wds-icon[data-icon=person-hiking]::before{content:""}.wds-icon[data-icon=person-military-pointing]::before{content:""}.wds-icon[data-icon=person-military-rifle]::before{content:""}.wds-icon[data-icon=person-military-to-person]::before{content:""}.wds-icon[data-icon=person-pinball]::before{content:""}.wds-icon[data-icon=person-praying]::before{content:""}.wds-icon[data-icon=person-pregnant]::before{content:""}.wds-icon[data-icon=person-rays]::before{content:""}.wds-icon[data-icon=person-rifle]::before{content:""}.wds-icon[data-icon=person-running]::before{content:""}.wds-icon[data-icon=person-running-fast]::before{content:""}.wds-icon[data-icon=person-seat]::before{content:""}.wds-icon[data-icon=person-seat-reclined]::before{content:""}.wds-icon[data-icon=person-shelter]::before{content:""}.wds-icon[data-icon=person-sign]::before{content:""}.wds-icon[data-icon=person-simple]::before{content:""}.wds-icon[data-icon=person-skating]::before{content:""}.wds-icon[data-icon=person-ski-jumping]::before{content:""}.wds-icon[data-icon=person-ski-lift]::before{content:""}.wds-icon[data-icon=person-skiing]::before{content:""}.wds-icon[data-icon=person-skiing-nordic]::before{content:""}.wds-icon[data-icon=person-sledding]::before{content:""}.wds-icon[data-icon=person-snowboarding]::before{content:""}.wds-icon[data-icon=person-snowmobiling]::before{content:""}.wds-icon[data-icon=person-swimming]::before{content:""}.wds-icon[data-icon=person-through-window]::before{content:""}.wds-icon[data-icon=person-to-door]::before{content:""}.wds-icon[data-icon=person-to-portal]::before{content:""}.wds-icon[data-icon=person-walking]::before{content:""}.wds-icon[data-icon=person-walking-arrow-loop-left]::before{content:""}.wds-icon[data-icon=person-walking-arrow-right]::before{content:""}.wds-icon[data-icon=person-walking-dashed-line-arrow-right]::before{content:""}.wds-icon[data-icon=person-walking-luggage]::before{content:""}.wds-icon[data-icon=person-walking-with-cane]::before{content:""}.wds-icon[data-icon=peseta-sign]::before{content:""}.wds-icon[data-icon=peso-sign]::before{content:""}.wds-icon[data-icon=phone]::before{content:""}.wds-icon[data-icon=phone-alt]::before{content:""}.wds-icon[data-icon=phone-arrow-down-left]::before,.wds-icon[data-icon=phone-arrow-down]::before{content:""}.wds-icon[data-icon=phone-arrow-right]::before{content:""}.wds-icon[data-icon=phone-arrow-up-right]::before,.wds-icon[data-icon=phone-arrow-up]::before{content:""}.wds-icon[data-icon=phone-circle]::before{content:""}.wds-icon[data-icon=phone-circle-alt]::before{content:""}.wds-icon[data-icon=phone-circle-down]::before{content:""}.wds-icon[data-icon=phone-flip]::before{content:""}.wds-icon[data-icon=phone-hangup]::before{content:""}.wds-icon[data-icon=phone-incoming]::before{content:""}.wds-icon[data-icon=phone-intercom]::before{content:""}.wds-icon[data-icon=phone-laptop]::before{content:""}.wds-icon[data-icon=phone-missed]::before{content:""}.wds-icon[data-icon=phone-office]::before{content:""}.wds-icon[data-icon=phone-outgoing]::before{content:""}.wds-icon[data-icon=phone-plus]::before{content:""}.wds-icon[data-icon=phone-rotary]::before{content:""}.wds-icon[data-icon=phone-slash]::before{content:""}.wds-icon[data-icon=phone-square]::before{content:""}.wds-icon[data-icon=phone-square-alt]::before{content:""}.wds-icon[data-icon=phone-square-down]::before{content:""}.wds-icon[data-icon=phone-volume]::before{content:""}.wds-icon[data-icon=phone-xmark]::before{content:""}.wds-icon[data-icon=photo-film]::before{content:""}.wds-icon[data-icon=photo-film-music]::before{content:""}.wds-icon[data-icon=photo-video]::before{content:""}.wds-icon[data-icon=pi]::before{content:""}.wds-icon[data-icon=piano]::before{content:""}.wds-icon[data-icon=piano-keyboard]::before{content:""}.wds-icon[data-icon=pickaxe]::before{content:""}.wds-icon[data-icon=pickleball]::before{content:""}.wds-icon[data-icon=pie]::before{content:""}.wds-icon[data-icon=pie-chart]::before{content:""}.wds-icon[data-icon=pig]::before{content:""}.wds-icon[data-icon=piggy-bank]::before{content:""}.wds-icon[data-icon=pills]::before{content:""}.wds-icon[data-icon=pinata]::before{content:""}.wds-icon[data-icon=pinball]::before{content:""}.wds-icon[data-icon=pineapple]::before{content:""}.wds-icon[data-icon=ping-pong-paddle-ball]::before{content:""}.wds-icon[data-icon=pipe]::before{content:"|"}.wds-icon[data-icon=pipe-circle-check]::before{content:""}.wds-icon[data-icon=pipe-collar]::before{content:""}.wds-icon[data-icon=pipe-section]::before{content:""}.wds-icon[data-icon=pipe-smoking]::before{content:""}.wds-icon[data-icon=pipe-valve]::before{content:""}.wds-icon[data-icon=pizza]::before{content:""}.wds-icon[data-icon=pizza-slice]::before{content:""}.wds-icon[data-icon=place-of-worship]::before{content:""}.wds-icon[data-icon=plane]::before{content:""}.wds-icon[data-icon=plane-alt]::before{content:""}.wds-icon[data-icon=plane-arrival]::before{content:""}.wds-icon[data-icon=plane-circle-check]::before{content:""}.wds-icon[data-icon=plane-circle-exclamation]::before{content:""}.wds-icon[data-icon=plane-circle-xmark]::before{content:""}.wds-icon[data-icon=plane-departure]::before{content:""}.wds-icon[data-icon=plane-engines]::before{content:""}.wds-icon[data-icon=plane-lock]::before{content:""}.wds-icon[data-icon=plane-prop]::before{content:""}.wds-icon[data-icon=plane-slash]::before{content:""}.wds-icon[data-icon=plane-tail]::before{content:""}.wds-icon[data-icon=plane-up]::before{content:""}.wds-icon[data-icon=plane-up-slash]::before{content:""}.wds-icon[data-icon=planet-moon]::before{content:""}.wds-icon[data-icon=planet-ringed]::before{content:""}.wds-icon[data-icon=plant-wilt]::before{content:""}.wds-icon[data-icon=plate-utensils]::before{content:""}.wds-icon[data-icon=plate-wheat]::before{content:""}.wds-icon[data-icon=play]::before{content:""}.wds-icon[data-icon=play-circle]::before{content:""}.wds-icon[data-icon=play-pause]::before{content:""}.wds-icon[data-icon=plug]::before{content:""}.wds-icon[data-icon=plug-circle-bolt]::before{content:""}.wds-icon[data-icon=plug-circle-check]::before{content:""}.wds-icon[data-icon=plug-circle-exclamation]::before{content:""}.wds-icon[data-icon=plug-circle-minus]::before{content:""}.wds-icon[data-icon=plug-circle-plus]::before{content:""}.wds-icon[data-icon=plug-circle-xmark]::before{content:""}.wds-icon[data-icon=plus]::before{content:"+"}.wds-icon[data-icon=plus-circle]::before{content:""}.wds-icon[data-icon=plus-hexagon]::before{content:""}.wds-icon[data-icon=plus-large]::before{content:""}.wds-icon[data-icon=plus-minus]::before{content:""}.wds-icon[data-icon=plus-octagon]::before{content:""}.wds-icon[data-icon=plus-square]::before{content:""}.wds-icon[data-icon=podcast]::before{content:""}.wds-icon[data-icon=podium]::before{content:""}.wds-icon[data-icon=podium-star]::before{content:""}.wds-icon[data-icon=police-box]::before{content:""}.wds-icon[data-icon=poll]::before{content:""}.wds-icon[data-icon=poll-h]::before{content:""}.wds-icon[data-icon=poll-people]::before{content:""}.wds-icon[data-icon=pompebled]::before{content:""}.wds-icon[data-icon=poo]::before{content:""}.wds-icon[data-icon=poo-bolt]::before,.wds-icon[data-icon=poo-storm]::before{content:""}.wds-icon[data-icon=pool-8-ball]::before{content:""}.wds-icon[data-icon=poop]::before{content:""}.wds-icon[data-icon=popcorn]::before{content:""}.wds-icon[data-icon=popsicle]::before{content:""}.wds-icon[data-icon=portal-enter]::before{content:""}.wds-icon[data-icon=portal-exit]::before{content:""}.wds-icon[data-icon=portrait]::before{content:""}.wds-icon[data-icon=pot-food]::before{content:""}.wds-icon[data-icon=potato]::before{content:""}.wds-icon[data-icon=pound-sign]::before{content:""}.wds-icon[data-icon=power-off]::before{content:""}.wds-icon[data-icon=pray]::before{content:""}.wds-icon[data-icon=praying-hands]::before{content:""}.wds-icon[data-icon=prescription]::before{content:""}.wds-icon[data-icon=prescription-bottle]::before{content:""}.wds-icon[data-icon=prescription-bottle-alt]::before,.wds-icon[data-icon=prescription-bottle-medical]::before{content:""}.wds-icon[data-icon=prescription-bottle-pill]::before{content:""}.wds-icon[data-icon=presentation-screen]::before,.wds-icon[data-icon=presentation]::before{content:""}.wds-icon[data-icon=pretzel]::before{content:""}.wds-icon[data-icon=print]::before{content:""}.wds-icon[data-icon=print-magnifying-glass]::before,.wds-icon[data-icon=print-search]::before{content:""}.wds-icon[data-icon=print-slash]::before{content:""}.wds-icon[data-icon=pro]::before{content:""}.wds-icon[data-icon=procedures]::before{content:""}.wds-icon[data-icon=project-diagram]::before{content:""}.wds-icon[data-icon=projector]::before{content:""}.wds-icon[data-icon=pump]::before{content:""}.wds-icon[data-icon=pump-medical]::before{content:""}.wds-icon[data-icon=pump-soap]::before{content:""}.wds-icon[data-icon=pumpkin]::before{content:""}.wds-icon[data-icon=puzzle]::before{content:""}.wds-icon[data-icon=puzzle-piece]::before{content:""}.wds-icon[data-icon=puzzle-piece-alt]::before,.wds-icon[data-icon=puzzle-piece-simple]::before{content:""}.wds-icon[data-icon=q]::before{content:"Q"}.wds-icon[data-icon=qrcode]::before{content:""}.wds-icon[data-icon=question]::before{content:"?"}.wds-icon[data-icon=question-circle]::before{content:""}.wds-icon[data-icon=question-square]::before{content:""}.wds-icon[data-icon=quidditch-broom-ball]::before,.wds-icon[data-icon=quidditch]::before{content:""}.wds-icon[data-icon=quote-left-alt]::before,.wds-icon[data-icon=quote-left]::before{content:""}.wds-icon[data-icon=quote-right-alt]::before,.wds-icon[data-icon=quote-right]::before{content:""}.wds-icon[data-icon=quotes]::before{content:""}.wds-icon[data-icon=quran]::before{content:""}.wds-icon[data-icon=r]::before{content:"R"}.wds-icon[data-icon=rabbit]::before{content:""}.wds-icon[data-icon=rabbit-fast]::before,.wds-icon[data-icon=rabbit-running]::before{content:""}.wds-icon[data-icon=raccoon]::before{content:""}.wds-icon[data-icon=racquet]::before{content:""}.wds-icon[data-icon=radar]::before{content:""}.wds-icon[data-icon=radiation]::before{content:""}.wds-icon[data-icon=radiation-alt]::before{content:""}.wds-icon[data-icon=radio]::before{content:""}.wds-icon[data-icon=radio-alt]::before,.wds-icon[data-icon=radio-tuner]::before{content:""}.wds-icon[data-icon=rainbow]::before{content:""}.wds-icon[data-icon=raindrops]::before{content:""}.wds-icon[data-icon=ram]::before{content:""}.wds-icon[data-icon=ramp-loading]::before{content:""}.wds-icon[data-icon=random]::before{content:""}.wds-icon[data-icon=ranking-star]::before{content:""}.wds-icon[data-icon=raygun]::before{content:""}.wds-icon[data-icon=receipt]::before{content:""}.wds-icon[data-icon=record-vinyl]::before{content:""}.wds-icon[data-icon=rectangle]::before{content:""}.wds-icon[data-icon=rectangle-ad]::before{content:""}.wds-icon[data-icon=rectangle-barcode]::before{content:""}.wds-icon[data-icon=rectangle-code]::before{content:""}.wds-icon[data-icon=rectangle-hd]::before{content:""}.wds-icon[data-icon=rectangle-history]::before{content:""}.wds-icon[data-icon=rectangle-history-circle-plus]::before{content:""}.wds-icon[data-icon=rectangle-history-circle-user]::before{content:""}.wds-icon[data-icon=rectangle-landscape]::before{content:""}.wds-icon[data-icon=rectangle-list]::before{content:""}.wds-icon[data-icon=rectangle-portrait]::before{content:""}.wds-icon[data-icon=rectangle-pro]::before{content:""}.wds-icon[data-icon=rectangle-sd]::before{content:""}.wds-icon[data-icon=rectangle-terminal]::before{content:""}.wds-icon[data-icon=rectangle-times]::before{content:""}.wds-icon[data-icon=rectangle-vertical]::before{content:""}.wds-icon[data-icon=rectangle-vertical-history]::before{content:""}.wds-icon[data-icon=rectangle-wide]::before{content:""}.wds-icon[data-icon=rectangle-xmark]::before{content:""}.wds-icon[data-icon=rectangles-mixed]::before{content:""}.wds-icon[data-icon=recycle]::before{content:""}.wds-icon[data-icon=redo]::before{content:""}.wds-icon[data-icon=redo-alt]::before{content:""}.wds-icon[data-icon=reel]::before{content:""}.wds-icon[data-icon=refresh]::before{content:""}.wds-icon[data-icon=refrigerator]::before{content:""}.wds-icon[data-icon=registered]::before{content:""}.wds-icon[data-icon=remove]::before{content:""}.wds-icon[data-icon=remove-format]::before{content:""}.wds-icon[data-icon=reorder]::before{content:""}.wds-icon[data-icon=repeat]::before{content:""}.wds-icon[data-icon=repeat-1]::before{content:""}.wds-icon[data-icon=repeat-1-alt]::before{content:""}.wds-icon[data-icon=repeat-alt]::before{content:""}.wds-icon[data-icon=reply]::before{content:""}.wds-icon[data-icon=reply-all]::before{content:""}.wds-icon[data-icon=reply-clock]::before,.wds-icon[data-icon=reply-time]::before{content:""}.wds-icon[data-icon=republican]::before{content:""}.wds-icon[data-icon=restroom]::before{content:""}.wds-icon[data-icon=restroom-simple]::before{content:""}.wds-icon[data-icon=retweet]::before{content:""}.wds-icon[data-icon=retweet-alt]::before{content:""}.wds-icon[data-icon=rhombus]::before{content:""}.wds-icon[data-icon=ribbon]::before{content:""}.wds-icon[data-icon=right]::before{content:""}.wds-icon[data-icon=right-from-bracket]::before{content:""}.wds-icon[data-icon=right-from-line]::before{content:""}.wds-icon[data-icon=right-left]::before{content:""}.wds-icon[data-icon=right-left-large]::before{content:""}.wds-icon[data-icon=right-long]::before{content:""}.wds-icon[data-icon=right-long-to-line]::before{content:""}.wds-icon[data-icon=right-to-bracket]::before{content:""}.wds-icon[data-icon=right-to-line]::before{content:""}.wds-icon[data-icon=ring]::before{content:""}.wds-icon[data-icon=ring-diamond]::before{content:""}.wds-icon[data-icon=rings-wedding]::before{content:""}.wds-icon[data-icon=rmb]::before{content:""}.wds-icon[data-icon=road]::before{content:""}.wds-icon[data-icon=road-barrier]::before{content:""}.wds-icon[data-icon=road-bridge]::before{content:""}.wds-icon[data-icon=road-circle-check]::before{content:""}.wds-icon[data-icon=road-circle-exclamation]::before{content:""}.wds-icon[data-icon=road-circle-xmark]::before{content:""}.wds-icon[data-icon=road-lock]::before{content:""}.wds-icon[data-icon=road-spikes]::before{content:""}.wds-icon[data-icon=robot]::before{content:""}.wds-icon[data-icon=robot-astromech]::before{content:""}.wds-icon[data-icon=rocket]::before{content:""}.wds-icon[data-icon=rocket-launch]::before{content:""}.wds-icon[data-icon=rod-asclepius]::before,.wds-icon[data-icon=rod-snake]::before{content:""}.wds-icon[data-icon=roller-coaster]::before{content:""}.wds-icon[data-icon=rotate]::before{content:""}.wds-icon[data-icon=rotate-back]::before,.wds-icon[data-icon=rotate-backward]::before{content:""}.wds-icon[data-icon=rotate-exclamation]::before{content:""}.wds-icon[data-icon=rotate-forward]::before{content:""}.wds-icon[data-icon=rotate-left]::before{content:""}.wds-icon[data-icon=rotate-right]::before{content:""}.wds-icon[data-icon=rouble]::before{content:""}.wds-icon[data-icon=route]::before{content:""}.wds-icon[data-icon=route-highway]::before{content:""}.wds-icon[data-icon=route-interstate]::before{content:""}.wds-icon[data-icon=router]::before{content:""}.wds-icon[data-icon=rows]::before{content:""}.wds-icon[data-icon=rss]::before{content:""}.wds-icon[data-icon=rss-square]::before{content:""}.wds-icon[data-icon=rub]::before,.wds-icon[data-icon=ruble-sign]::before,.wds-icon[data-icon=ruble]::before{content:""}.wds-icon[data-icon=rug]::before{content:""}.wds-icon[data-icon=rugby-ball]::before{content:""}.wds-icon[data-icon=ruler]::before{content:""}.wds-icon[data-icon=ruler-combined]::before{content:""}.wds-icon[data-icon=ruler-horizontal]::before{content:""}.wds-icon[data-icon=ruler-triangle]::before{content:""}.wds-icon[data-icon=ruler-vertical]::before{content:""}.wds-icon[data-icon=running]::before{content:""}.wds-icon[data-icon=rupee-sign]::before,.wds-icon[data-icon=rupee]::before{content:""}.wds-icon[data-icon=rupiah-sign]::before{content:""}.wds-icon[data-icon=rv]::before{content:""}.wds-icon[data-icon=s]::before{content:"S"}.wds-icon[data-icon=sack]::before{content:""}.wds-icon[data-icon=sack-dollar]::before{content:""}.wds-icon[data-icon=sack-xmark]::before{content:""}.wds-icon[data-icon=sad-cry]::before{content:""}.wds-icon[data-icon=sad-tear]::before{content:""}.wds-icon[data-icon=sailboat]::before{content:""}.wds-icon[data-icon=salad]::before{content:""}.wds-icon[data-icon=salt-shaker]::before{content:""}.wds-icon[data-icon=sandwich]::before{content:""}.wds-icon[data-icon=satellite]::before{content:""}.wds-icon[data-icon=satellite-dish]::before{content:""}.wds-icon[data-icon=sausage]::before{content:""}.wds-icon[data-icon=save]::before{content:""}.wds-icon[data-icon=save-circle-arrow-right]::before{content:""}.wds-icon[data-icon=save-circle-xmark]::before,.wds-icon[data-icon=save-times]::before{content:""}.wds-icon[data-icon=sax-hot]::before{content:""}.wds-icon[data-icon=saxophone]::before{content:""}.wds-icon[data-icon=saxophone-fire]::before{content:""}.wds-icon[data-icon=scale-balanced]::before{content:""}.wds-icon[data-icon=scale-unbalanced]::before{content:""}.wds-icon[data-icon=scale-unbalanced-flip]::before{content:""}.wds-icon[data-icon=scalpel]::before{content:""}.wds-icon[data-icon=scalpel-line-dashed]::before,.wds-icon[data-icon=scalpel-path]::before{content:""}.wds-icon[data-icon=scanner-gun]::before,.wds-icon[data-icon=scanner]::before{content:""}.wds-icon[data-icon=scanner-image]::before{content:""}.wds-icon[data-icon=scanner-keyboard]::before{content:""}.wds-icon[data-icon=scanner-touchscreen]::before{content:""}.wds-icon[data-icon=scarecrow]::before{content:""}.wds-icon[data-icon=scarf]::before{content:""}.wds-icon[data-icon=school]::before{content:""}.wds-icon[data-icon=school-circle-check]::before{content:""}.wds-icon[data-icon=school-circle-exclamation]::before{content:""}.wds-icon[data-icon=school-circle-xmark]::before{content:""}.wds-icon[data-icon=school-flag]::before{content:""}.wds-icon[data-icon=school-lock]::before{content:""}.wds-icon[data-icon=scissors]::before{content:""}.wds-icon[data-icon=screen-users]::before{content:""}.wds-icon[data-icon=screencast]::before{content:""}.wds-icon[data-icon=screenshot]::before{content:""}.wds-icon[data-icon=screwdriver]::before{content:""}.wds-icon[data-icon=screwdriver-wrench]::before{content:""}.wds-icon[data-icon=scribble]::before{content:""}.wds-icon[data-icon=scroll]::before{content:""}.wds-icon[data-icon=scroll-old]::before{content:""}.wds-icon[data-icon=scroll-ribbon]::before{content:""}.wds-icon[data-icon=scroll-torah]::before{content:""}.wds-icon[data-icon=scrubber]::before{content:""}.wds-icon[data-icon=scythe]::before{content:""}.wds-icon[data-icon=sd-card]::before{content:""}.wds-icon[data-icon=sd-cards]::before{content:""}.wds-icon[data-icon=seal]::before{content:""}.wds-icon[data-icon=seal-exclamation]::before{content:""}.wds-icon[data-icon=seal-question]::before{content:""}.wds-icon[data-icon=search]::before{content:""}.wds-icon[data-icon=search-dollar]::before{content:""}.wds-icon[data-icon=search-location]::before{content:""}.wds-icon[data-icon=search-minus]::before{content:""}.wds-icon[data-icon=search-plus]::before{content:""}.wds-icon[data-icon=seat-airline]::before{content:""}.wds-icon[data-icon=section]::before{content:""}.wds-icon[data-icon=seedling]::before{content:""}.wds-icon[data-icon=semicolon]::before{content:";"}.wds-icon[data-icon=send]::before{content:""}.wds-icon[data-icon=send-back]::before{content:""}.wds-icon[data-icon=send-backward]::before{content:""}.wds-icon[data-icon=sensor]::before{content:""}.wds-icon[data-icon=sensor-alert]::before{content:""}.wds-icon[data-icon=sensor-cloud]::before{content:""}.wds-icon[data-icon=sensor-fire]::before{content:""}.wds-icon[data-icon=sensor-on]::before{content:""}.wds-icon[data-icon=sensor-smoke]::before{content:""}.wds-icon[data-icon=sensor-triangle-exclamation]::before{content:""}.wds-icon[data-icon=server]::before{content:""}.wds-icon[data-icon=shapes]::before{content:""}.wds-icon[data-icon=share]::before{content:""}.wds-icon[data-icon=share-all]::before{content:""}.wds-icon[data-icon=share-alt]::before{content:""}.wds-icon[data-icon=share-alt-square]::before{content:""}.wds-icon[data-icon=share-from-square]::before{content:""}.wds-icon[data-icon=share-nodes]::before{content:""}.wds-icon[data-icon=share-square]::before{content:""}.wds-icon[data-icon=sheep]::before{content:""}.wds-icon[data-icon=sheet-plastic]::before{content:""}.wds-icon[data-icon=shekel-sign]::before,.wds-icon[data-icon=shekel]::before{content:""}.wds-icon[data-icon=shelves]::before{content:""}.wds-icon[data-icon=shelves-empty]::before{content:""}.wds-icon[data-icon=sheqel-sign]::before,.wds-icon[data-icon=sheqel]::before{content:""}.wds-icon[data-icon=shield]::before{content:""}.wds-icon[data-icon=shield-alt]::before{content:""}.wds-icon[data-icon=shield-blank]::before{content:""}.wds-icon[data-icon=shield-cat]::before{content:""}.wds-icon[data-icon=shield-check]::before{content:""}.wds-icon[data-icon=shield-cross]::before{content:""}.wds-icon[data-icon=shield-dog]::before{content:""}.wds-icon[data-icon=shield-exclamation]::before{content:""}.wds-icon[data-icon=shield-halved]::before{content:""}.wds-icon[data-icon=shield-heart]::before{content:""}.wds-icon[data-icon=shield-keyhole]::before{content:""}.wds-icon[data-icon=shield-minus]::before{content:""}.wds-icon[data-icon=shield-plus]::before{content:""}.wds-icon[data-icon=shield-quartered]::before{content:""}.wds-icon[data-icon=shield-slash]::before{content:""}.wds-icon[data-icon=shield-times]::before{content:""}.wds-icon[data-icon=shield-virus]::before{content:""}.wds-icon[data-icon=shield-xmark]::before{content:""}.wds-icon[data-icon=ship]::before{content:""}.wds-icon[data-icon=shipping-fast]::before{content:""}.wds-icon[data-icon=shipping-timed]::before{content:""}.wds-icon[data-icon=shirt]::before{content:""}.wds-icon[data-icon=shirt-long-sleeve]::before{content:""}.wds-icon[data-icon=shirt-running]::before{content:""}.wds-icon[data-icon=shirt-tank-top]::before{content:""}.wds-icon[data-icon=shish-kebab]::before{content:""}.wds-icon[data-icon=shoe-prints]::before{content:""}.wds-icon[data-icon=shop]::before{content:""}.wds-icon[data-icon=shop-lock]::before{content:""}.wds-icon[data-icon=shop-slash]::before{content:""}.wds-icon[data-icon=shopping-bag]::before{content:""}.wds-icon[data-icon=shopping-basket]::before{content:""}.wds-icon[data-icon=shopping-basket-alt]::before{content:""}.wds-icon[data-icon=shopping-cart]::before{content:""}.wds-icon[data-icon=shortcake]::before{content:""}.wds-icon[data-icon=shovel]::before{content:""}.wds-icon[data-icon=shovel-snow]::before{content:""}.wds-icon[data-icon=shower]::before{content:""}.wds-icon[data-icon=shower-alt]::before,.wds-icon[data-icon=shower-down]::before{content:""}.wds-icon[data-icon=shredder]::before{content:""}.wds-icon[data-icon=shrimp]::before{content:""}.wds-icon[data-icon=shuffle]::before{content:""}.wds-icon[data-icon=shutters]::before{content:""}.wds-icon[data-icon=shuttle-space]::before{content:""}.wds-icon[data-icon=shuttle-van]::before{content:""}.wds-icon[data-icon=shuttlecock]::before{content:""}.wds-icon[data-icon=sickle]::before{content:""}.wds-icon[data-icon=sidebar]::before{content:""}.wds-icon[data-icon=sidebar-flip]::before{content:""}.wds-icon[data-icon=sigma]::before{content:""}.wds-icon[data-icon=sign-hanging]::before,.wds-icon[data-icon=sign]::before{content:""}.wds-icon[data-icon=sign-in]::before{content:""}.wds-icon[data-icon=sign-in-alt]::before{content:""}.wds-icon[data-icon=sign-language]::before{content:""}.wds-icon[data-icon=sign-out]::before{content:""}.wds-icon[data-icon=sign-out-alt]::before{content:""}.wds-icon[data-icon=signal]::before{content:""}.wds-icon[data-icon=signal-1]::before{content:""}.wds-icon[data-icon=signal-2]::before{content:""}.wds-icon[data-icon=signal-3]::before{content:""}.wds-icon[data-icon=signal-4]::before{content:""}.wds-icon[data-icon=signal-5]::before{content:""}.wds-icon[data-icon=signal-alt]::before{content:""}.wds-icon[data-icon=signal-alt-1]::before{content:""}.wds-icon[data-icon=signal-alt-2]::before{content:""}.wds-icon[data-icon=signal-alt-3]::before{content:""}.wds-icon[data-icon=signal-alt-4]::before{content:""}.wds-icon[data-icon=signal-alt-slash]::before{content:""}.wds-icon[data-icon=signal-bars]::before{content:""}.wds-icon[data-icon=signal-bars-fair]::before{content:""}.wds-icon[data-icon=signal-bars-good]::before{content:""}.wds-icon[data-icon=signal-bars-slash]::before{content:""}.wds-icon[data-icon=signal-bars-strong]::before{content:""}.wds-icon[data-icon=signal-bars-weak]::before{content:""}.wds-icon[data-icon=signal-fair]::before{content:""}.wds-icon[data-icon=signal-good]::before{content:""}.wds-icon[data-icon=signal-perfect]::before{content:""}.wds-icon[data-icon=signal-slash]::before{content:""}.wds-icon[data-icon=signal-stream]::before{content:""}.wds-icon[data-icon=signal-stream-slash]::before{content:""}.wds-icon[data-icon=signal-strong]::before{content:""}.wds-icon[data-icon=signal-weak]::before{content:""}.wds-icon[data-icon=signature]::before{content:""}.wds-icon[data-icon=signature-lock]::before{content:""}.wds-icon[data-icon=signature-slash]::before{content:""}.wds-icon[data-icon=signing]::before{content:""}.wds-icon[data-icon=signs-post]::before{content:""}.wds-icon[data-icon=sim-card]::before{content:""}.wds-icon[data-icon=sim-cards]::before{content:""}.wds-icon[data-icon=sink]::before{content:""}.wds-icon[data-icon=siren]::before{content:""}.wds-icon[data-icon=siren-on]::before{content:""}.wds-icon[data-icon=sitemap]::before{content:""}.wds-icon[data-icon=skating]::before{content:""}.wds-icon[data-icon=skeleton]::before{content:""}.wds-icon[data-icon=skeleton-ribs]::before{content:""}.wds-icon[data-icon=ski-boot]::before{content:""}.wds-icon[data-icon=ski-boot-ski]::before{content:""}.wds-icon[data-icon=ski-jump]::before{content:""}.wds-icon[data-icon=ski-lift]::before{content:""}.wds-icon[data-icon=skiing]::before{content:""}.wds-icon[data-icon=skiing-nordic]::before{content:""}.wds-icon[data-icon=skull]::before{content:""}.wds-icon[data-icon=skull-cow]::before{content:""}.wds-icon[data-icon=skull-crossbones]::before{content:""}.wds-icon[data-icon=slash]::before{content:""}.wds-icon[data-icon=slash-back]::before{content:"\\"}.wds-icon[data-icon=slash-forward]::before{content:"/"}.wds-icon[data-icon=sledding]::before{content:""}.wds-icon[data-icon=sleigh]::before{content:""}.wds-icon[data-icon=slider]::before{content:""}.wds-icon[data-icon=sliders-h]::before,.wds-icon[data-icon=sliders]::before{content:""}.wds-icon[data-icon=sliders-h-square]::before{content:""}.wds-icon[data-icon=sliders-simple]::before{content:""}.wds-icon[data-icon=sliders-up]::before,.wds-icon[data-icon=sliders-v]::before{content:""}.wds-icon[data-icon=sliders-v-square]::before{content:""}.wds-icon[data-icon=slot-machine]::before{content:""}.wds-icon[data-icon=smile]::before{content:""}.wds-icon[data-icon=smile-beam]::before{content:""}.wds-icon[data-icon=smile-plus]::before{content:""}.wds-icon[data-icon=smile-wink]::before{content:""}.wds-icon[data-icon=smog]::before{content:""}.wds-icon[data-icon=smoke]::before{content:""}.wds-icon[data-icon=smoking]::before{content:""}.wds-icon[data-icon=smoking-ban]::before{content:""}.wds-icon[data-icon=sms]::before{content:""}.wds-icon[data-icon=snake]::before{content:""}.wds-icon[data-icon=snooze]::before{content:""}.wds-icon[data-icon=snow-blowing]::before{content:""}.wds-icon[data-icon=snowboarding]::before{content:""}.wds-icon[data-icon=snowflake]::before{content:""}.wds-icon[data-icon=snowflake-droplets]::before{content:""}.wds-icon[data-icon=snowflakes]::before{content:""}.wds-icon[data-icon=snowman]::before{content:""}.wds-icon[data-icon=snowman-head]::before{content:""}.wds-icon[data-icon=snowmobile]::before{content:""}.wds-icon[data-icon=snowplow]::before{content:""}.wds-icon[data-icon=soap]::before{content:""}.wds-icon[data-icon=soccer-ball]::before{content:""}.wds-icon[data-icon=socks]::before{content:""}.wds-icon[data-icon=soft-serve]::before{content:""}.wds-icon[data-icon=solar-panel]::before{content:""}.wds-icon[data-icon=solar-system]::before{content:""}.wds-icon[data-icon=sort]::before{content:""}.wds-icon[data-icon=sort-alpha-asc]::before{content:""}.wds-icon[data-icon=sort-alpha-desc]::before{content:""}.wds-icon[data-icon=sort-alpha-down]::before{content:""}.wds-icon[data-icon=sort-alpha-down-alt]::before{content:""}.wds-icon[data-icon=sort-alpha-up]::before{content:""}.wds-icon[data-icon=sort-alpha-up-alt]::before{content:""}.wds-icon[data-icon=sort-alt]::before{content:""}.wds-icon[data-icon=sort-amount-asc]::before{content:""}.wds-icon[data-icon=sort-amount-desc]::before{content:""}.wds-icon[data-icon=sort-amount-down]::before{content:""}.wds-icon[data-icon=sort-amount-down-alt]::before{content:""}.wds-icon[data-icon=sort-amount-up]::before{content:""}.wds-icon[data-icon=sort-amount-up-alt]::before{content:""}.wds-icon[data-icon=sort-asc]::before{content:""}.wds-icon[data-icon=sort-circle]::before{content:""}.wds-icon[data-icon=sort-circle-down]::before{content:""}.wds-icon[data-icon=sort-circle-up]::before{content:""}.wds-icon[data-icon=sort-desc]::before,.wds-icon[data-icon=sort-down]::before{content:""}.wds-icon[data-icon=sort-numeric-asc]::before{content:""}.wds-icon[data-icon=sort-numeric-desc]::before{content:""}.wds-icon[data-icon=sort-numeric-down]::before{content:""}.wds-icon[data-icon=sort-numeric-down-alt]::before{content:""}.wds-icon[data-icon=sort-numeric-up]::before{content:""}.wds-icon[data-icon=sort-numeric-up-alt]::before{content:""}.wds-icon[data-icon=sort-shapes-down]::before{content:""}.wds-icon[data-icon=sort-shapes-down-alt]::before{content:""}.wds-icon[data-icon=sort-shapes-up]::before{content:""}.wds-icon[data-icon=sort-shapes-up-alt]::before{content:""}.wds-icon[data-icon=sort-size-down]::before{content:""}.wds-icon[data-icon=sort-size-down-alt]::before{content:""}.wds-icon[data-icon=sort-size-up]::before{content:""}.wds-icon[data-icon=sort-size-up-alt]::before{content:""}.wds-icon[data-icon=sort-up]::before{content:""}.wds-icon[data-icon=sort-up-down]::before{content:""}.wds-icon[data-icon=soup]::before{content:""}.wds-icon[data-icon=spa]::before{content:""}.wds-icon[data-icon=space-shuttle]::before{content:""}.wds-icon[data-icon=space-station-moon]::before{content:""}.wds-icon[data-icon=space-station-moon-alt]::before,.wds-icon[data-icon=space-station-moon-construction]::before{content:""}.wds-icon[data-icon=spade]::before{content:""}.wds-icon[data-icon=spaghetti-monster-flying]::before{content:""}.wds-icon[data-icon=sparkle]::before{content:""}.wds-icon[data-icon=sparkles]::before{content:""}.wds-icon[data-icon=speaker]::before{content:""}.wds-icon[data-icon=speakers]::before{content:""}.wds-icon[data-icon=spell-check]::before{content:""}.wds-icon[data-icon=spider]::before{content:""}.wds-icon[data-icon=spider-black-widow]::before{content:""}.wds-icon[data-icon=spider-web]::before{content:""}.wds-icon[data-icon=spinner]::before{content:""}.wds-icon[data-icon=spinner-third]::before{content:""}.wds-icon[data-icon=split]::before{content:""}.wds-icon[data-icon=splotch]::before{content:""}.wds-icon[data-icon=spoon]::before{content:""}.wds-icon[data-icon=sportsball]::before{content:""}.wds-icon[data-icon=spray-can]::before{content:""}.wds-icon[data-icon=spray-can-sparkles]::before{content:""}.wds-icon[data-icon=sprinkler]::before{content:""}.wds-icon[data-icon=sprinkler-ceiling]::before{content:""}.wds-icon[data-icon=sprout]::before{content:""}.wds-icon[data-icon=square]::before{content:""}.wds-icon[data-icon=square-0]::before{content:""}.wds-icon[data-icon=square-1]::before{content:""}.wds-icon[data-icon=square-2]::before{content:""}.wds-icon[data-icon=square-3]::before{content:""}.wds-icon[data-icon=square-4]::before{content:""}.wds-icon[data-icon=square-5]::before{content:""}.wds-icon[data-icon=square-6]::before{content:""}.wds-icon[data-icon=square-7]::before{content:""}.wds-icon[data-icon=square-8]::before{content:""}.wds-icon[data-icon=square-9]::before{content:""}.wds-icon[data-icon=square-a]::before{content:""}.wds-icon[data-icon=square-a-lock]::before{content:""}.wds-icon[data-icon=square-ampersand]::before{content:""}.wds-icon[data-icon=square-arrow-down]::before{content:""}.wds-icon[data-icon=square-arrow-down-left]::before{content:""}.wds-icon[data-icon=square-arrow-down-right]::before{content:""}.wds-icon[data-icon=square-arrow-left]::before{content:""}.wds-icon[data-icon=square-arrow-right]::before{content:""}.wds-icon[data-icon=square-arrow-up]::before{content:""}.wds-icon[data-icon=square-arrow-up-left]::before{content:""}.wds-icon[data-icon=square-arrow-up-right]::before{content:""}.wds-icon[data-icon=square-b]::before{content:""}.wds-icon[data-icon=square-bolt]::before{content:""}.wds-icon[data-icon=square-c]::before{content:""}.wds-icon[data-icon=square-caret-down]::before{content:""}.wds-icon[data-icon=square-caret-left]::before{content:""}.wds-icon[data-icon=square-caret-right]::before{content:""}.wds-icon[data-icon=square-caret-up]::before{content:""}.wds-icon[data-icon=square-check]::before{content:""}.wds-icon[data-icon=square-chevron-down]::before{content:""}.wds-icon[data-icon=square-chevron-left]::before{content:""}.wds-icon[data-icon=square-chevron-right]::before{content:""}.wds-icon[data-icon=square-chevron-up]::before{content:""}.wds-icon[data-icon=square-code]::before{content:""}.wds-icon[data-icon=square-d]::before{content:""}.wds-icon[data-icon=square-dashed]::before{content:""}.wds-icon[data-icon=square-dashed-circle-plus]::before{content:""}.wds-icon[data-icon=square-divide]::before{content:""}.wds-icon[data-icon=square-dollar]::before{content:""}.wds-icon[data-icon=square-down]::before{content:""}.wds-icon[data-icon=square-down-left]::before{content:""}.wds-icon[data-icon=square-down-right]::before{content:""}.wds-icon[data-icon=square-e]::before{content:""}.wds-icon[data-icon=square-ellipsis]::before{content:""}.wds-icon[data-icon=square-ellipsis-vertical]::before{content:""}.wds-icon[data-icon=square-envelope]::before{content:""}.wds-icon[data-icon=square-exclamation]::before{content:""}.wds-icon[data-icon=square-f]::before{content:""}.wds-icon[data-icon=square-fragile]::before{content:""}.wds-icon[data-icon=square-full]::before{content:""}.wds-icon[data-icon=square-g]::before{content:""}.wds-icon[data-icon=square-h]::before{content:""}.wds-icon[data-icon=square-heart]::before{content:""}.wds-icon[data-icon=square-i]::before{content:""}.wds-icon[data-icon=square-info]::before{content:""}.wds-icon[data-icon=square-j]::before{content:""}.wds-icon[data-icon=square-k]::before{content:""}.wds-icon[data-icon=square-kanban]::before{content:""}.wds-icon[data-icon=square-l]::before{content:""}.wds-icon[data-icon=square-left]::before{content:""}.wds-icon[data-icon=square-list]::before{content:""}.wds-icon[data-icon=square-m]::before{content:""}.wds-icon[data-icon=square-minus]::before{content:""}.wds-icon[data-icon=square-n]::before{content:""}.wds-icon[data-icon=square-nfi]::before{content:""}.wds-icon[data-icon=square-o]::before{content:""}.wds-icon[data-icon=square-p]::before{content:""}.wds-icon[data-icon=square-parking]::before{content:""}.wds-icon[data-icon=square-parking-slash]::before{content:""}.wds-icon[data-icon=square-pen]::before{content:""}.wds-icon[data-icon=square-person-confined]::before{content:""}.wds-icon[data-icon=square-phone]::before{content:""}.wds-icon[data-icon=square-phone-flip]::before{content:""}.wds-icon[data-icon=square-phone-hangup]::before{content:""}.wds-icon[data-icon=square-plus]::before{content:""}.wds-icon[data-icon=square-poll-horizontal]::before{content:""}.wds-icon[data-icon=square-poll-vertical]::before{content:""}.wds-icon[data-icon=square-q]::before{content:""}.wds-icon[data-icon=square-quarters]::before{content:""}.wds-icon[data-icon=square-question]::before{content:""}.wds-icon[data-icon=square-quote]::before{content:""}.wds-icon[data-icon=square-r]::before{content:""}.wds-icon[data-icon=square-right]::before{content:""}.wds-icon[data-icon=square-ring]::before{content:""}.wds-icon[data-icon=square-root]::before{content:""}.wds-icon[data-icon=square-root-alt]::before,.wds-icon[data-icon=square-root-variable]::before{content:""}.wds-icon[data-icon=square-rss]::before{content:""}.wds-icon[data-icon=square-s]::before{content:""}.wds-icon[data-icon=square-share-nodes]::before{content:""}.wds-icon[data-icon=square-sliders]::before{content:""}.wds-icon[data-icon=square-sliders-vertical]::before{content:""}.wds-icon[data-icon=square-small]::before{content:""}.wds-icon[data-icon=square-star]::before{content:""}.wds-icon[data-icon=square-t]::before{content:""}.wds-icon[data-icon=square-terminal]::before{content:""}.wds-icon[data-icon=square-this-way-up]::before{content:""}.wds-icon[data-icon=square-u]::before{content:""}.wds-icon[data-icon=square-up]::before{content:""}.wds-icon[data-icon=square-up-left]::before{content:""}.wds-icon[data-icon=square-up-right]::before{content:""}.wds-icon[data-icon=square-user]::before{content:""}.wds-icon[data-icon=square-v]::before{content:""}.wds-icon[data-icon=square-virus]::before{content:""}.wds-icon[data-icon=square-w]::before{content:""}.wds-icon[data-icon=square-wine-glass-crack]::before{content:""}.wds-icon[data-icon=square-x]::before{content:""}.wds-icon[data-icon=square-xmark]::before{content:""}.wds-icon[data-icon=square-y]::before{content:""}.wds-icon[data-icon=square-z]::before{content:""}.wds-icon[data-icon=squid]::before{content:""}.wds-icon[data-icon=squirrel]::before{content:""}.wds-icon[data-icon=staff]::before{content:""}.wds-icon[data-icon=staff-aesculapius]::before,.wds-icon[data-icon=staff-snake]::before{content:""}.wds-icon[data-icon=stairs]::before{content:""}.wds-icon[data-icon=stamp]::before{content:""}.wds-icon[data-icon=standard-definition]::before{content:""}.wds-icon[data-icon=stapler]::before{content:""}.wds-icon[data-icon=star]::before{content:""}.wds-icon[data-icon=star-and-crescent]::before{content:""}.wds-icon[data-icon=star-christmas]::before{content:""}.wds-icon[data-icon=star-circle]::before{content:""}.wds-icon[data-icon=star-exclamation]::before{content:""}.wds-icon[data-icon=star-half]::before{content:""}.wds-icon[data-icon=star-half-alt]::before,.wds-icon[data-icon=star-half-stroke]::before{content:""}.wds-icon[data-icon=star-of-david]::before{content:""}.wds-icon[data-icon=star-of-life]::before{content:""}.wds-icon[data-icon=star-sharp]::before{content:""}.wds-icon[data-icon=star-sharp-half]::before{content:""}.wds-icon[data-icon=star-sharp-half-alt]::before,.wds-icon[data-icon=star-sharp-half-stroke]::before{content:""}.wds-icon[data-icon=star-shooting]::before{content:""}.wds-icon[data-icon=starfighter]::before{content:""}.wds-icon[data-icon=starfighter-alt]::before{content:""}.wds-icon[data-icon=starfighter-alt-advanced]::before{content:""}.wds-icon[data-icon=starfighter-twin-ion-engine]::before{content:""}.wds-icon[data-icon=starfighter-twin-ion-engine-advanced]::before{content:""}.wds-icon[data-icon=stars]::before{content:""}.wds-icon[data-icon=starship]::before{content:""}.wds-icon[data-icon=starship-freighter]::before{content:""}.wds-icon[data-icon=steak]::before{content:""}.wds-icon[data-icon=steering-wheel]::before{content:""}.wds-icon[data-icon=step-backward]::before{content:""}.wds-icon[data-icon=step-forward]::before{content:""}.wds-icon[data-icon=sterling-sign]::before{content:""}.wds-icon[data-icon=stethoscope]::before{content:""}.wds-icon[data-icon=sticky-note]::before{content:""}.wds-icon[data-icon=stocking]::before{content:""}.wds-icon[data-icon=stomach]::before{content:""}.wds-icon[data-icon=stop]::before{content:""}.wds-icon[data-icon=stop-circle]::before{content:""}.wds-icon[data-icon=stopwatch]::before{content:""}.wds-icon[data-icon=stopwatch-20]::before{content:""}.wds-icon[data-icon=store]::before{content:""}.wds-icon[data-icon=store-alt]::before{content:""}.wds-icon[data-icon=store-alt-slash]::before{content:""}.wds-icon[data-icon=store-lock]::before{content:""}.wds-icon[data-icon=store-slash]::before{content:""}.wds-icon[data-icon=strawberry]::before{content:""}.wds-icon[data-icon=stream]::before{content:""}.wds-icon[data-icon=street-view]::before{content:""}.wds-icon[data-icon=stretcher]::before{content:""}.wds-icon[data-icon=strikethrough]::before{content:""}.wds-icon[data-icon=stroopwafel]::before{content:""}.wds-icon[data-icon=subscript]::before{content:""}.wds-icon[data-icon=subtitles]::before{content:""}.wds-icon[data-icon=subtitles-slash]::before{content:""}.wds-icon[data-icon=subtract]::before{content:""}.wds-icon[data-icon=subway]::before{content:""}.wds-icon[data-icon=subway-tunnel]::before{content:""}.wds-icon[data-icon=suitcase]::before{content:""}.wds-icon[data-icon=suitcase-medical]::before{content:""}.wds-icon[data-icon=suitcase-rolling]::before{content:""}.wds-icon[data-icon=sun]::before{content:""}.wds-icon[data-icon=sun-alt]::before,.wds-icon[data-icon=sun-bright]::before{content:""}.wds-icon[data-icon=sun-cloud]::before{content:""}.wds-icon[data-icon=sun-dust]::before{content:""}.wds-icon[data-icon=sun-haze]::before{content:""}.wds-icon[data-icon=sun-plant-wilt]::before{content:""}.wds-icon[data-icon=sunglasses]::before{content:""}.wds-icon[data-icon=sunrise]::before{content:""}.wds-icon[data-icon=sunset]::before{content:""}.wds-icon[data-icon=superscript]::before{content:""}.wds-icon[data-icon=surprise]::before{content:""}.wds-icon[data-icon=sushi]::before{content:""}.wds-icon[data-icon=sushi-roll]::before{content:""}.wds-icon[data-icon=swap]::before{content:""}.wds-icon[data-icon=swap-arrows]::before{content:""}.wds-icon[data-icon=swatchbook]::before{content:""}.wds-icon[data-icon=swimmer]::before{content:""}.wds-icon[data-icon=swimming-pool]::before{content:""}.wds-icon[data-icon=sword]::before{content:""}.wds-icon[data-icon=sword-laser]::before{content:""}.wds-icon[data-icon=sword-laser-alt]::before{content:""}.wds-icon[data-icon=swords]::before{content:""}.wds-icon[data-icon=swords-laser]::before{content:""}.wds-icon[data-icon=symbols]::before{content:""}.wds-icon[data-icon=synagogue]::before{content:""}.wds-icon[data-icon=sync]::before{content:""}.wds-icon[data-icon=sync-alt]::before{content:""}.wds-icon[data-icon=syringe]::before{content:""}.wds-icon[data-icon=t]::before{content:"T"}.wds-icon[data-icon=t-shirt]::before{content:""}.wds-icon[data-icon=table]::before{content:""}.wds-icon[data-icon=table-cells]::before{content:""}.wds-icon[data-icon=table-cells-large]::before{content:""}.wds-icon[data-icon=table-columns]::before{content:""}.wds-icon[data-icon=table-layout]::before{content:""}.wds-icon[data-icon=table-list]::before{content:""}.wds-icon[data-icon=table-picnic]::before{content:""}.wds-icon[data-icon=table-pivot]::before{content:""}.wds-icon[data-icon=table-rows]::before{content:""}.wds-icon[data-icon=table-tennis-paddle-ball]::before,.wds-icon[data-icon=table-tennis]::before{content:""}.wds-icon[data-icon=table-tree]::before{content:""}.wds-icon[data-icon=tablet]::before{content:""}.wds-icon[data-icon=tablet-alt]::before{content:""}.wds-icon[data-icon=tablet-android]::before{content:""}.wds-icon[data-icon=tablet-android-alt]::before{content:""}.wds-icon[data-icon=tablet-button]::before{content:""}.wds-icon[data-icon=tablet-rugged]::before{content:""}.wds-icon[data-icon=tablet-screen]::before{content:""}.wds-icon[data-icon=tablet-screen-button]::before{content:""}.wds-icon[data-icon=tablets]::before{content:""}.wds-icon[data-icon=tachograph-digital]::before{content:""}.wds-icon[data-icon=tachometer]::before{content:""}.wds-icon[data-icon=tachometer-alt]::before{content:""}.wds-icon[data-icon=tachometer-alt-average]::before{content:""}.wds-icon[data-icon=tachometer-alt-fast]::before{content:""}.wds-icon[data-icon=tachometer-alt-fastest]::before{content:""}.wds-icon[data-icon=tachometer-alt-slow]::before{content:""}.wds-icon[data-icon=tachometer-alt-slowest]::before{content:""}.wds-icon[data-icon=tachometer-average]::before{content:""}.wds-icon[data-icon=tachometer-fast]::before{content:""}.wds-icon[data-icon=tachometer-fastest]::before{content:""}.wds-icon[data-icon=tachometer-slow]::before{content:""}.wds-icon[data-icon=tachometer-slowest]::before{content:""}.wds-icon[data-icon=taco]::before{content:""}.wds-icon[data-icon=tag]::before{content:""}.wds-icon[data-icon=tags]::before{content:""}.wds-icon[data-icon=tally]::before{content:""}.wds-icon[data-icon=tally-1]::before{content:""}.wds-icon[data-icon=tally-2]::before{content:""}.wds-icon[data-icon=tally-3]::before{content:""}.wds-icon[data-icon=tally-4]::before{content:""}.wds-icon[data-icon=tally-5]::before{content:""}.wds-icon[data-icon=tamale]::before{content:""}.wds-icon[data-icon=tanakh]::before{content:""}.wds-icon[data-icon=tank-water]::before{content:""}.wds-icon[data-icon=tape]::before{content:""}.wds-icon[data-icon=tarp]::before{content:""}.wds-icon[data-icon=tarp-droplet]::before{content:""}.wds-icon[data-icon=tasks]::before{content:""}.wds-icon[data-icon=tasks-alt]::before{content:""}.wds-icon[data-icon=taxi]::before{content:""}.wds-icon[data-icon=taxi-bus]::before{content:""}.wds-icon[data-icon=teddy-bear]::before{content:""}.wds-icon[data-icon=teeth]::before{content:""}.wds-icon[data-icon=teeth-open]::before{content:""}.wds-icon[data-icon=telescope]::before{content:""}.wds-icon[data-icon=teletype]::before{content:""}.wds-icon[data-icon=teletype-answer]::before{content:""}.wds-icon[data-icon=television]::before{content:""}.wds-icon[data-icon=temperature-0]::before{content:""}.wds-icon[data-icon=temperature-1]::before{content:""}.wds-icon[data-icon=temperature-2]::before{content:""}.wds-icon[data-icon=temperature-3]::before{content:""}.wds-icon[data-icon=temperature-4]::before{content:""}.wds-icon[data-icon=temperature-arrow-down]::before{content:""}.wds-icon[data-icon=temperature-arrow-up]::before{content:""}.wds-icon[data-icon=temperature-down]::before{content:""}.wds-icon[data-icon=temperature-empty]::before{content:""}.wds-icon[data-icon=temperature-frigid]::before{content:""}.wds-icon[data-icon=temperature-full]::before{content:""}.wds-icon[data-icon=temperature-half]::before{content:""}.wds-icon[data-icon=temperature-high]::before{content:""}.wds-icon[data-icon=temperature-hot]::before{content:""}.wds-icon[data-icon=temperature-list]::before{content:""}.wds-icon[data-icon=temperature-low]::before{content:""}.wds-icon[data-icon=temperature-quarter]::before{content:""}.wds-icon[data-icon=temperature-snow]::before{content:""}.wds-icon[data-icon=temperature-sun]::before{content:""}.wds-icon[data-icon=temperature-three-quarters]::before{content:""}.wds-icon[data-icon=temperature-up]::before{content:""}.wds-icon[data-icon=tenge-sign]::before,.wds-icon[data-icon=tenge]::before{content:""}.wds-icon[data-icon=tennis-ball]::before{content:""}.wds-icon[data-icon=tent]::before{content:""}.wds-icon[data-icon=tent-arrow-down-to-line]::before{content:""}.wds-icon[data-icon=tent-arrow-left-right]::before{content:""}.wds-icon[data-icon=tent-arrow-turn-left]::before{content:""}.wds-icon[data-icon=tent-arrows-down]::before{content:""}.wds-icon[data-icon=tents]::before{content:""}.wds-icon[data-icon=terminal]::before{content:""}.wds-icon[data-icon=text]::before{content:""}.wds-icon[data-icon=text-height]::before{content:""}.wds-icon[data-icon=text-size]::before{content:""}.wds-icon[data-icon=text-slash]::before{content:""}.wds-icon[data-icon=text-width]::before{content:""}.wds-icon[data-icon=th]::before{content:""}.wds-icon[data-icon=th-large]::before{content:""}.wds-icon[data-icon=th-list]::before{content:""}.wds-icon[data-icon=theater-masks]::before{content:""}.wds-icon[data-icon=thermometer]::before{content:""}.wds-icon[data-icon=thermometer-0]::before{content:""}.wds-icon[data-icon=thermometer-1]::before{content:""}.wds-icon[data-icon=thermometer-2]::before{content:""}.wds-icon[data-icon=thermometer-3]::before{content:""}.wds-icon[data-icon=thermometer-4]::before{content:""}.wds-icon[data-icon=thermometer-empty]::before{content:""}.wds-icon[data-icon=thermometer-full]::before{content:""}.wds-icon[data-icon=thermometer-half]::before{content:""}.wds-icon[data-icon=thermometer-quarter]::before{content:""}.wds-icon[data-icon=thermometer-three-quarters]::before{content:""}.wds-icon[data-icon=theta]::before{content:""}.wds-icon[data-icon=thought-bubble]::before{content:""}.wds-icon[data-icon=thumb-tack]::before{content:""}.wds-icon[data-icon=thumbs-down]::before{content:""}.wds-icon[data-icon=thumbs-up]::before{content:""}.wds-icon[data-icon=thumbtack]::before{content:""}.wds-icon[data-icon=thunderstorm]::before{content:""}.wds-icon[data-icon=thunderstorm-moon]::before{content:""}.wds-icon[data-icon=thunderstorm-sun]::before{content:""}.wds-icon[data-icon=tick]::before{content:""}.wds-icon[data-icon=ticket]::before{content:""}.wds-icon[data-icon=ticket-airline]::before{content:""}.wds-icon[data-icon=ticket-alt]::before,.wds-icon[data-icon=ticket-simple]::before{content:""}.wds-icon[data-icon=tickets-airline]::before{content:""}.wds-icon[data-icon=tilde]::before{content:"~"}.wds-icon[data-icon=timeline]::before{content:""}.wds-icon[data-icon=timeline-arrow]::before{content:""}.wds-icon[data-icon=timer]::before{content:""}.wds-icon[data-icon=times]::before{content:""}.wds-icon[data-icon=times-circle]::before{content:""}.wds-icon[data-icon=times-hexagon]::before{content:""}.wds-icon[data-icon=times-octagon]::before{content:""}.wds-icon[data-icon=times-rectangle]::before{content:""}.wds-icon[data-icon=times-square]::before{content:""}.wds-icon[data-icon=times-to-slot]::before{content:""}.wds-icon[data-icon=tint]::before{content:""}.wds-icon[data-icon=tint-slash]::before{content:""}.wds-icon[data-icon=tire]::before{content:""}.wds-icon[data-icon=tire-flat]::before{content:""}.wds-icon[data-icon=tire-pressure-warning]::before{content:""}.wds-icon[data-icon=tire-rugged]::before{content:""}.wds-icon[data-icon=tired]::before{content:""}.wds-icon[data-icon=toggle-large-off]::before{content:""}.wds-icon[data-icon=toggle-large-on]::before{content:""}.wds-icon[data-icon=toggle-off]::before{content:""}.wds-icon[data-icon=toggle-on]::before{content:""}.wds-icon[data-icon=toilet]::before{content:""}.wds-icon[data-icon=toilet-paper]::before{content:""}.wds-icon[data-icon=toilet-paper-alt]::before,.wds-icon[data-icon=toilet-paper-blank]::before{content:""}.wds-icon[data-icon=toilet-paper-blank-under]::before{content:""}.wds-icon[data-icon=toilet-paper-check]::before{content:""}.wds-icon[data-icon=toilet-paper-reverse]::before{content:""}.wds-icon[data-icon=toilet-paper-reverse-alt]::before{content:""}.wds-icon[data-icon=toilet-paper-reverse-slash]::before{content:""}.wds-icon[data-icon=toilet-paper-slash]::before{content:""}.wds-icon[data-icon=toilet-paper-under]::before{content:""}.wds-icon[data-icon=toilet-paper-under-slash]::before{content:""}.wds-icon[data-icon=toilet-paper-xmark]::before{content:""}.wds-icon[data-icon=toilet-portable]::before{content:""}.wds-icon[data-icon=toilets-portable]::before{content:""}.wds-icon[data-icon=tomato]::before{content:""}.wds-icon[data-icon=tombstone]::before{content:""}.wds-icon[data-icon=tombstone-alt]::before,.wds-icon[data-icon=tombstone-blank]::before{content:""}.wds-icon[data-icon=toolbox]::before{content:""}.wds-icon[data-icon=tools]::before{content:""}.wds-icon[data-icon=tooth]::before{content:""}.wds-icon[data-icon=toothbrush]::before{content:""}.wds-icon[data-icon=torah]::before{content:""}.wds-icon[data-icon=torii-gate]::before{content:""}.wds-icon[data-icon=tornado]::before{content:""}.wds-icon[data-icon=tower-broadcast]::before{content:""}.wds-icon[data-icon=tower-cell]::before{content:""}.wds-icon[data-icon=tower-control]::before{content:""}.wds-icon[data-icon=tower-observation]::before{content:""}.wds-icon[data-icon=tractor]::before{content:""}.wds-icon[data-icon=trademark]::before{content:""}.wds-icon[data-icon=traffic-cone]::before{content:""}.wds-icon[data-icon=traffic-light]::before{content:""}.wds-icon[data-icon=traffic-light-go]::before{content:""}.wds-icon[data-icon=traffic-light-slow]::before{content:""}.wds-icon[data-icon=traffic-light-stop]::before{content:""}.wds-icon[data-icon=trailer]::before{content:""}.wds-icon[data-icon=train]::before{content:""}.wds-icon[data-icon=train-subway]::before{content:""}.wds-icon[data-icon=train-subway-tunnel]::before{content:""}.wds-icon[data-icon=train-track]::before{content:""}.wds-icon[data-icon=train-tram]::before{content:""}.wds-icon[data-icon=train-tunnel]::before{content:""}.wds-icon[data-icon=tram]::before{content:""}.wds-icon[data-icon=transformer-bolt]::before{content:""}.wds-icon[data-icon=transgender-alt]::before,.wds-icon[data-icon=transgender]::before{content:""}.wds-icon[data-icon=transporter]::before{content:""}.wds-icon[data-icon=transporter-1]::before{content:""}.wds-icon[data-icon=transporter-2]::before{content:""}.wds-icon[data-icon=transporter-3]::before{content:""}.wds-icon[data-icon=transporter-4]::before{content:""}.wds-icon[data-icon=transporter-5]::before{content:""}.wds-icon[data-icon=transporter-6]::before{content:""}.wds-icon[data-icon=transporter-7]::before{content:""}.wds-icon[data-icon=transporter-empty]::before{content:""}.wds-icon[data-icon=trash]::before{content:""}.wds-icon[data-icon=trash-alt]::before{content:""}.wds-icon[data-icon=trash-alt-slash]::before{content:""}.wds-icon[data-icon=trash-arrow-turn-left]::before{content:""}.wds-icon[data-icon=trash-arrow-up]::before{content:""}.wds-icon[data-icon=trash-can]::before{content:""}.wds-icon[data-icon=trash-can-arrow-turn-left]::before{content:""}.wds-icon[data-icon=trash-can-arrow-up]::before{content:""}.wds-icon[data-icon=trash-can-check]::before{content:""}.wds-icon[data-icon=trash-can-clock]::before{content:""}.wds-icon[data-icon=trash-can-list]::before{content:""}.wds-icon[data-icon=trash-can-plus]::before{content:""}.wds-icon[data-icon=trash-can-slash]::before{content:""}.wds-icon[data-icon=trash-can-undo]::before{content:""}.wds-icon[data-icon=trash-can-xmark]::before{content:""}.wds-icon[data-icon=trash-check]::before{content:""}.wds-icon[data-icon=trash-circle]::before{content:""}.wds-icon[data-icon=trash-clock]::before{content:""}.wds-icon[data-icon=trash-list]::before{content:""}.wds-icon[data-icon=trash-plus]::before{content:""}.wds-icon[data-icon=trash-restore]::before{content:""}.wds-icon[data-icon=trash-restore-alt]::before{content:""}.wds-icon[data-icon=trash-slash]::before{content:""}.wds-icon[data-icon=trash-undo]::before{content:""}.wds-icon[data-icon=trash-undo-alt]::before{content:""}.wds-icon[data-icon=trash-xmark]::before{content:""}.wds-icon[data-icon=treasure-chest]::before{content:""}.wds-icon[data-icon=tree]::before{content:""}.wds-icon[data-icon=tree-alt]::before{content:""}.wds-icon[data-icon=tree-christmas]::before{content:""}.wds-icon[data-icon=tree-city]::before{content:""}.wds-icon[data-icon=tree-deciduous]::before{content:""}.wds-icon[data-icon=tree-decorated]::before{content:""}.wds-icon[data-icon=tree-large]::before{content:""}.wds-icon[data-icon=tree-palm]::before{content:""}.wds-icon[data-icon=trees]::before{content:""}.wds-icon[data-icon=trian-balbot]::before{content:""}.wds-icon[data-icon=triangle]::before{content:""}.wds-icon[data-icon=triangle-circle-square]::before{content:""}.wds-icon[data-icon=triangle-exclamation]::before{content:""}.wds-icon[data-icon=triangle-instrument]::before,.wds-icon[data-icon=triangle-music]::before{content:""}.wds-icon[data-icon=triangle-person-digging]::before{content:""}.wds-icon[data-icon=tricycle]::before{content:""}.wds-icon[data-icon=tricycle-adult]::before{content:""}.wds-icon[data-icon=trillium]::before{content:""}.wds-icon[data-icon=trophy]::before{content:""}.wds-icon[data-icon=trophy-alt]::before,.wds-icon[data-icon=trophy-star]::before{content:""}.wds-icon[data-icon=trowel]::before{content:""}.wds-icon[data-icon=trowel-bricks]::before{content:""}.wds-icon[data-icon=truck]::before{content:""}.wds-icon[data-icon=truck-arrow-right]::before{content:""}.wds-icon[data-icon=truck-bolt]::before{content:""}.wds-icon[data-icon=truck-clock]::before{content:""}.wds-icon[data-icon=truck-container]::before{content:""}.wds-icon[data-icon=truck-container-empty]::before{content:""}.wds-icon[data-icon=truck-couch]::before{content:""}.wds-icon[data-icon=truck-droplet]::before{content:""}.wds-icon[data-icon=truck-fast]::before{content:""}.wds-icon[data-icon=truck-field]::before{content:""}.wds-icon[data-icon=truck-field-un]::before{content:""}.wds-icon[data-icon=truck-flatbed]::before{content:""}.wds-icon[data-icon=truck-front]::before{content:""}.wds-icon[data-icon=truck-loading]::before{content:""}.wds-icon[data-icon=truck-medical]::before{content:""}.wds-icon[data-icon=truck-monster]::before{content:""}.wds-icon[data-icon=truck-moving]::before{content:""}.wds-icon[data-icon=truck-pickup]::before{content:""}.wds-icon[data-icon=truck-plane]::before{content:""}.wds-icon[data-icon=truck-plow]::before{content:""}.wds-icon[data-icon=truck-ramp]::before{content:""}.wds-icon[data-icon=truck-ramp-box]::before{content:""}.wds-icon[data-icon=truck-ramp-couch]::before{content:""}.wds-icon[data-icon=truck-tow]::before{content:""}.wds-icon[data-icon=trumpet]::before{content:""}.wds-icon[data-icon=try]::before{content:""}.wds-icon[data-icon=tshirt]::before{content:""}.wds-icon[data-icon=tty]::before{content:""}.wds-icon[data-icon=tty-answer]::before{content:""}.wds-icon[data-icon=tugrik-sign]::before{content:""}.wds-icon[data-icon=turkey]::before{content:""}.wds-icon[data-icon=turkish-lira-sign]::before,.wds-icon[data-icon=turkish-lira]::before{content:""}.wds-icon[data-icon=turn-down]::before{content:""}.wds-icon[data-icon=turn-down-left]::before{content:""}.wds-icon[data-icon=turn-down-right]::before{content:""}.wds-icon[data-icon=turn-up]::before{content:""}.wds-icon[data-icon=turntable]::before{content:""}.wds-icon[data-icon=turtle]::before{content:""}.wds-icon[data-icon=tv-alt]::before,.wds-icon[data-icon=tv]::before{content:""}.wds-icon[data-icon=tv-music]::before{content:""}.wds-icon[data-icon=tv-retro]::before{content:""}.wds-icon[data-icon=typewriter]::before{content:""}.wds-icon[data-icon=u]::before{content:"U"}.wds-icon[data-icon=ufo]::before{content:""}.wds-icon[data-icon=ufo-beam]::before{content:""}.wds-icon[data-icon=umbrella]::before{content:""}.wds-icon[data-icon=umbrella-alt]::before{content:""}.wds-icon[data-icon=umbrella-beach]::before{content:""}.wds-icon[data-icon=umbrella-simple]::before{content:""}.wds-icon[data-icon=underline]::before{content:""}.wds-icon[data-icon=undo]::before{content:""}.wds-icon[data-icon=undo-alt]::before{content:""}.wds-icon[data-icon=unicorn]::before{content:""}.wds-icon[data-icon=uniform-martial-arts]::before{content:""}.wds-icon[data-icon=union]::before{content:""}.wds-icon[data-icon=universal-access]::before{content:""}.wds-icon[data-icon=university]::before{content:""}.wds-icon[data-icon=unlink]::before{content:""}.wds-icon[data-icon=unlock]::before{content:""}.wds-icon[data-icon=unlock-alt]::before,.wds-icon[data-icon=unlock-keyhole]::before{content:""}.wds-icon[data-icon=unsorted]::before{content:""}.wds-icon[data-icon=up]::before{content:""}.wds-icon[data-icon=up-down]::before{content:""}.wds-icon[data-icon=up-down-left-right]::before{content:""}.wds-icon[data-icon=up-from-bracket]::before{content:""}.wds-icon[data-icon=up-from-dotted-line]::before{content:""}.wds-icon[data-icon=up-from-line]::before{content:""}.wds-icon[data-icon=up-left]::before{content:""}.wds-icon[data-icon=up-long]::before{content:""}.wds-icon[data-icon=up-right]::before{content:""}.wds-icon[data-icon=up-right-and-down-left-from-center]::before{content:""}.wds-icon[data-icon=up-right-from-square]::before{content:""}.wds-icon[data-icon=up-to-dotted-line]::before{content:""}.wds-icon[data-icon=up-to-line]::before{content:""}.wds-icon[data-icon=upload]::before{content:""}.wds-icon[data-icon=usb-drive]::before{content:""}.wds-icon[data-icon=usd]::before{content:"$"}.wds-icon[data-icon=usd-circle]::before{content:""}.wds-icon[data-icon=usd-square]::before{content:""}.wds-icon[data-icon=user]::before{content:""}.wds-icon[data-icon=user-alien]::before{content:""}.wds-icon[data-icon=user-alt]::before{content:""}.wds-icon[data-icon=user-alt-slash]::before{content:""}.wds-icon[data-icon=user-astronaut]::before{content:""}.wds-icon[data-icon=user-bounty-hunter]::before{content:""}.wds-icon[data-icon=user-chart]::before{content:""}.wds-icon[data-icon=user-check]::before{content:""}.wds-icon[data-icon=user-chef]::before{content:""}.wds-icon[data-icon=user-circle]::before{content:""}.wds-icon[data-icon=user-clock]::before{content:""}.wds-icon[data-icon=user-cog]::before{content:""}.wds-icon[data-icon=user-construction]::before{content:""}.wds-icon[data-icon=user-cowboy]::before{content:""}.wds-icon[data-icon=user-crown]::before{content:""}.wds-icon[data-icon=user-doctor]::before{content:""}.wds-icon[data-icon=user-doctor-hair]::before{content:""}.wds-icon[data-icon=user-doctor-hair-long]::before{content:""}.wds-icon[data-icon=user-doctor-message]::before{content:""}.wds-icon[data-icon=user-edit]::before{content:""}.wds-icon[data-icon=user-friends]::before{content:""}.wds-icon[data-icon=user-gear]::before{content:""}.wds-icon[data-icon=user-graduate]::before{content:""}.wds-icon[data-icon=user-group]::before{content:""}.wds-icon[data-icon=user-group-crown]::before{content:""}.wds-icon[data-icon=user-group-simple]::before{content:""}.wds-icon[data-icon=user-hair]::before{content:""}.wds-icon[data-icon=user-hair-buns]::before{content:""}.wds-icon[data-icon=user-hair-long]::before{content:""}.wds-icon[data-icon=user-hair-mullet]::before{content:""}.wds-icon[data-icon=user-hard-hat]::before{content:""}.wds-icon[data-icon=user-headset]::before{content:""}.wds-icon[data-icon=user-helmet-safety]::before{content:""}.wds-icon[data-icon=user-injured]::before{content:""}.wds-icon[data-icon=user-large]::before{content:""}.wds-icon[data-icon=user-large-slash]::before{content:""}.wds-icon[data-icon=user-lock]::before{content:""}.wds-icon[data-icon=user-magnifying-glass]::before{content:""}.wds-icon[data-icon=user-md]::before{content:""}.wds-icon[data-icon=user-md-chat]::before{content:""}.wds-icon[data-icon=user-minus]::before{content:""}.wds-icon[data-icon=user-music]::before{content:""}.wds-icon[data-icon=user-ninja]::before{content:""}.wds-icon[data-icon=user-nurse]::before{content:""}.wds-icon[data-icon=user-nurse-hair]::before{content:""}.wds-icon[data-icon=user-nurse-hair-long]::before{content:""}.wds-icon[data-icon=user-pen]::before{content:""}.wds-icon[data-icon=user-pilot]::before{content:""}.wds-icon[data-icon=user-pilot-tie]::before{content:""}.wds-icon[data-icon=user-plus]::before{content:""}.wds-icon[data-icon=user-police]::before{content:""}.wds-icon[data-icon=user-police-tie]::before{content:""}.wds-icon[data-icon=user-robot]::before{content:""}.wds-icon[data-icon=user-robot-xmarks]::before{content:""}.wds-icon[data-icon=user-secret]::before{content:""}.wds-icon[data-icon=user-shakespeare]::before{content:""}.wds-icon[data-icon=user-shield]::before{content:""}.wds-icon[data-icon=user-slash]::before{content:""}.wds-icon[data-icon=user-tag]::before{content:""}.wds-icon[data-icon=user-tie]::before{content:""}.wds-icon[data-icon=user-tie-hair]::before{content:""}.wds-icon[data-icon=user-tie-hair-long]::before{content:""}.wds-icon[data-icon=user-times]::before{content:""}.wds-icon[data-icon=user-unlock]::before{content:""}.wds-icon[data-icon=user-visor]::before{content:""}.wds-icon[data-icon=user-vneck]::before{content:""}.wds-icon[data-icon=user-vneck-hair]::before{content:""}.wds-icon[data-icon=user-vneck-hair-long]::before{content:""}.wds-icon[data-icon=user-xmark]::before{content:""}.wds-icon[data-icon=users]::before{content:""}.wds-icon[data-icon=users-between-lines]::before{content:""}.wds-icon[data-icon=users-class]::before{content:""}.wds-icon[data-icon=users-cog]::before{content:""}.wds-icon[data-icon=users-crown]::before{content:""}.wds-icon[data-icon=users-gear]::before{content:""}.wds-icon[data-icon=users-line]::before{content:""}.wds-icon[data-icon=users-medical]::before{content:""}.wds-icon[data-icon=users-rays]::before{content:""}.wds-icon[data-icon=users-rectangle]::before{content:""}.wds-icon[data-icon=users-slash]::before{content:""}.wds-icon[data-icon=users-viewfinder]::before{content:""}.wds-icon[data-icon=utensil-fork]::before{content:""}.wds-icon[data-icon=utensil-knife]::before{content:""}.wds-icon[data-icon=utensil-spoon]::before{content:""}.wds-icon[data-icon=utensils]::before{content:""}.wds-icon[data-icon=utensils-alt]::before{content:""}.wds-icon[data-icon=utensils-slash]::before{content:""}.wds-icon[data-icon=utility-pole]::before{content:""}.wds-icon[data-icon=utility-pole-double]::before{content:""}.wds-icon[data-icon=v]::before{content:"V"}.wds-icon[data-icon=vacuum]::before{content:""}.wds-icon[data-icon=vacuum-robot]::before{content:""}.wds-icon[data-icon=value-absolute]::before{content:""}.wds-icon[data-icon=van-shuttle]::before{content:""}.wds-icon[data-icon=vault]::before{content:""}.wds-icon[data-icon=vcard]::before{content:""}.wds-icon[data-icon=vector-circle]::before{content:""}.wds-icon[data-icon=vector-polygon]::before{content:""}.wds-icon[data-icon=vector-square]::before{content:""}.wds-icon[data-icon=vent-damper]::before{content:""}.wds-icon[data-icon=venus]::before{content:""}.wds-icon[data-icon=venus-double]::before{content:""}.wds-icon[data-icon=venus-mars]::before{content:""}.wds-icon[data-icon=vest]::before{content:""}.wds-icon[data-icon=vest-patches]::before{content:""}.wds-icon[data-icon=vhs]::before{content:""}.wds-icon[data-icon=vial]::before{content:""}.wds-icon[data-icon=vial-circle-check]::before{content:""}.wds-icon[data-icon=vial-virus]::before{content:""}.wds-icon[data-icon=vials]::before{content:""}.wds-icon[data-icon=video]::before{content:""}.wds-icon[data-icon=video-arrow-down-left]::before{content:""}.wds-icon[data-icon=video-arrow-up-right]::before{content:""}.wds-icon[data-icon=video-camera]::before{content:""}.wds-icon[data-icon=video-circle]::before{content:""}.wds-icon[data-icon=video-handheld]::before{content:""}.wds-icon[data-icon=video-plus]::before{content:""}.wds-icon[data-icon=video-slash]::before{content:""}.wds-icon[data-icon=vihara]::before{content:""}.wds-icon[data-icon=violin]::before{content:""}.wds-icon[data-icon=virus]::before{content:""}.wds-icon[data-icon=virus-covid]::before{content:""}.wds-icon[data-icon=virus-covid-slash]::before{content:""}.wds-icon[data-icon=virus-slash]::before{content:""}.wds-icon[data-icon=viruses]::before{content:""}.wds-icon[data-icon=voicemail]::before{content:""}.wds-icon[data-icon=volcano]::before{content:""}.wds-icon[data-icon=volleyball-ball]::before,.wds-icon[data-icon=volleyball]::before{content:""}.wds-icon[data-icon=volume]::before{content:""}.wds-icon[data-icon=volume-control-phone]::before{content:""}.wds-icon[data-icon=volume-down]::before{content:""}.wds-icon[data-icon=volume-high]::before{content:""}.wds-icon[data-icon=volume-low]::before{content:""}.wds-icon[data-icon=volume-medium]::before{content:""}.wds-icon[data-icon=volume-mute]::before{content:""}.wds-icon[data-icon=volume-off]::before{content:""}.wds-icon[data-icon=volume-slash]::before{content:""}.wds-icon[data-icon=volume-times]::before{content:""}.wds-icon[data-icon=volume-up]::before{content:""}.wds-icon[data-icon=volume-xmark]::before{content:""}.wds-icon[data-icon=vote-nay]::before{content:""}.wds-icon[data-icon=vote-yea]::before{content:""}.wds-icon[data-icon=vr-cardboard]::before{content:""}.wds-icon[data-icon=w]::before{content:"W"}.wds-icon[data-icon=waffle]::before{content:""}.wds-icon[data-icon=wagon-covered]::before{content:""}.wds-icon[data-icon=walker]::before{content:""}.wds-icon[data-icon=walkie-talkie]::before{content:""}.wds-icon[data-icon=walking]::before{content:""}.wds-icon[data-icon=wall-brick]::before{content:""}.wds-icon[data-icon=wallet]::before{content:""}.wds-icon[data-icon=wand]::before{content:""}.wds-icon[data-icon=wand-magic]::before{content:""}.wds-icon[data-icon=wand-magic-sparkles]::before{content:""}.wds-icon[data-icon=wand-sparkles]::before{content:""}.wds-icon[data-icon=warehouse]::before{content:""}.wds-icon[data-icon=warehouse-alt]::before,.wds-icon[data-icon=warehouse-full]::before{content:""}.wds-icon[data-icon=warning]::before{content:""}.wds-icon[data-icon=washer]::before,.wds-icon[data-icon=washing-machine]::before{content:""}.wds-icon[data-icon=watch]::before{content:""}.wds-icon[data-icon=watch-apple]::before{content:""}.wds-icon[data-icon=watch-calculator]::before{content:""}.wds-icon[data-icon=watch-fitness]::before{content:""}.wds-icon[data-icon=watch-smart]::before{content:""}.wds-icon[data-icon=water]::before{content:""}.wds-icon[data-icon=water-arrow-down]::before{content:""}.wds-icon[data-icon=water-arrow-up]::before{content:""}.wds-icon[data-icon=water-ladder]::before{content:""}.wds-icon[data-icon=water-lower]::before{content:""}.wds-icon[data-icon=water-rise]::before{content:""}.wds-icon[data-icon=watermelon-slice]::before{content:""}.wds-icon[data-icon=wave-pulse]::before{content:""}.wds-icon[data-icon=wave-sine]::before{content:""}.wds-icon[data-icon=wave-square]::before{content:""}.wds-icon[data-icon=wave-triangle]::before{content:""}.wds-icon[data-icon=waveform]::before{content:""}.wds-icon[data-icon=waveform-circle]::before{content:""}.wds-icon[data-icon=waveform-lines]::before,.wds-icon[data-icon=waveform-path]::before{content:""}.wds-icon[data-icon=webcam]::before{content:""}.wds-icon[data-icon=webcam-slash]::before{content:""}.wds-icon[data-icon=webhook]::before{content:""}.wds-icon[data-icon=weight]::before{content:""}.wds-icon[data-icon=weight-hanging]::before{content:""}.wds-icon[data-icon=weight-scale]::before{content:""}.wds-icon[data-icon=whale]::before{content:""}.wds-icon[data-icon=wheat]::before{content:""}.wds-icon[data-icon=wheat-alt]::before,.wds-icon[data-icon=wheat-awn]::before{content:""}.wds-icon[data-icon=wheat-awn-circle-exclamation]::before{content:""}.wds-icon[data-icon=wheat-awn-slash]::before{content:""}.wds-icon[data-icon=wheat-slash]::before{content:""}.wds-icon[data-icon=wheelchair]::before{content:""}.wds-icon[data-icon=wheelchair-alt]::before,.wds-icon[data-icon=wheelchair-move]::before{content:""}.wds-icon[data-icon=whiskey-glass]::before{content:""}.wds-icon[data-icon=whiskey-glass-ice]::before{content:""}.wds-icon[data-icon=whistle]::before{content:""}.wds-icon[data-icon=wifi]::before{content:""}.wds-icon[data-icon=wifi-1]::before{content:""}.wds-icon[data-icon=wifi-2]::before{content:""}.wds-icon[data-icon=wifi-3]::before{content:""}.wds-icon[data-icon=wifi-exclamation]::before{content:""}.wds-icon[data-icon=wifi-fair]::before{content:""}.wds-icon[data-icon=wifi-slash]::before{content:""}.wds-icon[data-icon=wifi-strong]::before{content:""}.wds-icon[data-icon=wifi-weak]::before{content:""}.wds-icon[data-icon=wind]::before{content:""}.wds-icon[data-icon=wind-circle-exclamation]::before{content:""}.wds-icon[data-icon=wind-turbine]::before{content:""}.wds-icon[data-icon=wind-warning]::before{content:""}.wds-icon[data-icon=window]::before{content:""}.wds-icon[data-icon=window-alt]::before{content:""}.wds-icon[data-icon=window-close]::before{content:""}.wds-icon[data-icon=window-flip]::before{content:""}.wds-icon[data-icon=window-frame]::before{content:""}.wds-icon[data-icon=window-frame-open]::before{content:""}.wds-icon[data-icon=window-maximize]::before{content:""}.wds-icon[data-icon=window-minimize]::before{content:""}.wds-icon[data-icon=window-restore]::before{content:""}.wds-icon[data-icon=windsock]::before{content:""}.wds-icon[data-icon=wine-bottle]::before{content:""}.wds-icon[data-icon=wine-glass]::before{content:""}.wds-icon[data-icon=wine-glass-alt]::before{content:""}.wds-icon[data-icon=wine-glass-crack]::before{content:""}.wds-icon[data-icon=wine-glass-empty]::before{content:""}.wds-icon[data-icon=won-sign]::before,.wds-icon[data-icon=won]::before{content:""}.wds-icon[data-icon=worm]::before{content:""}.wds-icon[data-icon=wreath]::before{content:""}.wds-icon[data-icon=wreath-laurel]::before{content:""}.wds-icon[data-icon=wrench]::before{content:""}.wds-icon[data-icon=wrench-simple]::before{content:""}.wds-icon[data-icon=x]::before{content:"X"}.wds-icon[data-icon=x-ray]::before{content:""}.wds-icon[data-icon=xmark]::before{content:""}.wds-icon[data-icon=xmark-circle]::before{content:""}.wds-icon[data-icon=xmark-hexagon]::before{content:""}.wds-icon[data-icon=xmark-large]::before{content:""}.wds-icon[data-icon=xmark-octagon]::before{content:""}.wds-icon[data-icon=xmark-square]::before{content:""}.wds-icon[data-icon=xmark-to-slot]::before{content:""}.wds-icon[data-icon=xmarks-lines]::before{content:""}.wds-icon[data-icon=y]::before{content:"Y"}.wds-icon[data-icon=yen-sign]::before,.wds-icon[data-icon=yen]::before{content:""}.wds-icon[data-icon=yin-yang]::before{content:""}.wds-icon[data-icon=z]::before{content:"Z"}.wds-icon[data-icon=zap]::before{content:""}.wds-icon[data-icon=zzz]::before{content:""}.wds-icon[data-icon=witbe]::before{font-family:"fa6-witbe";content:""}.wds-icon[data-icon=mobiles]::before{font-family:"fa6-witbe";content:""}.wds-icon[data-icon=menu-nav]::before{font-family:"fa6-witbe";content:""}.wds-icon[data-icon=short-form]::before{font-family:"fa6-witbe";content:""}.wds-icon[data-icon=mediametrie]::before{font-family:"fa6-witbe";content:""}.wds-icon[data-icon=mobile-rotate]::before{font-family:"fa6-witbe";content:""}.wds-icon[data-icon=remote-control]::before{font-family:"fa6-witbe";content:""}.wds-icon[data-icon=folder-menu-nav]::before{font-family:"fa6-witbe";content:""}.wds-icon[data-icon=input-parameter]::before{font-family:"fa6-witbe";content:""}.wds-icon[data-icon=picture-in-picture]::before{font-family:"fa6-witbe";content:""}.wds-icon[data-icon=auto-white-balance]::before{font-family:"fa6-witbe";content:""}.wds-icon[data-icon=hand-pointer-click]::before{font-family:"fa6-witbe";content:""}.wds-icon[data-icon=mouse-pointer-click]::before{font-family:"fa6-witbe";content:""}.wds-icon[data-icon=mouse-pointer-selection]::before{font-family:"fa6-witbe";content:""}.wds-icon[data-icon=witbe-full]::before{font-family:"fa6-witbe";content:"";display:flex;align-items:center;height:.4em;font-size:2.2em}.wds-icon[data-icon=circle-solid]::before,.wds-icon[data-icon=record]::before{font-family:"fa6-witbe";content:""}.wds-icon[data-icon=favorite]::before,.wds-icon[data-icon=star-solid]::before{font-family:"fa6-witbe";content:""}.wds-icon[data-icon=record]{color:var(--wds--red-500)}.wds-icon[data-icon=favorite]{color:var(--wds--yellow-500)}button:disabled .wds-icon[data-icon=favorite],button:disabled .wds-icon[data-icon=record]{color:inherit}.wds-icon-b::before{font-family:"fa6-brands"}.wds-icon-b[data-icon=monero]::before{content:""}.wds-icon-b[data-icon=hooli]::before{content:""}.wds-icon-b[data-icon=yelp]::before{content:""}.wds-icon-b[data-icon=cc-visa]::before{content:""}.wds-icon-b[data-icon=lastfm]::before{content:""}.wds-icon-b[data-icon=shopware]::before{content:""}.wds-icon-b[data-icon=creative-commons-nc]::before{content:""}.wds-icon-b[data-icon=aws]::before{content:""}.wds-icon-b[data-icon=redhat]::before{content:""}.wds-icon-b[data-icon=yoast]::before{content:""}.wds-icon-b[data-icon=cloudflare]::before{content:""}.wds-icon-b[data-icon=ups]::before{content:""}.wds-icon-b[data-icon=pixiv]::before{content:""}.wds-icon-b[data-icon=wpexplorer]::before{content:""}.wds-icon-b[data-icon=dyalog]::before{content:""}.wds-icon-b[data-icon=bity]::before{content:""}.wds-icon-b[data-icon=stackpath]::before{content:""}.wds-icon-b[data-icon=buysellads]::before{content:""}.wds-icon-b[data-icon=first-order]::before{content:""}.wds-icon-b[data-icon=modx]::before{content:""}.wds-icon-b[data-icon=guilded]::before{content:""}.wds-icon-b[data-icon=vnv]::before{content:""}.wds-icon-b[data-icon=js-square]::before,.wds-icon-b[data-icon=square-js]::before{content:""}.wds-icon-b[data-icon=microsoft]::before{content:""}.wds-icon-b[data-icon=qq]::before{content:""}.wds-icon-b[data-icon=orcid]::before{content:""}.wds-icon-b[data-icon=java]::before{content:""}.wds-icon-b[data-icon=invision]::before{content:""}.wds-icon-b[data-icon=creative-commons-pd-alt]::before{content:""}.wds-icon-b[data-icon=centercode]::before{content:""}.wds-icon-b[data-icon=glide-g]::before{content:""}.wds-icon-b[data-icon=drupal]::before{content:""}.wds-icon-b[data-icon=hire-a-helper]::before{content:""}.wds-icon-b[data-icon=creative-commons-by]::before{content:""}.wds-icon-b[data-icon=unity]::before{content:""}.wds-icon-b[data-icon=whmcs]::before{content:""}.wds-icon-b[data-icon=rocketchat]::before{content:""}.wds-icon-b[data-icon=vk]::before{content:""}.wds-icon-b[data-icon=untappd]::before{content:""}.wds-icon-b[data-icon=mailchimp]::before{content:""}.wds-icon-b[data-icon=css3-alt]::before{content:""}.wds-icon-b[data-icon=reddit-square]::before,.wds-icon-b[data-icon=square-reddit]::before{content:""}.wds-icon-b[data-icon=vimeo-v]::before{content:""}.wds-icon-b[data-icon=contao]::before{content:""}.wds-icon-b[data-icon=square-font-awesome]::before{content:""}.wds-icon-b[data-icon=deskpro]::before{content:""}.wds-icon-b[data-icon=brave]::before{content:""}.wds-icon-b[data-icon=sistrix]::before{content:""}.wds-icon-b[data-icon=instagram-square]::before,.wds-icon-b[data-icon=square-instagram]::before{content:""}.wds-icon-b[data-icon=battle-net]::before{content:""}.wds-icon-b[data-icon=the-red-yeti]::before{content:""}.wds-icon-b[data-icon=hacker-news-square]::before,.wds-icon-b[data-icon=square-hacker-news]::before{content:""}.wds-icon-b[data-icon=edge]::before{content:""}.wds-icon-b[data-icon=threads]::before{content:""}.wds-icon-b[data-icon=napster]::before{content:""}.wds-icon-b[data-icon=snapchat-square]::before,.wds-icon-b[data-icon=square-snapchat]::before{content:""}.wds-icon-b[data-icon=google-plus-g]::before{content:""}.wds-icon-b[data-icon=artstation]::before{content:""}.wds-icon-b[data-icon=markdown]::before{content:""}.wds-icon-b[data-icon=sourcetree]::before{content:""}.wds-icon-b[data-icon=google-plus]::before{content:""}.wds-icon-b[data-icon=diaspora]::before{content:""}.wds-icon-b[data-icon=foursquare]::before{content:""}.wds-icon-b[data-icon=stack-overflow]::before{content:""}.wds-icon-b[data-icon=github-alt]::before{content:""}.wds-icon-b[data-icon=phoenix-squadron]::before{content:""}.wds-icon-b[data-icon=pagelines]::before{content:""}.wds-icon-b[data-icon=algolia]::before{content:""}.wds-icon-b[data-icon=red-river]::before{content:""}.wds-icon-b[data-icon=creative-commons-sa]::before{content:""}.wds-icon-b[data-icon=safari]::before{content:""}.wds-icon-b[data-icon=google]::before{content:""}.wds-icon-b[data-icon=font-awesome-alt]::before,.wds-icon-b[data-icon=square-font-awesome-stroke]::before{content:""}.wds-icon-b[data-icon=atlassian]::before{content:""}.wds-icon-b[data-icon=linkedin-in]::before{content:""}.wds-icon-b[data-icon=digital-ocean]::before{content:""}.wds-icon-b[data-icon=nimblr]::before{content:""}.wds-icon-b[data-icon=chromecast]::before{content:""}.wds-icon-b[data-icon=evernote]::before{content:""}.wds-icon-b[data-icon=hacker-news]::before{content:""}.wds-icon-b[data-icon=creative-commons-sampling]::before{content:""}.wds-icon-b[data-icon=adversal]::before{content:""}.wds-icon-b[data-icon=creative-commons]::before{content:""}.wds-icon-b[data-icon=watchman-monitoring]::before{content:""}.wds-icon-b[data-icon=fonticons]::before{content:""}.wds-icon-b[data-icon=weixin]::before{content:""}.wds-icon-b[data-icon=shirtsinbulk]::before{content:""}.wds-icon-b[data-icon=codepen]::before{content:""}.wds-icon-b[data-icon=git-alt]::before{content:""}.wds-icon-b[data-icon=lyft]::before{content:""}.wds-icon-b[data-icon=rev]::before{content:""}.wds-icon-b[data-icon=windows]::before{content:""}.wds-icon-b[data-icon=wizards-of-the-coast]::before{content:""}.wds-icon-b[data-icon=square-viadeo]::before,.wds-icon-b[data-icon=viadeo-square]::before{content:""}.wds-icon-b[data-icon=meetup]::before{content:""}.wds-icon-b[data-icon=centos]::before{content:""}.wds-icon-b[data-icon=adn]::before{content:""}.wds-icon-b[data-icon=cloudsmith]::before{content:""}.wds-icon-b[data-icon=opensuse]::before{content:""}.wds-icon-b[data-icon=pied-piper-alt]::before{content:""}.wds-icon-b[data-icon=dribbble-square]::before,.wds-icon-b[data-icon=square-dribbble]::before{content:""}.wds-icon-b[data-icon=codiepie]::before{content:""}.wds-icon-b[data-icon=node]::before{content:""}.wds-icon-b[data-icon=mix]::before{content:""}.wds-icon-b[data-icon=steam]::before{content:""}.wds-icon-b[data-icon=cc-apple-pay]::before{content:""}.wds-icon-b[data-icon=scribd]::before{content:""}.wds-icon-b[data-icon=debian]::before{content:""}.wds-icon-b[data-icon=openid]::before{content:""}.wds-icon-b[data-icon=instalod]::before{content:""}.wds-icon-b[data-icon=expeditedssl]::before{content:""}.wds-icon-b[data-icon=sellcast]::before{content:""}.wds-icon-b[data-icon=square-twitter]::before,.wds-icon-b[data-icon=twitter-square]::before{content:""}.wds-icon-b[data-icon=r-project]::before{content:""}.wds-icon-b[data-icon=delicious]::before{content:""}.wds-icon-b[data-icon=freebsd]::before{content:""}.wds-icon-b[data-icon=vuejs]::before{content:""}.wds-icon-b[data-icon=accusoft]::before{content:""}.wds-icon-b[data-icon=ioxhost]::before{content:""}.wds-icon-b[data-icon=fonticons-fi]::before{content:""}.wds-icon-b[data-icon=app-store]::before{content:""}.wds-icon-b[data-icon=cc-mastercard]::before{content:""}.wds-icon-b[data-icon=itunes-note]::before{content:""}.wds-icon-b[data-icon=golang]::before{content:""}.wds-icon-b[data-icon=kickstarter]::before{content:""}.wds-icon-b[data-icon=grav]::before{content:""}.wds-icon-b[data-icon=weibo]::before{content:""}.wds-icon-b[data-icon=uncharted]::before{content:""}.wds-icon-b[data-icon=firstdraft]::before{content:""}.wds-icon-b[data-icon=square-youtube]::before,.wds-icon-b[data-icon=youtube-square]::before{content:""}.wds-icon-b[data-icon=wikipedia-w]::before{content:""}.wds-icon-b[data-icon=rendact]::before,.wds-icon-b[data-icon=wpressr]::before{content:""}.wds-icon-b[data-icon=angellist]::before{content:""}.wds-icon-b[data-icon=galactic-republic]::before{content:""}.wds-icon-b[data-icon=nfc-directional]::before{content:""}.wds-icon-b[data-icon=skype]::before{content:""}.wds-icon-b[data-icon=joget]::before{content:""}.wds-icon-b[data-icon=fedora]::before{content:""}.wds-icon-b[data-icon=stripe-s]::before{content:""}.wds-icon-b[data-icon=meta]::before{content:""}.wds-icon-b[data-icon=laravel]::before{content:""}.wds-icon-b[data-icon=hotjar]::before{content:""}.wds-icon-b[data-icon=bluetooth-b]::before{content:""}.wds-icon-b[data-icon=square-letterboxd]::before{content:""}.wds-icon-b[data-icon=sticker-mule]::before{content:""}.wds-icon-b[data-icon=creative-commons-zero]::before{content:""}.wds-icon-b[data-icon=hips]::before{content:""}.wds-icon-b[data-icon=behance]::before{content:""}.wds-icon-b[data-icon=reddit]::before{content:""}.wds-icon-b[data-icon=discord]::before{content:""}.wds-icon-b[data-icon=chrome]::before{content:""}.wds-icon-b[data-icon=app-store-ios]::before{content:""}.wds-icon-b[data-icon=cc-discover]::before{content:""}.wds-icon-b[data-icon=wpbeginner]::before{content:""}.wds-icon-b[data-icon=confluence]::before{content:""}.wds-icon-b[data-icon=shoelace]::before{content:""}.wds-icon-b[data-icon=mdb]::before{content:""}.wds-icon-b[data-icon=dochub]::before{content:""}.wds-icon-b[data-icon=accessible-icon]::before{content:""}.wds-icon-b[data-icon=ebay]::before{content:""}.wds-icon-b[data-icon=amazon]::before{content:""}.wds-icon-b[data-icon=unsplash]::before{content:""}.wds-icon-b[data-icon=yarn]::before{content:""}.wds-icon-b[data-icon=square-steam]::before,.wds-icon-b[data-icon=steam-square]::before{content:""}.wds-icon-b[data-icon="500px"]::before{content:""}.wds-icon-b[data-icon=square-vimeo]::before,.wds-icon-b[data-icon=vimeo-square]::before{content:""}.wds-icon-b[data-icon=asymmetrik]::before{content:""}.wds-icon-b[data-icon=font-awesome-flag]::before,.wds-icon-b[data-icon=font-awesome-logo-full]::before,.wds-icon-b[data-icon=font-awesome]::before{content:""}.wds-icon-b[data-icon=gratipay]::before{content:""}.wds-icon-b[data-icon=apple]::before{content:""}.wds-icon-b[data-icon=hive]::before{content:""}.wds-icon-b[data-icon=gitkraken]::before{content:""}.wds-icon-b[data-icon=keybase]::before{content:""}.wds-icon-b[data-icon=apple-pay]::before{content:""}.wds-icon-b[data-icon=padlet]::before{content:""}.wds-icon-b[data-icon=amazon-pay]::before{content:""}.wds-icon-b[data-icon=github-square]::before,.wds-icon-b[data-icon=square-github]::before{content:""}.wds-icon-b[data-icon=stumbleupon]::before{content:""}.wds-icon-b[data-icon=fedex]::before{content:""}.wds-icon-b[data-icon=phoenix-framework]::before{content:""}.wds-icon-b[data-icon=shopify]::before{content:""}.wds-icon-b[data-icon=neos]::before{content:""}.wds-icon-b[data-icon=square-threads]::before{content:""}.wds-icon-b[data-icon=hackerrank]::before{content:""}.wds-icon-b[data-icon=researchgate]::before{content:""}.wds-icon-b[data-icon=swift]::before{content:""}.wds-icon-b[data-icon=angular]::before{content:""}.wds-icon-b[data-icon=speakap]::before{content:""}.wds-icon-b[data-icon=angrycreative]::before{content:""}.wds-icon-b[data-icon=y-combinator]::before{content:""}.wds-icon-b[data-icon=empire]::before{content:""}.wds-icon-b[data-icon=envira]::before{content:""}.wds-icon-b[data-icon=google-scholar]::before{content:""}.wds-icon-b[data-icon=gitlab-square]::before,.wds-icon-b[data-icon=square-gitlab]::before{content:""}.wds-icon-b[data-icon=studiovinari]::before{content:""}.wds-icon-b[data-icon=pied-piper]::before{content:""}.wds-icon-b[data-icon=wordpress]::before{content:""}.wds-icon-b[data-icon=product-hunt]::before{content:""}.wds-icon-b[data-icon=firefox]::before{content:""}.wds-icon-b[data-icon=linode]::before{content:""}.wds-icon-b[data-icon=goodreads]::before{content:""}.wds-icon-b[data-icon=odnoklassniki-square]::before,.wds-icon-b[data-icon=square-odnoklassniki]::before{content:""}.wds-icon-b[data-icon=jsfiddle]::before{content:""}.wds-icon-b[data-icon=sith]::before{content:""}.wds-icon-b[data-icon=themeisle]::before{content:""}.wds-icon-b[data-icon=page4]::before{content:""}.wds-icon-b[data-icon=hashnode]::before{content:""}.wds-icon-b[data-icon=react]::before{content:""}.wds-icon-b[data-icon=cc-paypal]::before{content:""}.wds-icon-b[data-icon=squarespace]::before{content:""}.wds-icon-b[data-icon=cc-stripe]::before{content:""}.wds-icon-b[data-icon=creative-commons-share]::before{content:""}.wds-icon-b[data-icon=bitcoin]::before{content:""}.wds-icon-b[data-icon=keycdn]::before{content:""}.wds-icon-b[data-icon=opera]::before{content:""}.wds-icon-b[data-icon=itch-io]::before{content:""}.wds-icon-b[data-icon=umbraco]::before{content:""}.wds-icon-b[data-icon=galactic-senate]::before{content:""}.wds-icon-b[data-icon=ubuntu]::before{content:""}.wds-icon-b[data-icon=draft2digital]::before{content:""}.wds-icon-b[data-icon=stripe]::before{content:""}.wds-icon-b[data-icon=houzz]::before{content:""}.wds-icon-b[data-icon=gg]::before{content:""}.wds-icon-b[data-icon=dhl]::before{content:""}.wds-icon-b[data-icon=pinterest-square]::before,.wds-icon-b[data-icon=square-pinterest]::before{content:""}.wds-icon-b[data-icon=xing]::before{content:""}.wds-icon-b[data-icon=blackberry]::before{content:""}.wds-icon-b[data-icon=creative-commons-pd]::before{content:""}.wds-icon-b[data-icon=playstation]::before{content:""}.wds-icon-b[data-icon=quinscape]::before{content:""}.wds-icon-b[data-icon=less]::before{content:""}.wds-icon-b[data-icon=blogger-b]::before{content:""}.wds-icon-b[data-icon=opencart]::before{content:""}.wds-icon-b[data-icon=vine]::before{content:""}.wds-icon-b[data-icon=signal-messenger]::before{content:""}.wds-icon-b[data-icon=paypal]::before{content:""}.wds-icon-b[data-icon=gitlab]::before{content:""}.wds-icon-b[data-icon=typo3]::before{content:""}.wds-icon-b[data-icon=reddit-alien]::before{content:""}.wds-icon-b[data-icon=yahoo]::before{content:""}.wds-icon-b[data-icon=dailymotion]::before{content:""}.wds-icon-b[data-icon=affiliatetheme]::before{content:""}.wds-icon-b[data-icon=pied-piper-pp]::before{content:""}.wds-icon-b[data-icon=bootstrap]::before{content:""}.wds-icon-b[data-icon=odnoklassniki]::before{content:""}.wds-icon-b[data-icon=nfc-symbol]::before{content:""}.wds-icon-b[data-icon=mintbit]::before{content:""}.wds-icon-b[data-icon=ethereum]::before{content:""}.wds-icon-b[data-icon=speaker-deck]::before{content:""}.wds-icon-b[data-icon=creative-commons-nc-eu]::before{content:""}.wds-icon-b[data-icon=patreon]::before{content:""}.wds-icon-b[data-icon=avianex]::before{content:""}.wds-icon-b[data-icon=ello]::before{content:""}.wds-icon-b[data-icon=gofore]::before{content:""}.wds-icon-b[data-icon=bimobject]::before{content:""}.wds-icon-b[data-icon=brave-reverse]::before{content:""}.wds-icon-b[data-icon=facebook-f]::before{content:""}.wds-icon-b[data-icon=google-plus-square]::before,.wds-icon-b[data-icon=square-google-plus]::before{content:""}.wds-icon-b[data-icon=mandalorian]::before{content:""}.wds-icon-b[data-icon=first-order-alt]::before{content:""}.wds-icon-b[data-icon=osi]::before{content:""}.wds-icon-b[data-icon=google-wallet]::before{content:""}.wds-icon-b[data-icon=d-and-d-beyond]::before{content:""}.wds-icon-b[data-icon=periscope]::before{content:""}.wds-icon-b[data-icon=fulcrum]::before{content:""}.wds-icon-b[data-icon=cloudscale]::before{content:""}.wds-icon-b[data-icon=forumbee]::before{content:""}.wds-icon-b[data-icon=mizuni]::before{content:""}.wds-icon-b[data-icon=schlix]::before{content:""}.wds-icon-b[data-icon=square-xing]::before,.wds-icon-b[data-icon=xing-square]::before{content:""}.wds-icon-b[data-icon=bandcamp]::before{content:""}.wds-icon-b[data-icon=wpforms]::before{content:""}.wds-icon-b[data-icon=cloudversify]::before{content:""}.wds-icon-b[data-icon=usps]::before{content:""}.wds-icon-b[data-icon=megaport]::before{content:""}.wds-icon-b[data-icon=magento]::before{content:""}.wds-icon-b[data-icon=spotify]::before{content:""}.wds-icon-b[data-icon=optin-monster]::before{content:""}.wds-icon-b[data-icon=fly]::before{content:""}.wds-icon-b[data-icon=aviato]::before{content:""}.wds-icon-b[data-icon=itunes]::before{content:""}.wds-icon-b[data-icon=cuttlefish]::before{content:""}.wds-icon-b[data-icon=blogger]::before{content:""}.wds-icon-b[data-icon=flickr]::before{content:""}.wds-icon-b[data-icon=viber]::before{content:""}.wds-icon-b[data-icon=soundcloud]::before{content:""}.wds-icon-b[data-icon=digg]::before{content:""}.wds-icon-b[data-icon=tencent-weibo]::before{content:""}.wds-icon-b[data-icon=letterboxd]::before{content:""}.wds-icon-b[data-icon=symfony]::before{content:""}.wds-icon-b[data-icon=maxcdn]::before{content:""}.wds-icon-b[data-icon=etsy]::before{content:""}.wds-icon-b[data-icon=facebook-messenger]::before{content:""}.wds-icon-b[data-icon=audible]::before{content:""}.wds-icon-b[data-icon=think-peaks]::before{content:""}.wds-icon-b[data-icon=bilibili]::before{content:""}.wds-icon-b[data-icon=erlang]::before{content:""}.wds-icon-b[data-icon=x-twitter]::before{content:""}.wds-icon-b[data-icon=cotton-bureau]::before{content:""}.wds-icon-b[data-icon=dashcube]::before{content:""}.wds-icon-b[data-icon="42-group"]::before,.wds-icon-b[data-icon=innosoft]::before{content:""}.wds-icon-b[data-icon=stack-exchange]::before{content:""}.wds-icon-b[data-icon=elementor]::before{content:""}.wds-icon-b[data-icon=pied-piper-square]::before,.wds-icon-b[data-icon=square-pied-piper]::before{content:""}.wds-icon-b[data-icon=creative-commons-nd]::before{content:""}.wds-icon-b[data-icon=palfed]::before{content:""}.wds-icon-b[data-icon=superpowers]::before{content:""}.wds-icon-b[data-icon=resolving]::before{content:""}.wds-icon-b[data-icon=xbox]::before{content:""}.wds-icon-b[data-icon=searchengin]::before{content:""}.wds-icon-b[data-icon=tiktok]::before{content:""}.wds-icon-b[data-icon=facebook-square]::before,.wds-icon-b[data-icon=square-facebook]::before{content:""}.wds-icon-b[data-icon=renren]::before{content:""}.wds-icon-b[data-icon=linux]::before{content:""}.wds-icon-b[data-icon=glide]::before{content:""}.wds-icon-b[data-icon=linkedin]::before{content:""}.wds-icon-b[data-icon=hubspot]::before{content:""}.wds-icon-b[data-icon=deploydog]::before{content:""}.wds-icon-b[data-icon=twitch]::before{content:""}.wds-icon-b[data-icon=ravelry]::before{content:""}.wds-icon-b[data-icon=mixer]::before{content:""}.wds-icon-b[data-icon=lastfm-square]::before,.wds-icon-b[data-icon=square-lastfm]::before{content:""}.wds-icon-b[data-icon=vimeo]::before{content:""}.wds-icon-b[data-icon=mendeley]::before{content:""}.wds-icon-b[data-icon=uniregistry]::before{content:""}.wds-icon-b[data-icon=figma]::before{content:""}.wds-icon-b[data-icon=creative-commons-remix]::before{content:""}.wds-icon-b[data-icon=cc-amazon-pay]::before{content:""}.wds-icon-b[data-icon=dropbox]::before{content:""}.wds-icon-b[data-icon=instagram]::before{content:""}.wds-icon-b[data-icon=cmplid]::before{content:""}.wds-icon-b[data-icon=upwork]::before{content:""}.wds-icon-b[data-icon=facebook]::before{content:""}.wds-icon-b[data-icon=gripfire]::before{content:""}.wds-icon-b[data-icon=jedi-order]::before{content:""}.wds-icon-b[data-icon=uikit]::before{content:""}.wds-icon-b[data-icon=fort-awesome-alt]::before{content:""}.wds-icon-b[data-icon=phabricator]::before{content:""}.wds-icon-b[data-icon=ussunnah]::before{content:""}.wds-icon-b[data-icon=earlybirds]::before{content:""}.wds-icon-b[data-icon=trade-federation]::before{content:""}.wds-icon-b[data-icon=autoprefixer]::before{content:""}.wds-icon-b[data-icon=whatsapp]::before{content:""}.wds-icon-b[data-icon=slideshare]::before{content:""}.wds-icon-b[data-icon=google-play]::before{content:""}.wds-icon-b[data-icon=viadeo]::before{content:""}.wds-icon-b[data-icon=line]::before{content:""}.wds-icon-b[data-icon=google-drive]::before{content:""}.wds-icon-b[data-icon=servicestack]::before{content:""}.wds-icon-b[data-icon=simplybuilt]::before{content:""}.wds-icon-b[data-icon=bitbucket]::before{content:""}.wds-icon-b[data-icon=imdb]::before{content:""}.wds-icon-b[data-icon=deezer]::before{content:""}.wds-icon-b[data-icon=raspberry-pi]::before{content:""}.wds-icon-b[data-icon=jira]::before{content:""}.wds-icon-b[data-icon=docker]::before{content:""}.wds-icon-b[data-icon=screenpal]::before{content:""}.wds-icon-b[data-icon=bluetooth]::before{content:""}.wds-icon-b[data-icon=gitter]::before{content:""}.wds-icon-b[data-icon=d-and-d]::before{content:""}.wds-icon-b[data-icon=microblog]::before{content:""}.wds-icon-b[data-icon=cc-diners-club]::before{content:""}.wds-icon-b[data-icon=gg-circle]::before{content:""}.wds-icon-b[data-icon=pied-piper-hat]::before{content:""}.wds-icon-b[data-icon=kickstarter-k]::before{content:""}.wds-icon-b[data-icon=yandex]::before{content:""}.wds-icon-b[data-icon=readme]::before{content:""}.wds-icon-b[data-icon=html5]::before{content:""}.wds-icon-b[data-icon=sellsy]::before{content:""}.wds-icon-b[data-icon=sass]::before{content:""}.wds-icon-b[data-icon=wirsindhandwerk]::before,.wds-icon-b[data-icon=wsh]::before{content:""}.wds-icon-b[data-icon=buromobelexperte]::before{content:""}.wds-icon-b[data-icon=salesforce]::before{content:""}.wds-icon-b[data-icon=octopus-deploy]::before{content:""}.wds-icon-b[data-icon=medapps]::before{content:""}.wds-icon-b[data-icon=ns8]::before{content:""}.wds-icon-b[data-icon=pinterest-p]::before{content:""}.wds-icon-b[data-icon=apper]::before{content:""}.wds-icon-b[data-icon=fort-awesome]::before{content:""}.wds-icon-b[data-icon=waze]::before{content:""}.wds-icon-b[data-icon=cc-jcb]::before{content:""}.wds-icon-b[data-icon=snapchat-ghost]::before,.wds-icon-b[data-icon=snapchat]::before{content:""}.wds-icon-b[data-icon=fantasy-flight-games]::before{content:""}.wds-icon-b[data-icon=rust]::before{content:""}.wds-icon-b[data-icon=wix]::before{content:""}.wds-icon-b[data-icon=behance-square]::before,.wds-icon-b[data-icon=square-behance]::before{content:""}.wds-icon-b[data-icon=supple]::before{content:""}.wds-icon-b[data-icon=webflow]::before{content:""}.wds-icon-b[data-icon=rebel]::before{content:""}.wds-icon-b[data-icon=css3]::before{content:""}.wds-icon-b[data-icon=staylinked]::before{content:""}.wds-icon-b[data-icon=kaggle]::before{content:""}.wds-icon-b[data-icon=space-awesome]::before{content:""}.wds-icon-b[data-icon=deviantart]::before{content:""}.wds-icon-b[data-icon=cpanel]::before{content:""}.wds-icon-b[data-icon=goodreads-g]::before{content:""}.wds-icon-b[data-icon=git-square]::before,.wds-icon-b[data-icon=square-git]::before{content:""}.wds-icon-b[data-icon=square-tumblr]::before,.wds-icon-b[data-icon=tumblr-square]::before{content:""}.wds-icon-b[data-icon=trello]::before{content:""}.wds-icon-b[data-icon=creative-commons-nc-jp]::before{content:""}.wds-icon-b[data-icon=get-pocket]::before{content:""}.wds-icon-b[data-icon=perbyte]::before{content:""}.wds-icon-b[data-icon=grunt]::before{content:""}.wds-icon-b[data-icon=weebly]::before{content:""}.wds-icon-b[data-icon=connectdevelop]::before{content:""}.wds-icon-b[data-icon=leanpub]::before{content:""}.wds-icon-b[data-icon=black-tie]::before{content:""}.wds-icon-b[data-icon=themeco]::before{content:""}.wds-icon-b[data-icon=python]::before{content:""}.wds-icon-b[data-icon=android]::before{content:""}.wds-icon-b[data-icon=bots]::before{content:""}.wds-icon-b[data-icon=free-code-camp]::before{content:""}.wds-icon-b[data-icon=hornbill]::before{content:""}.wds-icon-b[data-icon=js]::before{content:""}.wds-icon-b[data-icon=ideal]::before{content:""}.wds-icon-b[data-icon=git]::before{content:""}.wds-icon-b[data-icon=dev]::before{content:""}.wds-icon-b[data-icon=sketch]::before{content:""}.wds-icon-b[data-icon=yandex-international]::before{content:""}.wds-icon-b[data-icon=cc-amex]::before{content:""}.wds-icon-b[data-icon=uber]::before{content:""}.wds-icon-b[data-icon=github]::before{content:""}.wds-icon-b[data-icon=php]::before{content:""}.wds-icon-b[data-icon=alipay]::before{content:""}.wds-icon-b[data-icon=youtube]::before{content:""}.wds-icon-b[data-icon=skyatlas]::before{content:""}.wds-icon-b[data-icon=firefox-browser]::before{content:""}.wds-icon-b[data-icon=replyd]::before{content:""}.wds-icon-b[data-icon=suse]::before{content:""}.wds-icon-b[data-icon=jenkins]::before{content:""}.wds-icon-b[data-icon=twitter]::before{content:""}.wds-icon-b[data-icon=rockrms]::before{content:""}.wds-icon-b[data-icon=pinterest]::before{content:""}.wds-icon-b[data-icon=buffer]::before{content:""}.wds-icon-b[data-icon=npm]::before{content:""}.wds-icon-b[data-icon=yammer]::before{content:""}.wds-icon-b[data-icon=btc]::before{content:""}.wds-icon-b[data-icon=dribbble]::before{content:""}.wds-icon-b[data-icon=stumbleupon-circle]::before{content:""}.wds-icon-b[data-icon=internet-explorer]::before{content:""}.wds-icon-b[data-icon=stubber]::before{content:""}.wds-icon-b[data-icon=telegram-plane]::before,.wds-icon-b[data-icon=telegram]::before{content:""}.wds-icon-b[data-icon=old-republic]::before{content:""}.wds-icon-b[data-icon=odysee]::before{content:""}.wds-icon-b[data-icon=square-whatsapp]::before,.wds-icon-b[data-icon=whatsapp-square]::before{content:""}.wds-icon-b[data-icon=node-js]::before{content:""}.wds-icon-b[data-icon=edge-legacy]::before{content:""}.wds-icon-b[data-icon=slack-hash]::before,.wds-icon-b[data-icon=slack]::before{content:""}.wds-icon-b[data-icon=medrt]::before{content:""}.wds-icon-b[data-icon=usb]::before{content:""}.wds-icon-b[data-icon=tumblr]::before{content:""}.wds-icon-b[data-icon=vaadin]::before{content:""}.wds-icon-b[data-icon=quora]::before{content:""}.wds-icon-b[data-icon=square-x-twitter]::before{content:""}.wds-icon-b[data-icon=reacteurope]::before{content:""}.wds-icon-b[data-icon=medium-m]::before,.wds-icon-b[data-icon=medium]::before{content:""}.wds-icon-b[data-icon=amilia]::before{content:""}.wds-icon-b[data-icon=mixcloud]::before{content:""}.wds-icon-b[data-icon=flipboard]::before{content:""}.wds-icon-b[data-icon=viacoin]::before{content:""}.wds-icon-b[data-icon=critical-role]::before{content:""}.wds-icon-b[data-icon=sitrox]::before{content:""}.wds-icon-b[data-icon=discourse]::before{content:""}.wds-icon-b[data-icon=joomla]::before{content:""}.wds-icon-b[data-icon=mastodon]::before{content:""}.wds-icon-b[data-icon=airbnb]::before{content:""}.wds-icon-b[data-icon=wolf-pack-battalion]::before{content:""}.wds-icon-b[data-icon=buy-n-large]::before{content:""}.wds-icon-b[data-icon=gulp]::before{content:""}.wds-icon-b[data-icon=creative-commons-sampling-plus]::before{content:""}.wds-icon-b[data-icon=strava]::before{content:""}.wds-icon-b[data-icon=ember]::before{content:""}.wds-icon-b[data-icon=canadian-maple-leaf]::before{content:""}.wds-icon-b[data-icon=teamspeak]::before{content:""}.wds-icon-b[data-icon=pushed]::before{content:""}.wds-icon-b[data-icon=wordpress-simple]::before{content:""}.wds-icon-b[data-icon=nutritionix]::before{content:""}.wds-icon-b[data-icon=wodu]::before{content:""}.wds-icon-b[data-icon=google-pay]::before{content:""}.wds-icon-b[data-icon=intercom]::before{content:""}.wds-icon-b[data-icon=zhihu]::before{content:""}.wds-icon-b[data-icon=korvue]::before{content:""}.wds-icon-b[data-icon=pix]::before{content:""}.wds-icon-b[data-icon=steam-symbol]::before{content:""}.wds-flex{display:flex}.wds-flex-inline{display:inline-flex}.wds-flex-wrap{flex-wrap:wrap}.wds-flex-y{flex-direction:column}.wds-flex-x.wds-flex-revert{flex-direction:row-reverse}.wds-flex-y.wds-flex-revert{flex-direction:column-reverse}.wds-flex-x.wds-flex-xstart{justify-content:start}.wds-flex-x.wds-flex-xcenter{justify-content:center}.wds-flex-x.wds-flex-xend{justify-content:end}.wds-flex-y.wds-flex-xstart{align-items:start}.wds-flex-y.wds-flex-xcenter{align-items:center}.wds-flex-y.wds-flex-xend{align-items:end}.wds-flex-x.wds-flex-ystart{align-items:start}.wds-flex-x.wds-flex-ycenter{align-items:center}.wds-flex-x.wds-flex-yend{align-items:end}.wds-flex-y.wds-flex-ystart{justify-content:start}.wds-flex-y.wds-flex-ycenter{justify-content:center}.wds-flex-y.wds-flex-yend{justify-content:end}.wds-flex-grow-1{flex:1}.wds-flex-grow-2{flex:2}.wds-flex-grow-3{flex:3}.wds-flex-grow-4{flex:4}.wds-flex-grow-5{flex:5}.wds-flex-gap-2{gap:2px}.wds-flex-gap-4{gap:4px}.wds-flex-gap-6{gap:6px}.wds-flex-gap-10{gap:10px}.wds-flex-gap-16{gap:16px}.wds-flex-gap-26{gap:26px}.wds-flex-gap-42{gap:42px}.wds-flex-gap-68{gap:68px}.wds-card{width:100%;padding:16px;border-radius:6px;background-color:var(--wds-item-bg);transition:.2s background-color}.wds-card[data-wds-selectable]:hover{cursor:pointer;background-color:var(--wds-item-bg-hover)}.wds-card[data-wds-selected]{color:var(--wds-item-txt-selected);background-color:var(--wds-item-bg-selected)}.wds-card[data-wds-selectable][data-wds-selected]:hover{background-color:var(--wds-item-bg-selected-hover)}.wds-cardColored{--wds-status-color:var(--wds-cardColored-grey);position:relative;display:flex;width:min-content;margin-top:10px;padding:26px 16px 16px;border-radius:10px;background-color:var(--wds-cardColored-bg)}.wds-cardColored[data-wds-color=red]{--wds-status-color:var(--wds-cardColored-red)}.wds-cardColored[data-wds-color=cyan]{--wds-status-color:var(--wds-cardColored-cyan)}.wds-cardColored[data-wds-color=green]{--wds-status-color:var(--wds-cardColored-green)}.wds-cardColored[data-wds-color=orange]{--wds-status-color:var(--wds-cardColored-orange)}.wds-cardColored[data-wds-color=purple]{--wds-status-color:var(--wds-cardColored-purple)}.wds-cardColored[data-wds-color=yellow]{--wds-status-color:var(--wds-cardColored-yellow)}.wds-cardColored[data-wds-status=progress]{--wds-status-color:var(--wds-cardColored-purple)}.wds-cardColored[data-wds-status=success]{--wds-status-color:var(--wds-cardColored-green)}.wds-cardColored[data-wds-status=warning]{--wds-status-color:var(--wds-cardColored-orange)}.wds-cardColored[data-wds-status=error]{--wds-status-color:var(--wds-cardColored-red)}.wds-cardColored::before{position:absolute;content:"";inset:auto 16px 100%;height:10px;border-radius:6px 6px 0 0;background-color:var(--wds-status-color)}.wds-cardColored-content{overflow:auto;display:flex;flex-direction:column;width:100%}.wds-searchText mark{background-color:var(--wds-searchText-mark-bg)}.wds-avatar,.wds-icon{align-items:center;justify-content:center}.wds-icon{position:relative;display:inline-flex;font-style:normal;font-variant:normal;font-weight:400;font-family:"fa6";font-display:block;line-height:1;text-align:center;text-rendering:auto;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}i.wds-icon{pointer-events:none}.wds-icon[data-icon=""]{display:none}.wds-avatar{display:flex;flex-direction:column;overflow:hidden;gap:10px;border-radius:50%;background-color:var(--wds-avatar-bg)}.wds-avatar[data-wds-disabled]{opacity:.35}.wds-avatar[data-wds-size=small]{width:30px;height:30px;min-width:30px;font-size:14px}.wds-avatar[data-wds-size=medium]{width:42px;height:42px;min-width:42px;font-size:18px}.wds-avatar[data-wds-size=large]{width:110px;height:110px;min-width:110px;font-size:40px}.wds-avatar-img{width:100%;height:100%;object-fit:cover}.wds-avatar-span{display:flex;align-items:center;color:var(--wds-avatar-txt);text-transform:uppercase;user-select:none}.wds-avatar-span:empty::before{content:"?"}.wds-button{--h:auto;--hover-bg:transparent;--active-color:inherit;--active-bg:transparent;--focus-shadow:var(--wds--shadOn-focus);--underline:underline;display:flex;align-items:center;justify-content:center;width:fit-content;height:var(--h);min-height:var(--h);margin:0;border:0;border-radius:6px;color:inherit;font-size:16px;font-family:inherit;font-weight:600;cursor:pointer;background:0 0;box-shadow:var(--wds--shadOff);transition:color .2s,background-color .2s}.wds-button-revert{flex-direction:row-reverse}.wds-button-onlyIcon{width:var(--h);min-width:var(--h)}.wds-button[data-size=small]{--h:30px;gap:6px;padding:0 10px}.wds-button[data-size=medium]{--h:34px;gap:10px;padding:0 16px}.wds-button[data-size=large]{--h:42px;gap:16px;padding:0 26px}.wds-button-onlyIcon[data-size],.wds-tableSimple thead td{padding:0}.wds-button[data-model=primary]{color:var(--wds-button-primary-txt);--active-color:var(--wds-button-primary-txt-active);--hover-bg:var(--wds-button-primary-bg-hover);--active-bg:var(--wds-button-primary-bg-active);--focus-shadow:var(--wds-button-primary-shadOn-focus);--underline:none;background-color:var(--wds-button-primary-bg)}.wds-button[data-model=secondary]{color:var(--wds-button-secondary-txt);--active-color:var(--wds-button-secondary-txt-active);--hover-bg:var(--wds-button-secondary-bg-hover);--active-bg:var(--wds-button-secondary-bg-active);--focus-shadow:var(--wds-button-secondary-shadOn-focus);--underline:none;background-color:var(--wds-button-secondary-bg)}.wds-button[data-model=danger]{color:var(--wds-button-danger-txt);--active-color:var(--wds-button-danger-txt-active);--hover-bg:var(--wds-button-danger-bg-hover);--active-bg:var(--wds-button-danger-bg-active);--focus-shadow:var(--wds-button-danger-shadOn-focus);--underline:none;background-color:var(--wds-button-danger-bg)}.wds-button[data-model=link],.wds-button[data-model=textLink]{color:var(--wds-link-txt)}.wds-button[data-model=textLink]{--focus-shadow:0 0 0 1px;display:inline-flex;height:auto;min-height:unset;padding:0;border-radius:3px}.wds-button:hover{background-color:var(--hover-bg)}.wds-button:active{color:var(--active-color);background-color:var(--active-bg)}.wds-button.wds-button-toggled{color:var(--wds-item-txt-selected);background-color:var(--wds-item-bg-selected)}.wds-button:focus-visible{outline:0;box-shadow:var(--focus-shadow);transition:box-shadow .2s}.wds-button:disabled{color:var(--wds-button-disabled-txt);cursor:not-allowed;background-color:var(--wds-button-disabled-bg)}.wds-button[data-model=link],.wds-button[data-model=textLink]{background-color:transparent}.wds-button-text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;pointer-events:none}.wds-button:hover .wds-button-text{text-decoration:var(--underline)}.wds-link{display:inline-flex;align-items:center;justify-content:center;width:fit-content;gap:.7ch;border-radius:3px;color:var(--wds-link-txt);font-weight:700;text-decoration:none;cursor:pointer;box-shadow:var(--wds--shadOff);transition:color .2s}.wds-link[data-wds-status=info]{color:var(--wds-link-info-txt)}.wds-link[data-wds-status=success]{color:var(--wds-link-success-txt)}.wds-link[data-wds-status=warning]{color:var(--wds-link-warning-txt)}.wds-link[data-wds-status=error]{color:var(--wds-link-error-txt)}.wds-link-revert{flex-direction:row-reverse}.wds-link-disabled,.wds-link-readOnly{display:inline-flex;align-items:center;font-weight:700;cursor:default;color:var(--wds--txt)}.wds-link-disabled{cursor:not-allowed;color:var(--wds--txt-disabled)}.wds-link:visited{filter:brightness(.7)}.wds-link:focus-visible{outline:0;transition:box-shadow .2s;box-shadow:0 0 0 1px}.wds-link-disableVisited:visited{color:var(--wds-link-txt)}.wds-link:not(.wds-link-disabled):not(.wds-link-readOnly):hover span,.wds-link:not(.wds-link-disabled):not(.wds-link-readOnly):not(:has(.wds-icon)):hover{text-decoration:underline}.wds-link *{pointer-events:none}.wds-tag{position:relative;overflow:hidden;display:flex;flex-wrap:nowrap;width:fit-content;min-width:fit-content;height:25px;padding:0 10px;border-radius:100px;white-space:nowrap;font-size:12px;font-weight:400;font-family:inherit;transition:.2s background-color}.wds-tag[data-wds-size=small]{height:19px}.wds-tag[data-wds-color=red]{color:var(--wds-tag-txt-red);background-color:var(--wds-tag-bg-red);--wds-tag-hover:var(--wds-tag-bg-red-hover)}.wds-tag[data-wds-color=cyan]{color:var(--wds-tag-txt-cyan);background-color:var(--wds-tag-bg-cyan);--wds-tag-hover:var(--wds-tag-bg-cyan-hover)}.wds-tag[data-wds-color=grey]{color:var(--wds-tag-txt-grey);background-color:var(--wds-tag-bg-grey);--wds-tag-hover:var(--wds-tag-bg-grey-hover)}.wds-tag[data-wds-color=green]{color:var(--wds-tag-txt-green);background-color:var(--wds-tag-bg-green);--wds-tag-hover:var(--wds-tag-bg-green-hover)}.wds-tag[data-wds-color=orange]{color:var(--wds-tag-txt-orange);background-color:var(--wds-tag-bg-orange);--wds-tag-hover:var(--wds-tag-bg-orange-hover)}.wds-tag[data-wds-color=purple]{color:var(--wds-tag-txt-purple);background-color:var(--wds-tag-bg-purple);--wds-tag-hover:var(--wds-tag-bg-purple-hover)}.wds-tag[data-wds-color=yellow]{color:var(--wds-tag-txt-yellow);background-color:var(--wds-tag-bg-yellow);--wds-tag-hover:var(--wds-tag-bg-yellow-hover)}.wds-tag[data-wds-selectable]{cursor:pointer;color:var(--wds-tag-txt-selectable);background-color:var(--wds-tag-bg-selectable);--wds-tag-hover:var(--wds-tag-bg-selectable-hover)}.wds-tag[data-wds-selected]{color:var(--wds-item-txt-selected);background-color:var(--wds-item-bg-selected);--wds-tag-hover:var(--wds-item-bg-selected-hover)}.wds-tag[data-wds-disabled]{color:var(--wds-tag-txt-disabled);background-color:var(--wds-tag-bg-disabled);pointer-events:none}.wds-tag[data-wds-disabled][data-wds-selected]{color:var(--wds-item-txt-selected-disabled);background-color:var(--wds-item-bg-selected-disabled)}.wds-tag:not([data-wds-readonly]):hover{background-color:var(--wds-tag-hover)}.wds-tag-icon{margin-right:6px;font-size:14px}.wds-tag[data-wds-size=small] .wds-tag-icon{font-size:12px}.wds-tag-text{overflow:hidden;text-overflow:ellipsis;align-self:center;pointer-events:none}.wds-tag-delete{display:flex;align-items:center;justify-content:center;margin-right:-10px;border:0;padding:0;width:23px;color:inherit;font-size:12px;cursor:pointer;background-color:transparent}.wds-badge-wrap{position:relative;display:flex;width:fit-content;height:fit-content}.wds-badge{position:absolute;bottom:calc(100% - 11px);left:calc(100% - 17px);display:flex;align-items:center;justify-content:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:16px;font-size:12px;font-weight:700;box-sizing:border-box;border-radius:60px;min-width:19px;min-height:19px;padding:1px 4px 2px;color:var(--wds-badge-default-txt);background-color:var(--wds-badge-default-bg);transition:transform .225s cubic-bezier(.4,0,.2,1) 0s}.wds-badge[data-type=added]{color:var(--wds-badge-added-txt);background-color:var(--wds-badge-added-bg)}.wds-badge[data-type=primary]{color:var(--wds-badge-primary-txt);background-color:var(--wds-badge-primary-bg)}.wds-badge[data-type=removed]{color:var(--wds-badge-removed-txt);background-color:var(--wds-badge-removed-bg)}.wds-badge[data-type=secondary]{color:var(--wds-badge-secondary-txt);background-color:var(--wds-badge-secondary-bg)}.wds-image{cursor:zoom-in}.wds-radio{display:flex;align-items:center;justify-self:start}.wds-radio:not(.wds-radio-readOnly):not(.wds-radio-disabled){cursor:pointer}.wds-radio-input{all:unset;box-sizing:border-box;outline:0;width:18px;height:18px;min-width:18px;border:2px solid var(--wds-radio-txt);border-radius:50%;background-color:var(--wds-radio-bg);box-shadow:var(--wds-input-shadOff)}.wds-radio-input:checked{border:6px solid var(--wds-radio-txt-checked);background-color:var(--wds-radio-bg-checked)}.wds-radio-input:disabled{cursor:not-allowed;border-color:var(--wds-checkbox-brd-disabled);background-color:var(--wds-checkbox-bg-disabled)}.wds-radio-input:disabled:checked{border-color:var(--wds-checkbox-brd-disabled);background-color:var(--wds-checkbox-bg-checked-disabled)}.wds-radio-invalid .wds-radio-input{border-color:var(--wds-radio-brd-invalid);background-color:var(--wds-radio-bg-invalid)}.wds-radio-invalid .wds-radio-input:checked{border-color:var(--wds-checkbox-bg-checked-invalid);background-color:var(--wds-radio-bg-checked-invalid)}.wds-radio-readOnly .wds-radio-input{border-color:var(--wds-checkbox-brd-disabled);background-color:var(--wds-checkbox-bg-readonly)}.wds-radio-readOnly .wds-radio-input:checked{border-color:var(--wds-checkbox-bg-checked-readonly)}.wds-radio-input:focus-visible{color:var(--wds-radio-txt-focus);box-shadow:var(--wds-input-shadOn);transition:box-shadow .3s ease-out}.wds-radio-invalid .wds-radio-input:focus-visible{box-shadow:var(--wds-input-shadOn-invalid)}.wds-radio-text{margin-left:10px;font-size:14px}.wds-label[data-label-type=primary] .wds-label-title,.wds-radio-checked.wds-radio-readOnly .wds-radio-text{font-weight:700}.wds-radio-disabled .wds-radio-text{color:var(--wds-radio-txt-disabled)}.wds-input{--icon:var(--wds-input-icon);--placeh:var(--wds-input-placeh);--brdFocus:var(--wds-input-brd-focus);--shadFocus:var(--wds-input-shadOn);position:relative;display:flex;height:34px;min-height:34px;border:2px solid var(--wds-input-brd);border-radius:6px;font-size:16px;background-color:var(--wds-input-bg);box-shadow:var(--wds-input-shadOff);transition:border-color .2s,background-color .2s}.wds-input-invalid{--icon:var(--wds-input-icon-invalid);--placeh:var(--wds-input-placeh-invalid);--brdFocus:var(--wds-input-brd-invalid-focus);--shadFocus:var(--wds-input-shadOn-invalid);border-color:var(--wds-input-brd-invalid);background-color:var(--wds-input-bg-invalid)}.wds-input-disabled,.wds-input-readOnly{--icon:var(--wds-input-icon-disabled);--placeh:var(--wds-input-placeh-disabled);border-width:1px;border-color:var(--wds-input-brd-disabled);background-color:var(--wds-input-bg-disabled)}.wds-input-readOnly{--icon:currentColor;--placeh:var(--wds-input-placeh-readOnly);--shadFocus:none;background-color:var(--wds-input-bg-readOnly)}.wds-input:focus-within{border-color:var(--brdFocus);background-color:var(--wds-input-bg-focus);box-shadow:var(--shadFocus);transition:border-color .2s,background-color .2s,box-shadow .3s ease-out}.wds-input-in{width:100%;height:100%;margin:0;border:0;outline:0;padding:0 10px;border-radius:inherit;color:var(--wds--txt);text-overflow:ellipsis;font:inherit;cursor:inherit;background:0 0}.wds-input-padBefore .wds-input-in{padding-left:32px}.wds-input-padAfter .wds-input-in{padding-right:32px}.wds-input-padAfter2 .wds-input-in{padding-right:56px}.wds-input-in:disabled{color:var(--wds-input-txt-disabled);cursor:not-allowed;resize:none}.wds-input-in::placeholder{color:var(--placeh);font-style:italic}.wds-input-clear,.wds-input-icon{position:absolute;display:flex;align-items:center;justify-content:center;width:32px}.wds-input-icon{inset:0;color:var(--icon);pointer-events:none}.wds-input-in+.wds-input-icon{left:auto;right:0}.wds-input-clear{top:0;right:2px;bottom:0;border:0;outline:0;padding:0;font-size:inherit;cursor:pointer;background:0 0;opacity:.33}.wds-input-icon+.wds-input-clear{right:24px}.wds-input-clear:focus{opacity:1}.wds-inputTextarea{resize:vertical;overflow:hidden;height:68px;min-height:34px}.wds-inputTextarea .wds-input-in{resize:none;height:100%;padding:4px 10px}.wds-inputPassword{display:flex;gap:6px}.wds-inputPassword .wds-input{flex:1}.wds-inputDuration{cursor:default}.wds-label{color:var(--wds--txt-87);font-size:14px}.wds-label[data-label-type=secondary]{color:var(--wds--txt-60)}.wds-label-disabled{color:var(--wds--txt-30)}.wds-label-invalid{color:var(--wds-label-txt-invalid)}.wds-label-more{font-size:inherit}.wds-label-annotation{margin-left:5px}.wds-label:not(.wds-label-disabled) .wds-label-annotation{opacity:.6}.wds-hx{margin:0;font-weight:700}.wds-h1{font-size:32px}.wds-h2{font-size:28px}.wds-h3{font-size:24px}.wds-h4{font-size:21px}.wds-h5{font-size:18px}.wds-h6{font-size:16px}.wds-hx.wds-ellipsis{display:flex;align-items:center;overflow:unset}.wds-hx:not(.wds-ellipsis)>div{transform:translateY(-.1em)}.wds-hx.wds-ellipsis>span{overflow:hidden;text-overflow:ellipsis}.wds-hx>.wds-icon{color:var(--wds-title-icon-txt)}.wds-title{display:flex;align-items:center;font-weight:700}.wds-title[data-size=extrasmall]{font-size:16px}.wds-title[data-size=small]{font-size:20px}.wds-title[data-size=medium]{font-size:30px}.wds-title[data-size=large]{font-size:44px}.wds-title-icon{margin-right:1rem;color:var(--wds-title-icon-txt);font-size:.9em}.wds-loader{--sz:17px;--szDot:22%;position:relative;width:var(--sz);height:var(--sz);min-width:var(--sz)}.wds-loader-large{--sz:50px;--szDot:18%}.wds-loader-dot{--w25:calc(25% - var(--szDot) / 2);--w50:calc(50% - var(--szDot) / 2);--w99:calc(100% - var(--szDot));position:absolute;width:var(--szDot);height:var(--szDot);border-radius:50%;background-color:currentColor;animation-duration:.4s;animation-iteration-count:infinite}.wds-loader-dotA{animation-name:wds-loader-dotA-anim}.wds-loader-dotB{animation-name:wds-loader-dotB-anim}.wds-loader-dotC{animation-name:wds-loader-dotC-anim}.wds-scrollIndicator[data-wds-scrolly]{overflow-y:auto}.wds-scrollIndicator[data-wds-scrollx]{overflow-x:auto}.wds-scrollIndicator[data-wds-scrolltop]{border-top:var(--wds--scrollIndicator-brd)}.wds-scrollIndicator[data-wds-scrollleft]{border-left:var(--wds--scrollIndicator-brd)}.wds-scrollIndicator[data-wds-scrollright]{border-right:var(--wds--scrollIndicator-brd)}.wds-scrollIndicator[data-wds-scrollbottom]{border-bottom:var(--wds--scrollIndicator-brd)}.wds-scrollIndicator[data-wds-scrollx],.wds-scrollIndicator[data-wds-scrolly]{margin:-4px;padding:4px}.wds-select{position:relative;display:inline-flex;max-width:100%;font-weight:400}.wds-select:not(.wds-dropdown){width:100%}.wds-select-input{width:100%;cursor:pointer}.wds-select-sizeText-wrap{position:absolute;overflow:hidden;width:0}.wds-select-sizeText{position:absolute;visibility:hidden;pointer-events:none;padding:0 calc(32px + 2*2px)0 10px;width:min-content}.wds-select[data-wds-clearable] .wds-select-sizeText{padding-right:calc(32px*2 + 2*2px)}.wds-select-options{position:absolute;overflow-y:auto;z-index:1000;width:100%;max-height:300px;padding:4px 0;outline:0;border-radius:6px;background-color:var(--wds-select-options-bg)}.wds-select-options[data-wds-max-content]{width:max-content}.wds-select-options:has([data-wds-custom]){max-height:none}.wds-select-cat{display:flex;align-items:center;padding:4px 10px;min-height:34px;gap:10px;font-size:16px}.wds-select-cat,.wds-select-option{color:var(--wds--txt)}.wds-select-empty-placeholder,.wds-select-option{display:flex;align-items:center;padding:4px 10px;min-height:34px;gap:10px;font-size:16px;cursor:pointer}.wds-select-cat{font-weight:600;text-transform:uppercase;background-color:var(--wds-select-cat-bg);cursor:default}.wds-select-options .wds-divider{margin-top:4px;margin-bottom:4px}.wds-select-options .wds-divider:first-child,.wds-select-options .wds-divider:last-child{display:none}.wds-select-cat .wds-select-option-icon,.wds-select-cat span{opacity:.8}.wds-select-option-icon{width:16px;min-width:16px;height:calc(32px - 8px)}.wds-select-option[data-wds-disabled]{cursor:not-allowed;color:var(--wds-button-disabled-txt)}.wds-select-option[data-wds-hover]{background-color:var(--wds-item-bg-hover)}.wds-select-option[data-wds-danger][data-wds-hover],.wds-select-options[data-wds-invalid] .wds-select-option[data-wds-hover]{background-color:var(--wds-select-item-bg-invalid-hover)}.wds-select-option[data-wds-selected]{color:var(--wds-item-txt-selected);background-color:var(--wds-item-bg-selected)}.wds-select-options[data-wds-invalid] .wds-select-option[data-wds-selected]{background-color:var(--wds-select-item-bg-invalid)}.wds-select-option[data-wds-danger]{color:var(--wds-select-item-txt-danger);font-weight:600}.wds-select-option[data-wds-custom]{cursor:default;padding:16px}.wds-select-option[data-wds-custom]:has(>.wds-link:only-child){cursor:pointer;padding:0}.wds-select-option[data-wds-custom][data-wds-hover]:not(:has(>.wds-link:only-child)){background-color:transparent}.wds-select-option-texts{display:flex;flex-direction:column;width:100%}.wds-select-option .wds-select-option-texts{pointer-events:none}.wds-select-option-name{display:flex;gap:10px}.wds-select-option-annot{opacity:.7}.wds-select-cat-nameEndChildren{display:flex;margin-left:auto;gap:inherit}.wds-select-option-desc{font-size:12px;opacity:.7}.wds-select-option mark{font-weight:600;color:inherit;background:0 0}.wds-select-option>.wds-link:only-child{display:flex;justify-content:flex-start;width:100%;padding:4px 10px}.wds-select-option>.wds-link-revert:only-child{justify-content:flex-end}.wds-select-empty-placeholder{color:var(--wds--txt-readOnly);pointer-events:none}.wds-select[data-wds-mobile]{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px}.wds-select[data-wds-mobile] .wds-button{width:100%;gap:6px;background-color:var(--wds-item-bg-selected)}.wds-select[data-wds-mobile] .wds-button:not(.wds-button-toggled) .wds-button-text{font-weight:400;font-size:14px;line-height:19px}.wds-select[data-wds-mobile] .wds-button:not(.wds-button-toggled){background-color:var(--wds-select-mobile-item-bg)}.wds-select[data-wds-mobile] .wds-button:not(.wds-button-toggled):not(:disabled){color:var(--wds-select-mobile-item-txt)}.wds-select[data-wds-mobile] .wds-button:disabled{background-color:var(--wds-select-mobile-item-disabled)}.wds-select[data-wds-mobile] .wds-button-text{white-space:normal}.wds-toggle{display:flex;align-items:center;width:fit-content}.wds-toggle-reversed{display:flex;flex-direction:row-reverse}.wds-toggle-disabled{cursor:not-allowed}.wds-toggle-input-wrap{position:relative;border-radius:999px;box-shadow:var(--wds--shadOff)}.wds-toggle-input-wrap:has(:focus-visible){box-shadow:var(--wds--shadOn-focus);transition:box-shadow .2s}.wds-toggle-invalid .wds-toggle-input-wrap:has(:focus-visible){box-shadow:var(--wds--shadOn-invalid)}.wds-toggle-input{position:absolute;width:100%;height:100%;padding:0;margin:0;opacity:0;cursor:pointer}.wds-toggle-disabled .wds-toggle-input,.wds-toggle-readonly .wds-toggle-input{cursor:inherit}.wds-toggle-btn{position:relative;width:40px;height:20px;box-sizing:border-box;color:var(--wds-toggle-false-txt);border:2px solid;border-radius:inherit;pointer-events:none;transition:.2s;transition-property:color,background-color}.wds-toggle-true .wds-toggle-btn{background-color:currentColor;color:var(--wds-toggle-true-txt)}.wds-toggle-disabled:not(.wds-toggle-true) .wds-toggle-btn{background-color:var(--wds-toggle-bg-disabled)}.wds-toggle-readonly .wds-toggle-btn,.wds-toggle-true.wds-toggle-readonly .wds-toggle-btn{color:var(--wds-toggle-txt-readonly)}.wds-toggle-invalid .wds-toggle-btn{color:var(--wds--txt-invalid)}.wds-toggle-disabled .wds-toggle-btn{color:var(--wds-toggle-txt-disabled)}.wds-toggle-btn::before{content:"";position:absolute;top:2px;left:0;width:12px;height:12px;margin-left:2px;border-radius:50%;background-color:currentColor;transition:inherit;transition-property:left,margin-left,background-color}.wds-toggle-true .wds-toggle-btn::before{left:100%;margin-left:-14px;background-color:var(--wds-toggle-btn-txt)}.wds-toggle-text{margin-left:10px;font-size:16px;opacity:.6}.wds-toggle-reversed .wds-toggle-text{margin:0 10px 0 0}.wds-slider{position:relative;z-index:0;display:flex;align-items:center;gap:16px;min-height:20px;line-height:20px}.wds-slider[data-wds-disabled]{cursor:not-allowed}.wds-slider-input{display:none}.wds-slider-value{width:20px;padding:6px;font:inherit;color:inherit;text-align:right;line-height:normal;border:1px solid var(--wds--brd);border-radius:6px;box-sizing:content-box}.wds-slider-wrap{position:relative;align-self:stretch;flex:1;display:flex;flex-direction:column;justify-content:center;min-width:50px;outline:0}.wds-slider:not([data-wds-readonly]):not([data-wds-disabled]) .wds-slider-wrap{cursor:pointer}.wds-slider[data-wds-readonly] .wds-slider-wrap{pointer-events:none}.wds-slider-thumb-wrap{position:absolute;top:0;left:3px;right:3px;height:100%;pointer-events:none}.wds-slider-thumb{--slider-thumb-w:20px;z-index:1;position:absolute;top:50%;width:var(--slider-thumb-w);height:var(--slider-thumb-w);margin-top:calc(var(--slider-thumb-w)/-2);margin-left:calc(var(--slider-thumb-w)/-2);border-radius:50%;border:6px solid var(--wds-slider-thumb-brd);background-color:var(--wds--bg);box-shadow:var(--wds--shadow-2),var(--wds--shadOff);transition:.1s;transition-property:width,height,margin,border-width}.wds-slider:not([data-wds-readonly]):not([data-wds-disabled]) .wds-slider-wrap:focus .wds-slider-thumb{box-shadow:var(--wds--shadow-2),var(--wds--shadOn-focus);transition:.1s width,.1s height,.1s margin,.1s border-width,.2s box-shadow}.wds-slider[data-wds-invalid]:not([data-wds-readonly]):not([data-wds-disabled]) .wds-slider-wrap:focus .wds-slider-thumb{box-shadow:var(--wds--shadow-2),var(--wds--shadOn-invalid)}.wds-slider:not([data-wds-disabled]) .wds-slider-thumb{pointer-events:auto}.wds-slider[data-wds-readonly] .wds-slider-thumb{border-color:var(--wds--txt-100);box-shadow:none}.wds-slider[data-wds-disabled] .wds-slider-thumb{border-color:var(--wds-progressBar-txt-disabled);box-shadow:none}.wds-slider[data-wds-invalid] .wds-slider-thumb{border-color:var(--wds-slider-thumb-brd-invalid)}.wds-divider{--wds-width:1px;height:var(--wds-width);min-height:var(--wds-width);align-self:stretch;background-color:var(--wds-divider-lowContrast-bg);pointer-events:none}.wds-divider[data-wds-contrast=high]{background-color:var(--wds-divider-highContrast-bg)}.wds-divider[data-wds-size=large]{--wds-width:2px}.wds-divider[data-wds-orientation=vertical],.wds-flex-x>.wds-divider{width:var(--wds-width);min-width:var(--wds-width);height:auto;min-height:100%}#wds-tooltip-container{position:absolute;z-index:1000;inset:0 0 auto}.wds-tooltip{display:inline-flex;width:fit-content}.wds-tooltip-container{position:absolute;z-index:1000;max-width:288px;opacity:0;visibility:hidden;transition-delay:.15s;transition-duration:.2s;transition-property:opacity,visibility;pointer-events:none;overflow-wrap:break-word}.wds-tooltip-container[data-wds-hoverable]{pointer-events:auto}.wds-tooltip-container[data-wds-position=top]{margin-top:-10px}.wds-tooltip-container[data-wds-position=left]{margin-left:-10px}.wds-tooltip-container[data-wds-position=right]{margin-left:10px}.wds-tooltip-container[data-wds-position=bottom]{margin-top:10px}.wds-tooltip-container[data-wds-show]{opacity:1}.wds-tooltip-arrow,.wds-tooltip-in{background-color:var(--wds-tooltip-bg)}.wds-tooltip-arrow{position:absolute;top:50%;left:50%;width:10px;height:10px;margin:-5px 0 0-5px;border-radius:2px;transform:rotate(45deg)}.wds-tooltip-container[data-wds-position=top] .wds-tooltip-arrow{top:calc(100% - 3px)}.wds-tooltip-container[data-wds-position=left] .wds-tooltip-arrow{left:calc(100% - 3px)}.wds-tooltip-container[data-wds-position=right] .wds-tooltip-arrow{left:3px}.wds-tooltip-container[data-wds-position=bottom] .wds-tooltip-arrow{top:3px}.wds-tooltip-in{position:relative;display:flex;flex-direction:column;border-radius:4px;padding:6px 8px;font-size:14px;color:var(--wds-tooltip-txt)}.wds-checkbox-readOnly.wds-checkbox-checked .wds-checkbox-label span,.wds-tooltip-title{font-weight:700}.wds-checkbox{display:inline-flex;align-items:center;width:fit-content;height:20px;gap:10px;cursor:pointer}.wds-checkbox-disabled{cursor:not-allowed}.wds-checkbox-readOnly{cursor:default}.wds-checkbox-wrap{z-index:0;position:relative;display:flex;width:18px;height:18px;min-width:18px}.wds-checkbox-input{all:unset;position:absolute;box-sizing:border-box;margin:0;outline:0;width:100%;height:100%;color:var(--wds-checkbox-txt);border:2px solid var(--wds-checkbox-brd);border-radius:6px;background-color:var(--wds-checkbox-bg)}.wds-checkbox-input:checked{border:0;background-color:var(--wds-checkbox-bg-checked)}.wds-checkbox-readOnly .wds-checkbox-input{border:1px solid var(--wds-checkbox-brd-disabled);background-color:var(--wds-checkbox-bg-readonly)}.wds-checkbox-readOnly .wds-checkbox-input:checked{background-color:var(--wds-checkbox-bg-checked-readonly)}.wds-checkbox-disabled .wds-checkbox-input{cursor:not-allowed;border:1px solid var(--wds-checkbox-brd-disabled);background-color:var(--wds-checkbox-bg-disabled)}.wds-checkbox-disabled .wds-checkbox-input:checked{border:0;background-color:var(--wds-checkbox-bg-checked-disabled)}.wds-checkbox-invalid .wds-checkbox-input{color:var(--wds--shad-invalid);border-color:var(--wds-checkbox-brd-invalid);background-color:var(--wds-checkbox-bg-invalid)}.wds-checkbox-invalid .wds-checkbox-input:checked{border-color:var(--wds-checkbox-bg-checked-invalid);background-color:var(--wds-checkbox-bg-checked-invalid)}.wds-checkbox .wds-checkbox-input:focus-visible{color:var(--wds--shad-focus);border-color:var(--wds--brd-focus);transition:var(--wds-checkbox-transition);box-shadow:var(--wds-checkbox-shad)}.wds-checkbox-invalid .wds-checkbox-input:focus-visible{color:var(--wds--shad-invalid);border-color:var(--wds-checkbox-brd-invalid-focus)}.wds-checkbox-icon{z-index:1;width:100%;height:100%;font-size:10px;visibility:hidden}.wds-checkbox-checked .wds-checkbox-icon,.wds-checkbox-indeterminate .wds-checkbox-icon{visibility:visible;color:var(--wds-checkbox-txt)}.wds-checkbox-disabled .wds-checkbox-icon{color:var(--wds-checkbox-txt-disabled)}.wds-checkbox-readOnly .wds-checkbox-icon{color:var(--wds-checkbox-icon-txt-readonly)}.wds-checkbox-label{user-select:none}.wds-checkbox-readOnly.wds-checkbox-checked .wds-checkbox-label{color:var(--wds-checkbox-txt-readonly)}.wds-timeline{display:flex;flex-direction:column;gap:4px;width:100%;--timeline-marker-color:var(--wds--txt-30)}.wds-timeline-steps{position:relative;height:12px}.wds-timeline-step{position:absolute;width:60px;margin-left:-30px;text-align:center;line-height:12px;font-size:12px;font-family:monospace}.wds-timeline-step::before{content:"";top:100%;left:50%;height:4px}.wds-timeline-track{position:relative;z-index:0;border:0 solid var(--timeline-marker-color);border-width:1px 0;background-color:var(--wds-timeline-bg);height:42px;display:flex;flex-direction:column;justify-content:center}.wds-timeline-step::before,.wds-timeline-track-marker{position:absolute;width:1px;background-color:var(--timeline-marker-color)}.wds-timeline-track-marker{border-radius:1px;height:16px}.wds-timeline-track-main-marker{height:24px}.wds-timeline-thumb{--thumb-w:22px;position:absolute;z-index:1;inset:0 auto;border:var(--thumb-brd-w) solid var(--wds-timeline-thumb-color);border-radius:8px;cursor:grab;margin:-1px 0}.wds-timeline-thumb::after,.wds-timeline-thumb::before{content:"";position:absolute;left:calc(var(--thumb-brd-w)*-1);right:calc(var(--thumb-brd-w)*-1);height:var(--thumb-brd-w);background-color:var(--wds-timeline-thumb-color)}.wds-timeline-thumb::before{top:calc(var(--thumb-brd-w)*-1)}.wds-timeline-thumb::after{bottom:calc(var(--thumb-brd-w)*-1)}.wds-timeline-thumb-left,.wds-timeline-thumb-right{position:absolute;top:calc(var(--thumb-brd-w)*-1);width:var(--thumb-w);height:calc(100% + var(--thumb-brd-w)*2);cursor:ew-resize;background-color:var(--wds-timeline-thumb-color);display:flex;align-items:center;justify-content:center}.wds-timeline-thumb-left{border-radius:8px 0 0 8px;left:calc(var(--thumb-w)*-1)}.wds-timeline-thumb-right{border-radius:0 8px 8px 0;right:calc(var(--thumb-w)*-1)}.wds-timeline-thumb-left::before,.wds-timeline-thumb-right::before{content:"";position:absolute;width:2px;height:24px;background-color:var(--wds--bg);border-radius:1px}.wds-indicator{display:inline-flex;position:relative}.wds-indicator[data-wds-dir]{position:absolute;border:2px dashed var(--wds-indicator-brd)}.wds-indicator[data-wds-dir="left bottom"],.wds-indicator[data-wds-dir="top right"],.wds-indicator[data-wds-dir=bottom],.wds-indicator[data-wds-dir=left],.wds-indicator[data-wds-dir=right],.wds-indicator[data-wds-dir=top]{border-right-color:transparent;border-bottom-color:transparent}.wds-indicator[data-wds-dir="right bottom"],.wds-indicator[data-wds-dir="top left"]{border-bottom-color:transparent;border-left-color:transparent}.wds-indicator[data-wds-dir="bottom right"],.wds-indicator[data-wds-dir="left top"]{border-top-color:transparent;border-right-color:transparent}.wds-indicator[data-wds-dir="bottom left"],.wds-indicator[data-wds-dir="right top"]{border-top-color:transparent;border-left-color:transparent}.wds-indicator::before{content:attr(data-wds-num);position:absolute;display:flex;align-items:center;justify-content:center;width:20px;height:20px;left:-1px;margin:-10px 0 0-10px;border-radius:50%;color:var(--wds-indicator-txt);font-size:13px;line-height:20px;background-color:var(--wds-indicator-brd)}.wds-indicator:not([data-wds-dir])::before{position:static;margin:0}.wds-indicator[data-wds-dir*=left]::before{left:calc(100% + 1px)}.wds-indicator[data-wds-dir*=top]::before{top:100%}.wds-indicator[data-wds-dir]::after{content:"";position:absolute;top:100%;left:100%;width:6px;height:6px;margin:-2px 0 0-2px;border-radius:50%;background-color:var(--wds-indicator-brd)}.wds-indicator[data-wds-dir*=top]::after,.wds-indicator[data-wds-dir=left]::after,.wds-indicator[data-wds-dir=right]::after{top:-2px}.wds-indicator[data-wds-dir*=left]::after,.wds-indicator[data-wds-dir=bottom]::after,.wds-indicator[data-wds-dir=top]::after{left:-2px}.wds-imageArea{z-index:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:100px;border-radius:6px;user-select:none}.wds-imageArea,.wds-imageArea-ratioWrapper{position:relative}.wds-imageArea img,.wds-imageArea svg,.wds-imageArea video,.wds-imageArea-overlay{position:absolute;width:100%;height:100%;pointer-events:none}.wds-imageArea:not([data-wds-ready]) img,.wds-imageArea:not([data-wds-ready]) video,.wds-smallWaveform line:not([x1]){display:none}.wds-imageArea svg{opacity:0}.wds-imageArea-overlay{display:none;mask-composite:exclude;background-color:var(--wds--txt-inv-100);opacity:.5}.wds-imageArea:not([data-wds-discreet]):has(.wds-imageArea-area) .wds-imageArea-overlay{display:block}.wds-imageArea-area{--handW:1px;--delay:.5s;position:absolute;border:1px solid var(--color-brd);outline:2px solid var(--wds--txt-15)}.wds-imageArea:not([data-wds-colorful]) .wds-imageArea-area{--color-brd:var(--wds--txt-87)!important;--color-txt:var(--wds--txt-inv-100)!important}.wds-imageArea[data-wds-discreet] .wds-imageArea-area{border:0;outline:0}.wds-imageArea[data-wds-discreet] .wds-imageArea-area:hover,.wds-imageArea[data-wds-discreet] .wds-imageArea-area[data-wds-hover]{border:1px solid var(--color-brd)}.wds-imageArea-area:hover,.wds-imageArea-area[data-wds-hover]{--handW:4px;--delay:0s}.wds-imageArea[data-wds-readonly] .wds-imageArea-area{cursor:pointer;transition:background-color .2s}.wds-imageArea[data-wds-readonly] .wds-imageArea-area:active{background-color:var(--wds--txt-60)}.wds-imageArea[data-wds-clicking-out] .wds-imageArea-area{animation:wds-imageArea-click-anim .15s linear;animation-iteration-count:2}.wds-imageArea-tag{position:absolute;bottom:calc(100% + 8px);z-index:2;left:-4px;height:20px;line-height:20px;border-radius:2px;padding:0 6px;white-space:nowrap;color:var(--color-txt);font-size:12px;background-color:var(--color-brd);pointer-events:none}.wds-imageArea-tag:empty{display:none}.wds-imageArea[data-wds-readonly] .wds-imageArea-tag{bottom:calc(100% + 4px);left:-2px}.wds-imageArea-handle div,.wds-imageArea-handles{position:absolute;transition:.2s;transition-delay:var(--delay)}.wds-imageArea-handles{inset:calc((var(--handW) + 2px)*-1);display:grid;--sz:min(20px, 25%);grid-template:"left-top    .   top       .    right-top   "var(--sz)".           .   .         .    .           "1fr"left        .   .         .    right       "var(--sz)".           .   .         .    .           "1fr"left-bottom .   bottom    .    right-bottom"var(--sz)/var(--sz) 1fr var(--sz) 1fr var(--sz);cursor:move;transition-property:inset}.wds-imageArea-handle{position:relative;pointer-events:none}.wds-imageArea-handle[data-wds-dir=top]{grid-area:top}.wds-imageArea-handle[data-wds-dir=left]{grid-area:left}.wds-imageArea-handle[data-wds-dir=right]{grid-area:right}.wds-imageArea-handle[data-wds-dir=bottom]{grid-area:bottom}.wds-imageArea-handle[data-wds-dir=left-top]{grid-area:left-top}.wds-imageArea-handle[data-wds-dir=right-top]{grid-area:right-top}.wds-imageArea-handle[data-wds-dir=left-bottom]{grid-area:left-bottom}.wds-imageArea-handle[data-wds-dir=right-bottom]{grid-area:right-bottom}.wds-imageArea-handle div{z-index:1;border-radius:1px;pointer-events:auto;background-color:var(--color-brd);transition-property:width,height}.wds-imageArea-handle[data-wds-dir$=bottom] div,.wds-imageArea-handle[data-wds-dir$=top] div{width:100%;height:var(--handW);cursor:ns-resize}.wds-imageArea-handle[data-wds-dir$=bottom] div{bottom:0}.wds-imageArea-handle[data-wds-dir=left] div,.wds-imageArea-handle[data-wds-dir=right] div{width:var(--handW);height:100%;cursor:ew-resize}.wds-imageArea-handle[data-wds-dir^=right] div{right:0}.wds-imageArea-handle[data-wds-dir] div+div{width:var(--handW);height:100%}.wds-imageArea-handle[data-wds-dir=left-top] div,.wds-imageArea-handle[data-wds-dir=right-bottom] div{cursor:nwse-resize}.wds-imageArea-handle[data-wds-dir=left-bottom] div,.wds-imageArea-handle[data-wds-dir=right-top] div{cursor:nesw-resize}#wds-witbeLogoSVG{visibility:hidden;position:absolute;overflow:hidden;height:0}#wds-witbeLogoSVG-w,#wds-witbeLogoSVG-witbe{fill:currentColor}#wds-witbeLogoSVG-w-top,#wds-witbeLogoSVG-witbe-top{fill:var(--wds-witbeLogo-top-fill, currentColor)}#wds-witbeLogoSVG-w-bottom,#wds-witbeLogoSVG-witbe-bottom{fill:var(--wds-witbeLogo-bottom-fill, currentColor)}.wds-witbeLogo{color:var(--wds-witbeLogo-txt);--wds-witbeLogo-top-fill:url('#wds-witbeLogoSVG-gradient-top');--wds-witbeLogo-bottom-fill:url('#wds-witbeLogoSVG-gradient-bottom')}.wds-statusList{display:flex;flex-direction:column;padding:10px 20px;gap:10px}.wds-statusList-item{display:flex;align-items:center;gap:10px;min-height:22px}.wds-statusList-icon{display:inline-flex;justify-content:center;width:16px;height:16px;font-size:14px}.wds-statusList-item[data-wds-status=success] .wds-statusList-icon{color:var(--wds-statusList-icon-success)}.wds-statusList-item[data-wds-status=failure] .wds-statusList-icon{color:var(--wds-statusList-icon-failure)}.wds-statusList-item[data-wds-status=unknown] .wds-statusList-icon{color:var(--wds-statusList-icon-unknown)}.wds-statusList-item[data-wds-status=loading] .wds-statusList-icon{color:var(--wds-statusList-icon-loading)}.wds-statusList-item[data-wds-status=disabled] .wds-statusList-icon{color:var(--wds-statusList-icon-disabled)}.wds-codeEditor{width:100%;height:100%;position:relative;overflow:hidden;display:flex;flex-direction:row;box-sizing:border-box;border:1px solid var(--wds--brd);border-radius:.714em;box-shadow:var(--wds--shadOff);transition:border-color .2s,box-shadow .2s}.wds-codeEditor .monaco-editor .margin{border-right:.063em solid var(--wds--brd)}.wds-codeEditor .monaco-editor .lines-content{padding-left:.375em}.wds-codeEditor.focused{border-color:var(--wds--brd-focus);box-shadow:var(--wds--shadOn-focus)}.wds-codeEditor.invalid{border-color:var(--wds--brd-invalid)}.wds-codeEditor.invalid .monaco-editor .lines-content,.wds-codeEditor.invalid .monaco-editor .margin{background:var(--wds--bg-invalid)}.wds-codeEditor.invalid :focus-within{box-shadow:var(--wds--shadOn-invalid)}.wds-codeEditor.readOnly{border-color:var(--wds--brd-readOnly)}.wds-codeEditor.readOnly .monaco-editor .lines-content,.wds-codeEditor.readOnly .monaco-editor .margin{background:var(--wds--bg-readOnly)}.wds-codeEditor.disabled{cursor:not-allowed;opacity:.25;border-color:var(--wds--brd-disabled)}.wds-codeEditor.disabled .monaco-editor .lines-content,.wds-codeEditor.disabled .monaco-editor .margin{cursor:not-allowed;pointer-events:none;background:var(--wds-input-bg-disabled)}.wds-codeEditor.disabled .monaco-editor .lines-content ::selection,.wds-codeEditor.disabled .monaco-editor .margin ::selection{background:0 0}.wds-progressBar{--wds-col:var(--wds-progressBar-txt-normal);--wds-bg:var(--wds-progressBar-bg-normal);display:flex;position:relative;width:100%;height:8px;border-radius:999px;background-color:var(--wds-bg)}.wds-progressBar[data-wds-size=small]{height:4px}.wds-progressBar:has(div+div){background-color:var(--wds-progressBar-bg-multiple)}.wds-progressBar[data-wds-status=disabled]{--wds-col:var(--wds-progressBar-txt-disabled);--wds-bg:var(--wds-progressBar-bg-disabled)}.wds-progressBar[data-wds-status=readOnly]{--wds-col:var(--wds-progressBar-txt-readOnly);--wds-bg:var(--wds-progressBar-bg-readOnly)}.wds-progressBar[data-wds-status=error]{--wds-col:var(--wds-progressBar-txt-error);--wds-bg:var(--wds-progressBar-bg-error)}.wds-progressBar[data-wds-status=success]{--wds-col:var(--wds-progressBar-txt-success);--wds-bg:var(--wds-progressBar-bg-success)}.wds-progressBar[data-wds-status=warning]{--wds-col:var(--wds-progressBar-txt-warning);--wds-bg:var(--wds-progressBar-bg-warning)}.wds-progressBar[data-wds-status=info]{--wds-col:var(--wds-progressBar-txt-info);--wds-bg:var(--wds-progressBar-bg-info)}.wds-progressBar div{position:relative;height:100%;color:var(--wds-col);background-color:currentColor;pointer-events:none}.wds-progressBar div:first-child{border-top-left-radius:inherit;border-bottom-left-radius:inherit}.wds-progressBar div:last-child{border-top-right-radius:inherit;border-bottom-right-radius:inherit}.wds-progressBar:not([data-wds-readonly]):not([data-wds-disabled]) div::before{content:"";position:absolute;width:100%;height:100%;border-radius:inherit;box-shadow:0 2px 6px currentColor;opacity:.25}.wds-carouselDots{display:flex;height:18px;align-items:center;justify-content:center}.wds-carouselDots-dot-selected,.wds-carouselDots-dot:not(.wds-carouselDots-dot-selectable),.wds-carouselDots-readOnly{pointer-events:none}.wds-carouselDots-dot{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;cursor:pointer}.wds-carouselDots-dot:not(.wds-carouselDots-dot-selected):not(.wds-carouselDots-dot-selectable){opacity:.3}.wds-carouselDots-dot+.wds-carouselDots-dot{margin-left:6px}.wds-carouselDots-dot::before{content:"";width:6px;height:6px;border-radius:50%;background-color:var(--wds-carouselDots-dot-bg)}.wds-carouselDots-dot-selected::before{width:10px;height:10px;background-color:var(--wds-item-bg-selected)}.wds-gridSelector{--wds-gridSelector-nbColumns:1;--wds-gridSelector-maxColumns:4;display:grid;overflow:auto;gap:10px;grid-template-columns:repeat(min(var(--wds-gridSelector-nbColumns),var(--wds-gridSelector-maxColumns)),1fr);scroll-snap-type:y mandatory;color:var(--wds--txt)}.wds-gridSelector-btn{--gap:10px;--bg:var(--wds-gridSelector-btn-bg);position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;scroll-snap-align:start;overflow:hidden;box-sizing:border-box;height:128px;gap:var(--gap);outline:0;padding:10px;border:3px solid transparent;border-radius:6px;font-size:14px;cursor:pointer;background-color:var(--bg);transition:background-color .2s}.wds-gridSelector-btn:focus-visible,.wds-gridSelector-btn:not(:disabled):hover{--bg:var(--wds-gridSelector-btn-bg-hover)}.wds-gridSelector-btn:not(:disabled):active{--bg:var(--wds-gridSelector-btn-bg-active)}.wds-gridSelector-btn[data-wds-selected]{border-color:var(--wds-item-bg-selected)}.wds-gridSelector-btn[data-wds-selected][data-wds-disabled]{border-color:var(--wds-gridSelector-btn-brd-disabled)}.wds-gridSelector-btn[data-wds-selected][data-wds-invalid]{border-color:var(--wds--brd-invalid)}.wds-gridSelector-btn[data-wds-disabled],.wds-gridSelector-btn[data-wds-readonly]{color:inherit;cursor:not-allowed;--bg:var(--wds-gridSelector-btn-bg-disabled)}.wds-gridSelector-btn[data-wds-readonly]{--bg:var(--wds-gridSelector-btn-bg-readOnly)}.wds-gridSelector-btn[data-wds-readonly][data-wds-selected]{border-color:var(--wds-gridSelector-btn-brd-readOnly)}.wds-gridSelector-btn[data-wds-invalid]{color:var(--wds--txt-invalid);--bg:var(--wds-gridSelector-btn-bg-invalid)}.wds-gridSelector-btn[data-wds-invalid]:not(:disabled):focus-visible,.wds-gridSelector-btn[data-wds-invalid]:not(:disabled):hover{--bg:var(--wds-gridSelector-btn-bg-invalid-hover)}.wds-gridSelector-btn-absLeft{position:absolute;inset:6px auto auto 6px;display:flex;flex-direction:column;gap:2px;pointer-events:none}.wds-gridSelector-btn-topIcon{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:6px;background-color:var(--bg);transition:background-color .2s}.wds-gridSelector-btn>.wds-tag{position:absolute;inset:6px 6px auto auto}.wds-gridSelector-btn-img{flex:1;width:100%;font-size:56px;background:center no-repeat;background-size:contain}.wds-gridSelector-btn[data-wds-disabled] .wds-gridSelector-btn-img,.wds-gridSelector-btn[data-wds-disabled] .wds-gridSelector-btn-topIcon{opacity:.5}.wds-gridSelector-btn-img svg{width:100%;height:100%}.wds-gridSelector-btn-desc,.wds-gridSelector-btn-name{width:100%;opacity:.87}.wds-gridSelector-btn-name{font-weight:700}.wds-gridSelector-btn-name+.wds-gridSelector-btn-desc{margin-top:calc(var(--gap)*-1)}.wds-gridSelector-btn[data-wds-disabled] .wds-gridSelector-btn-desc,.wds-gridSelector-btn[data-wds-disabled] .wds-gridSelector-btn-name{opacity:.3}.wds-notifications{position:fixed;z-index:1000000;right:10px;top:10px;display:flex;align-items:flex-end;flex-direction:column;gap:10px}.wds-notification{position:relative;display:flex;gap:22px;margin:0;max-width:500px;padding:10px 42px 10px 20px;border:0;border-left:6px solid;border-radius:0;border-top-right-radius:6px;border-bottom-right-radius:6px;font:inherit;text-align:left;cursor:pointer;background:0 0;box-shadow:var(--wds--shadOff);animation:wds-notification-slideIn .3s}.wds-notification:focus{outline:0;transition:box-shadow .2s;box-shadow:var(--wds--shadOn-focus)}.wds-notification[data-wds-type=info]{color:var(--wds-notification-info-txt);background-color:var(--wds-notification-info-bg)}.wds-notification[data-wds-type=success]{color:var(--wds-notification-success-txt);background-color:var(--wds-notification-success-bg)}.wds-notification[data-wds-type=danger]{color:var(--wds-notification-danger-txt);background-color:var(--wds-notification-danger-bg)}.wds-notification[data-wds-type=warning]{color:var(--wds-notification-warning-txt);background-color:var(--wds-notification-warning-bg)}.wds-notification-content{display:flex;flex-direction:column}.wds-notification-title{font-size:16px;font-weight:700}.wds-notification-message{font-size:14px}.wds-notification-count{position:absolute;top:4px;right:4px;font-size:.8em}.wds-toggleButton{display:flex;overflow-x:scroll;padding:6px;border-radius:6px;background-color:var(--wds-toggleButton-bg)}.wds-toggleButton[data-wds-disabled]{background-color:var(--wds-toggleButton-bg-disabled)}.wds-toggleButton .wds-button{flex:1;font-size:14px}.wds-toggleButton .wds-button:not(.wds-button-toggled):disabled{background-color:transparent}.wds-toggleButton .wds-button:not(.wds-button-toggled):not(:disabled):hover{background-color:var(--wds-toggleButton-btn-bg-hover)}.wds-toggleButton .wds-button.wds-button-toggled:not(:disabled){background-color:var(--wds-item-bg-selected)}.wds-toggleButton .wds-button.wds-button-toggled:disabled{background-color:var(--wds-button-disabled-bg)}.wds-toggleButton .wds-button:hover .wds-button-text{text-decoration:none}.wds-errorBoundary{display:flex;gap:.4rem;margin:.5rem;padding:.5rem;width:fit-content;height:fit-content;color:var(--wds--txt-invalid);background-color:var(--wds--bg-invalid)}.wds-errorBoundary-content{display:flex;flex-direction:column}.wds-smallWaveform{width:32px;height:32px}.wds-smallWaveform svg{width:100%;height:100%;stroke:var(--wds--green-500);stroke-width:var(--wds-size, 2px);stroke-linecap:round}.wds-expandableText{display:flex;flex-direction:column}.wds-expandableText-text{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:var(--nb-lines, 2)}.wds-expandableText-expanded .wds-expandableText-text{-webkit-line-clamp:initial}.wds-item{--wds-item-h:46px;display:flex;flex-direction:column;border-radius:inherit;transition:margin-top .2s,opacity .2s;position:relative}.wds-item-items .wds-item{margin-top:2px}.wds-item:not([data-wds-expanded]) .wds-item{margin-top:calc(var(--wds-item-h)*-1);opacity:0}.wds-item-head{width:100%;height:var(--wds-item-h);min-height:var(--wds-item-h);display:flex;align-items:center;gap:12px;border-radius:inherit;border:1px solid transparent;padding:0 16px;white-space:nowrap;cursor:default;background-color:var(--wds-item-bg);transition:background-color .1s}.wds-item[data-wds-selectable]:not([data-wds-disabled])>.wds-item-head:hover{cursor:pointer;background-color:var(--wds-item-bg-hover)}.wds-item[data-wds-selected]>.wds-item-head{color:var(--wds-item-txt-selected);background-color:var(--wds-item-bg-selected)}.wds-item[data-wds-selected]:not([data-wds-disabled])>.wds-item-head:hover{background-color:var(--wds-item-bg-selected-hover)}.wds-item[data-wds-disabled]>.wds-item-head{cursor:not-allowed}.wds-item[data-wds-selected][data-wds-disabled]>.wds-item-head{color:var(--wds-item-txt-selected-disabled);background-color:var(--wds-item-bg-selected-disabled)}.wds-item[data-wds-status-model=primary][data-wds-status=success]:not([data-wds-selected])>.wds-item-head{border-color:var(--wds-item-brd-success);background-color:var(--wds-item-bg-success)}.wds-item[data-wds-status-model=primary][data-wds-status=progress]:not([data-wds-selected])>.wds-item-head{border-color:var(--wds-item-brd-progress);background-color:var(--wds-item-bg-progress)}.wds-item[data-wds-status-model=primary][data-wds-status=warning]:not([data-wds-selected])>.wds-item-head{border-color:var(--wds-item-brd-warning);background-color:var(--wds-item-bg-warning)}.wds-item[data-wds-status-model=primary][data-wds-status=error]:not([data-wds-selected])>.wds-item-head{border-color:var(--wds-item-brd-error);background-color:var(--wds-item-bg-error)}.wds-item[data-wds-status-model=primary][data-wds-status=success][data-wds-selectable]:not([data-wds-selected])>.wds-item-head:hover{border-color:var(--wds-item-brd-success-hover);background-color:var(--wds-item-bg-success-hover)}.wds-item[data-wds-status-model=primary][data-wds-status=progress][data-wds-selectable]:not([data-wds-selected])>.wds-item-head:hover{border-color:var(--wds-item-brd-progress-hover);background-color:var(--wds-item-bg-progress-hover)}.wds-item[data-wds-status-model=primary][data-wds-status=warning][data-wds-selectable]:not([data-wds-selected])>.wds-item-head:hover{border-color:var(--wds-item-brd-warning-hover);background-color:var(--wds-item-bg-warning-hover)}.wds-item[data-wds-status-model=primary][data-wds-status=error][data-wds-selectable]:not([data-wds-selected])>.wds-item-head:hover{border-color:var(--wds-item-brd-error-hover);background-color:var(--wds-item-bg-error-hover)}.wds-item-nameEndChildren>span,.wds-item[data-wds-disabled]>.wds-item-head>*{opacity:.5}.wds-carousel-btn svg,.wds-item .wds-checkbox{pointer-events:none}.wds-item .wds-avatar{margin:0 3px}.wds-item .wds-avatar:first-child{margin:0 0 0-4px}.wds-item-head-end>.wds-icon:last-child:not(.wds-loader),.wds-item-len{min-width:26px;height:26px;margin-right:-4px}.wds-item-fileIcon{width:30px;height:30px;min-width:30px;font-size:8px}.wds-item-openBtn{min-width:30px;height:30px;border:0;border-radius:4px;color:inherit;font-size:12px;cursor:pointer;background:0 0;transition:inherit}.wds-item[data-wds-expanded]>.wds-item-head .wds-item-openBtn{background-color:var(--wds-item-openBtn-bg)}.wds-item[data-wds-expanded]>.wds-item-head .wds-item-openBtn .wds-icon{transform:rotate(90deg)}.wds-item[data-wds-expanded][data-wds-selected]>.wds-item-head .wds-item-openBtn{background-color:var(--wds-item-openBtn-bg-selected)}.wds-item-img{height:36px;min-width:36px;border-radius:4px;background-size:cover;background-position:center}.wds-item-icon:first-child,.wds-item-img:first-child{margin-left:-10px}.wds-checkbox+.wds-item-icon,.wds-item-icon:first-child{height:36px;min-width:36px}.wds-item-nameWrap{display:flex;flex-direction:column;min-width:2.5ch}.wds-item-name,.wds-item[data-wds-expanded]>.wds-item-head .wds-item-name{font-weight:600}.wds-item-desc{font-size:.875em;opacity:.5}.wds-item-nameChildren,.wds-item-nameEndChildren{display:flex;gap:6px;align-items:center}.wds-item-nameEndChildren{flex:1;justify-content:end}.wds-item-head-end{flex:1;display:flex;align-items:center;justify-content:flex-end;gap:inherit}.wds-item-head-end:empty{display:none}.wds-item-len{display:flex;align-items:center;justify-content:center;border-radius:4px;font-size:12px;background-color:var(--wds-item-len-bg);transition:inherit}.wds-colorPicker-pickerInput .wds-progressBar div,.wds-item-head:hover>.wds-item-len,.wds-item[data-wds-selected]>.wds-item-head>.wds-item-head-end>.wds-item-len{background-color:transparent}.wds-item-nameEndChildren:last-child .wds-tag:last-child{margin-right:-10px}.wds-item-actionsBtn{opacity:0;pointer-events:none;position:absolute;right:0;margin-right:5px}.wds-item-actionsBtn:has(button.wds-select-button[data-wds-opened]),.wds-item:focus .wds-item-actionsBtn,.wds-item:hover .wds-item-actionsBtn{opacity:100;pointer-events:all}.wds-item-items{overflow:hidden;margin-left:calc(4px + 30px/2 - 1px);border-left:2px solid var(--wds-item-items-brd);padding-left:7px;border-radius:inherit}.wds-item[data-wds-expanded]>.wds-item-items{margin-bottom:6px}.wds-item:not([data-wds-expanded]) .wds-item[data-wds-expanded]>.wds-item-items{margin-bottom:0}.wds-item-items:empty::before,.wds-item[data-wds-loading]>.wds-item-items::before{content:"empty";display:flex;align-items:center;justify-content:center;overflow:hidden;font-size:13px;font-style:italic;opacity:.7;transition:height .2s}.wds-item-items:empty::before{height:0}.wds-item[data-wds-loading]>.wds-item-items::before{content:"loading..."}.wds-item[data-wds-expanded]>.wds-item-items:empty::before,.wds-item[data-wds-loading]>.wds-item-items::before{height:24px}.wds-nav{display:flex;align-items:center;flex-direction:column;min-width:60px;max-width:60px;gap:20px;padding:16px 0 10px;height:100%;font-size:18px;color:var(--wds-nav-txt);background-color:var(--wds-nav-bg)}.wds-nav .wds-witbeLogo{font-size:28px}.wds-nav-logoClickable .wds-witbeLogo{cursor:pointer}.wds-nav .wds-button,.wds-nav .wds-link{width:40px;height:40px;color:inherit;font-size:inherit;transition:.2s background-color}.wds-nav .wds-link:visited{color:inherit}.wds-nav .wds-button:hover,.wds-nav .wds-link:hover{background-color:var(--wds-nav-bg-hover)}.wds-nav .wds-button:disabled,.wds-nav .wds-link:disabled{color:inherit;background-color:transparent;opacity:.3}.wds-nav .wds-nav-active{background-color:currentColor;pointer-events:none}.wds-nav .wds-nav-active .wds-icon{color:var(--wds-nav-bg)}.wds-form{padding:4px}.wds-form ul{margin:0;padding:0}.wds-form ul+ul{margin-top:6px}.wds-form ul>b{color:var(--wds--txt-invalid);margin-right:2px}.wds-form ul>li{font-size:.8rem;margin-left:1rem}.wds-main{display:flex;height:100%;background-color:var(--wds-main-bg)}.wds-main-panels{flex:1;display:flex;padding:16px 42px;gap:26px}.wds-main-middle{flex:1;display:flex;gap:inherit;flex-direction:column}.wds-main-panel{border-radius:10px;background-color:var(--wds-main-panel-bg)}.wds-main-panel[data-wds-dir=main]{flex:1}.wds-page,.wds-page-content{display:flex;align-items:center;justify-content:center;height:100%}.wds-page{width:100%}.wds-page-content{flex-direction:column;gap:10px;max-width:380px;min-width:200px}.wds-page-text{text-align:center;font-size:20px}.wds-page-404-logo,.wds-tabs[data-wds-fixed] .wds-tab{flex:1}.wds-page-404-logo img{height:100%}.wds-page-404-title{margin:0;font-size:32px;font-weight:700;max-width:600px}.wds-page-error-icon{font-size:30px}.wds-page-error-message{text-align:left}.wds-markdown-code>pre,.wds-page-loading-progress{width:100%}.wds-tabs{display:flex;gap:6px;overflow-x:auto}.wds-tab{display:inline-flex;align-items:center;justify-content:center;border-radius:6px;min-width:34px;height:34px;border:0;padding:0;font:inherit;font-size:14px;font-weight:600;cursor:pointer;background-color:var(--wds-tab-bg);transition:.2s;transition-property:flex,background-color}.wds-tab:not(:disabled):not([data-wds-selected]):hover{background-color:var(--wds-tab-bg-hover)}.wds-tab:disabled{color:var(--wds-button-disabled-txt);cursor:not-allowed}.wds-tab[data-wds-selected]{flex:1;cursor:auto;background-color:var(--wds-tab-bg-selected)}.wds-tab .wds-tooltip{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;padding:0 10px;transition-duration:inherit;transition-property:none}.wds-tab span{display:block;margin-left:0;min-width:0;max-width:0;opacity:0;pointer-events:none;white-space:nowrap;overflow:hidden;text-align:start;text-overflow:ellipsis;transition:inherit;transition-property:margin-left,max-width,opacity}.wds-tab .wds-icon{min-width:14px}.wds-tab[data-wds-selected] span,.wds-tabs[data-wds-fixed] .wds-tab span{max-width:calc(var(--wds-tab-len)*1.5ch);margin-left:1ch;opacity:1}.wds-field,.wds-fields,.wds-list{display:flex;flex-direction:column}.wds-list{overflow:auto;gap:6px;border-radius:6px}.wds-field,.wds-fields{gap:16px}.wds-field{gap:6px}.wds-field-content{display:flex;gap:4px}.wds-field-requirement{margin-left:6px;color:var(--wds-field-requirement-txt);font-size:12px;font-weight:400}.wds-field-container{display:flex}.wds-field-annotation{font-size:14px}.wds-fields .wds-button[type=submit]{margin-top:10px;width:100%}.wds-login{--wds-pad:42px;position:relative;width:100%;height:100%;padding:var(--wds-pad);background-image:linear-gradient(45deg,#01162f,#00428c)}.wds-login-popup{width:460px;max-width:100%;padding:42px;border-radius:10px;background-color:var(--wds--bg)}.wds-login-popup-logo{align-self:center;width:120px;height:120px;margin-bottom:10px;border-radius:50%;background-color:var(--wds-login-logo-bg);box-shadow:var(--wds-login-logo-shad)}.wds-login-popup-logo .wds-icon{font-size:70px}[data-theme=Dark] .wds-login-popup-logo .wds-witbeLogo,[data-theme=Light] .wds-login-popup-logo .wds-icon{display:none}.wds-login-popup-title{font-size:30px;font-weight:700;text-align:center}.wds-login-popup .wds-button[data-model=primary]{width:100%;font-weight:400}.wds-login-noAccount{text-align:center;font-size:16px;color:#fff}.wds-login-noAccount span{opacity:.7}.wds-login-noAccount a{text-decoration:underline;font-weight:600;color:inherit}.wds-login-logo{position:absolute;inset:auto auto var(--wds-pad) var(--wds-pad);font-size:42px;color:#fff}@media only screen and (max-width:600px){.wds-login.wds-login{--wds-pad:26px;justify-content:start}.wds-login-popup{width:100%}}.wds-modal-outside{--dur:.2s;position:absolute;overflow:hidden;display:flex;z-index:100;left:0;top:0;outline:0;width:100%;height:100%;pointer-events:none}.wds-modal-outside[data-wds-show]{pointer-events:auto}.wds-modal-background{position:absolute;inset:0;transition:background-color var(--dur)}.wds-modal-outside[data-wds-show] .wds-modal-background{background-color:var(--wds-modal-outside-bg)}.wds-modal{position:relative;display:flex;flex-direction:column;max-width:500px;max-height:100%;gap:42px;margin:auto;padding:42px 26px 26px;border-radius:10px;background-color:var(--wds--bg);opacity:0;pointer-events:auto;transition:margin-bottom var(--dur) ease-out,opacity var(--dur)}.wds-modal-outside[data-wds-icon-dynamic-width] .wds-modal{max-width:none}.wds-modal-outside[data-wds-bottom] .wds-modal{max-width:none;width:100%;gap:16px;padding:26px;margin-bottom:-100px;border-radius:22px 22px 0 0}.wds-modal-outside[data-wds-show] .wds-modal{opacity:1}.wds-modal-outside[data-wds-show][data-wds-bottom] .wds-modal{margin-bottom:0}.wds-modal-head{display:flex;align-items:center;gap:1ch;font-size:21px;font-weight:700}.wds-modal-head:has(.wds-modal-title:empty){justify-content:center;font-size:35px}.wds-modal-icon{margin:0;color:var(--wds-modal-icon-txt)}.wds-modal-title:empty{display:none}.wds-modal-actions{display:flex;justify-content:flex-end;gap:10px}.wds-modal-outside[data-wds-bottom] .wds-modal-actions{flex-direction:column-reverse}.wds-modal-actions .wds-button[data-model=link]:only-child,.wds-modal-outside[data-wds-bottom] .wds-modal-actions .wds-button{width:100%}.wds-modal-outside[data-wds-icon-position=left] .wds-modal-head{flex-direction:row}.wds-modal-outside[data-wds-icon-position=center] .wds-modal-head{flex-direction:column;gap:16px}.wds-modal-outside[data-wds-icon-position=center] .wds-modal-head>.wds-modal-title{align-self:flex-start}.wds-modal-outside[data-wds-icon-position=center] .wds-modal-head>.wds-modal-icon{font-size:32px}.wds-steps{display:flex;line-height:1;gap:10px;--text-size:16px;--icon-size:14px}.wds-steps[data-size=small]{gap:6px;--text-size:14px;--icon-size:12px}.wds-steps[data-direction=column]{gap:0;flex-direction:column;align-items:flex-start}.wds-steps[data-direction=column]>.wds-step+.wds-step{margin-top:14px}.wds-step{display:flex;align-items:center;gap:10px;font-size:var(--text-size)}.wds-steps[data-size=small] .wds-step{gap:6px}.wds-step-caret{display:none;font-size:calc(var(--text-size) - 4px)}.wds-steps[data-direction=row] .wds-step+.wds-step .wds-step-caret{display:inline-flex}.wds-step-icon{width:16px;font-size:var(--icon-size)}.wds-steps[data-direction=row] .wds-step[data-status=normal] .wds-step-icon{display:none}.wds-steps[data-direction=column] .wds-step[data-status=normal] .wds-step-icon{display:inline-flex;visibility:hidden}.wds-step[data-status=disabled] .wds-step-name{color:var(--wds-step-disabled-icon-txt)}[data-wds-status-color=error]{color:var(--wds-step-error-icon-txt)}[data-wds-status-color=current]{color:var(--wds-step-current-icon-txt)}[data-wds-status-color=success]{color:var(--wds-step-success-icon-txt)}[data-wds-status-color=warning]{color:var(--wds-step-warning-icon-txt)}[data-wds-status-color=progress]{color:var(--wds-step-progress-icon-txt)}[data-wds-status-color=disabled]{color:var(--wds-step-disabled-icon-txt)}.wds-step-name{border:0;padding:0;font:inherit;background:0 0}.wds-step-name:not(:disabled){cursor:pointer}.wds-table{position:relative;z-index:0;overflow:auto;border:1px solid var(--wds-table-brd);border-radius:6px}.wds-table,.wds-table-head{background-color:var(--wds-table-bg)}.wds-table-stillHasToScrollBottom{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:var(--wds--scrollIndicator-brd)}.wds-table-inner{position:relative;inset:0}.wds-table-body{display:flex;position:relative}.wds-table-head{position:sticky;z-index:2;top:0;text-transform:uppercase}.wds-table-head tr:last-child th{padding-bottom:1px;border-bottom:2px solid var(--wds-table-head-brd)}.wds-table-stillHasToScrollTop .wds-table-head tr:last-child th{padding-bottom:0;border-bottom:var(--wds--scrollIndicator-brd)}.wds-table-left{position:sticky;z-index:2;left:0;transition:.1s box-shadow}.wds-table-scrolledX .wds-table-left{box-shadow:1px 0 var(--wds-table-head-brd)}.wds-table-right{z-index:1;flex:1}.wds-table-table{all:unset;display:table;width:100%}.wds-table-categories{height:30px;color:var(--wds-table-row-cat-txt);font-size:14px;font-weight:700;background-color:var(--wds-table-row-cat-bg)}.wds-table-categories:empty::before{content:""}.wds-table-category,.wds-table-cell,.wds-table-fieldName{padding:0 10px;text-align:start}.wds-table-cell{padding:8px 10px;overflow-wrap:break-word}.wds-table-checkboxCell{width:0;font-size:0;text-align:center}.wds-table .wds-checkbox{margin:0 10px}.wds-table-fieldNames{height:36px;color:var(--wds-table-head-txt)}.wds-table-fieldName{font-size:12px;font-weight:700;white-space:nowrap;max-width:400px}.wds-table-cell{max-width:400px}.wds-button.wds-table-sort{display:inline-flex}.wds-icon.wds-table-sort{width:34px;font-size:16px}.wds-table-row{height:42px;background-color:var(--wds-table-bg)}.wds-table-row:nth-child(odd){background-color:var(--wds-table-row-even-bg)}.wds-table-row-category{position:sticky;z-index:1;top:36px;background-color:var(--wds-table-row-cat-bg)}.wds-table-hasCats .wds-table-row-category{top:calc(30px + 36px)}.wds-table-row-category td{position:relative;height:24px}.wds-table-row-category div{position:absolute;inset:0;overflow:hidden;line-height:24px;padding-left:10px;text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase;font-weight:700;font-size:12px;color:var(--wds-table-row-cat-txt)}.wds-tableSimple{overflow:hidden;border:1px solid var(--wds-tableSimple-brd);border-radius:6px;border-spacing:0}.wds-tableSimple-absoluteCell{position:absolute;z-index:1;padding:10px;color:var(--wds--txt-60);font-size:16px;word-break:break-word;background-color:var(--wds-tableSimple-bg)}.wds-tableSimple-cell{position:relative;color:var(--wds--txt-60);padding:10px;min-height:42px}.wds-tableSimple-cell:first-child{font-size:12px;font-weight:700;text-transform:uppercase;background-color:var(--wds-tableSimple-firstCol-bg)}.wds-tableSimple-cell:not(:first-child){font-size:16px;font-weight:400;background-color:var(--wds-tableSimple-bg)}.wds-tableSimple-cell:not(:first-child):not(:last-child){border-right:1px solid var(--wds-tableSimple-brd)}.wds-tableSimple-row:not(:last-child) .wds-tableSimple-cell{border-bottom:1px solid var(--wds-tableSimple-brd)}.wds-tableSimple-cell:first-child::after{content:"";position:absolute;top:-1px;right:0;bottom:-1px;width:2px;background-color:var(--wds-tableSimple-firstCol-brd)}.wds-banner{--icon:var(--wds-banner-info-icon-txt);--closeTxt:var(--wds-banner-info-close-txt);--closeBg:var(--wds-banner-info-close-bg);--title:var(--wds-banner-info-title-txt);display:flex;align-items:baseline;gap:16px;padding:10px 16px;color:var(--wds-banner-info-message-txt);border:var(--wds-banner-brd);border-color:var(--wds-banner-info-brd);border-radius:6px;background-color:var(--wds-banner-info-bg)}.wds-banner[data-model=success]{--icon:var(--wds-banner-success-icon-txt);--closeTxt:var(--wds-banner-success-close-txt);--closeBg:var(--wds-banner-success-close-bg);--title:var(--wds-banner-success-title-txt);color:var(--wds-banner-success-message-txt);border-color:var(--wds-banner-success-brd);background-color:var(--wds-banner-success-bg)}.wds-banner[data-model=danger]{--icon:var(--wds-banner-danger-icon-txt);--closeTxt:var(--wds-banner-danger-close-txt);--closeBg:var(--wds-banner-danger-close-bg);--title:var(--wds-banner-danger-title-txt);color:var(--wds-banner-danger-message-txt);border-color:var(--wds-banner-danger-brd);background-color:var(--wds-banner-danger-bg)}.wds-banner[data-model=warning]{--icon:var(--wds-banner-warning-icon-txt);--closeTxt:var(--wds-banner-warning-close-txt);--closeBg:var(--wds-banner-warning-close-bg);--title:var(--wds-banner-warning-title-txt);color:var(--wds-banner-warning-message-txt);border-color:var(--wds-banner-warning-brd);background-color:var(--wds-banner-warning-bg)}.wds-banner:has(>.wds-button){padding-right:10px}.wds-banner-content{flex:1;display:flex;flex-direction:column;font-size:14px}.wds-banner-icon{color:var(--icon)}.wds-banner-title{font-size:16px;font-weight:700;color:var(--title)}.wds-banner-message,.wds-checkboxGroup>b,.wds-preview,.wds-radioGroup b{font-size:14px}.wds-banner>.wds-button{color:var(--closeTxt);background-color:var(--closeBg)}.wds-preview{position:relative;border:1px solid var(--wds--txt-5);border-radius:6px;min-height:40px;background-color:var(--wds-preview-bg)}.wds-preview-head{overflow:hidden;display:flex;padding:10px;color:var(--wds--txt-60);background-color:var(--wds-preview-head-bg);backdrop-filter:blur(4px)}.wds-preview-head,.wds-preview-head-custom{border-bottom:inherit;border-radius:6px 6px 0 0}.wds-preview-foot-custom,.wds-preview-head-custom{overflow:hidden;display:flex;gap:8px;padding:10px;color:var(--wds--txt-60);background-color:var(--wds-preview-head-bg);backdrop-filter:blur(4px)}.wds-preview-head{gap:0;flex-direction:column}.wds-preview-head:empty{display:none}.wds-preview[data-wds-float-header] .wds-preview-head{width:min-content;margin:5px 0 0 5px;max-width:calc(100% - 2*5px);border:inherit;border-radius:4px;padding:5px}.wds-preview[data-wds-abs-header] .wds-preview-head{position:absolute}.wds-preview-title{font-weight:700}.wds-preview-title:only-child{font-weight:400}.wds-preview-body{padding:10px}.wds-preview-foot-custom{border-top:inherit;border-bottom:0;border-radius:0 0 6px 6px}.wds-stepper{display:flex;height:100%}.wds-stepperContent,.wds-stepperSummary{border-radius:16px;background-color:var(--wds-stepper-bg)}.wds-stepperSummary{width:424px;padding:26px}.wds-stepper .wds-stepperSummary{align-self:start;margin-right:26px}.wds-stepperSummary-title{margin-bottom:16px;font-size:24px;font-weight:700;color:var(--wds-stepperSummary-title-txt)}.wds-stepperSummary-stepNumber{margin-bottom:6px}.wds-stepperSummary .wds-progressBar{display:block;width:160px;margin-bottom:20px}.wds-stepperContent{flex:1;display:flex;flex-direction:column;padding:42px 42px 0}.wds-stepperContent-title{margin-bottom:26px;font-size:24px;font-weight:700}.wds-stepperContent-content{flex:1;overflow-y:auto}.wds-stepperContent-content::-webkit-scrollbar{display:none}.wds-stepperContent-sep{height:2px;margin-top:42px;background-color:var(--wds-stepperContent-sep-bg)}.wds-stepperContent-btns{display:flex;justify-content:end;margin:16px 0}.wds-stepperContent-btns .wds-button[data-model=danger]{margin-right:16px}.wds-stepperContent-btns .wds-button+.wds-button{margin-left:10px}.wds-stepperContent-btns .wds-button-text{white-space:break-spaces}.wds-skeleton{background:var(--wds-skeleton-bg);background-size:400% 400%;animation:1.5s shine ease-in-out infinite;width:300px;height:150px;border-radius:6px}.wds-carousel{display:flex;flex-direction:column;box-sizing:border-box;height:240px;padding:10px;border-radius:10px;color:var(--wds-carousel-txt);background-color:var(--wds-carousel-bg)}.wds-carousel-screenWrap{flex:1;display:flex;overflow:hidden;flex-direction:column;border-radius:6px}.wds-carousel-screen{flex:1;display:flex;background-color:var(--wds-carousel-screen-bg)}.wds-carousel-slide{min-width:100%;transition:.2s margin-left}.wds-carousel-progress{background-color:var(--wds-carousel-progress-bg)}.wds-carousel-progressColor{width:0;height:4px;background-color:var(--wds-carousel-progress-txt);transition-property:width;transition-timing-function:linear}.wds-carousel-ctrls{display:flex;align-items:center;margin-top:10px;height:32px}.wds-carousel-btn,.wds-carousel-slideBtn{border:0;padding:0;outline:0;margin:0;height:100%;color:inherit;cursor:pointer}.wds-carousel-btn{width:32px;border-radius:6px;background-color:var(--wds-carousel-btn-bg)}.wds-carousel-btn+.wds-carousel-btn{margin-left:6px}.wds-carousel-curSlide{margin-left:12px;font-weight:700}.wds-carousel-totSlide{opacity:.5;margin-right:8px}.wds-carousel-totSlide::before{content:" / "}.wds-carousel-slideBtns{display:flex;align-self:normal;margin-left:auto}.wds-carousel-slideBtn{width:18px;background:0 0;opacity:.25;transition:opacity .2s}.wds-carousel-slideBtn-selected{opacity:1}.wds-carousel-slideBtn::before{content:"";display:inline-block;width:10px;height:10px;border-radius:50%;background-color:currentColor}.wds-gifVideo{width:100%;height:150px;border-radius:12px;background-color:var(--wds-gifVideo-bg)}.wds-tagGroup{display:flex;flex-wrap:wrap;gap:6px}.wds-markdown-code:empty,.wds-tagGroup:empty{display:none}.wds-markdown-code{--brd:var(--wds-codeSnippet-brd);position:relative;overflow:hidden;display:flex;border:1px solid var(--brd);border-radius:12px}.wds-markdown-code[data-theme=Dark]{--brd:var(--wds-codeSnippet-brd-dark)}.wds-markdown-code[data-wds-has-copy]{min-height:5em}.wds-markdown-code-line{text-align:end;border-right:1px solid var(--brd)}.wds-markdown-code-code,.wds-markdown-code-line{padding:16px 0 16px 16px}.wds-markdown-code-code::-webkit-scrollbar{width:10px}.wds-markdown-code-code::-webkit-scrollbar-thumb{background-color:transparent;background-clip:padding-box;border-radius:8px;border:5px solid transparent}.wds-markdown-code-code:hover::-webkit-scrollbar-thumb{background-color:var(--brd)}.wds-markdown-code .wds-button{position:absolute;right:0;bottom:0;border:solid var(--brd);border-width:1px 0 0 1px;border-radius:0;border-top-left-radius:inherit;background:var(--wds--bg)}.wds-markdown-code .wds-button-text{font-family:monospace;font-size:14px}.wds-paperTag{display:flex;flex-wrap:wrap;gap:6px;min-width:200px;border:2px solid var(--wds-input-brd);border-radius:6px;padding:6px 8px;color:var(--wds--txt);box-shadow:var(--wds-input-shadOff);background-color:var(--wds-input-bg);transition:border-color .2s,background-color .2s}.wds-paperTag:focus-within{border-color:var(--wds-input-brd-focus);background-color:var(--wds-input-bg-focus);box-shadow:var(--wds-input-shadOn);transition:border-color .2s,background-color .2s,box-shadow .3s ease-out}.wds-paperTag[data-wds-readonly]{border-width:1px;border-color:var(--wds-input-brd-disabled);background-color:var(--wds-input-bg-readOnly)}.wds-paperTag[data-wds-invalid]{border-color:var(--wds-input-brd-invalid);color:var(--wds--txt-invalid);box-shadow:var(--wds-input-shadOn-invalid)}.wds-paperTag[data-wds-disabled]{border-width:1px;border-color:var(--wds-input-brd-disabled);background-color:var(--wds-input-bg-disabled)}.wds-paperTag .wds-inputText{flex:1;height:24px;min-height:24px;min-width:53px;margin-right:-8px;border:0;font-style:italic}.wds-paperTag .wds-inputText:focus-within{box-shadow:none}.wds-paperTag .wds-inputText input{padding-left:0}.wds-paperTag-span{position:absolute;overflow:hidden;height:0;white-space:pre}.wds-treeView{display:flex;overflow:auto;flex-direction:column;gap:2px;border-radius:4px}.wds-treeView .wds-item{--wds-item-h:38px}.wds-treeView .wds-item-head{gap:8px;padding:4px 8px 4px 4px;font-size:14px;background-color:transparent}.wds-treeView .wds-avatar{margin:0 1px}.wds-treeView .wds-item-img{height:32px;min-width:32px}.wds-treeView .wds-item-name{font-weight:400}.wds-treeView .wds-item-nameEndChildren:last-child .wds-tag:last-child{margin-right:0}.wds-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.wds-breadcrumb:empty{display:none}.wds-breadcrumb .wds-link:visited{color:var(--wds-link-txt)}.wds-breadcrumb .wds-button{font-weight:700}.wds-fileUpload{display:flex;flex-direction:column;align-items:flex-start}.wds-fileUpload-body{display:flex;align-items:center}.wds-fileUpload-btn{position:relative;overflow:hidden}.wds-fileUpload-input{all:unset;position:absolute;left:50%;bottom:0;width:1px;height:1px;opacity:0}.wds-fileUpload-placeholder{margin-left:10px;color:var(--wds-fileUpload-placeh-txt);font-size:12px}.wds-fileUpload.disabled .wds-fileUpload-placeholder{color:var(--wds-fileUpload-placeh-txt-disabled)}.wds-fileUpload-tagGroup{display:flex;align-items:flex-start;flex-direction:column;padding-left:10px;margin-top:10px}.wds-fileUpload-error{margin-top:10px;font-size:14px;color:var(--wds--red-500)}.wds-gridSelect{position:relative}.wds-gridSelect .wds-input{cursor:pointer}.wds-gridSelect-selectorWrap{overflow:auto;z-index:1;position:absolute;max-height:300px;padding:10px;border:2px solid var(--wds-input-brd-focus);border-radius:6px;background-color:var(--wds--bg);transition:margin-top .2s,opacity .2s,visibility .2s}.wds-pagination{position:relative;display:flex;align-items:center;gap:16px}.wds-pagination-condensed{gap:10px}.wds-pagination-dots{opacity:.6}.wds-pagination-dots::before{content:"…"}b+.wds-pagination-count{margin-left:-10px}.wds-pagination-count::before{content:"/"}.wds-pagination .wds-link{user-select:none}.wds-pagination .wds-select{min-width:auto}.wds-radioGroup{display:grid;grid-gap:8px}.wds-buttonGroup{display:flex;align-content:flex-start}.wds-buttonGroup:empty{display:none}.wds-buttonGroup[data-wds-dir=column]{flex-direction:column;width:fit-content}.wds-buttonGroup[data-wds-group=false]{gap:10px}.wds-buttonGroup[data-wds-group=true][data-wds-dir=row] .wds-input{height:100%}.wds-buttonGroup[data-wds-group=true][data-wds-dir=row] .wds-input:not(:first-child){border-left:0}.wds-buttonGroup[data-wds-group=true][data-wds-dir=row] .wds-input:not(:last-child){border-right:0}.wds-buttonGroup .wds-button:focus{z-index:1}.wds-buttonGroup[data-wds-dir=column] .wds-button{width:auto}.wds-buttonGroup[data-wds-group=true][data-wds-dir=row]>:not(:first-child){border-left:1px solid var(--wds-buttonGroup-divider)}.wds-buttonGroup[data-wds-group=true][data-wds-dir=column]>:not(:first-child){border-top:1px solid var(--wds-buttonGroup-divider)}.wds-buttonGroup[data-wds-group=true]>:not(:only-child),.wds-buttonGroup[data-wds-group=true]>:not(:only-child) .wds-button{border-radius:0}.wds-buttonGroup[data-wds-group=true][data-wds-dir=row]>:first-child,.wds-buttonGroup[data-wds-group=true][data-wds-dir=row]>:first-child .wds-button{border-top-left-radius:6px;border-bottom-left-radius:6px}.wds-buttonGroup[data-wds-group=true][data-wds-dir=column]>:first-child,.wds-buttonGroup[data-wds-group=true][data-wds-dir=column]>:first-child .wds-button{border-top-left-radius:6px;border-top-right-radius:6px}.wds-buttonGroup[data-wds-group=true][data-wds-dir=row]>:last-child,.wds-buttonGroup[data-wds-group=true][data-wds-dir=row]>:last-child .wds-button{border-top-right-radius:6px;border-bottom-right-radius:6px}.wds-buttonGroup[data-wds-group=true][data-wds-dir=column]>:last-child,.wds-buttonGroup[data-wds-group=true][data-wds-dir=column]>:last-child .wds-button{border-bottom-left-radius:6px;border-bottom-right-radius:6px}.wds-colorPicker{position:relative;display:inline-flex;color:var(--wds-colorPicker-txt)}.wds-colorPicker-color{width:20px;height:20px;border-radius:50%;background-color:currentColor;pointer-events:none}.wds-colorPicker-inputWrap{position:relative;display:flex;align-items:center;font-family:monospace;width:110px}.wds-colorPicker-color-input{position:absolute;left:calc(110px - 20px - 10px)}.wds-colorPicker-btns{margin-left:10px}.wds-colorPicker-dropdown{position:absolute;top:calc(100% + 6px);left:0;width:185px;height:200px;pointer-events:none}.wds-colorPicker-palette,.wds-colorPicker-picker{position:absolute;box-sizing:border-box;z-index:1;border-radius:6px;border:1px solid var(--wds-colorPicker-brd);background-color:var(--wds-colorPicker-bg);transition:.2s;transition-property:opacity,visibility;opacity:0;visibility:hidden;pointer-events:auto}.wds-colorPicker-picker{width:100%;padding:8px;outline:0}.wds-colorPicker-paletteOn .wds-colorPicker-palette,.wds-colorPicker-pickerOn .wds-colorPicker-picker{opacity:1;visibility:visible}.wds-colorPicker-pickerGradient{position:relative;display:flex;padding-top:0;transition:.2s padding-top;cursor:pointer}.wds-colorPicker-pickerCanvas,.wds-colorPicker-pickerCursor{position:absolute;top:0;width:100%;height:100%;border-radius:4px;pointer-events:none}.wds-colorPicker-pickerCursor{box-sizing:border-box;width:16px;height:16px;margin:-8px 0 0-8px;border-radius:50%;border:1px solid var(--wds-colorPicker-pickerCursor-brd)}.wds-colorPicker-pickerInputWrap{height:0;transition:.2s height}.wds-colorPicker-pickerOn .wds-colorPicker-pickerGradient{padding-top:100%}.wds-colorPicker-pickerOn .wds-colorPicker-pickerInputWrap{height:28px}.wds-colorPicker-pickerInput{height:100%}.wds-colorPicker-pickerInput .wds-progressBar{background-image:linear-gradient(90deg,red,#f0f,#00f,#0ff,#0f0,#ff0,red)}.wds-colorPicker-pickerInput .wds-slider-wrap{color:transparent}.wds-colorPicker-palette{width:110px;overflow:auto;font-size:16px;font-family:monospace}.wds-colorPicker-paletteRow{display:flex;align-items:center;width:100%;height:31px;border:0;margin:0;outline:0;padding:0 0 0 10px;font:inherit;cursor:pointer;background:0 0;transition:inherit;transition-property:margin-top}.wds-colorPicker-paletteOn .wds-colorPicker-paletteRow{margin-top:0}.wds-colorPicker-paletteRow-name{pointer-events:none}.wds-colorPicker-paletteRow-color{margin-left:7px}.wds-checkboxGroup{display:flex;flex-direction:column;gap:10px}.wds-headerProduct{container-type:inline-size;container-name:headerproduct}.wds-headerProduct-inner{display:flex;overflow:hidden;align-items:center;border-radius:10px;color:var(--wds-headerProduct-txt);background-color:var(--wds-headerProduct-bg)}.wds-headerProduct-img{width:200px;align-self:normal;background-size:cover;background-position:center;background-color:var(--wds-headerProduct-bg)}.wds-headerProduct-texts{flex:1;display:flex;align-items:center;gap:16px;padding:24px}.wds-headerProduct-text{flex:1;display:flex;flex-direction:column}.wds-headerProduct-user{font-size:21px;font-weight:700}.wds-headerProduct-product{margin:0;font-size:28px;font-weight:700}.wds-headerProduct-logo{display:flex;flex-direction:column;justify-content:center;gap:6px;height:100%;text-align:center}.wds-headerProduct-logo span{font-size:14px;font-weight:600}.wds-headerProduct-logo .wds-icon{font-size:48px}.wds-headerProduct-subHeader{position:sticky;z-index:100;flex-wrap:wrap-reverse;justify-content:space-between;align-items:end;top:-1px;padding:16px 0}.wds-headerProduct-sticky{border-bottom:1px solid var(--wds-divider-highContrast-bg)}@container headerproduct (max-width: 520px){.wds-headerProduct-img{display:none}}@container headerproduct (max-width: 700px){.wds-headerProduct-texts{flex-direction:column;align-items:stretch;gap:8px}.wds-headerProduct-logo{flex-direction:row;align-items:center;white-space:nowrap;align-self:flex-end}.wds-headerProduct-logo .wds-icon{font-size:28px}}#wds-notifications{--wds-dur:.2s;position:absolute;display:flex;z-index:1;right:10px;bottom:10px;width:100px;height:34px;transition:var(--wds-dur);transition-property:opacity}#wds-notifications[data-wds-hide]{opacity:0;pointer-events:none}#wds-notifications-start{position:absolute;right:0;bottom:0;border-radius:6px;transition:var(--wds-dur);transition-property:visibility,opacity}#wds-notifications[data-wds-open] #wds-notifications-start{opacity:0;visibility:hidden}#wds-notifications-in{position:absolute;overflow:hidden;display:flex;flex-direction:column;gap:10px;width:200px;right:21px;bottom:0;padding:16px;border-radius:10px;background-color:var(--wds-notifications-bg);opacity:0;transition-duration:var(--wds-dur);transition-property:right,bottom,width,opacity;pointer-events:none}#wds-notifications[data-wds-open] #wds-notifications-in{right:42px;bottom:16px;width:420px;opacity:1;pointer-events:auto}#wds-notifications-head,.wds-notifications-notif{display:flex;gap:16px;align-items:center}#wds-notifications-title{font-size:21px;font-weight:700}#wds-notifications-count{margin-left:-10px;margin-right:auto;opacity:.7}#wds-notifications-list{overflow:hidden auto;display:flex;flex-direction:column;height:0;gap:6px;border-radius:4px;padding-right:4px;transition-duration:var(--wds-dur);transition-property:height,max-height}#wds-notifications-list.wds-hideScrollbar{justify-content:end;padding-right:0}.wds-notifications-notif{gap:10px;height:0;min-height:0;padding:0 10px 0 16px;border-radius:inherit;transform:translateX(64px);opacity:0}.wds-notifications-notif.wds-adding{animation:wds-notif-add 4s forwards}.wds-notifications-notif.wds-removing{height:72px;min-height:72px;transform:translateX(0);background-color:var(--wds-card-bg);opacity:1;animation:wds-notif-rm .25s forwards}#wds-notifications-list.wds-hideScrollbar .wds-notifications-notif.wds-removing,.wds-notifications-notif.wds-removing:last-child{animation:wds-notif-rm2 .25s forwards}.wds-notifications-notif.wds-removing2{height:72px;min-height:72px;transform:translateX(0);background-color:var(--wds-card-bg);opacity:1;animation:wds-notif-rm3 .25s forwards}.wds-notifications-notif-head{display:flex;gap:6px;font-weight:700}.wds-notifications-notif-texts{flex:1;overflow:hidden;text-overflow:ellipsis}.wds-notifications-notif-head .wds-icon{min-width:20px;max-width:20px}.wds-notifications-notif-desc,.wds-notifications-notif-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wds-notifications-notif-btns{display:flex;gap:4px}.wds-runTimeTracker{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%;font-size:14px}.wds-runTimeTracker,.wds-runTimeTracker[data-wds-color=grey]{--wds-line-color:var(--wds-runTimeTracker-grey-line)}.wds-runTimeTracker[data-wds-color=yellow]{--wds-line-color:var(--wds-runTimeTracker-yellow-line)}.wds-runTimeTracker[data-wds-color=cyan]{--wds-line-color:var(--wds-runTimeTracker-cyan-line)}.wds-runTimeTracker[data-wds-color=green]{--wds-line-color:var(--wds-runTimeTracker-green-line)}.wds-runTimeTracker[data-wds-color=red]{--wds-line-color:var(--wds-runTimeTracker-red-line)}.wds-runTimeTracker[data-wds-color=orange]{--wds-line-color:var(--wds-runTimeTracker-orange-line)}.wds-runTimeTracker[data-wds-color=purple]{--wds-line-color:var(--wds-runTimeTracker-purple-line)}.wds-runTimeTracker-date{display:flex;gap:6px;max-width:100%}.wds-runTimeTracker-date span:last-child,.wds-runTimeTracker-date span:nth-child(2){opacity:.6}.wds-runTimeTracker-body{display:flex;align-items:center;width:100%;gap:16px}.wds-runTimeTracker-limit{font-weight:700}.wds-runTimeTracker-dur{position:relative;z-index:0;display:flex;align-items:center;justify-content:center;flex:1}.wds-runTimeTracker-dur .wds-tag{z-index:1}.wds-runTimeTracker-line{position:absolute;display:flex;align-items:center;inset:0}.wds-runTimeTracker-line:first-child{right:50%}.wds-runTimeTracker-line:last-child{left:50%}.wds-runTimeTracker-line:first-child::before,.wds-runTimeTracker-line:last-child::before{content:"";position:absolute;inset:auto 0;border-top:1px solid var(--wds-line-color)}.wds-runTimeTracker-line:first-child::before{left:2px}.wds-runTimeTracker-line:last-child::before{right:2px}.wds-runTimeTracker-line:first-child::after,.wds-runTimeTracker-line:last-child::after{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background-color:var(--wds-line-color)}.wds-runTimeTracker-line:first-child::after{left:0}.wds-runTimeTracker-line:last-child::after{right:0}.wds-runTimeTracker[data-wds-status=progress] .wds-runTimeTracker-line:last-child::before{border-top-style:dashed}.wds-runTimeTracker[data-wds-status=progress] .wds-runTimeTracker-line:last-child::after{display:none}.wds-collapsiblePanels{display:flex;flex-direction:column;gap:16px}.wds-collapsiblePanel{--pad:16px;--dur:.2s;border-radius:6px;background-color:var(--wds-collapsiblePanel-bg);border:1px solid var(--wds-collapsiblePanel-brd);transition:var(--dur) ease;transition-property:border-color,background-color}.wds-collapsiblePanel:hover{border-color:var(--wds-collapsiblePanel-brd-hover)}.wds-collapsiblePanel[data-wds-disabled]{color:var(--wds-collapsiblePanel-txt-disabled);border-color:var(--wds-collapsiblePanel-brd-disabled);background-color:var(--wds-collapsiblePanel-bg-disabled)}.wds-collapsiblePanel-head{--head-h:52px;display:flex;align-items:center;gap:1ch;width:100%;height:var(--head-h);margin:0;border:0;outline:0;padding:0 var(--pad);font:inherit;text-align:start;cursor:pointer;background:0 0}.wds-collapsiblePanel[data-wds-disabled] .wds-collapsiblePanel-head{cursor:not-allowed}.wds-collapsiblePanel-title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:18px;font-weight:700;pointer-events:none}.wds-collapsiblePanel-icon{color:var(--wds-collapsiblePanel-icon-txt)}.wds-collapsiblePanel[data-wds-disabled] .wds-collapsiblePanel-icon{color:inherit}.wds-collapsiblePanel-openIcon{margin-left:auto;transition:var(--dur) transform}.wds-collapsiblePanel[data-wds-open] .wds-collapsiblePanel-openIcon{transform:scaleY(-1)}.wds-collapsiblePanel-desc{margin-top:-6px;margin-bottom:var(--pad);max-height:var(--max-height, 0);padding:0 var(--pad);transition:calc(var(--dur)*.8) ease .03s;transition-property:margin-top,margin-bottom,max-height,opacity}.wds-collapsiblePanel[data-wds-open] .wds-collapsiblePanel-desc{overflow:hidden;max-height:0;margin:0;opacity:0}.wds-collapsiblePanel-desc:has(.wds-collapsiblePanel-descIn:empty){display:none}.wds-collapsiblePanel-content{overflow:hidden;height:0;transition:var(--dur) ease;opacity:0;visibility:hidden;transition-property:margin,height,opacity,visibility}.wds-collapsiblePanel[data-wds-open] .wds-collapsiblePanel-content{margin-top:-6px;opacity:1;visibility:visible}.wds-collapsiblePanel-contentIn{padding:0 var(--pad) var(--pad)}.wds-dragDropFileUpload,.wds-dragDropFileUpload-in{display:flex;align-items:flex-start;flex-direction:column}.wds-dragDropFileUpload-in{justify-content:center;gap:20px;align-items:center;text-align:center;padding:16px 68px;border:2px dashed;border-color:var(--wds-fileUpload-brd);border-radius:10px;width:fit-content;position:relative;overflow:hidden}.wds-dragDropFileUpload-in.disabled{border-color:var(--wds--brd-disabled);cursor:not-allowed}.wds-dragDropFileUpload-in.readOnly{border-color:var(--wds--brd-readOnly)}.wds-dragDropFileUpload-in.invalid{border-color:var(--wds--brd-invalid)}.wds-dragDropFileUpload-in:not(.disabled).hover,.wds-dragDropFileUpload-in:not(.disabled):hover{border-color:var(--wds-fileUpload-brd-hover)}.wds-dragDropFileUpload-accepts{font-size:12px;margin-top:6px;color:var(--wds-fileUpload-placeh-txt)}.wds-dragDropFileUpload-in.disabled .wds-dragDropFileUpload-accepts{color:var(--wds--txt-disabled);opacity:.6}.wds-dragDropFileUpload-in.readOnly .wds-dragDropFileUpload-accepts{color:var(--wds--txt-readOnly)}.wds-dragDropFileUpload-in.invalid .wds-dragDropFileUpload-accepts{color:var(--wds--txt-invalid);opacity:.6}.wds-dragDropFileUpload-msg{display:grid;grid-auto-flow:column;grid-gap:.3em;font-weight:700;font-size:14px;user-select:none}.wds-dragDropFileUpload-in.disabled .wds-dragDropFileUpload-msg{color:var(--wds--txt-disabled)}.wds-dragDropFileUpload-in.readOnly .wds-dragDropFileUpload-msg{color:var(--wds--txt-readOnly)}.wds-completeProgressBar{display:flex;gap:10px}.wds-completeProgressBar[data-wds-position=left],.wds-innerSlider{align-items:center}.wds-completeProgressBar[data-wds-position=top]{flex-direction:column;justify-content:center}.wds-completeProgressBar .wds-label-title{white-space:nowrap;color:var(--wds--txt-60)}.wds-innerSlider{position:relative;min-height:20px;line-height:20px;display:flex}.wds-innerSlider::before{content:"";width:100%;border-radius:10px;height:8px;background-color:var(--wds-innerSlider-outerBar-bg)}.wds-innerSlider .wds-slider-wrap{min-width:unset}.wds-cardLegacy{display:flex;flex-direction:column;box-sizing:border-box;border-radius:.625em;padding:1em;font-size:16px;background-color:var(--wds-card-bg)}.wds-cardLegacy-head{display:flex;margin-bottom:1em;gap:10px}.wds-cardLegacy-icon{min-width:1.5em;min-height:1.5em;line-height:1.5em;border-radius:.375em;text-align:center}.wds-cardLegacy-title{font-weight:700;font-size:1.25em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wds-cardLegacy-body{display:flex;flex-direction:column}.wds-cardLegacy-img{width:100%;height:10.5em;border-radius:.313em;background:no-repeat center #0002;background-size:contain}.wds-cardLegacy-text{position:relative;text-align:left;overflow:hidden;line-height:1.5em;transition:max-height .5s}.wds-cardLegacy-text-needExpand::after{content:"...";position:absolute;bottom:0;right:0}.wds-cardLegacy-actions{display:flex;flex-direction:row;margin-top:1em}.wds-cardLegacy-actions .bold{font-weight:700}.wds-cardLegacy-actions button:first-child{margin-left:auto}.wds-cardLegacy-actions button:not(:first-child){margin-left:.625em}.TimePicker{display:flex;font-size:16px}.TimePicker-time{display:flex;align-items:center;height:32px;outline:0;line-height:32px}.TimePicker-ampm,.TimePicker-clearTime{border:0;outline:0;min-height:0;font:inherit;background:0 0}.TimePicker-ampm{margin:0;box-sizing:content-box;width:3ch;padding:0 1px 0 2px;text-align-last:right;color:inherit;opacity:1;-webkit-appearance:none}.TimePicker-hours .InputNumber-input{padding-left:12px}.TimePicker-ampm:focus{clip-path:inset(.3em 0);color:var(--wds--bg);background-color:var(--wds--txt-selected)}.TimePicker-ampm option{color:var(--wds--txt);background-color:var(--wds--bg)}.InputNumberButtons{align-self:normal}.InputShadow-disabled .InputNumberButtons,.InputShadow-disabled .TimePicker-clearTime,.InputShadow-readonly .InputNumberButtons,.InputShadow-readonly .TimePicker-clearTime{pointer-events:none}.TimePicker-clearTime{display:flex;align-self:normal;align-items:center;margin:0 0 0 auto;padding:0 10px;font-size:12px;cursor:pointer;opacity:.3;transition:.2s opacity}.TimePicker-clearTime:hover{opacity:.5}.TimePicker-zones{flex:1;margin-left:10px;font-family:monospace}.TimePicker .InputNumberButtons,.wds-tabsLegacy{display:flex;position:relative;flex-direction:column}.TimePicker .InputNumberButtons{align-items:center;width:16px}.TimePicker .InputNumberButtons-disabled{pointer-events:none}.TimePicker .InputNumberButtons-btn{position:absolute;display:flex;width:100%;height:50%;padding:0;margin:0;border:0;outline:0;cursor:pointer;background-color:transparent;transition:.2s background-color}.TimePicker .InputNumberButtons-btn:hover{background-color:var(--wds-button-secondary-bg-hover)}.TimePicker .InputNumberButtons-btnDown{bottom:0}.TimePicker .InputNumberButtons-icon{height:100%;padding:0 4px;font-size:12px;pointer-events:none;opacity:.4}.wds-tabsLegacy{overflow:hidden;border-radius:10px;background-color:var(--wds-tab-bg)}.wds-tabsLegacy-tab-width-calc{align-self:flex-start;max-width:100%;height:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.wds-tabsLegacy-head-line{position:absolute;top:6px;bottom:6px;border-radius:6px;pointer-events:none;background-color:var(--wds-tab-bg-selected)}.wds-tabsLegacy-head{position:relative;display:flex;height:46px;min-height:46px;padding:6px}.wds-tabsLegacy-head-tab{position:relative;flex:1;display:flex;align-items:center;justify-content:center;cursor:pointer;border:0;padding:0;outline:0;border-radius:6px;color:inherit;background:0 0;transition:color .2s,background-color .2s}.wds-tabsLegacy-head-tab+.wds-tabsLegacy-head-tab{margin-left:6px}.wds-tabsLegacy-head-tab:not(.wds-tabsLegacy-head-tabSelected):hover{background-color:var(--wds-tab-bg-hover)}.wds-tabsLegacy-head-tabSelected{opacity:1}.wds-tabsLegacy-head-tabIcon{pointer-events:none}.wds-tabsLegacy-head-tabText{text-align:left;overflow:hidden;white-space:nowrap;font-weight:700;pointer-events:none}.wds-tabsLegacy-body{flex:1;display:flex;overflow:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory}.wds-tabsLegacy-body-tab{position:relative;min-width:100%;height:100%;outline:0;scroll-snap-align:start}.wds-tabsLegacy-body-tabFocus{position:absolute}.wds-tabsLegacy-body-tabCnt{box-sizing:border-box;min-height:calc(100% - 20px);margin:6px}.wds-listLegacy-placeholder{color:var(--wds--placeh-txt);font-size:14px;font-style:italic}.wds-listLegacy-spacing{display:flex;padding:3px}.wds-listLegacy-item-wrap{display:flex;gap:6px;width:100%;border-radius:6px;cursor:pointer;color:var(--wds-listLegacy-item-txt);background-color:var(--wds-listLegacy-item-bg);transition:color .2s,background-color .2s,box-shadow .3s ease-out}.wds-listLegacy-item-wrap-readOnly{cursor:initial}.wds-listLegacy-item-wrap-selected{color:var(--wds-listLegacy-item-txt-selected);background-color:var(--wds-item-bg-selected)}.wds-listLegacy-item-wrap-disabled{color:var(--wds-listLegacy-item-disabled-txt);cursor:not-allowed}.wds-listLegacy-item-wrap-disabled.wds-listLegacy-item-wrap-selected{background-color:var(--wds-item-bg-selected-disabled)}.wds-listLegacy-item-wrap-invalid.wds-listLegacy-item-wrap-selected{background-color:var(--wds--brd-invalid)}.wds-listLegacy-item-wrap:focus{outline:0;box-shadow:var(--wds--shadOn-focus)}.wds-listLegacy-item-wrap-invalid:focus{box-shadow:var(--wds--shadOn-invalid)}.wds-listLegacy-item-wrap:not(.wds-listLegacy-item-wrap-disabled):hover{background-color:var(--wds-item-bg-hover)}.wds-listLegacy-item-wrap-selected:not(.wds-listLegacy-item-wrap-disabled):hover{background-color:var(--wds-item-bg-selected-hover)}.wds-listLegacy-item-wrap-invalid:not(.wds-listLegacy-item-wrap-disabled):hover{background-color:var(--wds--bg-invalid)}.wds-listLegacy-item-wrap-invalid.wds-listLegacy-item-wrap-selected:not(.wds-listLegacy-item-wrap-disabled):hover{background-color:var(--wds--brd-invalid)}.wds-listLegacy-item{display:flex;align-items:center;width:100%;gap:16px;padding:3px 16px}.wds-listLegacy-item-hasImage{padding-left:6px}.wds-listLegacy-item-hasActions:focus,.wds-listLegacy-item-hasActions:hover{padding-right:6px}.wds-listLegacy-item-hasActions:focus .wds-listLegacy-item-actionsBtn,.wds-listLegacy-item-hasActions:hover .wds-listLegacy-item-actionsBtn{display:flex}.wds-listLegacy-item-icon{font-size:17px;color:var(--wds-listLegacy-item-asset-txt)}.wds-listLegacy-item-selected .wds-listLegacy-item-icon{color:var(--wds-listLegacy-item-selected-asset-txt)}.wds-listLegacy-item-disabled .wds-listLegacy-item-icon{color:var(--wds-listLegacy-item-disabled-asset-txt)}.wds-listLegacy-item-content{display:flex;flex-direction:column;gap:6px;flex:1}.wds-listLegacy-item-head{display:flex;align-items:center;gap:6px}.wds-listLegacy-item-name{font-size:14px;font-weight:700}.wds-listLegacy-item-suffix{font-size:14px;margin-left:auto}.wds-listLegacy-item-children{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:700}.wds-listLegacy-item-actionsBtn{display:none;align-self:flex-start;margin-top:3px}.wds-tableLegacy{width:100%}.wds-tableLegacy-caption:empty{display:none}.wds-tableLegacy-wrap{width:100%;overflow:hidden;border:.063em solid var(--wds-tableLegacy-brd)}.wds-tableLegacy-actions{overflow:hidden;display:flex;gap:10px;flex-wrap:nowrap;align-items:center;justify-content:space-between;height:3.188em;padding:0 10px;background-color:var(--wds-tableLegacy-actions-bg)}.wds-tableLegacy-actions .row-size-actions{margin-left:auto}.wds-tableLegacy-actions .row-size-actions .normal svg{transform:scale(1,.9)}.wds-tableLegacy-actions .row-size-actions .double svg{transform:scale(1,1.2)}.wds-tableLegacy-actions .button-group+.row-size-actions{margin-left:1.25em}.wds-tableLegacy-divider{flex:1}.wds-tableLegacy-pagination{display:flex;flex-wrap:nowrap;overflow:hidden;justify-content:flex-end;align-items:center;height:3.188em;padding:0 .625em;background-color:var(--wds-tableLegacy-pagination-bg)}.wds-tableLegacy-rtTable .cell-container{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:0 .563em}.wds-tableLegacy-checkboxSelection,.wds-tableLegacy-rtTable .rt-expander-cell{margin:0 .563em}.wds-tableLegacy-rtTable .wds-inputNumber{width:100%}.wds-tableLegacy-rtTable .wds-comboBox,.wds-tableLegacy-rtTable .wds-inputNumber,.wds-tableLegacy-rtTable .wds-inputText,.wds-tableLegacy-rtTable .wds-select{margin-right:.188em}.wds-tableLegacy-rtTable .rt-thead.-header{display:flex;flex-wrap:nowrap;align-items:center;height:2.625em;font-weight:700;background-color:var(--wds-tableLegacy-header-bg);user-select:none}.wds-tableLegacy-rtTable .rt-thead.-header .rt-resizable-header{padding:0 .563em;justify-self:flex-start}.wds-tableLegacy-rtTable .rt-thead.-header .rt-resizable-header.sortable .rt-resizable-header-content::after{content:"–"}.wds-tableLegacy-rtTable .rt-thead.-header .rt-resizable-header.-sort-asc .rt-resizable-header-content:not(:empty)::after,.wds-tableLegacy-rtTable .rt-thead.-header .rt-resizable-header.-sort-desc .rt-resizable-header-content:not(:empty)::after,.wds-tableLegacy-rtTable .rt-thead.-header .rt-resizable-header.sortable .rt-resizable-header-content:not(:empty)::after{padding-left:.563em}.wds-tableLegacy-rtTable .rt-thead.-header .rt-resizable-header.-sort-asc .rt-resizable-header-content::after{content:"↑"}.wds-tableLegacy-rtTable .rt-thead.-header .rt-resizable-header.-sort-desc .rt-resizable-header-content::after{content:"↓"}.wds-tableLegacy-rtTable .rt-thead.-filters *{box-sizing:border-box;overflow:hidden}.wds-tableLegacy-rtTable .rt-tbody{position:relative;min-height:2.625em}.wds-tableLegacy-rtTable .rt-tbody .rt-tr-group{display:flex;align-items:center;height:2.125em}.wds-tableLegacy-rtTable .rt-tbody .rt-tr-group.double{height:3.375em}.wds-tableLegacy-rtTable .rt-tbody .rt-tr-group:nth-of-type(odd){background-color:var(--wds-tableLegacy-rowOdd-bg)}.wds-tableLegacy-rtTable .rt-tbody .rt-tr-group:nth-of-type(even){background-color:var(--wds-tableLegacy-rowEven-bg)}.wds-tableLegacy-rtTable .rt-tbody .rt-td{display:flex;align-items:center}.wds-tableLegacy-rtTable .rt-tfoot.-footer{display:flex;flex-wrap:nowrap;align-items:center;height:2.625em;font-weight:700;background-color:var(--wds-tableLegacy-footer-bg);user-select:none}.wds-tableLegacy-rtTable .rt-resizable-footer{padding:0 .563em;justify-self:flex-start}.wds-tableLegacy-rtTable .rt-noData{position:absolute;top:50%;left:50%;white-space:nowrap;transform:translate(-50%,-50%);padding:1.25em}.wds-comboBoxLegacy{position:relative;display:flex;box-sizing:border-box;font-size:16px}.wds-comboBoxLegacy .wds-inputText{width:100%;cursor:text}.wds-comboBoxLegacy .wds-inputText .focused:not(.readOnly) [class$=icon]{color:var(--wds--txt)}.wds-comboBoxLegacy .wds-inputText .revert [class$=text]:not(:only-child){padding-right:1.308em}.wds-comboBoxLegacy-list{z-index:100;width:100%;max-height:80vh;padding:.563em 0;border:.063em solid var(--wds--brd);border-radius:.375em;background:var(--wds--bg)}.wds-comboBoxLegacy-list .list-container{overflow:hidden;overflow-y:auto}.wds-comboBoxLegacy-list .item-actions{padding-right:.4em}.wds-comboBoxLegacy-list .item-container{background:unset;color:unset;border-radius:unset;margin:0;padding:.375em 0}.wds-comboBoxLegacy-list .item-container:hover{background:unset;color:unset}.wds-comboBoxLegacy-list .item-container.focused{outline:0;box-shadow:unset;color:var(--wds-listLegacy-item-txt-selected);background:var(--wds-item-bg-selected)}.wds-comboBoxLegacy-list .item-container.selected{font-weight:700}.wds-comboBoxLegacy-list .item-container.selected .item-asset{background-color:var(--wds-listLegacy-asset-bg)}.wds-comboBoxLegacy-list .item-container.selected .wds-button{color:var(--wds--txt);background-color:var(--wds-listLegacy-asset-bg)}.wds-comboBoxLegacy-list .item-container .item-icon,.wds-comboBoxLegacy-list .item-container.selected .wds-button:hover{color:var(--wds--txt)}.wds-input.MultiLineInput{width:200px;resize:none;height:auto;max-height:100px;padding:6px 10px;outline:0}.wds-input.MultiLineInput.disabled,.wds-input.MultiLineInput.readOnly{height:5em}.wds-treeViewLegacy{display:flex;flex-direction:column;min-width:150px}.wds-treeViewLegacy-head{display:flex;padding:6px}.wds-treeViewLegacy-head .wds-inputSearch{flex:1;margin-right:8px}.wds-treeViewLegacy-body{display:grid;grid-template-columns:6px 1fr 6px;overflow:auto;border:1px solid transparent;border-radius:6px}.wds-treeViewLegacy.invalid .wds-treeViewLegacy-body{border-color:var(--wds--brd-invalid)}.wds-treeViewLegacy-body::after,.wds-treeViewLegacy-body::before{content:"";width:6px}.wds-treeViewLegacy-placeh{font-size:.8em;font-style:italic;opacity:.8}.wds-treeViewLegacy-tree{display:grid;padding:0;margin:0}.wds-treeViewLegacy-tree::after,.wds-treeViewLegacy-tree::before{content:"";height:6px;width:100%}.wds-treeViewLegacy-tree.drag{border-radius:4px;transition:box-shadow .1s;animation:wdsTreeViewLegacyDragAnim 1s linear infinite alternate}.wds-treeViewLegacy-tree:focus{outline:0}.wds-treeViewLegacy-elem{position:relative;display:grid;max-width:100%;min-height:39px;max-height:39px;margin-top:2px;padding-right:8px;color:var(--wds-treeviewLegacy-element-txt);background:var(--wds-treeviewLegacy-element-bg);transition:background-color .2s}.wds-treeViewLegacy-elem[data-wds-lonely]{border-radius:6px}.wds-treeViewLegacy-elem[data-wds-selected]{color:var(--wds-item-txt-selected);background-color:var(--wds-item-bg-selected)}.wds-treeViewLegacy-elem[data-wds-selected] .wds-icon{color:inherit}.wds-treeViewLegacy-elem[data-wds-selected] mark{color:initial}.wds-treeViewLegacy-elem[data-wds-selected]:hover{transition:background-color .2s;background-color:var(--wds-treeviewLegacy-element-bg-focus-hover)}.wds-treeViewLegacy-elem[data-wds-disabled]{cursor:not-allowed;opacity:.25}.wds-treeViewLegacy-elem:not([data-wds-disabled]){cursor:pointer}.wds-treeViewLegacy-elem:not([data-wds-disabled]):focus-visible{z-index:1;outline:0;box-shadow:0 0 0 6px var(--wds--shad-focus);transition:box-shadow .2s}.wds-treeViewLegacy-elem:not([data-wds-disabled]):focus-within>.wds-treeViewLegacy-actions,.wds-treeViewLegacy-elem:not([data-wds-disabled]):hover>.wds-treeViewLegacy-actions{display:block;visibility:visible}.wds-treeViewLegacy-elem:not([data-wds-selected]):not([data-wds-disabled]):hover{transition:background-color .2s;background-color:var(--wds-treeviewLegacy-element-bg-hover)}.wds-treeViewLegacy-folder{display:flex;flex-direction:column}.wds-treeViewLegacy-folder.drag{border-radius:4px;transition:box-shadow .1s;animation:wdsTreeViewLegacyDragAnim 1s linear infinite alternate}.wds-treeViewLegacy-folder-collapse{display:flex;align-items:center}.wds-treeViewLegacy-folder-collapse .wds-treeViewLegacy-img:hover+.wds-treeViewLegacy-imgPreview{display:block;visibility:visible}.wds-treeViewLegacy-folder-children{display:flex;flex-direction:column;padding:0;transition:height .4s}.wds-treeViewLegacy-folder:not([data-wds-open])>.wds-treeViewLegacy-folder-children{height:0}.wds-treeViewLegacy-folder.drag>.wds-treeViewLegacy-elem>.wds-icon{color:var(--wds-treeviewLegacy-folder-dropped-txt)}.wds-treeViewLegacy-folder[data-wds-open]>.wds-treeViewLegacy-elem:not([data-wds-selected])>div>.wds-icon{color:var(--wds-treeviewLegacy-folder-opened-icon-txt)}.wds-treeViewLegacy-folder[data-wds-open]>.wds-treeViewLegacy-elem>div>.wds-treeViewLegacy-folder-arrow{transform:rotate(90deg)}.wds-treeViewLegacy-name{align-self:center;font-size:16px;min-width:100px;user-select:none}.wds-treeViewLegacy-folder[data-wds-open]>.wds-treeViewLegacy-elem>.wds-treeViewLegacy-name{font-weight:700}.wds-treeViewLegacy-actions{position:absolute;align-self:center;right:4px;display:none;visibility:hidden}.wds-treeViewLegacy-folder-count{padding-left:.5rem;align-self:center;font-size:.8em;text-align:end;user-select:none;pointer-events:none;opacity:.6}.wds-treeViewLegacy-elem>.wds-icon,.wds-treeViewLegacy-folder-collapse .wds-icon{width:1em;margin-right:.4rem;color:var(--wds-treeviewLegacy-element-icons-txt);font-size:1.1em;transition:color .2s,transform .2s}.wds-treeViewLegacy-img{min-width:20px;max-width:20px;height:100%;margin-right:.4rem;background:center no-repeat;background-size:contain}.wds-treeViewLegacy-imgPreview{position:absolute;z-index:4;top:0;left:0;width:100%;height:auto;max-width:150px;max-height:150px;box-shadow:0 0 20px 0 rgba(0,0,0,.15);display:none;visibility:hidden}.wds-treeViewLegacy-img:hover+.wds-treeViewLegacy-imgPreview,.wds-treeViewLegacy-imgPreview:hover{display:block;visibility:visible}

.alarm-header #header-actionbar {
    flex: 1;
}

.alarm-header #header-form {
    grid-template-columns: 1fr 200px auto;
}

#alarm-template-banner {
    margin-left: auto;
}

.alarm-card .badge {
    margin-bottom: .3em;
}

.alarm-card.selected .card-item-img.picture {
    filter: brightness(10);
}

/* TODO remove this custom CSS after integration of Design System v2 - T23496 */
.kpi-sampling-documentation-link {
    margin-top: 6px !important;
    padding: 0 !important;
    color: var(--color-darkblue) !important;
    -webkit-text-decoration: none !important;
    text-decoration: none !important;
}

.kpi-sampling-documentation-link:hover {
    -webkit-text-decoration: underline !important;
    text-decoration: underline !important;
}

.kpi-sampling-type {
    grid-template-columns: auto 1fr;
}
.kpi-sampling-type:last-child {
    margin-left: 18px;
}

.alarm-data-sampling {
    grid-template-columns: 150px 1fr;
}

.alarm-trigger {
    grid-gap: 14px;
    padding: 12px;
}
.alarm-trigger.editing {
    grid-template-columns: 1fr auto;
}

.alarm-new-oid,
#alarm-new-trigger-filter,
#alarm-new-filter,
#alarm-new-trigger {
    margin: 0;
}

.alarm-trigger-message {
    height: 100px;
}

#alarm-aggregations > .collapse.show {
    padding-top: 0;
    padding-bottom: 0;
}

.alarm-default-value {
    grid-template-columns: 1fr 1fr auto;
}
.alarm-default-value + .alarm-default-value {
    margin-top: 12px;
}

.alarm-aggregation + .alarm-aggregation {
    margin-top: 12px;
}
.alarm-aggregation-header {
    grid-template-columns: 1fr auto;
    align-items: flex-end;
}

.alarm-filtering-header {
    grid-template-columns: 1fr auto;
}
.alarm-trigger-filtering {
    grid-gap: 32px;
    grid-template-columns: auto 1fr;
}

.input-trigger-filters {
    grid-gap: 22px;
}
.input-trigger-filter-header {
    grid-template-columns: 75px 1fr;
    margin-left: 24px;
    border-radius: 3px;
}

#filtering-arithmetic-banner {
    justify-self: flex-start;
}

.alarm-filtering {
    grid-template-columns: auto 1fr;
}
.alarm-filtering + .alarm-filtering {
    margin-top: 20px;
}

.alarm-filtering-index {
    display: flex;
    font-size: 1.2em;
    font-weight: bold;
    margin-right: 4px;
    align-self: center;
}

.alarm-message-icon {
    font-size: 1.1rem;
    margin-right: 8px
}

.alarm-trigger-watchdog-checkbox,
.alarm-message-header {
    display: grid;
    align-items: center;
    grid-template-columns: auto auto 1fr;
    grid-gap: 8px;
}
.alarm-message-header > a {
    justify-self: flex-start;
}

.alarm-message > .form-label {
    margin-left: 36px;
}

.alarm-field-range {
    min-width: auto;
}

.alarm-oid {
    align-items: flex-end;
    grid-template-columns: 1fr 1fr auto;
}
.alarm-oid-desc {
    font-size: .8rem;
}
.alarm-oids-container {
    grid-gap: 14px;
}

#save_in_datalab-label {
    margin-bottom: 1em;
}

#enabled-label {
    align-self: flex-end;
}

#watchdog-warning-label {
    flex-direction: row;
    align-items: center;
}
#watchdog-warning-toggle {
    margin-left: 1em;
}

#alarm-general-inf .collapsible-container {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
}
#alarm-general-inf .form-label {
    margin: .5em;
}

.alarm-behavior-option {
    display: flex;
    align-items: center;
}
.alarm-behavior-option > input {
    margin-right: 8px;
}

.context-header #header-actionbar {
    flex: 1;
}

#context-template-banner {
    margin-left: auto;
}

/* This should be in the DS ................................................. */
#controlPanel .wds-item-img {
    background-size: contain;
    background-repeat: no-repeat;
}
/* .......................................................................... */

body, *[data-theme='Light'] {
    --controlPanel-section-border: #0002;
    --controlPanel-item-bg: var(--grey-50);
    --controlPanel-item-border-color: var(--cyan-100);
    --controlPanel-formRow-bg: var(--grey-50);
    --controlPanel-formRow-border: var(--grey-200);
    --controlPanel-model-bg: var(--grey-50);
    --controlPanel-model-img-bg: #0002;
    --controlPanel-model-toggle-bg: var(--cyan-700);
    --controlPanel-model-toggle-color: var(--grey-0);
    --controlPanel-macro-bgB: #0001;
    --controlPanel-macros-key-bg: var(--grey-300);
    --controlPanel-macros-keys-border: #0002;
    --controlPanel-macros-action-btn-bg: var(--color-darkblue);

    /* Colors Tabs, Need to be deleted after redo tab colors */
    --controlPanel-tabs-item-bg: var(--grey-50);
    --controlPanel-item-name: var(--text-light-grey-900-87);

    --wds-tabs-disabled-color: var(--text-light-grey-900-30);

    --controlPanel-mobile-control-color: var(--text-light-grey-900-60);
    --controlPanel-mobile-control-bg: var(--app-bg);
}
*[data-theme='Dark'] {
    --controlPanel-section-border: #fff2;
    --controlPanel-item-bg: var(--grey-700);
    --controlPanel-formRow-bg: var(--grey-700);
    --controlPanel-formRow-border: var(--grey-600);
    --controlPanel-model-bg: var(--grey-500);
    --controlPanel-model-img-bg: #0002;
    --controlPanel-model-toggle-bg: var(--cyan-700);
    --controlPanel-model-toggle-color: var(--grey-0);
    --controlPanel-macro-bgB: #ffffff08;
    --controlPanel-macros-key-bg: var(--grey-600);
    --controlPanel-macros-keys-border: #fff2;
    --controlPanel-macros-action-btn-bg: #0071eb;

    /* Colors Tabs, Need to be deleted after redo tab colors */
    --controlPanel-tabs-item-bg: var(--dark-grey-700);
    --controlPanel-item-name: var(--text-light-white-87);

    --wds-tabs-disabled-color: var(--text-dark-white-30);

    --controlPanel-mobile-control-color: var(--text-dark-white-60);
    --controlPanel-mobile-control-bg: var(--dark-grey-700);
}

/* .......................................................................... */
#controlPanel {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-width: 200px;
    justify-content: space-between;
    overflow-y: hidden;
    color: var(--controlPanel-color);
    background-color: var(--controlPanel-bg);
}

#controlPanel .controlPanel-btns {
    margin-top: 10px;
}

#controlPanel #controlPanelButtons {
    padding: 0px 16px 16px;
}

.controlPanel-tabCnt {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 16px;
}

.controlPanel-tabCnt#controlPanel-macros,
.controlPanel-tabCnt#controlPanel-use {
    padding-bottom: 0;
}

.controlPanel-btns {
    display: flex;
    justify-content: space-between;
    gap: 10px;
}
.controlPanel-btns .wds-button {
    flex: 1;
}

#controlPanel .controlPanel-item {
    background-color: var(--controlPanel-tabs-item-bg);
    border: 2px solid transparent;
    transition: border 0.2s, background-color 0.2s ;
}

#controlPanel .controlPanel-item:hover {
    background-color: transparent;
    border: 2px solid var(--controlPanel-item-border-color);
}

#controlPanel.isReleasing{
    justify-content: center;
    align-items: center;
}

#controlPanel .takeControl {
    width: auto;
    display: flex;
    flex: 1;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    padding: 16px;
    gap: 26px;
}


#controlPanel .takeControlWarning {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 30px;
    width: 100%;
    text-align: start;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
}

#controlPanel .controlPanel-takeControl-loader{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-right: 6px;
}

#controlPanel .controlPanel-takeControl-loader .wds-icon{
    animation: linear spin-animation 0.8s infinite;
}

#controlPanel .controlPanel-run-scenario-bottom .controlPanel-manage-scenario-run-new{
    width: 100%;
}
#controlPanel .controlPanel-run-scenario-bottom #controlPanelButtons{
    padding: unset;
}

.controlPanel-no-resolution {
    padding: 10px 10px 10px 16px;
}

.controlPanel-no-resolution-content {
    display: flex;
    flex-direction: column;
}

@keyframes spin-animation {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(359deg);
    }
}

/* .......................................................................... */
#controlPanel-use .btn {
    justify-content: center;
    margin-top: 20px;
}
#controlPanel-use .btn .wds-button[data-model='primary']:not(:disabled) {
    background-color: var(--wds-button-primary-backgroundColor);
}

#controlPanel-use .controlPanel-click-perf {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;

    background-color: var(--controlPanel-mobile-control-bg);
    color: var(--controlPanel-mobile-control-color);
    border-radius: 6px;
}

/* .......................................................................... */
.controlPanel-slides {
    position: relative;
    flex: 1;
    z-index: 0;
    min-height: 200px; /* T23956 */
}
.controlPanel-slide {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    visibility: hidden;
    transition:
        .2s opacity,
        .2s visibility;
}
.controlPanel-slide-show {
    z-index: 1;
    opacity: 1;
    visibility: visible;
}

/* .......................................................................... */
.controlPanel-section {
    display: flex;
    flex-direction: column;
}
.controlPanel-section .wds-inputText {
    flex: 1;
}

.controlPanel-section-scrollable {
    flex: 1;
    height: 100%;
}

.controlPanel-section.controlPanel-section-scrollable > .wds-inputSearch {
    margin-bottom: 10px;
}

.controlPanel-section + .controlPanel-section {
    margin-top: 10px;
}
.controlPanel-section-title {
    font-size: 21px;
    font-weight: 700;
}
.controlPanel-section-content {
    position: relative;
    display: flex;
    flex-direction: column;
    flex: 1;
}
.controlPanel-section-scrollable .controlPanel-section-content-scroll {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
}
.controlPanel-section-placeholder {
    text-align: center;
    font-style: italic;
    line-height: 2;
    opacity: .5;
}
.controlPanel-section-content-scroll:not(:empty) + .controlPanel-section-placeholder {
    display: none;
}

/* .......................................................................... */
.controlPanel-item {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    min-height: 64px;
    border-radius: 5px;
    padding: 10px;
    background-color: var(--controlPanel-item-bg);
}
.controlPanel-item + .controlPanel-item {
    margin-top: 10px;
}
.controlPanel-item-name {
    color: var(--controlPanel-item-name);
    font-size: 16px;
    font-weight: 400;
}

.controlPanel-item-name-global {
    margin-right: 6px;
}

.controlPanel-item-content {
    margin-top: 8px;
}
.controlPanel-item-menu {
    display: flex;
    margin-top: 8px;
    align-items: center;
    justify-content: space-between;
}

.controlPanel-item-menu .control-panel-item-buttons{
    display: flex;
    flex-direction: row;
    align-items: center;
}

/* .......................................................................... */
#controlPanel div:not(.wds-buttonGroup) .wds-button + .wds-button,
#controlPanel .wds-button + .controlPanel-contextMenu {
    margin-left: 8px;
}

#root #controlPanel .wds-buttonGroup .wds-button + .wds-button{
    margin-left: 0px;
}

#controlPanel .wds-button.controlPanel-slide-btn {
    font-size: 14px;
}

#controlPanel > .wds-tabs {
    padding: 6px;
    min-height: 46px;
}

/* .......................................................................... */
.controlPanel-formRow {
    display: flex;
    border: 1px solid var(--controlPanel-formRow-border);
}
.controlPanel-formRow + .controlPanel-formRow {
    margin-top: 10px;
}
.controlPanel-formRow > span {
    width: 120px;
    min-width: 120px;
    line-height: 26px;
    padding-left: 8px;
    background-color: var(--controlPanel-formRow-bg);
}
.controlPanel-formRow-input {
    flex: 1;
    display: flex;
    line-height: 26px;
    flex-direction: column;
}
.controlPanel-formRow-input > *:not(input) {
    background-color: var(--controlPanel-formRow-bg);
}
.controlPanel-formRow-input input[type='radio'] {
    margin: 0 6px 0 0;
}
.controlPanel-formRow-input input[type='text'] {
    margin: 0;
    border: 0;
    outline: 0;
    height: 100%;
    padding: 0 6px;
    font: inherit;
    color: inherit;
    border-left: 1px solid var(--controlPanel-formRow-border);
    background-color: transparent;
}
.controlPanel-formRow-input label {
    cursor: pointer;
    font-size: inherit;
}

/* .......................................................................... */
/* Modify Actions Button z-index */
.portal-container div[class*="Menu__ClickBlocker"]{
    z-index:98;
}
.portal-container .wds-actionsButton{
    z-index: 99;
}

.wds-tabs[disabled],
.wds-tabs:disabled {
    pointer-events: none;
}

.wds-tabs[disabled] > .wds-tab:not(.wds-tab-selected),
.wds-tabs:disabled > .wds-tab:not(.wds-tab-selected) {
    color: var(--wds-tabs-disabled-color);
}

.wds-modal-outside .wds-modal {
    max-width: 500px;
    width: 100%;
}

.embedded .wds-modal-outside .wds-modal > .wds-modal-actions {
    justify-content: flex-end;
}
.wds-modal-outside[data-wds-bottom] #takeControl-modal > div{
    width: inherit;
}

#takeControl-modal .scenario-name{
    font-weight: bold;
}

.embedded .wds-modal .wds-modal-head i{
    margin-right: 10px;
}

.embedded .wds-modal .wds-checkbox-wrap{
    margin-right: 10px;
}

.embedded .wds-modal .wds-button[data-model='secondary']{
    margin-right: 10px;
}

.embedded #controlPanel .wds-tabs .wds-tab{
    margin-right: 6px;
}

.embedded #controlPanel .wds-tabs .wds-tab.wds-tab-selected:last-child{
    margin: 0;
}

.embedded #takeControl-modal .wds-modal-wrapper {
    max-width: 466px;
    width: 100%;
}

.embedded #controlPanel .wds-tabs .wds-tab:disabled {
    background-color: var(--controlPanel-bg);
}


/* .......................................................................... */

.rebootDeviceCustom-body {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.rebootDeviceCustom-body > span {
    color: var(--wds--txt-87);
    font-weight: 700;
    font-size: 14px;
}

/* TO REMOVE ON UPDATE DS */
.rebootCustomDevice-button {
    display: flex;
    flex-direction: row;
    gap: 6px;
}

.rebootDeviceCustom-wrapper {
    display: flex;
    flex-direction: row;
    gap: 16px;
}

.rebootDeviceCustom-input {
    display: flex;
    flex-direction: row;
    gap: 6px;
    align-items: center;
}

.rebootDeviceCustom-input .wds-inputNumber {
    max-width: 66px;
}

.rebootDeviceCustom-input > span {
    color: var(--wds--txt-60);
}


#app-content:has(.controlPanel-remote.expandRemote) #controlPanel-use {
    padding-bottom: 0;
}

#app-content:has(.controlPanel-remote.expandRemote) #controlPanelButtons {
    display: none;
}

#controlPanel-verifyDevice {
    display: flex;
    flex-direction: column;
    min-height: 250px;
    margin-bottom: 10px;
    padding: 16px;
}
#controlPanel-verifyDevice > * + * {
    margin-top: 10px;
}

/* .......................................................................... */
#controlPanel-verifyDevice-step1-title {
    margin-top: auto;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}
#controlPanel-verifyDevice-step1-intro {
    margin: 8px 0 6px;
    font-size: 16px;
}
#controlPanel-verifyDevice-step1-startBtn {
    width: 100%;
}
#controlPanel-verifyDevice-step1-itWillBeQuick {
    text-align: center;
    font-size: 14px;
}

/* .......................................................................... */
#controlPanel-verifyDevice-steps-header {
    display: flex;
    align-items: center;
    margin-bottom: 6px;
}
#controlPanel-verifyDevice-steps-header span {
    opacity: .7;
    margin-right: 10px;
}
#controlPanel-verifyDevice-steps-header .wds-progressBar {
    flex: 1;
}

/* .......................................................................... */
#controlPanel-verifyDevice .field {
    gap: 0;
}
#controlPanel-verifyDevice .field > * + * {
    margin-top: 10px;
}
#controlPanel-verifyDevice .wds-radioGroup {
    display: flex;
}
#controlPanel-verifyDevice-markAsVerified {
    width: 100%;
}
#controlPanel-verifyDevice .wds-radioGroup > * + * {
    margin-left: 30px;
}

/* .......................................................................... */
#controlPanel-verifyDevice[data-step='-1'] .wds-divider,
#controlPanel-verifyDevice[data-step='3'] .wds-divider,
#controlPanel-verifyDevice .wds-carouselDots {
    margin-top: auto;
}

.controlPanel-remote {
    position: relative;
    z-index: 0;
    flex: 1;
    display: flex;
    flex-direction: column;
    height: 100%;
    gap: 10px;
    padding-top: 10px;
}
.controlPanel-remote-led {
    z-index: 1;
    align-self: center;
    width: 20px;
    height: 20px;
    min-height: 20px;
    border: 2px solid;
    border-radius: 50%;
    box-shadow: 0 0 10 2px transparent;
    transition:
        .2s background-color,
        .2s box-shadow .1s;
}
.controlPanel-remote-ledOn {
    box-shadow: 0 0 32px 2px #e21f11;
    background-color: #e21f11;
}
.controlPanel-remote-otherKeys {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 20px;
}
.controlPanel-remote-otherKeys button + button {
    margin-top: 6px;
}

.controlPanel-remote .controlPanel-macros-recordingIcon {
    color: #FF5B45;
}

.controlPanel-remote .SquareEdit-slide,
.controlPanel-remote .controlPanel-remote-otherKeys {
    overflow: auto;
}
.controlPanel-remote .SquareEdit {
    min-height: 448px;
}

.controlPanel-remote .BTConnexionLost{
    opacity: 0.5;
}

.controlPanel-remote .controlPanel-macros-test-button {
    margin-right:10px;
}

.controlPanel-remote .controlPanel-macros-recording {
    display: flex;
    align-items: center;
    flex-direction: row;
    gap: 10px;
}

/*
    The remote-control zones showing on hover - OTT-1537
    TODO see if we handle this case directly in ImageArea instead
*/
.controlPanel-slide-show .wds-imageArea-area:hover,
.controlPanel-slide-show .wds-imageArea-area[data-wds-hover] {
    border: 2px solid white !important;
    border-radius: 6px;
}



/* mobile responsive */

#controlPanel.mobile .controlPanel-slide::-webkit-scrollbar {
    display: none;
}

.controlPanel-remote-expand-btn {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
}

#controlPanel.mobile .controlPanel-remote-otherKeys {
    padding: 0 68px;
    gap: 10px;
}

#controlPanel.mobile .controlPanel-remote-other-code {
    width: 100%;
    margin: 0 !important;
}

.controlPanel-remote-mobile-container {
    position: absolute;
    top: 0;
    z-index: 1;
}

.controlPanel-remote-mobile-container > .wds-toggleButton {
    flex-direction: column;
}

.controlPanel-remote-mobile-container > .wds-toggleButton > .wds-button {
    margin-left: 0 !important;
}

body,
*[data-theme='Light'] {
    --timelineKey-timeline-boxShadow: 3px 3px 21px rgba(156, 166, 201, .3);
    --timeline-embedded-background-color: white;
}
*[data-theme='Dark'] {
    --timelineKey-timeline-boxShadow: var(--robotStreams-area-shadow);
    --timeline-embedded-background-color: var(--dark-grey-900);
}

.controlPanel-macros-macroExec::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 100%;
    bottom: 0;
    background-color: var(--controlPanel-macro-bgB);
    animation: controlPanel-macros-animExec .5s ease;
    pointer-events: none;
}
@keyframes controlPanel-macros-animExec {
      0% { opacity: 0; right: 100% }
     30% { opacity: 1 }
     70% { opacity: 1 }
    100% { opacity: 0; right: 0% }
}
@keyframes controlPanel-macros-animKeyExec {
      0% { transform: scale(1) }
     90% { transform: scale(1.25) }
    100% { transform: scale(1) }
}
#controlPanel-macros .controlPanel-item-content {
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}
.controlPanel-macros-key {
    height: 20px;
    min-width: 20px;
    border-radius: 2px;
    background-color: var(--controlPanel-macros-key-bg);
}
canvas.controlPanel-macros-key {
    width: 20px;
}
div.controlPanel-macros-key {
    padding: 0 4px;
    font-size: 12px;
    line-height: 20px;
}
.controlPanel-macros-macroExec .controlPanel-macros-key {
    animation: controlPanel-macros-animKeyExec .3s;
}

/* .......................................................................... */
#controlPanel-macros-stepA,
#controlPanel-macros-stepB {
    display: flex;
    flex-direction: column;
}

#controlPanel-macros-stepA {
    padding: 10px;
    flex-direction: row;
    gap: 26px;
}

#root.embedded #controlPanel-macros-stepA:first-child {
    padding: 10px;
    padding-right: 26px;
    flex-direction: row;
    gap: 0;
}

/* .......................................................................... */
#controlPanel-macros-codeSending {
    align-self: center;
    margin-top: 10px;
}

/* .......................................................................... */
#controlPanel-macros-keys {
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px;
    padding: 2px 0 6px 6px;
    min-height: 34px;
    border: 1px solid var(--controlPanel-macros-keys-border);
}
#controlPanel-macros-keysPlaceholder {
    display: none;
    margin-top: 2px;
    align-self: center;
    font-style: italic;
    opacity: .5;
    user-select: none;
    pointer-events: none;
}
#controlPanel-macros-keysPlaceholder:only-child {
    display: inline;
}
#controlPanel-macros-keys .controlPanel-macros-key::before {
    content: '';
    position: absolute;
    cursor: pointer;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    transition: .2s background-color;
}
#controlPanel-macros-keys .controlPanel-macros-key:hover::before {
    background-color: var(--red-500);
}

/* .......................................................................... */
.controlPanel-model {
    display: flex;
    align-items: stretch;
    flex-direction: column;
    height: 140px;
    border: 0;
    padding: 6px;
    cursor: pointer;
    color: inherit;
    font: inherit;
    background-color: var(--controlPanel-model-bg);
}
.controlPanel-model-toggle {
    color: var(--controlPanel-model-toggle-color);
    background-color: var(--controlPanel-model-toggle-bg);
}
.controlPanel-model-img {
    flex: 1;
    background: no-repeat center;
    background-size: contain;
    background-color: var(--controlPanel-model-img-bg);
    pointer-events: none;
    margin-right: 0 !important; /* important due to a wild `button > *` somewhere */
}
.controlPanel-model-name {
    overflow: hidden;
    margin-top: 2px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    pointer-events: none;
}

/* .......................................................................... */
#controlPanel-macros-timeline {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    max-width: 240px;
    box-shadow: var(--timelineKey-timeline-boxShadow);
    border-radius: 10px;
    user-select: none;
    -webkit-touch-callout: none;
}

#controlPanel-macros-timeline-top {
    display: flex;
    flex-direction: column;
    gap: 10px;
    overflow: hidden;
}

#controlPanel-macros-timeline-top-header {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 10px 10px 0 10px;
}
#controlPanel-macros-timeline-timeinfo {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-style: italic;
}
#controlPanel-macros-timeline-timeinfo span {
    margin-left: 1ch;
}
#controlPanel-macros-timeline-top-body {
    display: flex;
    position: relative;
    flex-direction: column;
    overflow: auto;
}

#controlPanel-macros-timeline-bottom {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 10px;
}

#controlPanel-macros-name {
    width: 100%;
}

#controlPanel-macros-timeline-buttons {
    display: flex;
    justify-content: center;
    gap: 10px;
}

#controlPanel-macros-timeline-buttons .wds-button {
    flex: .5;
}

/* TODO to remove when macros are fully available in Workbench */
#controlPanel-macros-workbench-link {
    display: inline;
}

#root.embedded #controlPanel-macros-timeline {
    background-color: var(--timeline-embedded-background-color);
}

#root.embedded #controlPanel .wds-tabs > .wds-tab:not(:disabled) {
    color: var(--wds-default-textColor);
}

#root.embedded #controlPanel-macros-timeline-top > div {
    margin-top: 10px;
}

#root.embedded #controlPanel-macros-timeline-top #controlPanel-macros-timeline-top-header > * {
    margin-top: 10px;
}

#root.embedded #controlPanel-macros-timeline-bottom > div {
    margin-top: 10px;
}

#root.embedded .controlPanel-macros-recording > * {
    margin-left: 10px;
}

[data-theme='Light'] {
    --magicKeyboard-status-icon-color-inProgress: var(--purple-500);
    --magicKeyboard-status-icon-color-success: var(--green-500);
    --magicKeyboard-status-icon-color-error: var(--red-500);
    --magicKeyboard-status-title-color: var(--text-light-grey-900-87);
    --magicKeyboard-status-description-color: var(--text-light-grey-900-60);

    --magicKeyboard-label-color: var(--text-light-grey-900-87);
    --magicKeyboard-label-color-inProgress: var(--text-light-grey-900-30);

}
[data-theme='Dark'] {
    --magicKeyboard-status-icon-color-inProgress: var(--dark-purple-300);
    --magicKeyboard-status-icon-color-success: var(--dark-green-300);
    --magicKeyboard-status-icon-color-error: var(--dark-red-300);
    --magicKeyboard-status-title-color: var(--text-dark-white-87);
    --magicKeyboard-status-description-color: var(--text-dark-white-60);

    --magicKeyboard-label-color: var(--text-dark-white-87);
    --magicKeyboard-label-color-inProgress: var(--text-dark-white-30);
}


#controlPanel-magicKeyboard {
    overflow: auto;
}

#controlPanel-magicKeyboard > *:not(:last-child) {
    margin-bottom: 16px;
}

#controlPanel-magicKeyboard .wds-banner {
    width: 100%;
}

#controlPanel-magicKeyboard-btn-submit {
    width: 100%;
}

.controlPanel-magicKeyboard-container-input > .wds-inputText {
    margin-top: 6px;
}

.controlPanel-magicKeyboard-status {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
    max-height: 250px;
    justify-content: center;
    gap: 10px;
    padding: 0px 16px 0px 16px;
}

.controlPanel-magicKeyboard-status-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.controlPanel-magicKeyboard-status p {
    margin: 0;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
}

.controlPanel-magicKeyboard-status-title-container {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.controlPanel-magicKeyboard-status-title-container > .wds-icon {
    width: 16px;
    height: 14px;
    margin-right: 6px;
}

.controlPanel-magicKeyboard-img {
    width: 100%;
    height: auto;
    min-height: 250px;
    align-self: center;
    border-radius: 6px;
    object-fit: contain;
}

.controlPanel-magicKeyboard-img.inProgress{
    opacity: 0.3;
}

.controlPanel-magicKeyboard-label-select,
.controlPanel-magicKeyboard-label-input {
    color: var(--magicKeyboard-label-color) !important;
}

.controlPanel-magicKeyboard-label-select.inProgress,
.controlPanel-magicKeyboard-label-input.inProgress {
    color: var(--magicKeyboard-label-color-inProgress) !important;
}

.controlPanel-magicKeyboard-status-title-container > .wds-icon.inProgress {
    color: var(--magicKeyboard-status-icon-color-inProgress);
}
.controlPanel-magicKeyboard-status-title-container > .wds-icon.success {
    color: var(--magicKeyboard-status-icon-color-success);
}
.controlPanel-magicKeyboard-status-title-container > .wds-icon.error {
    color: var(--magicKeyboard-status-icon-color-error);
}

.controlPanel-magicKeyboard-status-title-container > .controlPanel-magicKeyboard-status-title {
    color: var(--magicKeyboard-status-title-color);
    font-size: 16px;
    line-height: 22px;
}

.controlPanel-magicKeyboard-status-description {
    color: var(--magicKeyboard-status-description-color);
    font-size: 14px;
    line-height: 19px;
}

.controlPanel-magicKeyboard-error-message {
    display: flex;
    padding: 16px;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    align-self: stretch;
    border-radius: 6px;
    background: var(--app-bg);
}

.controlPanel-magicKeyboard-error-title {
    color: var(--text-dark-black-87);
    font-size: 14px;
}

.controlPanel-magicKeyboard-error {
    align-self: stretch;
    color: var(--text-dark-black-60);
    font-size: 14px;
}

/* to add in DS ............................................................. */
.wds-list-item-img {
    background: center no-repeat;
    background-size: contain;
}
#controlPanel-tuneToChannel-listWrap {
    position: relative;
    height: 100%;
}
#controlPanel-tuneToChannel-listWrap .wds-list {
    position: absolute;
    inset: 0;
    height: auto;
}
/* .......................................................................... */

#controlPanel-tuneToChannel {
    gap: 10px;
}

#controlPanel-tuneToChannel-placeholder {
    text-align: center;
    font-style: italic;
    line-height: 2;
    opacity: .5;
}

.controlPanel-tuneToChannel-devicesWithoutChannel {
    margin: 0;
}

.controlPanel-tuneToChannel-devicesWithoutChannel-title {
    font-weight: 700;
}
[data-theme='Light'] {
    --controlPanel-RunScenario-color: var(--text-light-grey-900-60);
    --controlPanel-RunScenario-color-nothing: var(--text-light-grey-900-60);
    --controlPanel-RunScenario-title-color: var(--text-light-grey-900-87);
    --controlPanel-RunScenario-background-card: var(--app-bg);
    --controlPanel-RunScenario-border: var(--grey-100);
    --controlPanel-RunScenario-icon-progress: var(--purple-500);

    /* input parameter */
    --controlPanel-RunScenario-param-title: white;
    --controlPanel-RunScenario-param-primary: var(--text-light-white-900-87);
    --controlPanel-RunScenario-param-secondary: var(--text-light-white-900-60);
}

[data-theme='Dark'] {
    --controlPanel-RunScenario-color: var(--text-light-white-60);
    --controlPanel-RunScenario-color-nothing: var(--text-light-white-87);
    --controlPanel-RunScenario-title-color: var(--text-dark-white-87);
    --controlPanel-RunScenario-background-card: var(--dark-grey-700);
    --controlPanel-RunScenario-border: var(--dark-grey-600);
    --controlPanel-RunScenario-icon-progress: var(--dark-purple-300);

    /* input parameter */
    --controlPanel-RunScenario-param-title: black;
    --controlPanel-RunScenario-param-primary: var(--text-dark-black-87);
    --controlPanel-RunScenario-param-secondary: var(--text-dark-black-60);
}

#controlPanel:has(#controlPanel-manage-scenario) {
    overflow: hidden;
}

#controlPanel-manage-scenario {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 10px;
    overflow: auto;
}

#controlPanel-manage-scenario > .controlPanel-manage-scenario-run-new {
    width: 100%;
}

.controlPanel-run-scenario-wrapper {
    display: flex;
    flex-direction: column;
    gap: 16px;
    overflow: auto;
}

.controlPanel-run-scenario-wrapper .wds-treeView-item-endIcon,
.controlPanel-scenario-io {
    font-size: 10px;
}

.controlPanel-scenario-input-param {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
}

.controlPanel-scenario-input-param .wds-icon[data-icon="input-parameter"] {
    font-size: 10px;
}

.controlPanel-scenario-params-wrapper, .controlPanel-scenario-type {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.controlPanel-scenario-name {
    font-weight: 700;
    color: var(--controlPanel-RunScenario-param-title);
}

.controlPanel-scenario-name:first-letter {
    text-transform: capitalize;
}

.controlPanel-scenario-title {
    font-weight: 400;
    color: var(--controlPanel-RunScenario-param-primary);
}

.controlPanel-scenario-value,
.controlPanel-scenario-type > .wds-icon,
.controlPanel-scenario-params-wrapper > .wds-icon {
    color: var(--controlPanel-RunScenario-param-secondary);
}

.controlPanel-run-scenario-task {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}

.controlPanel-run-scenario-task > span {
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.controlPanel-run-scenario-task-tags {
    display: flex;
    flex-direction: row;
    gap: 2px;
}

/***********************************************************/

.controlPanel-scenario-activity-wrapper {
    display: flex;
    flex-direction: column;
    gap: 16px;
    overflow: auto;
}

.controlPanel-scenario-activity-wrapper::-webkit-scrollbar {
    display: none;
}

.controlPanel-scenario-activity-nothing {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 16px;
    height: 60px;
    background-color: var(--controlPanel-RunScenario-background-card);
    border-radius: 14px;
    color: var(--controlPanel-RunScenario-color-nothing);
}

.controlPanel-scenario-activity-running {
    display: flex;
    padding: 16px;
    border: 1px solid var(--controlPanel-RunScenario-border);
    border-radius: 10px;
    gap: 10px;
    flex-direction: column;
    justify-content: center;
}

.controlPanel-scenario-activity-current-run > .wds-tooltip,
.wds-tooltip > .controlPanel-scenario-activity-running {
    width: 100%;
}

.controlPanel-scenario-activity-running > span {
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: var(--controlPanel-RunScenario-color);
}

.controlPanel-scenario-activity-running > .controlPanel-scenario-activity-tags {
    display: flex;
    flex-direction: row;
    gap: 6px;
}

.controlPanel-run-scenario-task-tags .wds-tag {
    min-height: 17px;
}
.controlPanel-run-scenario-task-tags .wds-tag > span {
    padding: 0 6px;
}

.controlPanel-scenario-activity-running > .wds-title {
    gap: 10px;
    font-weight: 700;
    line-height: 22px;
    color: var(--controlPanel-RunScenario-title-color);
    justify-content: space-between;
}

.controlPanel-scenario-activity-running > .wds-title > .scenario-title {
    display: flex;
    align-items: center;
    gap: 10px;
}

.controlPanel-scenario-activity-running > .controlPanel-scenario-activity-inprogress {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 6px;
}
.controlPanel-scenario-activity-running > .controlPanel-scenario-activity-inprogress > .wds-icon {
    color: var(--controlPanel-RunScenario-icon-progress);
}
.controlPanel-scenario-activity-running > .controlPanel-scenario-activity-inprogress > span {
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: var(--controlPanel-RunScenario-title-color);
}

.controlPanel-scenario-activity-current-run > .wds-title {
    margin-bottom: 6px;
    color: var(--controlPanel-RunScenario-title-color);
}

.controlPanel-scenario-activity-previous-run {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.controlPanel-scenario-activity-previous-run-title {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 6px;
}
.controlPanel-scenario-activity-previous-run-title > .wds-title {
    color: var(--controlPanel-RunScenario-title-color);
}

.controlPanel-run-scenario-treeview {
    overflow: auto;
    position: relative;
}

.controlPanel-run-scenario-treeview::-webkit-scrollbar {
    display: none;
}

.controlPanel-run-scenario-button {
    display: flex;
    flex-direction: row;
    gap: 6px;
    justify-content: space-between;
}
.controlPanel-run-scenario-button > .wds-button {
    flex: 1;
}

.controlPanel-run-scenario-wrapper .wds-tag:hover .wds-tooltip {
    display: block;
}

/***********************************************************/

.controlPanel-scenario-activity-title {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}
.controlPanel-scenario-activity-title > .wds-title {
    font-weight: 700;
    white-space: pre;
    font-size: 21px !important;
    line-height: 29px;
    color: var(--controlPanel-RunScenario-title-color);
}

.controlPanel-scenario-activity-tooltip {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 6px;
}
.controlPanel-scenario-activity-title > .wds-tooltip > .wds-tooltip-content {
    width: 100%;
}
.controlPanel-scenario-activity-title > .wds-tooltip > .wds-button {
    gap: 4px;
}

.controlPanel-kpi-detail-title-counter {
    margin-left: 2px;
    color: var(--wds--txt-60);
}

/***********************************************************/

.controlPanel-scenario-activity-runs {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/* if there are input parameters, the tooltip's width is fit to content, but we want 100% */
.controlPanel-scenario-activity-runs > .wds-tooltip > .controlPanel-scenario-activity-run,
.controlPanel-scenario-activity-runs > .wds-tooltip {
    width: 100%;
}

.controlPanel-scenario-activity-run {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 16px 16px 10px;
    gap: 10px;
    background-color: var(--controlPanel-RunScenario-background-card);
    border-radius: 14px;
}
.controlPanel-scenario-activity-run > .wds-title {
    font-weight: 700;
    font-size: 14px !important;
    line-height: 19px;
    color: var(--controlPanel-RunScenario-title-color);
    gap: 10px;
    justify-content: space-between;
}

.controlPanel-scenario-activity-run > .wds-title > .scenario-title {
    display: flex;
    align-items: center;
    gap: 10px;
}

.controlPanel-scenario-activity-run-infos {
    display: flex;
    flex-direction: column;
    gap: 2px;
    color: var(--controlPanel-RunScenario-color);
}

.controlPanel-scenario-activity-run > .wds-button {
    width: 100%;
}

/***********************************************************/

.controlPanel-run-scenario-modal .wds-modal-body {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/***********************************************************/

.controlPanel-run-scenario-banner {
    margin-bottom: 10px;
    align-items: center !important;
}

.controlPanel-currently-run {
    flex: 1;
    display: flex;
    justify-content: flex-end;
    margin-right: 5px;
}

.controlPanel-currently-run-icon {
    color: var(--purple-500, #6565E6);
    margin-right: 6px
}

.controlPanel-currently-run-span {
    color: rgb(var(--text-light-grey));
    font-size: 14px;
    font-weight: 600;
}
.controlPanel-run-scenario-treeview .wds-searchText,
.controlPanel-run-scenario-treeview .wds-treeView-item-name {
    flex: 1;
}

.wds-treeView-item[data-wds-selected] .controlPanel-currently-run-span {
    color: var(--white, #FFF);
}
.wds-treeView-item[data-wds-selected] .controlPanel-currently-run-icon {
    color: var(--purple-200, #C1C1F5);
}


.controlPanel-run-kpi-list {
    overflow: auto;
}

/***********************************************************/

.controlPanel-run-no-scenarios{
    color:var(--wds--txt-60);
}

.controlPanel-run-no-scenarios-text{
    margin-bottom: 10px;
    text-align: left;
    font-size: 14px;
}


.controlPanel-run-no-scenarios .wds-card{
    padding: 26px;
}

.controlPanel-run-no-scenarios-link {
    text-align: center;
    font-size: 14px;
    color:var(--wds--txt-60);
}
[data-theme='Light'] {
    --controlPanel-device-card-bg: var(--light-background-bg-100, #F3F5F8);
    --controlPanel-device-card-text-color: var(--text-light-grey-900-60);
}

[data-theme='Dark'] {
    --controlPanel-device-card-bg: var(--dark-grey-600);
    --controlPanel-device-card-text-color: var(--text-dark-white-87);
}


.controlPanel-device-card-container {
    display: flex;
    flex-direction: column;
    padding: 26px;
    border-radius: 6px;
    background: var(--controlPanel-device-card-bg);
    align-items: flex-start;
    gap: 16px;
    max-height: 262px;
    margin: 16px;
}

.controlPanel-device-card-container p {
    margin: 0;
}

.controlPanel-device-card-container.device-card-calibration p {
    margin-bottom: 16px;
}

.controlPanel-device-card-container a {
    font-weight: bold;
    text-decoration: none;
}

.controlPanel-device-card-container .wds-button.support-link {
    display: inline-block;
    padding: 0px 3px;
}

.controlPanel-device-card-container.device-card-calibration{
    gap: 0px;
}

.controlPanel-device-card-container.device-card-calibration .wds-h5 {
    margin-bottom: 4px;
}

.controlPanel-device-card-container
.controlPanel-device-card-text {
    color: var(--controlPanel-device-card-text-color);
}

.controlPanel-tabCnt .controlPanel-device-card-container {
    margin: 16px 0 0 0;
}

.warning-banner-calibration{
    margin: 16px;
}

.controlPanel-tabCnt .warning-banner-calibration{
    margin: 16px 0 0 0 ;
}

[data-theme='Light'] {
    --controlPanel-BTreconnect-card-bg: var(--light-background-bg-100, #F3F5F8);
    --controlPanel-BTreconnect-reconnecting-text: var(--text-light-grey-900-87);
    --controlPanel-BTreconnect-card-paragraph-color: var(--text-light-grey-900-60);
}
[data-theme='Dark'] {
    --controlPanel-BTreconnect-card-bg: var(--dark-grey-600);
    --controlPanel-BTreconnect-card-paragraph-color : var(--text-dark-white-60);
    --controlPanel-BTreconnect-reconnecting-text : var(--text-dark-white);
}

.controlPanel-BTreconnect{
    position: absolute;
    z-index:10;
    padding: 0 16px;
    left:0;
    width:100%;
}

.controlPanel-BTreconnect-card .wds-button{
    padding:0;
    margin-top:16px;
}

.controlPanel-BTreconnect-card .title-container{
    margin-bottom: 10px;
}

.controlPanel-BTreconnect-card .title-container p{
    color: var(--text-light-grey-900-87);
}

.controlPanel-BTreconnect p{
    margin:0;
}

.controlPanel-BTreconnect-reconnecting{
    display: flex;
    flex-direction: row;
    align-self: center;
    color: var(--controlPanel-BTreconnect-reconnecting-text);
}

.controlPanel-BTreconnect-reconnecting .wds-icon{
    color: var(--purple-500);
}

.controlPanel-BTreconnect-card{
    display: flex;
    flex-direction: column;
    padding: 26px;
    border-radius: 6px;
    background: var(--controlPanel-BTreconnect-card-bg);
    box-shadow: 0px 2px 4px 0px rgba(156, 166, 201, 0.20);
    align-items: flex-start;
    gap: 16px;
    max-height: 262px;
}

.controlPanel-BTreconnect-card p{
    font-size: 14px;
}

.controlPanel-BTreconnect-card wds-title {
    font-size: 18px;
}

p.controlPanel-BTreconnect-card-paragraph{
    margin-top: 10px; 
    margin-bottom: 26px;
    color:var(--controlPanel-BTreconnect-card-paragraph-color);
}

@media screen and (max-width: 375px) {
    .controlPanel-BTreconnect-card{
        padding: 22px 26px;
        max-height:none;
    }
}
[data-theme='Light'] {
    --create-link-bg: #F3F5F8;
    --create-container-bg: #F3F5F8;
    --create-text-color: var(--text-light-grey-900-60);
}

[data-theme='Dark'] {
    --create-link-bg: #313845;
    --create-container-bg: #313845;
    --create-text-color: var(--text-dark-grey-900-60);
}

/* .......................................................................... */
#controlPanel-smartNav-noMenu {
     margin-bottom: 10px;
     color: var(--create-text-color);
}
#controlPanel-smartNav-noMenu:empty {
    display: none;
}

/* .......................................................................... */

.controlPanel-smart-nav-select {
    width: 100%;
}

.controlPanel-smart-nav-create {
    display: flex;
    background-color: var(--create-container-bg);
    padding: 26px;
    gap: 16px;
    margin-bottom: 16px;
    color: var(--create-text-color);
    flex-direction: column;
    align-items: center;
    border-radius: 10px;
}

.controlPanel-smart-nav-create-link {
    display: flex;
    flex-direction: row;
    padding: 10px;
    justify-content: center;
    background-color: var(--create-link-bg);
    border-radius: 4px;
}

.controlPanel-smart-nav-create-link span {
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
}

.controlPanel-smart-nav-create-external-link {
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: 14px;
}

.controlPanel-smart-nav-create-external-link span,
.controlPanel-smart-nav-create-external-link .wds-button {
    font-size: 14px;
}

/* .......................................................................... */
#controlPanel-smartNav .wds-collapsiblePanel-contentIn .wds-field {
    margin-bottom: 16px;
    width: 100%;
}

.wizardMenu-test-button {
    width: 100%;
}

.wizardMenu-test-bottom {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

#controlPanel-smartNav .wds-gridSelector-btn-img {
    font-size: 20px;
}

#controlPanel-smartNav .wds-gridSelector-btn {
    padding: 10px;
    height: 72px;
}

#controlPanel-smartNav .wds-gridSelector-btn-name {
    font-weight: 400;
}

/* .......................................................................... */
#controlPanel-smartNav .wds-collapsiblePanels {
    height: 100%;
}
#controlPanel-smartNav .wds-collapsiblePanels .wds-select {
    width: 100%;
}

#controlPanel-smartNav-chooseMenu-desc {
    font-size: 12px;
}

/* .......................................................................... */
#controlPanel-smartNav .wizardMenu-test-create-treeview {
    margin-top: 16px;
}
#controlPanel-smartNav .wizardMenu-test-create-treeview.loadingSmartNavRun {
    pointer-events: none;
}
#controlPanel-smartNav .wds-item[data-wds-id="root"] > .wds-item-head {
    cursor: not-allowed !important; /* this should be a prop somewhere */
}
#controlPanel-smartNav .wizardMenu-element-tree-title {
    display: none;
}

[data-theme='Light'] {
    --controlPanel-ma-desktop-ellipse: var(--wds--grey-50);
    --controlPanel-desktop-list-borderColor: var(--wds--cyan-700);

    --controlPanel-desktop-tooltip-icon: var(--wds--cyan-500);
}

[data-theme='Dark'] {
    --controlPanel-ma-desktop-ellipse: var(--wds--grey-700);

    --controlPanel-desktop-list-borderColor: var(--wds--cyan-500);

    --controlPanel-desktop-tooltip-icon: var(--wds--cyan-300);
}

#controlPanel-ma-desktop {
    display: flex;
    flex-direction: column;
    height: 100%;
}

#controlPanel-use:has(#controlPanel-ma-desktop),
#controlPanel-ma-desktop {
    gap: 16px;
    overflow: auto;
}

#controlPanel-use:has(#controlPanel-ma-desktop),
#controlPanel-ma-desktop:has(.controlPanel-ma-desktop-header[data-type="android"]),
#controlPanel-ma-desktop:has(.controlPanel-ma-desktop-header[data-type="ios"]) {
    justify-content: space-between;
}

.controlPanel-ma-desktop-header {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 26px;
    align-self: stretch;
    padding-top: 16px;
}

.controlPanel-ma-desktop-header[data-type="android"],
.controlPanel-ma-desktop-header[data-type="ios"] {
    flex: 1;
}

.controlPanel-ma-desktop-picture {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.controlPanel-ma-desktop-picture > svg {
    position: absolute;
    z-index: 0;
}

.controlPanel-ma-desktop-picture > img {
    z-index: 1;
}

.controlPanel-ma-desktop-title {
    display: flex;
    flex-direction: column;

    color: var(--wds--txt-87);
    font-size: 16px;
    line-height: 26px;
    text-align: center;
    align-self: stretch;
}

.controlPanel-tooltip-input {
    width: 100%;
}

.controlPanel-ma-desktop-body {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.controlPanel-ma-desktop-body[data-type="desktop"] {
    overflow: hidden;
}

/* TODO REMOVE UPDATE DS */
.controlPanel-ma-desktop-body .wds-item-head:hover {
    background-color: var(--wds-item-bg) !important;
    cursor: inherit !important;
}

.controlPanel-ma-desktop-send-text {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.controlPanel-ma-desktop-send-text-btn {
    width: 100%;
}

.controlPanel-ma-desktop-list {
    overflow: auto;
}

.controlPanel-ma-desktop-list {
    border-radius: 0;
}

.controlPanel-ma-desktop-list .wds-item {
    border-radius: 6px;
}

.controlPanel-ma-desktop-list.hasTop {
    border-top: 2px solid var(--controlPanel-desktop-list-borderColor);
}

.controlPanel-ma-desktop-list.hasBot {
    border-bottom: 2px solid var(--controlPanel-desktop-list-borderColor);
}

.controlPanel-ma-desktop-list .backspace {
    display: flex;
    flex-direction: row;
    gap: 3px;
}

.controlPanel-ma-desktop-list .triangleDown .wds-icon {
    transform: rotate(180deg);
}

.controlPanel-mobile-toggle {
    display: flex;
    justify-content: space-between;
}

.controlPanel-mobile-tooltip-wrapper {
    display: flex;
    gap: 6px;
    align-items: baseline;
}

.controlPanel-mobile-click {
    cursor: pointer;
    color: var(--controlPanel-desktop-tooltip-icon);
}


.controlPanel-mobile-shortcuts {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.controlPanel-mobile-shortcuts .wds-buttonGroup {
    flex-wrap: wrap;
}

[data-theme='Light'] {
    --kpi-color-status-error: var(--wds--red-500);
    --kpi-color-status-warning: var(--wds--orange-500);
    --kpi-color-status-success: var(--wds--green-600);
    --kpi-color-status-inconclusive: var(--wds--grey-300);

    --kpi-background-hover: var(--wds--cyan-50);
    --kpi-custom-border: var(--grey-100);
}

[data-theme='Dark'] {
    --kpi-color-status-error: var(--wds--red-500);
    --kpi-color-status-warning: var(--wds--orange-500);
    --kpi-color-status-success: var(--wds--green-300);
    --kpi-color-status-inconclusive: var(--wds--grey-300);

    --kpi-background-hover: #444a56;
    --kpi-custom-border: var(--dark-grey-600);
}

.controlPanel-kpi {
    height: 100%;
}

.controlPanel-run-kpi-title {
    justify-content: space-between;
}

.controlPanel-kpi[data-usecasetype="vod"],
.controlPanel-kpi[data-usecasetype="qa"]{
    height: unset;
}

.controlPanel-kpi[data-usecasetype="vod"] .controlPanel-kpi-table,
.controlPanel-kpi[data-usecasetype="qa"] .controlPanel-kpi-table {
    height: unset;
}

.controlPanel-kpi[data-usecasetype="vod"] .controlPanel-kpi-table .wds-tableSimple-cell {
    width:56%;
}

.controlPanel-kpi[data-usecasetype="qa"] .controlPanel-kpi-table .wds-tableSimple-cell {
    width: 50%;
}

.controlPanel-kpi .wds-cardColored[data-wds-color='purple'] {
    --color-kpi: var(--wds--purple-500);
}

.controlPanel-kpi .wds-cardColored[data-wds-color='green'] {
    --color-kpi: var(--wds--green-600);
}

.controlPanel-kpi .wds-cardColored[data-wds-color='red'] {
    --color-kpi: var(--wds--red-600);
}

.controlPanel-kpi-status .wds-icon,
.controlPanel-kpi-duration .wds-icon {
    color: var(--color-kpi);
}

.wds-cardColored[data-wds-color="green"] .controlPanel-kpi-duration .wds-h2 {
    color: var(--wds--green-600);
}

.wds-cardColored[data-wds-color="red"] .controlPanel-kpi-duration .wds-h2 {
    color: var(--wds--txt-30);
}

.controlPanel-kpi-date .wds-label-title {
    font-weight: normal !important;
}

.controlPanel-kpi-card {
    height: calc(100% - 50px);
    width: 100%;
}

.controlPanel-kpi-content {
    height: 100%;
    justify-content: space-between;
}

.controlPanel-kpi-container {
    overflow: auto;
    flex: 1;
}

.controlPanel-kpi-title-text span{
    overflow: hidden;
    width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.controlPanel-kpi-status,
.controlPanel-kpi-duration {
    flex: 1;
}

.controlPanel-kpi-test-status {
    justify-content: space-around;
    width: 100%;
}

.controlPanel-kpi-detail-title {
    height: 25px;
    display: flex;
    align-items: center;
}

.controlPanel-kpi-lines-wrapper {
    flex: 1;
}

.controlPanel-kpi-time-lines .wds-label-title {
    line-height: 25px;
}

.controlPanel-kpi-line {
    flex: 1;
    border: 1px solid var(--color-kpi);
    position: relative;
    height: 1px;
    align-self: center;
}

.controlPanel-kpi-line.right::after,
.controlPanel-kpi-line.left::before {
    content: '';
    background-color: var(--color-kpi);
    border-radius: 50%;
    display: block;
    width: 5px;
    height: 5px;
    position: absolute;
    left: 0px;
    top: 2.5px;
    margin: -5px 0 0 -5px;
}

.controlPanel-kpi-line.right::after {
    left: inherit;
    right: -5px;
}

/* TOCHANGE: data-wds-color="purple" will be replaced by data-wds-status="progress" next DS update */
.wds-cardColored[data-wds-color="purple"] .controlPanel-kpi-line.right {
    border-style: dashed;
}

.wds-cardColored[data-wds-color="purple"] .controlPanel-kpi-line.right::after {
    display: none;
}

.controlPanel-kpi .wds-link:not(.wds-link-disabled) {
    color: var(--wds-link-txt);
}

.controlPanel-kpi-new-test-btn {
    width: 100%;
}

.controlPanel-kpi-item-info {
    font-weight: bold;
}

.controlPanel-kpi-divider {
    margin: 0 26px;
}

/*****************************************************/
/* Card */

.controlPanel-kpi-icon-loader {
    color: var(--wds--txt-30);
    margin-top: 5px;
    font-size: 28px;
}

.controlPanel-kpi-status-title {
    justify-content: space-between;
}

.controlPanel-kpi-list-item {
    padding: 10px;
    min-height: 90px;
}

.controlPanel-kpi-list-item-init{
    color:var(--wds--txt-30);
}

.controlPanel-kpi-list-item-name {
    font-weight: 700;
}

.controlPanel-kpi-list-item-text {
    font-size:12px;
    color:var(--wds--txt-60);
}

.controlPanel-kpi-list-item-init .controlPanel-kpi-list-item-text {
    color:var(--wds--txt-30);
}

.controlPanel-kpi-info-name {
    white-space: pre;
}

.controlPanel-kpi-scenario-name {
    font-size: 14px;
}

.controlPanel-kpi-scenario-name span{
    color: var(--wds--txt-60);
}

.controlPanel-kpi-channel-line {
    gap: 21px;
}

.controlPanel-kpi-table {
    height: 100%;
}

.controlPanel-kpi-channel-statusTest {
    color: var(--wds--txt-30);
}

.controlPanel-kpi-channel-statusTest[data-icon="circle-check"] {
    color: var(--wds--green-600);
}

.controlPanel-kpi-channel-statusTest[data-icon="circle-xmark"] {
    color: var(--wds--red-500);
}

.controlPanel-kpi[data-useCaseType="liveTV"] .controlPanel-kpi-status {
    color: var(--wds--green-600);
}

.controlPanel-kpi-channel-logo {
    width: 22px;
    height: 22px;
    border-radius: 2px;
    border: 1px solid rgba(0, 0, 0, 0.15);
    display: flex;
    align-items: center;
    background-color: white;
}

.controlPanel-kpi-icon-loader {
    color: var(--wds--txt-30);
    margin-top: 5px;
    font-size: 28px;
}

.controlPanel-kpi-channel-na {
    color: var(--wds--txt-30);
}

.controlPanel-kpi-list-item *[data-status-kpi="error"],
.controlPanel-kpi *[data-status-kpi="error"] {
    color: var(--kpi-color-status-error);
}
.controlPanel-kpi-list-item *[data-status-kpi="warning"],
.controlPanel-kpi *[data-status-kpi="warning"] {
    color: var(--kpi-color-status-warning);
}
.controlPanel-kpi-list-item *[data-status-kpi="success"],
.controlPanel-kpi *[data-status-kpi="success"] {
    color: var(--kpi-color-status-success);
}

.controlPanel-kpi-list-item.controlPanel-kpi-list-item-custom {
    color: inherit;
}

.controlPanel-kpi-list-item:hover:not(.controlPanel-kpi-list-item-custom) {
    cursor: pointer;
    background-color: var(--kpi-background-hover);
}

.controlPanel-kpi-list-item-link {
    padding: 0 !important;
    --h: 19px
}


.controlPanel-kpi-list-item-tooltip {
    width: 100%;
}

.controlPanel-kpi-list-item-io-container {
    justify-content: space-between;
    height: 100%;
}

.controlPanel-kpi-list-item-io {
    font-size: 9px;
}

[data-theme='Light'] {
    --device-calibration-container-bg: var(--witbe-background-color);
}
[data-theme='Dark'] {
    --device-calibration-container-bg: var(--wds--grey-700);
}


#device-header.pictured #header-content {
    display: grid;
    grid-template-columns: 100px auto;
}

#device-header-picture {
    width: 100%;
    align-self: center;
}

#device-indexes-list {
    padding: 0;
    margin: 0;
    margin-top: .5em;
    font-size: .9em;
}

.device-index {
    display: flex;
    flex-direction: column;
}
.device-index + .device-index {
    margin-top: .3em;
}

#device-indexes-desc {
    font-size: .9em;
    margin-top: .5em;
}

.piloting-interface-pair-device {
    width: 113px;
}

.piloting-interface-paired {
  margin: 0;
  padding: 0;
}

.piloting-interface-paired .wds-icon {
    color:var(--green-500);
}

.piloting-interface-paired span{
    font-size: 16px;
    margin-left: 16px;
}
.piloting-interface-paired p{
    margin-top: 5px;
    margin-bottom: 0px;
    margin-left: 18px;
}

.device-acquisition-resolution {
    display: flex;
    flex-direction: row;
}

.device-acquisition-resolution label {
    flex-grow: 1;
    margin-right:3px;
}

.device-acquisition-calibration-orientation p{
    margin:0;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: var(--wds--txt-30);
}
.device-acquisition-calibration-container {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 10px;
    border: 1px solid rgba(23, 23, 24, 0.05);
    border-radius: 6px; 
    background-color:var(--device-calibration-container-bg);
}

p.device-acquisition-calibration-texts {
    color: var(--wds--txt-80);
    margin: 0;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.device-acquisition-calibration-texts .wds-icon {
    margin-right: 6px;
    color: var(--color-darkblue);
}

.device-acquisition-calibration-button-container {
    display: flex;
    gap: 10px;
    align-items: center;
    margin-bottom: 10px;
}

.device-acquisition-calibration-button-container.reverse{
    flex-direction: row-reverse;
    justify-content: flex-end;
}

.device-acquisition-calibration-button-container .calibrate-btn{
    border-radius: 3px;
    border: 1px solid var(--color-darkblue);
    background: #FFF; 
    color: var(--color-darkblue);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal; 
}

.device-acquisition-calibration-button-container .calibrate-btn:hover{
    border-radius: 3px;
    border: 1px solid var(--color-darkblue);
    background:var(--color-darkblue); 
    color: white;
    font-size: 16px;
}

.device-acquisition-calibration-informations  {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.device-acquisition-calibration-informations .wds-icon{
    margin-right: 6px;
}

.device-acquisition-calibration-informations .wds-icon.not-calibrated{
    color: #FF5B45;
}

.device-acquisition-calibration-informations .wds-icon.calibrated{
    color: var(--green-500);
}

.device-acquisition-calibration-orientation-picture {
    display: flex;
    flex-direction: column;
    padding: 10px;
    gap:10px;
    align-items: center;
    justify-items: center;
    border: 3px solid ;
    border-radius: 6px;
    background-color: rgba(255, 255, 255);
}

.device-acquisition-calibration-orientation-picture img {
    width: 151px;
    height: 72px;
}

.device-acquisition-calibration-orientation-picture img.rotate {
    transform: rotateY(180deg);
}

.device-acquisition-usb-checkbox-container {
    display: flex;
    align-items: center;
    gap:10px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.device-acquisition-usb-checkbox-container .wds-checkbox-input:not([disabled]):checked {
    background-color: var(--color-darkblue);
}

.device-acquisition-calibration-jack .field-info{
    display:none;
}

.device-acquisition-calibration .calibrate-btn-disabled{
    background-color:#fafafa;
    color: #999;
}

.device-acquisition-calibration .calibrate-btn-disabled:hover {
    background-color:#fafafa;
}
.model-pairing-input {
    margin-left: 24px;
}

.kpi-definition-wrapper {
    grid-template-columns: 1fr 1fr;
}

.kpi-card-badges > * + * {
    margin-left: .5rem;
}

#kpi-template-banner {
    margin-left: auto;
}

#kpi-type-banner,
#kpi-name-banner {
    justify-self: flex-start;
}

.kpi-new-key-field {
    padding: .5rem;
    padding-top: 0;
}

#threshold-witbe-banner {
    font-size: .9rem;
}
#threshold-witbe-label {
    margin-bottom: .4rem;
}
#threshold-witbe-wrapper {
    grid-gap: .6em;
}

#kpi-key-conditions {
    padding: .5rem;
    padding-top: 0;
}
.kpi-key-check {
    margin-top: .3rem;
    align-items: center;
    color: var(--color-red);
    font-size: .85rem;
}
.kpi-key-check.valid {
    color: var(--color-green);
}
.kpi-key-check svg {
    width: 22px !important;
}

#kpi-key-banner {
    margin-bottom: .5rem;
}

.notification-header.editing {
    grid-template-columns: 1fr 1fr auto;
    align-items: flex-end;
}

#notification-mail-server {
    grid-template-columns: 1fr auto;
}

.notification-mail-port {
    width: 90px;
    min-width: 90px;
}

.notification-card .card-item-img {
    font-size: 42px;
}

.modal-os-max-length-note {
    font-size: 12px;
    color: var(--wds--cyan-300);
}

.ope-status-deviceList {
    color: var(--wds--txt-60);
}

.ope-status-name {
    color: var(--wds--txt-87);
    font-weight: 700;
}


.ope-status-deviceList,
.ope-status-name {
    word-break: break-all;
}

#advanced-format {
    display: flex;
    width: fit-content;
    align-items: center;
}
#advanced-format-wrapper {
    margin-bottom: 1rem;
    grid-gap: .5rem;
}
#advanced-format-label {
    margin-left: .5rem;
}

.policy-header #header-actionbar {
    flex: 1;
}

.policy-header #header-form {
    grid-template-columns: 2fr 1fr;
}

#policy-template-badge {
    align-self: flex-end !important;
}

#policy-template-banner {
    margin-left: auto;
}

.policy-card .badge {
    margin-bottom: .3em;
}

#policy-format {
    display: flex;
    width: fit-content;
    align-items: center;
}
#policy-format-wrapper {
    margin-bottom: 1rem;
    grid-gap: .5rem;
}

#policy-format-label {
    margin-right: .5rem;
}

.algo-section .collapsible-title > svg {
    width: 22px;
    margin-right: .3rem;
}

#algo-params-wrapper {
    grid-template-columns: 30px 1fr;
    grid-gap: 4px;
}

.algo-params {
    grid-gap: 1rem;
}

#algo-params-wrapper > svg {
    opacity: .2;
    font-size: 1.3rem;
    transform: rotateY(180deg) rotate(90deg);
    margin-left: 8px;
}

.algo-toggle {
    display: flex;
    align-items: center;
    width: fit-content;
}

.algo-toggle .checkbox-container {
    margin-right: .5em;
}

.algo-label {
    font-weight: 900;
    font-size: .95rem;
}

.algo-weight {
    position: relative;
    grid-template-columns: 450px 1fr;
}
.algo-weight-caret {
    position: absolute;
    left: -15px;
    align-items: center;
    display: flex;
    font-size: 1.1rem;
    height: 100%;
}

.algo-weight-suffix {
    display: flex;
    align-items: center;
    margin-left: .4rem;
    opacity: .4;
}

.algo-weight-input {
    display: grid;
    grid-template-columns: 1fr 100px;
    align-items: center;
}

.algo-weight-input .form-control {
    margin: 0 !important;
    min-width: unset;
    width: 100px;
}
.algo-weight-input > div {
    margin-right: .5rem;
}

#algo-weight-total {
    display: flex;
    height: 36px;
    align-items: center;
    width: 100px;
    padding: .375rem .75rem;
    justify-self: flex-end;
    background-color: var(--witbe-input-disabled-background-color);
}

#algo-weight-total.overflow {
    position: relative;
    background-color: var(--witbe-danger-status-background-color);
}

#algo-weight-total-icon {
    position: absolute;
    right: .5em;
}
#algo-weight-total.overflow #algo-weight-total-icon {
    color: var(--witbe-danger-icon-color);
}

.algo-visual-el {
    text-align: center;
    overflow: hidden;
    height: 100%;
    font-size: .9rem;
    transition: background-color .3s;
}

#algo-weight-visual-title {
    margin-top: 1rem;
    font-weight: bold;
    font-size: 1.1rem;
}
#algo-weight-visual {
    display: flex;
    align-items: center;
    width: 100%;
    height: 36px;
    line-height: 36px;
    border-radius: 3px;
    position: relative;
    margin-bottom: 40px;
}

#algo-visual-weight-confidence {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: -34px;
    height: 40px;
    width: 90px;
    line-height: 1rem;
}

#algo-visual-unknown {
    background-color: #ddd;
    cursor: default;
}
.algo-visual-el.video {
    background-color: #f7bba8;
}
.algo-visual-el.video:hover {
    background-color: #fbddd3;
}

.algo-visual-el.audio {
    background-color: #c1c1f5;
}
.algo-visual-el.audio:hover {
    background-color: #e0e0fa;
}

.algo-visual-el.network {
    background-color: #b2cead;
}
.algo-visual-el.network:hover {
    background-color: #d8e6d6;
}

/* ==== Timers section ==== */
.timer-algo {
    position: relative;
    padding-left: 36px;
}
.timer-algo:not(:first-child) {
    margin-top: .5rem;
}

.timer-algo-title {
    font-size: .9rem;
}

.timer-algo-input {
    padding-left: 36px;
}

.timer-algo-arrow {
    position: absolute;
    opacity: .2;
    transform: rotateY(180deg) rotate(90deg);
    top: -5px;
    left: 10px;
    font-size: 1.3rem;
}

#timer-stop-block .collapsible-title svg,
#timer-start-block .collapsible-title svg {
    width: 22px;
    margin-right: .3rem;
}

#timer-start-block .collapsible-container {
    grid-auto-flow: column;
}

#timer-stop-title,
#timer-start-title {
    font-size: 1.2rem;
}

#timer-stop-title {
    margin-top: 1rem;
}

.param-small {
    min-width: 50px;
}

.policy-import-capture {
    width: fit-content;
}

#policy-uniform-other-parameters {
    grid-template-columns: 1fr 1fr auto 1fr;
}

.indicent-wrapper {
    grid-template-columns: auto 1fr;
    align-items: flex-end;
}

#policy-analysis-timeout .collapsible-container,
#policy-analysis-reset .collapsible-container {
    grid-auto-flow: column;
}

.policy-strategy .collapsible-title-text {
    font-size: 1.1rem;
}

.policy-picking-strategy-options {
    padding: .5rem;
    padding-right: 0;
}

.policy-capture-code {
    grid-template-columns: auto 1fr;
    align-items: flex-end;
}
.policy-capture-code-label {
    line-height: 36px;
    margin-left: .5rem;
}
.policy-capture-code-input {
    min-width: 120px;
    width: 120px;
}

#policy-audio-nielsen-block .collapsible-title-text,
#policy-audio-mediametrie-block .collapsible-title-text,
#policy-nocaptures-block .collapsible-title-text,
#policy-captures-block .collapsible-title-text {
    font-size: 1.1rem;
}

.policy-picking-strategy {
    align-items: flex-end;
    grid-template-columns: 1fr auto;
}
.policy-picking-strategy.sortingOption {
    grid-template-columns: 1fr 1fr auto;
}

#json_desc-network-enable {
    opacity: .8;
}

.policies-metric-wrapper {
    padding: .5rem;
    grid-template-columns: auto 1fr;
    grid-gap: .5rem;
}

.policies-metric-arrow {
    transform: rotateY(180deg) rotate(90deg);
    opacity: .2;
    font-size: 1.3rem;
}

.policies-metric-options {
    grid-gap: .5rem;
}


/****** DATABIN ******/

.databin-filter .collapsible-title {
    align-items: center;
}

.databin-filter-title {
    display: flex;
    justify-content: space-between;
    flex: 1;
    align-items: center;
    padding: 0 10px 10px 0;
}

.databin-filters {
    gap: 10px
}

.databin-order-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 10px;
}

.databin-order-wrapper > .wds-buttonGroup > * {
    min-width: 36px;
    min-height: 36px;
    max-width: 36px;
    max-height: 36px;
}

.databin-order-wrapper > .wds-buttonGroup > *:first-child {
    border-top-left-radius: 0.1875rem !important;
    border-bottom-left-radius: 0.1875rem !important;
}

.databin-order-wrapper > .wds-buttonGroup > *:last-child {
    border-top-right-radius: 0.1875rem !important;
    border-bottom-right-radius: 0.1875rem !important;
}

/* Robots Statuses */
.status-card {
    display: flex;
    flex-direction: column;
}
.status-card > label {
    margin-bottom: var(--witbe-element-gap);
}

#robot-header #header-form {
    grid-template-columns: 1fr 1fr;
}

#robot-header #header-actionbar{
    margin-bottom: 0;
    margin-top: 30px;
}

#robot-header #header-actionbar button{
    margin-bottom: 10px;
}

#robot-header #header-content {
    max-width: initial;
    width: auto;
    flex-grow: 1;
}

#robot-header-statuses  > .status-card:not(:first-child) {
    margin-top: var(--witbe-subcontainer-gap);
}

#robot-header-statuses .status-card-content {
    margin-top: var(--witbe-element-gap);
}

/* Robots Troubleshooting */
#robot-troubleshooting > .collapsible-container {
    display: flex;
    flex-wrap: wrap;
}

#robot-troubleshooting .action-button {
    margin: 3px;
    min-width: 120px;
}

/* Robots Header */
#robot-header img {
    width: 128px;
    height: 128px;
}

#robot-header .form-label:not(:first-child) {
    margin-top: var(--witbe-subcontainer-gap);
}
#robot-header-fields {
    flex: 1;
}

/* Robots CardItem */
.robot-card .card-item-img {
    width: 64px;
    height: 64px;
    min-width: 64px;
}
.robot-card .badge {
    margin-bottom: .3em;
    order: -1;
    max-height: 26px;
    align-self: flex-start;
}
.robot-card .badge .witbe-loader > svg {
    fill: white;
}

.update-progress-bar-small {
    flex-grow: 1;
    height: 10px;
    background-color: var(--witbe-elem-background-color-light);
}
.update-progress-bar-label-small {
    font-size: 10px;
    justify-content: space-between;
}

/* RobotReplacementPopup */
#robot-replacing-popup > .popup-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 19px;
}

.replacement-popup {
    display: flex;
    flex-direction: column;
}

#replacement-from-robot-label {
    flex-direction: row;
    align-items: center;
}
#replacement-from-robot-label > span {
    margin-top: 0;
    margin-left: 4px;
}
.replacement-from-scratch-container {
    grid-template-columns: auto 1fr;
    z-index: 1;
}
#replacement-from-robot-container > #replacement-from-robot-label,
.replacement-from-scratch-container > label {
    justify-self: flex-start;
}
#replacement-from-robot-container,
#replacement-description {
    z-index: 1;
}

#robot-replacement-icon {
    height: 100%;
}

#robot-replacement-icon-container {
    position: absolute;
    height: 214px;
    width: 118px;
    right: 0;
    bottom: 56px;
    opacity: 0.1;
    overflow: hidden;
}

#ip-wrapper {
    align-items: flex-end;
    grid-template-columns: 300px auto 1fr;
}
#teamviewer-wrapper {
    align-items: flex-end;
    grid-template-columns: 300px auto 1fr;
}
#serial-wrapper {
    align-items: flex-end;
    grid-template-columns: 450px auto 1fr;
}

#license-label {
    justify-self: flex-start;
    min-width: unset;
}

/* Change to flex-gap when chromium update */
/* T21782 - Handle new operationnal status on robot view */
.software-status{
    margin-left: 15px;
}

.remote-card .card-item-img {
    font-size: 40px;
}

.remote-file {
    width: fit-content;
}

.remote-badge {
    margin-bottom: .3em;
    max-height: 26px;
    align-self: flex-start;
    color: white;
}

.remote-card-badges * + * {
    margin-left: .5rem;
}

.remote-skin {
	text-align: center;
	max-height: 500px;
}

.remote-skin img {
	max-height: 500px;
}

.remote-export-standard-button{
    width:fit-content;
}
/* design system reset */
/* .......................................................................... */
#remoteLearner [class*='Label__'] {
    margin: 0;
}
#remoteLearner [class*='Label__'] .desc {
    margin: 0;
}
#remoteLearner [class*='Field__'] {
    padding: 0;
}
#remoteLearner [class*='Field__'] > [class*='Label__'] {
    margin-bottom: 10px;
}
#remoteLearner .file-input-results {
    line-height: 1.6em;
}
.progressIndicator-title {
    margin-bottom: 20px;
}
#remoteLearner .progressIndicator {
    display: inline-flex;
    justify-content: start;
}
#remoteLearner .progressIndicator > :first-child {
    min-width: auto;
}
#remoteLearner .progressIndicator > :first-child .button {
    align-items: center;
}
#remoteLearner .progressIndicator > :first-child .button-text {
    white-space: nowrap;
}
#remoteLearner .progressIndicator > :first-child .button-icon {
    margin-top: 0;
}
#remoteLearner .step-head .title {
    overflow: visible;
}
#remoteLearner .step-separator {
    margin-top: 28px;
}
#remoteLearner .progressIndicator > :last-child {
    margin-left: 100px;
    width: 600px;
}

/* .......................................................................... */
#remoteLearner {
    display: flex;
    min-height: 100%;
    line-height: normal;
}
#remoteLearner > :first-child {
    display: inline-flex;
}
.remoteLearner-gap {
    display: grid;
    grid-gap: 10px;
    grid-auto-flow: column;
    justify-content: flex-start;
    align-items: center;
}
.remoteLearner-gap-vend {
    align-items: flex-end;
}

/* .......................................................................... */
.remoteLearner-stepContent {
    display: grid;
    grid-gap: 16px;
    grid-auto-flow: row;
}




/* TODO to clean - Witbox*/
.tmp-custom-witbox-input {
    display: grid;
    grid-auto-flow: row;
    grid-gap: 10px;
}

/*.tmp-hidden-city-validation-stepfield .input-line {
    display: none;
}*/

.tmp-hidden-city-validation-stepfield .input-container {
    display: none;
}

.tmp-hidden-city-validation-stepfield [class*='Field-error'],
.tmp-hidden-city-validation-stepfield [class*='Field__FieldErrorWrapper'] {
    margin: 0 !important;
}

.witbox-model-selector, .witbox-remote-selector {
    width: 820px;
    overflow-y: auto;
    max-height: 320px;
}

.witbox-model-selector {
    margin-top: 10px;
}

.remoteLearner-stepContent .Carousel {
    /*width: 670px !important;
    height: 768px !important;*/
    width: 900px !important;
    height: 650px !important;
}

.remoteLearner-stepContent .Carousel-slide {
    padding: 20px;
}

.remoteLearner-stepContent .Carousel img {
    display: block;
    margin: auto;
    max-height: 400px;
    padding: 20px;
}

.remoteLearner-stepContent .Carousel ul {
    list-style-type: none;
}


.witbox-finish-page .page-content > * {
    margin-top: 20px;
}


/* .......................................................................... */
.remoteLearner-radioContent {
    display: grid;
    grid-auto-flow: row;
    grid-gap: 8px;
    margin-top: -8px;
    padding-left: 28px;
}
.remoteLearner-smallDesc {
    font-size: 12px;
}
.remoteLearner-bigTitle {
    font-size: 28px;
    font-weight: bold;
}

/* .......................................................................... */
#remoteLearnerRemotePanel {
    display: flex;
    flex-direction: column;
    min-width: 300px;
    margin-left: 40px;
}
#remoteLearnerRemotePanel.remoteLearnerRemotePanelHidden {
    display: none;
}
#remoteLearnerRemotePanelTitle {
    height: 22px;
    line-height: 22px;
    padding-left: 8px;
    font-size: 14px;
    font-weight: bold;
    background-color: var(--grey-100);
}
#remoteLearnerRemotePanelContent {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 8px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Cpath fill='%23aaa' fill-opacity='1' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E");
}
#remoteLearnerRemotePanelTools {
    margin-bottom: 8px;
}

/* .......................................................................... */
#remoteLearner .CustomProperties {
    margin-left: -4px;
}
#remoteLearner .CustomProperties-input,
#remoteLearner .CustomProperties-deleteBtn {
    border-radius: 5px;
}
#remoteLearner .CustomProperties-rows {
    margin-bottom: -10px;
}
#remoteLearner .CustomProperties-addBtn {
    margin-top: -1px;
    margin-left: 4px;
    height: auto;
    min-height: auto !important;
    border: 0;
    border-radius: 5px;
    padding: 4px 6px !important;
    color: var(--grey-0);
    font-size: 12px;
    font-weight: bold;
    font-family: inherit;
    background-color: var(--cyan-500);
}
#remoteLearner .form-control {
    box-shadow: 0 0 0 15px transparent;
    transition:
        border-color .2s,
        box-shadow .2s;
}
#remoteLearner .form-control:not([readonly]):not(:disabled):focus {
    border-color: var(--cyan-500);
    box-shadow: 0 0 0 3px var(--cyan-200);
}
#remoteLearner .btn:not(:disabled):active {
    background-color: var(--grey-100);
}

/* .......................................................................... */
.remoteLearner-connectionInfo {
    display: flex;
    align-items: center;
    --icon-color: var(--orange-500);
    --span-bg: var(--orange-50);
}
.remoteLearner-connectionInfo[data-status='connected'] {
    --icon-color: var(--cyan-500);
    --span-bg: var(--cyan-50);
}
.remoteLearner-connectionInfo[data-status='scanning'] {
    --icon-color: var(--grey-500);
    --span-bg: var(--grey-50);
}
.remoteLearner-connectionInfo-icon {
    margin-right: 10px;
    color: var(--icon-color);
}
.remoteLearner-connectionInfo-span {
    padding: 5px;
    border-radius: 4px;
    background-color: var(--span-bg);
}

/* .......................................................................... */
#remoteScanning-btnList {
    column-width: 160px;
    margin: 0;
    padding: 0;
    white-space: nowrap;
    list-style-position: inside;
}

/* .......................................................................... */
#remoteLearner-mappingHead {
    display: flex;
}
#remoteLearner-mappingHead span {
    width: 50%;
    font-size: 14px;
    font-weight: bold;
}
#remoteLearner-mappingHead span:first-child {
    padding-left: 61px;
    margin-right: 8px;
}
#remoteLearner-mappingList {
    overflow: auto;
    margin-top: .4em;
    max-height: 400px;
}
#remoteLearner-mappingList .loader {
    margin: 20px;
}
#remoteLearner-mappingPlaceholder {
    text-align: center;
    font-style: italic;
    opacity: .5;
}
#remoteLearner-mappingList:not(:empty) + #remoteLearner-mappingPlaceholder {
    display: none;
}
#remoteLearner-remainingArea {
    display: flex;
    align-items: center;
}

/* .......................................................................... */
.remoteMappingKey {
    display: flex;
    padding: 4px 4px 4px 0;
}
.remoteMappingKey:hover,
.remoteMappingKey-hover {
    background-color: #cce2fb50;
}
.remoteMappingKey-preview {
    border: 1px solid var(--grey-200);
    border-radius: 6px;
    width: 31px;
    height: 31px;
    min-width: 31px;
    color: var(--cyan-400);
    transition: .1s background-color;
}
.remoteMappingKey-hover .remoteMappingKey-preview {
    border: 0;
    animation: SquareEdit-HLAnim .2s 5 alternate forwards;
}
.remoteMappingKey-reorder {
    height: 31px;
    display: flex;
    flex-direction: column;
}
.remoteMappingKey-reorderBtn {
    flex: 1;
    border: 0;
    outline: 0;
    cursor: pointer;
    background: none;
    opacity: .3;
}
.remoteMappingKey-reorderBtn:hover {
    opacity: .6;
}
.remoteMappingKey .remoteMappingKey-name,
.remoteMappingKey .remoteMappingKey-code {
    flex: 1;
    padding: 0;
    margin-left: 10px;
}
html .remoteMappingKey .remoteMappingKey-menu {
    height: 31px;
    margin-left: 10px;
}

/* .......................................................................... */
.keyLoader > *:not(:first-child):not(:last-child) {
    margin-left: 10px;
}
.keyLoader > :last-child {
    margin: 0 6px 10px 18px
}

.remoteList {
    overflow: auto;
    margin-top: .4em;
    max-height: 250px;
    margin-left: -4px;
}

/* .......................................................................... */
/* .......................................................................... */
/* .......................................................................... */
@media(max-width: 1320px) {
    #remoteLearner > :first-child {
        flex: 1;
    }
    #remoteLearner .progressIndicator > :last-child {
        margin-left: 40px;
        width: auto;
    }
}

#robotMigrationPopup {
    width: 650px;
    min-width: auto;
}
#robotMigrationPopup[data-step='2'],
#robotMigrationPopup[data-step='3'] {
    width: 420px;
}

#robotMigrationPopup .popup-footer {
    background: none;
    justify-content: flex-end;
    padding: 24px;
    padding-top: 0;
}

.robotMigrationPopup-icon {
    justify-self: center;
    font-size: 24px;
    color: var(--cyan-700);
}

#robotMigrationPopup-title {
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 10px;
}
#robotMigrationPopup[data-step='2'] #robotMigrationPopup-title,
#robotMigrationPopup[data-step='3'] #robotMigrationPopup-title {
    text-align: center;
}

#robotMigrationPopup .wds-banner {
    width: auto;
    margin-bottom: 8px;
}

.robotMigrationPopup-field div {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.robotMigrationPopup-field .label {
    display: block;
    margin-bottom: 8px;
}
#robotMigrationPopup .label {
    padding-left: 0;
}

#robotMigrationPopup hr {
    width: 100%;
    height: 2px;
    margin: 20px 0;
    border: 0;
    background-color: var(--cyan-50);
}

.robotMigrationPopup-devices {
    display: flex;
    align-items: center;
    min-width: 0;
}
.robotMigrationPopup-devices .robotMigrationPopup-field {
    width: calc(50% - 30px);
}
.robotMigrationPopup-devices + .robotMigrationPopup-devices {
    margin-top: 10px;
}
.robotMigrationPopup-device-arrow {
    width: 60px !important;
}

#robotMigrationPopup-cleanToggle {
    margin-top: 20px;
}

#robotMigrationPopup-progress-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
}
#robotMigrationPopup-progress-wrap .label + .label {
	margin-top: 4px;
}
#robotMigrationPopup-progress {
    width: 50%;
    margin: 10px 0;
}

#robotMigrationPopup .field {
    display: grid;
    grid-gap: 6px;
}

.SquareEdit {
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.SquareEdit-squares {
    position: absolute;
    width: 100%;
    height: 100%;
}
.SquareEdit-square {
    position: absolute;
    color: var(--cyan-400);
    cursor: pointer;
    outline: 0;
    border-radius: 5px;
    transition:
        .2s color,
        .2s box-shadow,
        .2s background-color;
}
.SquareEdit-squareHL {
    animation: SquareEdit-HLAnim .2s 5 alternate forwards;
}
@keyframes SquareEdit-HLAnim {
    0% { box-shadow: none; }
    100% { box-shadow: 0 0 2px 4px currentColor; }
}
.SquareEdit:not(.SquareEdit-readonly) .SquareEdit-square:focus {
    color: var(--cyan-400);
    cursor: move;
}
.SquareEdit-square::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 2px solid currentColor;
    border-radius: inherit;
    pointer-events: none;
    background-color: #0071eb3d;
    transition: .1s background-color;
}
.SquareEdit-squareHover::before {
    background-color: #338def80;
}
.SquareEdit-squareActive,
.SquareEdit-readonly .SquareEdit-square:active {
    background-color: var(--yellow-500);
}
.SquareEdit-readonly .SquareEdit-square::before {
    border: 0;
    background-color: transparent;
}
.SquareEdit-readonly .SquareEdit-square:hover::before {
    border: 2px solid #fff;
}
.SquareEdit-readonly.SquareEdit-HLall .SquareEdit-square::before {
    animation: 1s SquareEdit-HLAllAnim;
}
@keyframes SquareEdit-HLAllAnim {
    0% { background-color: transparent; }
    20% { background-color: #0071ebaa; }
    100% { background-color: transparent; }
}
.SquareEdit-square-handle {
    position: absolute;
    right: 0;
    bottom: 0;
    border: 6px solid currentColor;
    border-radius: inherit;
    border-top-color: transparent;
    border-left-color: transparent;
    cursor: nw-resize;
    pointer-events: none;
    transition: .2s opacity;
    opacity: 0;
}
.SquareEdit-readonly .SquareEdit-square-handle {
    display: none;
}
.SquareEdit-square:focus .SquareEdit-square-handle {
    pointer-events: auto;
    opacity: 1;
}
.SquareEdit-square-tooltip {
    position: absolute;
    z-index: 1;
    top: calc(50% - 1em);
    right: 100%;
    height: 2em;
    line-height: 2em;
    white-space: nowrap;
    padding: 0 8px;
    color: var(--grey-0);
    border-radius: 5px;
    background-color: var(--grey-800);
    pointer-events: none;
    opacity: 0;
    user-select: none;
    visibility: hidden;
    transition: .2s;
    transition-property: margin-left, margin-right, opacity, visibility;
}
.SquareEdit-square-onLeft .SquareEdit-square-tooltip {
    left: 100%;
    right: auto;
}
.SquareEdit-square-tooltip:empty {
    display: none;
}
.SquareEdit-square:hover .SquareEdit-square-tooltip,
.SquareEdit-squareHL .SquareEdit-square-tooltip {
    margin: 0 10px;
    opacity: 1;
    visibility: visible;
}

[data-theme='Light'] {
    --app-bg: #F3F5F8;
    --manageRobot-bg : white;
    --robot-device-card-bg: #F3F5F8;
    --label-text-color: var(--text-light-grey-900-87);
    --manageRobot-title-color:var(--text-light-grey-900-87);
    --robot-device-card-footer-color: var(--text-light-grey-900-60);
    --robot-status-label-color: var(--text-light-grey-900-60);
    --city-input-color : var(--text-light-grey-900-60);
    --customProps-container-bg: #F3F5F8;
    --tag-bg-color: var(--orange-300);
    ---tag-text-color: var(--orange-900);
    --licence-bold-color: black;
    --tooltip-color: var(--dark-cyan-500);
    --licenceExpiring-color: var(--red-600);

    --color-slot-device-available: rgb(0, 0, 0, 0.15);
}
[data-theme='Dark'] {
    --app-bg: var(--dark-grey-900);
    --manageRobot-bg : var(--dark-grey-800);
    --robot-device-card-bg: var(--dark-grey-600);
    --robot-device-card-footer-color: var(--text-dark-white-60);
    --robot-status-label-color: var(--text-dark-grey-900-60);
    --city-input-color : var(--text-dark-grey-900-60);
    --label-text-color: var(--text-dark-white-87);
    --manageRobot-title-color:var(--text-dark-grey-87);
    --customProps-container-bg: var(--dark-grey-700);
    --tag-bg-color: var(--dark-orange-200);
    --tag-text-color: var(--orange-900);
    --licence-bold-color: var(--text-dark-grey-900-60);
    --tooltip-color: var(--dark-cyan-300);
    --licenceExpiring-color: var(--dark-red-600);

    --color-slot-device-available: rgba(255, 255, 255, 0.15);
}

#app-content.ManageRobotContainer{
    display:flex;
    flex-direction: row;
    justify-content: center;
    background-color: var(--app-bg);
}

#ManageRobot .wds-input {
    padding-right: 0;
}

#ManageRobot .wds-tag{
    text-transform: uppercase;
}

#ManageRobot{
    width:946px;
    height: fit-content;
    margin: 26px 0px;
    display: flex;
    flex-direction: column;
    gap: 42px;
    padding:26px;
    box-shadow: 0px 4px 4px rgba(156, 166, 201, 0.2);
    border-radius: 10px;
    background-color: var(--manageRobot-bg);
}

/*Remove built-in padding from Input component on readOnly*/
#ManageRobot .wds-tooltip{
    color:var(--tooltip-color);
}

#ManageRobot .RobotHeaderTitles .wds-input-readOnly.wds-inputText {
    border:0;
    background: none;
}

#ManageRobot .RobotHeaderTitles .wds-input-in[readOnly] {
    padding: 0;
}

#ManageRobot .CustomPropsContainer .CustomPropsField .wds-input.wds-input-readOnly, 
#ManageRobot .CustomPropsContainer .CustomPropsField .wds-input.wds-input-readOnly {
    background-color: var(--customProps-container-bg);
    border-color:var(--customProps-container-bg);
}

#ManageRobot .TechnicalInfosField .wds-input-in[readOnly]{
    font-weight: 400;
} 

#ManageRobot .RobotHeader{
    display: flex;
    flex-direction: column;
}

#ManageRobot .RobotHeaderTop {
    justify-content: space-between;
}

#ManageRobot .RobotHeaderInfos {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.RobotHeader-operational-status-wrapper {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.RobotHeader-operational-status-desc {
    display: flex;
    flex-direction: column;
    gap: 6px;
    max-width: 100%;
    width: fit-content;
}

.RobotHeader-operational-status-desc .RobotHeader-desc-title {
    color: var(--wds--txt-60);
}

.RobotHeader-operational-status-desc .RobotHeader-desc {
    word-break: break-all;
    color: var(--wds--txt-87);
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
}

#ManageRobot .RobotHeaderInfos:not(.edit) .RobotHeaderCityField .wds-input {
    background-color: var(--manageRobot-bg);
}

#ManageRobot .RobotHeaderInfos:not(.edit) .RobotHeaderCityField .wds-input {
    border: none;
}

#ManageRobot .RobotHeaderTop .ButtonsContainer .wds-button{
    width: 100%;
    margin-bottom: 10px;
}

#ManageRobot .RobotHeaderBottom{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    padding: 0 0 26px 0;
}

#ManageRobot .RobotHeaderPicture{
    width: 55px;
    height: 55px;
    margin-right: 26px;
}
#ManageRobot .RobotHeaderTitles{
    display: flex;
    flex-direction: row;
    width: 100%;
}

#ManageRobot .RobotHeaderTitles .robotName .wds-input-in[readOnly]{
    display: flex;
    align-items: center;
    font-size: 24px;
    font-weight: 700 ;
}

#ManageRobot .RobotHeaderTitles .city{
    display: flex;
    align-items: center;
    height: 22px;
    margin-top: 6px;
    font-size: 16px;
    font-weight: 400;
}

.RobotHeader-operational-status {
    display: flex;
    flex-direction: row;
    align-items: baseline;
}

#ManageRobot .wds-combobox .wds-list-options-show {
    max-height: 250px;
}

#ManageRobot .number {
    font-family: 'monospace';
}

.OperationalStatusSelect .wds-select-container{
    width:137px    
}

.OperationalStatusSelect .wds-select-input{
    width:100%;
}

.IpInformationsContainer{
    display: flex;
    flex-direction: row;
    gap: 68px;
    margin-left: 42px;
}

.IpInformationsValue{
    font-size: 14px;
    color:var(--wds--txt-87)
}

.Ip .TechnicalInfosField .wds-inputText .wds-input-in{
    max-width: 157px;
    font-family: 'monospace';
}

#ManageRobot .RobotHeaderTitles .edit .city{
    height: auto;
}

#ManageRobot .RobotHeaderTitles .city .wds-input-in[readOnly], 
#ManageRobot .RobotHeaderTitles .city .wds-icon{
    color: var(--city-input-color);
}

#ManageRobot .RobotHeaderDivider{
    width: 95%;
    margin: 0 2%;
    margin-top: 26px;
}

#ManageRobot .RobotStatus .Status{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin-top: 6px;
}

#ManageRobot .RobotStatus .Status p{
    margin:0
}


.ManageRobotDevices{
    display:flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
}

.RobotDeviceCard{
    justify-content: space-between;
    width: 213.5px;
    border-radius: 10px;
    height: 173px;
    padding: 16px;
    background-color: var(--robot-device-card-bg);
}

.RobotDeviceCardInfos{
    align-items: center;
    justify-content: space-between;
}

.RobotDeviceCardImgWrapper {
    width: 42px;
    height: 42px;
    position: relative;
    display: flex;
    align-items: center;
}

.RobotDeviceCardImgWrapper img {
    max-width: 100%;
    max-height: 100%;
}

.RobotDeviceCardInfos .tag{
    background-color: var(--tag-bg-color);
    color: var(--tag-text-color);
    text-transform: uppercase;
    margin-left: 6px;
}

.RobotDeviceName{
    font-size: 14px;
    height: 38px;
    font-weight: 700;
    line-height: 19px;
}

.RobotDeviceLock {
    color: var(--robot-device-card-footer-color);
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 19px;
}

.RobotDeviceFooter {
    height: 41px;
}

.RobotDeviceFooter .home-card-info {
    display: flex;
    gap: 10px;
    overflow: hidden;
    width: 100%;
    min-height: 19px;
}

.RobotDeviceFooter .home-card-info .home-card-info-info {
    width: 14px;
    height: 19px;
}

.RobotDeviceFooter .home-card-info > span {
    color: var(--robot-device-card-footer-color);
    font-size: 14px;
    line-height: 19px;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.RobotDevice-desc {
    display: flex;
    flex-direction: column;
}

.RobotDevice-desc .RobotDevice-desc-update {
    color: var(--wds--txt-inv-60);
}

.RobotDeviceFooter .home-card-info .wds-icon {
    color: var(--robot-device-card-footer-color);
}

.RobotDeviceCard > .wds-icon {
    font-size: 42px;
    color: var(--color-slot-device-available);
}


.RobotDeviceCard .RobotDeviceCard-available {
    color: var(--wds--txt-60);
}

.RobotDeviceCardContainer {
    display: flex;
    flex-direction: column;
}

.RobotDeviceLock p{
    margin-left: 6.5px;
    margin-top: 0;
    margin-bottom: 0;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
}

.RobotDeviceCardContainer{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}

.StatusIcon {
    margin-right: 6px;
}

.StatusIcon.ok {
    color: var(--green-600);
}

.StatusIcon.danger{
    color: var(--red-600);
}

.StatusIcon.warning{
    color: var(--yellow-600);
}

.StatusIcon.Progress{
    color: var(--purple-500);
}

.StatusIcon.unknown{
    color: var(--grey-600);
}

.RobotStatusLabel{
    font-style: normal;
    font-weight: 400;
    margin: 0;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    color: var(--robot-status-label-color);
}
#ManageRobot .RobotStatusContainer .RobotStatusDivider{
    margin-left: 20px;
    margin-right: 20px;
    height: 40px;
}

.RobotStatusContainer {
    display: flex;
    align-items: center;
}

.RobotStatusContainer .clockIcon{
    margin-left:0;
    margin-right: 6px;
}

.RobotStatusContainer .LicenceExpire{
    margin-left: 0px;
}

.RobotStatus .Status{
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
}

/* .RobotStatus:last-child{
    margin-right: 20px;
} */

.RebootModalScenarios {
    padding: 16px;
    background-color: var(--customProps-container-bg);
    border-radius: 10px;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
}

.RebootModalScenarios p{
    margin: 0 0 4px 0;
}

.RebootModalScenarios .runningScenarios{
    display: flex;
    flex-direction: row;
    align-items: center;
}

.RebootModalScenarios .wds-tooltip{
    margin: 0 2px;
}

.ManageTechnicalInfos .Ip{
    display:flex;
    align-items: center;
}

.ManageTechnicalInfos .Ip .wds-button{
    margin-left: 10px
}

.ManageTechnicalInfos .SerialNumber {
    display:flex;
    flex-direction: column;
}

.ManageTechnicalInfos .SerialNumber .inputContainer{
    display:flex;
    align-items: center;
}

.ManageTechnicalInfos .SerialNumber .label.readOnly {
    padding:0;
    font-size: 16px;
    font-weight: bold;
}

.ManageTechnicalInfos .Os{
    display:flex;
}

.ManageRobotExternalLinks .wds-buttonGroup{
    flex-wrap: wrap;
}

.ManageRobotTitles {
    display: flex;
    align-items: center;
    gap: 1ch;
    font-weight: bold;
    margin: 20px 0;
}
.ManageRobotTitles:first-child {
    margin-top: 0;
}
.ManageRobotTitles {
    font-size: 20px;
}
.ManageRobotTitles .wds-tooltip {
    font-size: 14px;
}

.LicenseStatus {
    display: flex;
    flex-direction: row;
    align-items: center;
    color: var(--text-light-grey--900-60);
    font-size: 14px;
}

.LicenseStatus p {
    margin: 0 6px 0 0;
    font-size: 16px;
}

.SerialNumber .TechnicalInfosField{
    max-width: 50%;
    flex-grow: 1;
}

#ManageRobot .Status.LicenseStatusContainer{
    display: flex;
    flex-direction: column;
}

.LicenceExpire b{
    font-size: 14px;
    color: var(--licence-bold-color);
}
.LicenceExpire {
    font-size: 12px;
    color: var(--robot-status-label-color);
    margin-left: 6px;
}

.ExpireVerySoon{
    color:var(--licenceExpiring-color);
}

.clockIcon{
    margin-left: 20px;
    font-size: 12px;
}

.LicenseStatus .LicenseTag {
    text-transform: uppercase;
    background-color: var(--tag-bg-color);
    color: var(--tag-text-color);
}
.LicenseStatusContainer .LicenseTag{
    text-transform: uppercase;
    background-color: var(--tag-bg-color);
    color: var(--tag-text-color);
}

.RobotVersion{
    font-weight: 400;
    color:var(--robot-status-label-color);
    font-size: 12px;
}

.CustomPropsContainer{
    display: flex;
    flex-direction: row;
    background-color: var(--customProps-container-bg);
    width:100%;
    height: 54px;
    border-radius: 6px;
    padding: 16px 17.5px;
    margin-bottom: 10px;
    align-items: center;
}

.CustomPropsContainer .CustomPropsField{
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
}

.CustomPropsContainer div:nth-child(2) .wds-input-text{
    width: 100%;
}

.CustomPropsField .wds-label-readOnly .wds-label-title{
    color:var(--label-text-color);
}

.CustomPropsSearch{
    margin-bottom: 16px;
}

.ManageRobotCustomProps header{
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 16px;
}

.ManageRobotCustomProps header .wds-tooltip {
    margin-left: 6px;
}

.ManageRobotCustomProps .CustomPropsSearch .wds-inputText {
    width: 100%;
}

.TechnicalInfosField {
    margin-bottom: 22px;
    margin-right: 10px;
}

.TechnicalInfosField .wds-label-readOnly .label {
    padding:0;
    font-size: 16px;
}

.ManageTechnicalInfos .EAS-container {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 26px;
}

.ManageTechnicalInfos .EAS-container .EAS-row {
    display: flex;
    flex-direction: row;
    border-radius: 6px;
    padding: 10px;
    gap: 10px;
    background-color: var(--customProps-container-bg);
    max-width: 350px;    
    align-items: center;
    height: 54px;
}

.EAS-row .wds-button{
    margin-left: 30px;
}

.SerialNumber .TechnicalInfosField{
    margin-bottom: 0;
}

.TechnicalInfosField .wds-label-readOnly .wds-label-title {
    color: var(--label-text-color);
}

.ManageRobotDescription .wds-label-readOnly .wds-label-title{
    color: var(--label-text-color);
}

.ManageRobotDescription .readOnly.label {
    padding:0;
}

.ManageRobotReboot{
    max-width: 500px;
}

.ManageRobotReboot h4{
    margin-top: 16px;
    margin-bottom: 6px;
}

.ManageRobotReboot p{
    margin:0;
}

.ManageRobotReboot .rebootWarning{
    margin-top:26px;
}

.ManageRobotReboot .runningWarning{
    margin-top: 26px;
}

.ManageRobotReboot .runningSubtitles{
    margin-bottom: 4px;
}

.wds-progressBar { overflow: hidden } /* this should be in the DS */
.wds-hx > .wds-tooltip { display: inline } /* this should be in the DS */

body[data-theme='Light'] {
    --robot-databin-high: var(--purple-700);
    --robot-databin-medium: var(--cyan-200);
    --robot-databin-low: var(--cyan-500);
    --robot-tooltip: var(--cyan-500);
}
body[data-theme='Dark'] {
    --robot-databin-high: var(--dark-purple-600);
    --robot-databin-medium: var(--dark-cyan-300);
    --robot-databin-low: var(--dark-cyan-500);
    --robot-tooltip: var(--dark-cyan-300);
}

/* .......................................................................... */
#ManageRobotStorage .wds-hx {
    margin-bottom: 20px;
}
#ManageRobotStorage .wds-tooltip {
    color: var(--robot-tooltip);
}

/* .......................................................................... */
.ManageRobotDisks {
    width: 100%;
    max-width: 580px;
    margin-bottom: 20px;
    border-collapse: collapse;
}
.ManageRobotDisks td {
    padding: 2px 2ch 2px 0;
}
.ManageRobotDisks td:first-child {
    width: 0%;
}
.ManageRobotDisks td:nth-child(2) {
    width: 0%;
    text-align: end;
    font-weight: bold;
}
.ManageRobotDisks td:nth-child(3) {
    width: 0%;
    text-align: end;
    white-space: nowrap;
    font-size: 12px;
    opacity: .5;
}
.ManageRobotDisks td:last-child {
    padding-right: 0;
}

.ManageRobotDisks .disk-progress {
    width: 100%;
}

/* .......................................................................... */
.ManageRobotDatabin {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.ManageRobotDatabin-graph-wrap {
    display: flex;
    align-items: center;
    gap: 16px;
}
.ManageRobotDatabin-total {
    white-space: nowrap;
    font-size: 14px;
    opacity: .5;
}
.ManageRobotDatabin-graph {
    position: relative;
    width: 100%;
}
.ManageRobotDatabin-graph-marks {
    position: absolute;
    inset: 0;
}
.ManageRobotDatabin-storage {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 16px;
}
.ManageRobotDatabin-mainCursor,
.ManageRobotDatabin-cursor {
    position: absolute;
    z-index: 1;
    height: 100%;
    border-left: 1px solid;
}
.ManageRobotDatabin-mainCursor {
    top: -70%;
    height: 240%;
    border-left-style: dashed;
}
.ManageRobotDatabin-mainCursor span,
.ManageRobotDatabin-cursor span {
    position: absolute;
    top: calc(100% + 4px);
    left: -30px;
    width: 60px;
    font-size: 12px;
    font-weight: 600;
    text-align: center;
}
.ManageRobotDatabin-mainCursor span {
    top: -28px;
    font-size: 16px;
}
.ManageRobotDatabin-mainCursor::before {
    content: '';
    position: absolute;
    bottom: 100%;
    left: -3px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: currentColor;
}
.ManageRobotDatabin-cursor + .ManageRobotDatabin-cursor span {
    color: var(--wds-invalid-textColor);
}
.ManageRobotDatabin-parts {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}
.ManageRobotDatabin-part {
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.ManageRobotDatabin-part-head {
    display: flex;
    align-items: baseline;
    gap: 1ch;
}
.ManageRobotDatabin-part-color {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: currentColor;
}
.ManageRobotDatabin-part-perc {
    font-size: 16px;
    font-weight: bold;
}
.ManageRobotDatabin span[data-databin-high] {
    color: var(--wds-invalid-textColor);
}
.ManageRobotDatabin-part-desc {
    font-size: 12px;
    opacity: .6;
}
.ManageRobotDatabin div[data-databin='high'] { color: var(--robot-databin-high); }
.ManageRobotDatabin div[data-databin='medium'] { color: var(--robot-databin-medium); }
.ManageRobotDatabin div[data-databin='low'] { color: var(--robot-databin-low); }
.ManageRobotDatabin div[data-databin='free'] { color: var(--wds-progressBar-multiple-bg); }

body, *[data-theme='Light'] {
    --controlPanel-TakeControl-Panel-Background: white;
        /* To change with var(--light-shadow-elevation-3); */
    --controlPanel-TakeControl-Panel-Shadow: 0px 10px 25px rgb(156 166 201 / 37%);
    --controlPanel-TakeControl-send-request-color: var(--text-light-grey-900-60);
    --controlPanel-TakeControl-Panel-messageContainer-send : var(--yellow-300);
    --controlPanel-TakeControl-Panel-messageContainer-color: white;
    --controlPanel-TakeControl-Panel-messageContainer-receive : var(--witbe-background-color);
    --controlPanel-TakeControl-Panel-messageTime : var(--text-light-grey-900-60);
}
*[data-theme='Dark'] {
    --controlPanel-TakeControl-Panel-Background: var(--dark-grey-700);
    /* To change with var(--dark-shadow-elevation-3); */
    --controlPanel-TakeControl-Panel-Shadow: 0px 10px 25px rgba(23, 23, 24, 0.37);
    --controlPanel-TakeControl-send-request-color: var(--text-dark-white-60);
    --controlPanel-TakeControl-Panel-messageTime : var(---text-dark-white-60);
    --controlPanel-TakeControl-Panel-messageContainer-send : var(--dark-yellow-200);
    --controlPanel-TakeControl-Panel-messageContainer-color: black;
    --controlPanel-TakeControl-Panel-messageContainer-receive : var(--dark-grey-600);
}

/* .......................................................................... */

#controlPanel-takeControl {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
}

#controlPanel-takeControl #controlPanel-background-locked,
#controlPanel-takeControl #controlPanel-request-control-parent-btn{
    transition: opacity 0.5s linear;
}


#controlPanel-background-locked.controlPanel-background-show {
    opacity: 0.9;
}
#controlPanel-request-control-parent-btn.controlPanel-background-show {
    opacity: 1;
}

#controlPanel-background-locked.controlPanel-background-hide,
#controlPanel-request-control-parent-btn.controlPanel-background-hide {
    opacity: 0;
}

#controlPanel-background-locked {
    height: inherit;
    width: inherit;
    background: #FFFFFF;
    display: flex;
    opacity: 0.9;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px;
}

.controlPanel-text{
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    flex: none;
    flex-grow: 0;
    margin: 10px 0;

    font-family: Open Sans;
    font-style: normal;
    font-size: 16px;
    line-height: 22px;
}

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

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

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

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

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

.controlPanel-bold{
    font-weight: 700;
}

.controlPanel-align-left {
    align-items: flex-start;
    text-align: left;
}

#controlPanel-request-control{
    position: absolute;
    width:100%;
    left:0; 
    bottom: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    padding: 10px;
    z-index: 2;
}

#controlPanel-request-control-panel,
#controlPanel-request-control-notification {
    width: inherit;
    background-color: var(--controlPanel-TakeControl-Panel-Background);
    box-shadow: var(--controlPanel-TakeControl-Panel-Shadow);
    border-radius: 5px;
    padding: 10px;
    max-width: 540px;
}

#controlPanel-request-control-notification {
    background-color: var(--cyan-500);
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
}

.controlPanel-notification-text {
    margin: 0;
    padding: 6px 6px 6px 6px;
    width: 80%;

    font-family: Open Sans;
    font-style: normal;
    font-size: 16px;
    line-height: 22px;
}

#controlPanel-request-control-parent-btn {
    width: 100%;
    bottom: 0;
    position: absolute;
}

#controlPanel-request-control-panel {
    width: inherit;
    background-color: var(--controlPanel-TakeControl-Panel-Background);
    box-shadow: var(--controlPanel-TakeControl-Panel-Shadow);
    border-radius: 5px;
    padding: 26px;
}

#controlPanel-request-control-parent-note{
    width: 100%;
    display: flex;
    flex-grow: 1;
    flex-direction: row;
    text-align: inherit;
    align-items: flex-start;
}


#controlPanel-request-control-parent-note .wds-field{
    width: 100%;
}

#controlPanel-request-control-panel p{
    margin:0;
}

#controlPanel-request-control-panel .messages{
    display: flex;
    flex-direction: column;
    max-height: 332px;
    overflow-y: auto;
    padding-right:4px;
}

#controlPanel-request-control-panel .message-container {
    font-size: 16px;
    width:100%;
    display: flex;
    margin: 16px 0px;
    flex-direction: column;
}

#controlPanel-request-control-panel .requester .message-container:nth-child(odd){
    align-items: flex-end;
}

#controlPanel-request-control-panel .requester .message-container:nth-child(even){
    align-items: flex-start;
}

#controlPanel-request-control-panel .requested .message-container:nth-child(odd){
    align-items: flex-start;
}

#controlPanel-request-control-panel .requested .message-container:nth-child(even){
    align-items: flex-start;
}

#controlPanel-request-control-panel .requester .message-container:nth-child(even) .message{
    background-color: var(--controlPanel-TakeControl-Panel-messageContainer-receive);
}

#controlPanel-request-control-panel .requested .message-container:nth-child(odd) .message{
    background-color: var(--controlPanel-TakeControl-Panel-messageContainer-receive);
}
#controlPanel-request-control-panel .requested .message-container:nth-child(even) .message{
    color:var( --controlPanel-TakeControl-Panel-messageContainer-color);
    background-color: var(--controlPanel-TakeControl-Panel-messageContainer-send);
}


#controlPanel-request-control-panel .message-control-type{
    font-weight: 700;
    margin-bottom: 6px;
}

#controlPanel-request-control-panel .message{
    border-radius: 6px;
    background-color: var(--controlPanel-TakeControl-Panel-messageContainer-send);
    padding: 10px 16px;
    width:298px;
}

#controlPanel-request-control-panel .message-time{
    color:var(--controlPanel-TakeControl-Panel-messageTime);
}

#controlPanel-request-control-panel .send-request{
    margin: 10px 0px;
    font-size: 16px;
    color: var(--controlPanel-TakeControl-send-request-color);
}


#controlPanel-request-control-note{
    background: #F1F1F1;
    border: 1px solid #DDDDDD;
    box-sizing: border-box;
    padding: 5px;
}

.controlPanel-state {
    flex-direction: row;
}
.controlPanel-state svg{
    margin-right: 8px;
    align-self: center;
}

.controlPanel-checked {
    color: var(--cyan-700);

}
.controlPanel-checked svg{
    color: var(--green-600);
}

.controlPanel-waiting {
    color: var(--grey-300);
}

.controlPanel-loading {
    color: var(--orange-500);
}


#controlPanel-notes {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}

.controlPanel-note {
    width: 80%;
    padding: 10px;
    border-radius: 5px;
    margin: 0 10px 20px 10px;
    font-family: Open Sans;
    font-style: normal;
    font-size: 16px;
    line-height: 22px;
}
.controlPanel-yours {
    background: #E9F1FF;
    align-self: flex-end;
}
.controlPanel-his {
    background: #F1F1F1;
    align-self: flex-start;
}


/* NEED TO BE REMOVE WHEN DESIGN SYSTEM READY */
#controlPanel-request-control-btn {
    background: #00438d;
    width: inherit;
    height: 34px;
    /* height: 54px; */
    text-align: center;
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    align-items: center;
    padding: 6px 16px;
    color: white;
    border-radius: 0;
}

#controlPanel-request-control-btn .button-icon {
    margin-left: var(--witbe-margin);
}

#controlPanel-request-control-parent-note .textarea-container {
    width: 100%;
}

#controlPanel-request-control-parent-note .textarea-line {
    border: 1px solid rgba(156, 166, 201, 0.37);
    border-radius: 0px;
}

#controlPanel-request-control-parent-note .wds-field textarea.MultiLineInput {
    width:100%;
}

#controlPanel-panel-grp-btn {
    width: 70%;
}

.controlPanel-panel-btn {
    height: 26px !important;
    margin-left: 0 !important;
    margin-bottom: 5px !important;
    font-weight: 400 !important;
}

.controlPanel-panel-btn-blue {
    background: var(--cyan-700) !important;
}

.controlPanel-notification-btn {
    color: var(--cyan-700) !important;
    padding: 6px 16px !important;
    background: var(--cyan-100) !important;
    border-radius: 8px !important;
}

.controlPanel-notification-btn .button-text {
    font-family: Open Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
}
#request-control-modal > div{
    max-width: 466px;
}
#request-control-modal .scenario-name{
    font-weight: bold;
}

.embedded #controlPanel-panel-grp-btn .wds-button{
    margin-bottom: 10px;
}

/* .......................................................................... */

#takeControl-modal-rebootDevice .wds-modal-body {
    display: flex;
    flex-direction: column;
    /*gap: 26px; uncomment when workbench will allow gap*/
}


#takeControl-modal-rebootDevice .wds-modal-body > *:not(:last-child) {
    margin-bottom: 26px;
}

[data-theme='Light'] {
    --stream-volume-color-bg: white;
    --stream-information-color-bg: white;
    --stream-information-device-color: var(--text-light-grey-900-87);
    --stream-information-robot-color: var(--text-light-grey-900-60);

    --stream-settings-backgroundColor: var(--grey-0);
    --stream-settings-label-color: var(--text-light-grey-900-87);
    --stream-settings-icon-color: var(--wds--cyan-500);

    --stream-assetError-title: var(--wds--txt-inv-87);
    --stream-assetError-description: var(--wds--txt-inv-60);
    --stream-debug-start-bgColor: var(--wds--txt-87);
}

[data-theme='Dark'] {
    --stream-information-color-bg: var(--dark-grey-700);
    --stream-information-device-color: var(--text-dark-white-87);
    --stream-information-robot-color: var(--text-dark-white-60);
    --stream-volume-color-bg: var(--dark-grey-700);

    --stream-settings-backgroundColor: var(--dark-grey-700);
    --stream-settings-label-color: var(--text-dark-white-87);
    --stream-settings-icon-color: var(--wds--cyan-200);

    --stream-assetError-title: var(--wds--txt-87);
    --stream-assetError-description: var(--wds--txt-87);
    --stream-debug-start-bgColor: var(--wds--txt-inv-87);
}

/*
.clusterStreams-streams-container {
    height: unset !important;
}*/
.stream-link {
    color: inherit;
    cursor: inherit;
    text-decoration: inherit;
}

.stream {
    --stream-size-bar: 17px;
    --stream-size-title: 16px;
    --stream-font-size-notification: 18px;
    --stream-line-height-notification: 29px;
    --stream-font-size-assetError: 14px;
    --stream-min-height: 60px;
    --stream-pad-size: 16px;
    --stream-pad-activity: 16px 16px 10px 16px;
    --stream-notification-wrapper-gap: 6px;

    --stream-maintenance-width: auto;
    --stream-maintenance-heigth: auto;

    display: flex;
    padding: 0px;
    flex-direction: column;
    align-items: flex-start;
    gap: 0px;
    position: relative;
    border-radius: var(--stream-border-radius);
    height: fit-content;
}

/* If the video is not loaded, we need to keep a black screen in the background */
.stream:not(:has(.stream-video)) {
    background-color: black;
}

.stream[data-area="stream"] {
    grid-area: stream;
}

#clusterStream:not(.clusterStream-mono-stream) .stream,
#mosaic .stream {
    --stream-size-bar: 13px;
    --stream-pad-size: 4px 6px 4px 10px;
}

.stream[data-size="small"],
.stream[data-size="extrasmall"] {
    --stream-border-radius: 6px;
    --stream-size-title: 12px;
    --stream-min-height: 56px;
    --stream-pad-size: 10px;
    --stream-pad-activity: 10px 10px 6px 10px;
    --stream-font-size-notification: 16px;
    --stream-font-size-assetError: 12px;
    --stream-line-height-notification: 16px;
    --stream-notification-wrapper-gap: 6px;
    --stream-maintenance-padding-display: 16px;
    --stream-maintenance-icon-font-size: 24px;
    --stream-maintenance-title-font-size: 16px;
    --stream-maintenance-infos-display: none;
    --stream-maintenance-title-display: none;
    --stream-maintenance-resource-display: none;
    --stream-maintenance-desc-display: none;
    --stream-maintenance-updatedby-display: none;
    --stream-maintenance-buttonChange-display: none;
    --stream-maintenance-buttonClose-display: none;
    --stream-maintenance-desc-line-clamp: 1;
    --stream-maintenance-updatedby-line-clamp: 1;
    --stream-maintenance-index: unset;

    --stream-maintenance-maxWidth: 40px;
    --stream-maintenance-maxHeigth: 40px;
}

.stream[data-size="small"] {
    --stream-maintenance-desc-font-size: 14px;

    --stream-maintenance-title-display: flex;
    --stream-maintenance-desc-display: none;
    --stream-maintenance-updatedby-display: none;
    --stream-maintenance-buttonClose-display: none;

    --stream-maintenance-maxWidth: 145px;
    --stream-maintenance-maxHeigth: 166px;
}

.stream[data-size="medium"] {
    --stream-border-radius: 6px;
    --stream-size-title: 14px;
    --stream-min-height: 60px;
    --stream-pad-size: 10px;
    --stream-pad-activity: 10px 10px 6px 10px;
    --stream-font-size-notification: 16px;
    --stream-line-height-notification: 16px;

    --stream-maintenance-index: unset;
    --stream-maintenance-padding-display: 26px;
    --stream-maintenance-icon-font-size: 28px;
    --stream-maintenance-title-font-size: 16px;
    --stream-maintenance-desc-font-size: 14px;
    --stream-maintenance-updatedby-font-size: 14px;
    --stream-maintenance-infos-display: flex;
    --stream-maintenance-title-display: flex;
    --stream-maintenance-resource-display: block;
    --stream-maintenance-desc-display: -webkit-box;
    --stream-maintenance-updatedby-display: -webkit-box;
    --stream-maintenance-buttonChange-display: none;
    --stream-maintenance-buttonClose-display: flex;
    --stream-maintenance-desc-line-clamp: 2;
    --stream-maintenance-updatedby-line-clamp: 1;

    --stream-maintenance-maxWidth: calc(100% - 52px);
    --stream-maintenance-maxHeigth: calc(100% - 20px);
}

.stream[data-size="medium"][data-size-ope-status="small"] {
    --stream-maintenance-desc-line-clamp: 1;
    --stream-maintenance-updatedby-display: none;
    --stream-maintenance-resource-display: none;
}

.stream[data-size="medium"][data-size-ope-status="medium"] {
    --stream-maintenance-desc-line-clamp: 2;
    --stream-maintenance-updatedby-display: none;
}

.stream[data-size="medium"][data-size-ope-status="normal"] {
    --stream-maintenance-desc-line-clamp: 1;
    --stream-maintenance-updatedby-line-clamp: 1;
    --stream-maintenance-width: calc(100% - 52px);
}

.stream[data-size="medium"][data-size-ope-status="large"] {
    --stream-maintenance-desc-line-clamp: 3;
    --stream-maintenance-updatedby-line-clamp: 1;
}

.stream[data-size="large"] {
    --stream-min-height: 77px;
    --stream-border-radius: 10px;

    --stream-maintenance-index: 1;
    --stream-maintenance-padding-display: 26px;
    --stream-maintenance-icon-font-size: 28px;
    --stream-maintenance-icon-font-size: 28px;
    --stream-maintenance-title-font-size: 21px;
    --stream-maintenance-desc-font-size: 16px;
    --stream-maintenance-updatedby-font-size: 16px;
    --stream-maintenance-title-display: flex;
    --stream-maintenance-infos-display: flex;
    --stream-maintenance-resource-display: block;
    --stream-maintenance-desc-display: -webkit-box;
    --stream-maintenance-updatedby-display: block;
    --stream-maintenance-buttonChange-display: flex;
    --stream-maintenance-buttonClose-display: flex;
    --stream-maintenance-desc-line-clamp: 6;

    --stream-maintenance-maxWidth: 550px;
    --stream-maintenance-maxHeigth: 403px;
}

#robotStreams .stream.mobile {
    --stream-border-radius: 0;
    --stream-pad-size: 6px 10px;
    --stream-min-height: 60px;
}

.clusterStreams-streams-link .stream-overlay {
    cursor: pointer;
}

.stream.reduced {
    --stream-size-bar: 0px;
}

.stream:not(.reduced) .stream-overlay-info {
    display: flex;
}

.stream-informations {
    display: flex;
    align-items: center;
    justify-content: space-between;
    align-self: stretch;
    padding: var(--stream-pad-size);
    width: 100%;
    border-radius: 0px 0px var(--stream-border-radius) var(--stream-border-radius);
    gap: 10px;
    min-height: var(--stream-min-height);
    background-color: var(--stream-information-color-bg);
}

.stream-information-avatar {
    font-weight: 700;
    border: 1px solid var(--text-light-grey-900-15);
}

.stream-information-left {
    pointer-events: all;
}

.stream-information-left .wds-label-title {
    pointer-events: none;
}

.stream-information-right {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 6px;
}

.stream-information-right .stream-volume-container{
    top: unset;
    bottom: calc(100% + 4px);
}

.stream-information-right .stream-buttons {
    display: flex;
    width: fit-content;
    padding: unset;
    margin-left: 36px;
    position: relative;
    right: inherit;
    top: inherit;
}


.vqid-icon.jiggle,
.stream-icon.jiggle {
    animation: jiggle 0.5s;
}

@keyframes jiggle {
    0%, 100% {
        transform: rotate(0deg);
    }
    25% {
        transform: rotate(30deg);
    }
    50% {
        transform: rotate(-30deg);
    }
    75% {
        transform: rotate(30deg);
    }
}

.stream-video-wrapper {
    position: relative;
    width: 100%;
    padding-top: calc(56.25% - (var(--stream-size-bar) / 1.5)); /* 16:9 Ratio - 17px (width of the sound bars) */
    overflow: hidden;

    display: flex;
    flex-direction: row-reverse;

    border-radius: var(--stream-border-radius) var(--stream-border-radius) 0px 0px;
}

.stream-video-wrapper.focusVideo {
    border-radius: var(--stream-border-radius);
}

.stream-video {
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - var(--stream-size-bar));
    height: 100%;
    background: black;
}

.stream-video:has(~ .stream-sound-bar) {
    width: calc(100% - var(--stream-size-bar));
}

.stream-sound-bars-wrapper {
    height: 100%;
    width: var(--stream-size-bar);
    background-color: black;
    padding: 2px;
    display: flex;
    flex-direction: row;
    gap: 1px;
    position: absolute;
    bottom: 0;
}

.stream-sound-bar {
    height: 100%;
    width: 6px;
    background-color: var(--text-dark-white-15);
    border-radius: 1px;
}

.stream-sound-bars {
    width: calc(var(--stream-size-bar) - 4px);
    height: calc(100% - 4px);
    position: absolute;
}

.stream-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - var(--stream-size-bar));
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.stream-record {
    display: flex;
    padding: 4px 6px 4px 5px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    position: absolute;
    left: 10px;
    top: 10px;
    background: var(--red-600);
    color: white;
}

.stream-record-duration {
    font-size: 12px;
    font-weight: bold;
}

#root.embedded .stream-video-wrapper:hover > .stream-overlay {
    justify-content: space-between;
}

.stream:not([data-size="large"]) .stream-video-wrapper:not(.noActivityOnVideo):not(.defaultHover):hover:not(:fullscreen) > .stream-overlay.activity:has(.stream-activity),
.stream:not([data-size="large"]) .stream-video-wrapper:not(.noActivityOnVideo).defaultHover:not(:hover):not(:fullscreen) > .stream-overlay.activity:has(.stream-activity) {
    background: linear-gradient(180deg, rgba(23, 23, 24, 0.00) 0%, rgba(23, 23, 24, 0.90) 50.89%);
}

.stream-buttons {
    display: none;
    z-index: 100;
    align-self: flex-end;
    width: fit-content;
    gap: 10px;
    padding: 6px;
    position: absolute;
    top: 0;
    right: calc(-1 * var(--stream-size-bar));
}

.stream-video-wrapper:hover .stream-buttons,
.stream-buttons.show {
    display: flex;
}

.stream-volume {
    display: flex;
    flex-direction: column;
    position: relative;
}

.stream-volume-container {
    position: absolute;
    right: 5px;
    top: 40px;
    display: flex;
    gap: 10px;
    padding: 16px;
    background-color: var(--stream-volume-color-bg);
    border-radius: 6px;
    z-index: 999;
}

.stream-settings-container{
    display: flex;
    flex-direction: column;
    gap:16px;
}

.stream-settings-video-source-container {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.stream-settings-video-source {
    display: flex;
    gap: 6px;
}

.stream-settings-video-source .tooltip-text-color {
    color: var(--text-light-white-60);
}

.stream-settings-video-source .wds-tooltip .wds-icon{
    color:var(--stream-settings-icon-color);
}

.stream-settings-video-source-radio {
    display: flex;
    gap: 16px;
    align-items: center;
}

.stream-settings-video-source-radio label{
    max-height: 19px;
}

.stream-settings label {
    margin-top: 0;
    margin-bottom: 0;
}

.stream-settings .label-title {
    color: var(--stream-settings-label-color);
}

.stream-settings-stream-info > span {
    display: flex;
    color: var(--stream-settings-label-color);
    flex-direction: row;
    font-size: 14px;
    font-weight: 600;
    gap: 6px;
}

.stream-settings-stream-info > span .wds-icon {
    color: var(--stream-settings-icon-color);
}

.stream-settings-info-tooltip .tooltip-info-wrapper {
    display: flex;
    flex-direction: row;
    gap: 6px;
}

.stream-settings-info-tooltip .tooltip-info-resources {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.stream-settings-link-debug,
.stream-settings-stream-info {
    display: flex;
    flex-direction: column;
    gap: 10px;
}


.stream-settings-info-tooltip .tooltip-info-title {
    font-weight: bold;
}

.stream-settings-info-tooltip .tooltip-info-wrapper {
    display: flex;
    flex-direction: row;
    gap: 6px;
}

.stream-janus-record-btn > .wds-icon {
    color: var(--wds--orange-400) !important;
}

.stream-volume-slider {
    width: 100px;
}

.stream-activity {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: baseline;
    gap: 10px;
    padding: var(--stream-pad-activity);
    pointer-events: none;
    font-size: var(--stream-size-title);
}

.stream-activity .minimal .robot,
.stream-activity .minimal {
    display: none;
}

.stream-video-wrapper.focusVideo .stream-activity .minimal .stream-audio {
    display: flex;
}

.stream-video-wrapper.defaultHover:not(:hover) .stream-overlay.activity .stream-activity .minimal .robot,
.stream-video-wrapper:not(.defaultHover):hover .stream-overlay.activity .stream-activity .minimal .robot,
.stream-video-wrapper.defaultHover:not(:hover) .stream-overlay.activity .stream-activity .minimal,
.stream-video-wrapper:not(.defaultHover):hover .stream-overlay.activity .stream-activity .minimal {
    display: flex;
}

.stream-video-wrapper.defaultHover:not(:hover) .stream-overlay.activity .stream-overlay-title,
.stream-video-wrapper:not(.defaultHover):hover .stream-overlay.activity .stream-overlay-title {
    display: inherit;
}

.stream-activity .stream-audio {
    position: absolute;
    right: 2px;
    bottom: 2px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    padding: 2px;
    /* can't put --wds--txt-inv-30 because it need to stay this color */
    background: rgba(0, 0, 0, 0.30);
}

.stream-activity-background{
    background: linear-gradient(180deg, rgba(23, 23, 24, 0.00) 0%, rgba(23, 23, 24, 0.90) 50.89%);
}


.stream-title-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 2px;
    flex: 1 0 0;
}

.stream-device {
    color: var(--stream-information-device-color);
    font-size: var(--stream-size-title);
}

.stream-robot {
    color: var(--stream-information-robot-color);
    font-size: var(--stream-size-title);
}

.stream-device, .stream-robot {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre-line;
    word-wrap: break-word;
    word-break: break-all;
    max-width: 100%;
}

.stream[data-size="extrasmall"] .stream-robot {
    display: none;
}

#robotStreams > .stream {
    height: 100%;
}

#robotStreams .stream-video-wrapper {
    height: 100%;
    padding-top: inherit;
}

.stream-overlay-hour {
    color: var(--text-dark-white-87);
    font-size: 14px;
    margin-left: 4px;
    font-family: monospace;
}

.stream-overlay-more {
    display: none;
    align-items: baseline;
    flex-direction: row;
    gap: 10px;
    color: var(--text-dark-white-60);
    font-size: 14px;
    font-weight: 400;
}

.stream[data-size="large"] .stream-overlay-more .wds-icon  {
    display: none;
}

.stream:not(.mosaicCard).stream-overlay-title,
.stream[data-size="large"] .stream-overlay-more {
    margin-left: 4px;
}

.userName {
    text-transform: capitalize;
}

.stream-activity-wrapper:has(.userName) {
    flex-direction: row !important;
    gap: 4px !important;
}

.stream:thumbnail .stream-overlay-info,
.stream:not([data-size="large"]) .stream-overlay-info {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    gap: 10px;
}

.stream-activity-wrapper {
    width: 100%;
}

.stream:not(.mosaicCard) .stream-scenario {
    display: flex;
    flex-direction: row;
}

.stream-activity-wrapper.stream-scenario:has(~ .stream-audio.audio-wave-wrapper:not([data-volume="none"])) .stream-overlay-info {
    width: calc(100% - 30px);
}

.stream:not([data-size="large"]) .stream-activity-wrapper {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

/* The infos on hover can be shown by default and removed on hover */
.stream[data-size="large"] .stream-video-wrapper.defaultHover:not(:hover) .stream-overlay-more,
.stream[data-size="large"] .stream-video-wrapper:not(.defaultHover):hover .stream-overlay-more {
    display: inline;
}

.stream:not([data-size="extrasmall"]):not([data-size="large"]) .stream-video-wrapper.defaultHover:not(:hover) .stream-overlay-more,
.stream:not([data-size="extrasmall"]):not([data-size="large"]) .stream-video-wrapper:not(.defaultHover):hover .stream-overlay-more {
    display: flex;
}

.stream-icon {
    width: 14px;
    color: var(--text-dark-white-87);
    text-align: center;
    font-size: 14px;
    font-weight: 400;
}

.stream[data-size="extrasmall"] .stream-icon {
    display: none;
}

.stream-overlay-title,
.stream-overlay-user {
    overflow: hidden;
    color: var(--white);
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    font-weight: 600;
    white-space: pre-line;
    word-break: break-all;

    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;

}

.stream-overlay-user {
    margin-left: 4px;
}

.stream-activity-icon {
    display: flex;
    width: 30px;
    height: 30px;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    background: var(--app-bg);
}

.stream-activity-icon.mosvqid {
    cursor: pointer;
}

.stream-activity-icon.mosvqid:hover {
    background-color: var(--cyan-50);
}

.stream-activity-icon.mosvqid-failed,
.stream-activity-icon.mediametrie-failed {
    background-color: var(--red-50);
    color: var(--dark-red-600);
    cursor: pointer;
}

.stream-activity-icon.mosvqid-failed:hover,
.stream-activity-icon.mediametrie-failed:hover {
    background-color: var(--dark-red-100);
    color: var(--dark-red-600);
}

/* .......................................................................... */

.streams-notification {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 16px;
    gap: 6px;
}

.streams-notification > .wds-icon {
    color: var(--white);
    font-size: 28px;
    line-height: 28px;
}

.streams-notification-wrapper {
    display: flex;
    position: absolute ;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    padding: 26px;
    width: 50%;
    justify-content: center;
    border-radius: 10px;
    background-color: var(--text-light-grey-900-60);
}

.streams-notification-wrapper.reversed {
    flex-direction: column-reverse;
}

.streams-notification.thumbnail > .streams-notification-wrapper {
    gap: var(--stream-notification-wrapper-gap);
}

.assetError .notification-title {
    color: var(--stream-assetError-title);
    font-size: var(--stream-font-size-assetError);
    font-weight: 700;
    text-align: center;
    line-height: normal;
}
.assetError .notification-description {
    color: var(--stream-assetError-description);
    font-size: var(--stream-font-size-assetError);
    text-align: center;
    line-height: normal;
}

.streams-notification-wrapper > .wds-icon {
    width: 42px;
    height: 42px;
    font-size: 42px;
    color: var(--white);
    font-weight: 400;
}

.streams-notification span {
    font-size: 21px;
    line-height: 29px;
    color: var(--white);
    text-align: center;
}

.streams-notification span.streams-notification-name {
    font-weight: 700;
    font-size: var(--stream-font-size-notification);
    line-height: var(--stream-line-height-notification);
}

.streams-notification span.notification-description {
    font-style: italic;
    font-size: 16px;
    line-height: 22px;
    text-align: inherit;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.streams-notification:has(.calibration-override){
    background: rgb(0 0 0 / 50%);
}

.streams-notification.calibration-override {
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 100%;
}

.streams-notification:has(> .assetError) {
    background: rgba(153, 54, 41, 0.90) !important; /* can't use wds-color because of the 0.90 */
}

.notification-wrapper.assetError {
    position: absolute;
    background: none;
    width: 100%;
    gap: 0;
    padding: 0 10px;
}

.assetError  .notification-image-asset {
    height: 30px;
    border-radius: 2px;
    background-color: white;
}

.streams-notification-close {
    position: absolute;
    top: 10px;
    left: 10px;
}

.streams-notification[data-status="MAINTENANCE"], .streams-notification[data-status="ERROR"]  {
    background: inherit;
    pointer-events: none;
    z-index: 1;
    padding: 0;
}

.stream:not([data-size="large"]) .streams-notification.thumbnail[data-status="DISABLED"]
.streams-notification.thumbnail[data-status="DISABLED"] {
    z-index: unset;
}

.streams-notification[data-status="ERROR"] .streams-notification-wrapper,
.streams-notification[data-status="DISABLED"] .streams-notification-wrapper,
.streams-notification[data-status="MAINTENANCE"] .streams-notification-wrapper {
    padding: var(--stream-maintenance-padding-display);
    background: rgba(0, 22, 47, 0.75);
    width: var(--stream-maintenance-width);
    height: var(--stream-maintenance-heigth);
    max-width: var(--stream-maintenance-maxWidth);
    max-height: var(--stream-maintenance-maxHeigth);
    pointer-events: all;
}

.streams-notification[data-status="DISABLED"] .streams-notification-wrapper {
    background: inherit;
}

.streams-notification[data-status="DISABLED"] .streams-notification-infos,
.streams-notification[data-status="DISABLED"] .streams-notification-updatedby {
    z-index: 1;
}

.streams-notification[data-status="ERROR"] .streams-notification-infos,
.streams-notification[data-status="DISABLED"] .streams-notification-infos,
.streams-notification[data-status="MAINTENANCE"] .streams-notification-infos {
    display: var(--stream-maintenance-infos-display);
}

.streams-notification[data-status="ERROR"] .streams-notification-icon,
.streams-notification[data-status="DISABLED"] .streams-notification-icon,
.streams-notification[data-status="MAINTENANCE"] .streams-notification-icon {
    font-size: var(--stream-maintenance-icon-font-size);
    color: rgba(255, 255, 255, 0.87);
    width: auto;
    height: auto;
}


.streams-notification[data-status="ERROR"] .streams-notification-title,
.streams-notification[data-status="DISABLED"] .streams-notification-title,
.streams-notification[data-status="MAINTENANCE"] .streams-notification-title,
.streams-notification[data-status="ERROR"] .streams-notification-resource,
.streams-notification[data-status="DISABLED"] .streams-notification-resource,
.streams-notification[data-status="MAINTENANCE"] .streams-notification-resource {
    font-size: var(--stream-maintenance-title-font-size);
    display: var(--stream-maintenance-title-display);
    gap: 4px;
    font-weight: 700;
    line-height: 16px;
}

.streams-notification[data-status="ERROR"] .streams-notification-resource,
.streams-notification[data-status="DISABLED"] .streams-notification-resource,
.streams-notification[data-status="MAINTENANCE"] .streams-notification-resource {
    display: var(--stream-maintenance-resource-display);
}
.streams-notification[data-status="ERROR"] .home-card-info,
.streams-notification[data-status="DISABLED"] .home-card-info,
.streams-notification[data-status="MAINTENANCE"] .home-card-info {
    justify-content: center;
    align-items: baseline;
    gap: 4px;
    height: auto;
}

.streams-notification[data-status="ERROR"] .streams-notification-desc span,
.streams-notification[data-status="DISABLED"] .streams-notification-desc span,
.streams-notification[data-status="MAINTENANCE"] .streams-notification-desc span {
    font-size: var(--stream-maintenance-desc-font-size);
    display: var(--stream-maintenance-desc-display);
    color: rgba(255, 255, 255, 0.87);
    line-height: normal;
    -webkit-line-clamp: var(--stream-maintenance-desc-line-clamp);
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-all;
    white-space: inherit;
    text-overflow: inherit;
}

.streams-notification[data-status="ERROR"] .streams-notification-updatedby .wds-icon,
.streams-notification[data-status="DISABLED"] .streams-notification-updatedby .wds-icon,
.streams-notification[data-status="MAINTENANCE"] .streams-notification-updatedby .wds-icon,
.streams-notification[data-status="ERROR"] .streams-notification-updatedby span,
.streams-notification[data-status="DISABLED"] .streams-notification-updatedby span,
.streams-notification[data-status="MAINTENANCE"] .streams-notification-updatedby span {
    font-size: var(--stream-maintenance-updatedby-font-size);
    display: var(--stream-maintenance-updatedby-display);
    color: rgba(255, 255, 255, 0.60);
    line-height: normal;
    -webkit-line-clamp: var(--stream-maintenance-updatedby-line-clamp);
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-all;
    white-space: inherit;
    text-overflow: inherit;
}

.streams-notification[data-status="ERROR"] .streams-notification-updatedby .wds-icon,
.streams-notification[data-status="DISABLED"] .streams-notification-updatedby .wds-icon,
.streams-notification[data-status="MAINTENANCE"] .streams-notification-updatedby .wds-icon {
    width: 19px;
}

.streams-notification[data-status="ERROR"] .streams-notification-change-status,
.streams-notification[data-status="DISABLED"] .streams-notification-change-status,
.streams-notification[data-status="MAINTENANCE"] .streams-notification-change-status {
    display: var(--stream-maintenance-buttonChange-display);
}

.streams-notification[data-status="ERROR"] .streams-notification-close,
.streams-notification[data-status="DISABLED"] .streams-notification-close,
.streams-notification[data-status="MAINTENANCE"] .streams-notification-close {
    display: var(--stream-maintenance-buttonClose-display);
}

.stream-information-maintenance {
    background-color: var(--wds--purple-100);
    cursor: pointer;
}

.stream-information-maintenance:hover {
    background-color: var(--wds--purple-200);
}

.stream-information-maintenance .wds-icon {
    color: var(--wds--purple-700);
}

.stream-information-maintenance-desc {
    color: var(--wds--txt-inv-87);
    font-size: 14px;
    line-height: normal;
}

.stream-information-maintenance-update {
    color: var(--wds--txt-inv-60);
    font-size: 14px;
    line-height: normal;
}

/* .......................................................................... */

.icon-audio-wave-anim{
    display: flex;
    justify-content: space-between;
    height: 22px;
    --boxSize: 2px;
    --gutter: 2px;
    width: calc((var(--boxSize) + var(--gutter)) * 5);
}

.audio-wave{
    transform: scaleY(.4);
    height: 100%;
    width: var(--boxSize);
    background-color: var(--green-400);
    animation-duration: 1.2s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    border-radius: 8px;
}


.audio-wave1{
    animation-name: loud;
    animation-delay: 0s;
}

.audio-wave2{
    animation-name: quiet;
    animation-delay: 0.3s;
}

.audio-wave3{
    animation-name: loud;
    animation-delay: 0.2s;
}

.audio-wave4{
    animation-name: normal;
    animation-delay: 0.3s;
}

.audio-wave5{
    animation-name: loud;
    animation-delay: 0.1s;
}

/* .......................................................................... */

@keyframes quiet-high {
    25%{
        transform: scaleY(.6);
    }
    50%{
        transform: scaleY(.4);
    }
    75%{
        transform: scaleY(.8);
    }
}

@keyframes normal-high {
    25%{
        transform: scaleY(1);
    }
    50%{
        transform: scaleY(.4);
    }
    75%{
        transform: scaleY(.6);
    }
}
@keyframes loud-high {
    25%{
        transform: scaleY(1);
    }
    50%{
        transform: scaleY(.4);
    }
    75%{
        transform: scaleY(1.2);
    }
}

/* .......................................................................... */

@keyframes quiet-medium {
    25%{
        transform: scaleY(.3);
    }
    50%{
        transform: scaleY(.1);
    }
    75%{
        transform: scaleY(.5);
    }
}

@keyframes normal-medium {
    25%{
        transform: scaleY(0.7);
    }
    50%{
        transform: scaleY(.1);
    }
    75%{
        transform: scaleY(.3);
    }
}
@keyframes loud-medium {
    25%{
        transform: scaleY(0.7);
    }
    50%{
        transform: scaleY(.1);
    }
    75%{
        transform: scaleY(0.9);
    }
}

/* .......................................................................... */

@keyframes quiet-low {
    25%{
        transform: scaleY(.1);
    }
    50%{
        transform: scaleY(.05);
    }
    75%{
        transform: scaleY(.4);
    }
}

@keyframes normal-low {
    25%{
        transform: scaleY(.25);
    }
    50%{
        transform: scaleY(.05);
    }
    75%{
        transform: scaleY(.15);
    }
}
@keyframes loud-low {
    25%{
        transform: scaleY(.35);
    }
    50%{
        transform: scaleY(.2);
    }
    75%{
        transform: scaleY(.5);
    }
}

/* .......................................................................... */

.audio-wave-wrapper[data-volume='low'] .audio-wave1 {
    animation-name: loud-low;
}

.audio-wave-wrapper[data-volume='low'] .audio-wave2{
    animation-name: quiet-low;
}

.audio-wave-wrapper[data-volume='low'] .audio-wave3{
    animation-name: loud-low;
}

.audio-wave-wrapper[data-volume='low'] .audio-wave4{
    animation-name: normal-low;
}

.audio-wave-wrapper[data-volume='low'] .audio-wave5{
    animation-name: loud-low;
}

/* .......................................................................... */

.audio-wave-wrapper[data-volume='medium'] .audio-wave1 {
    animation-name: loud-medium;
}

.audio-wave-wrapper[data-volume='medium'] .audio-wave2{
    animation-name: quiet-medium;
}

.audio-wave-wrapper[data-volume='medium'] .audio-wave3{
    animation-name: loud-medium;
}

.audio-wave-wrapper[data-volume='medium'] .audio-wave4{
    animation-name: normal-medium;
}

.audio-wave-wrapper[data-volume='medium'] .audio-wave5{
    animation-name: loud-medium;
}

/* .......................................................................... */

.audio-wave-wrapper[data-volume='high'] .audio-wave1 {
    animation-name: loud-high;
}

.audio-wave-wrapper[data-volume='high'] .audio-wave2{
    animation-name: quiet-high;
}

.audio-wave-wrapper[data-volume='high'] .audio-wave3{
    animation-name: loud-high;
}

.audio-wave-wrapper[data-volume='high'] .audio-wave4{
    animation-name: normal-high;
}

.audio-wave-wrapper[data-volume='high'] .audio-wave5{
    animation-name: loud-high;
}

/* .......................................................................... */

#robotStreams-video-wrap .audio-wave {
    background-color: var(--green-400);
}

.audio-wave-wrapper {
    display: flex;
    margin-left: auto;
    margin-right: 4px;
    margin-bottom:4px;
    justify-content: center;
    align-items: center;
    align-self: self-end;
    justify-self: flex-end;
}

/* .focusVideo .stream-audio.audio-wave-wrapper{
    border-radius: 4px;
    background: rgba(0, 0, 0, 0.30);
} */

.audio-wave-wrapper[data-volume='none'] {
    display: none;
}

.audio-wave-wrapper[data-volume='none'] .icon-audio-wave-anim {
    align-items: center;
}

.audio-wave-wrapper[data-volume='none'] .audio-wave {
    animation-name: none;
    animation-delay: inherit;
    height: 0px;
}


.stream-modal-isRecording {
    max-width: 575px !important;
}

/* .......................................................................... */

.stream-debug {
    display: flex;
    padding: 10px 16px 16px 16px;
    align-items: flex-start;
    gap: 42px;
    position: absolute;
    left: 6px;
    top: 6px;
    border-radius: 6px;
    background: rgba(0, 0, 0, 0.75);
}

.stream-debug-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
}

.stream-debug-infos {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
}

.stream-debug-info {
    display: flex;
    align-items: baseline;
    gap: 6px;
}

.stream-debug-info-title {
    color: var(--text-dark-white-87);
    font-size: 12px;
    font-weight: 700;
}

.stream-debug-info-value {
    color: var(--text-dark-white-60);
    font-size: 12px;
}

.stream-debug-title {
    color: var(--text-dark-white-87);
    font-weight: 700;
}

.stream.click-video-ready .streams-notification[data-status="WATCHING"] {
    z-index: inherit;
}

#embedded-device-stream-wrapper .streams-notification[data-status="WATCHING"] {
    z-index: inherit;
}
/* Click on stream */
.stream-click-video {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    height: 100%;
    width: calc(100% - var(--stream-size-bar));
    top: 0;
    left: 0;
    pointer-events: none;
}

.stream-click-video-canvas {
    width: 100%;
}

.stream-click-video-canvas.vertical {
    height: 100%;
    width: unset;
}

.stream-debug-container.hideOnThumbnail,
.stream-debug-info.hideOnThumbnail {
    display: none;
}

.stream.mosaicCard .stream-debug-info-value,
.stream.mosaicCard .stream-debug-info-title,
.stream.mosaicCard .stream-debug-title {
    font-size: x-small;
}

.stream.mosaicCard .stream-debug-container {
    gap: 3px;
}

.stream.mosaicCard .stream-debug {
    padding: 4px 6px 4px 6px;
    left: 3px;
    top: 3px;
    gap: 10px;
}

.stream.click-video-ready .stream-video-wrapper {
    -webkit-user-select: none;
    user-select: none;
}

/**************************************************/

.stream:not([data-size="large"])[data-hover="true"] .stream-video-wrapper:not(.noActivityOnVideo):not(.defaultHover):not(:fullscreen) > .stream-overlay.activity:has(.stream-activity),
.stream:not([data-size="large"])[data-hover="true"] .stream-video-wrapper:not(.noActivityOnVideo).defaultHover:not(:hover):not(:fullscreen) > .stream-overlay.activity:has(.stream-activity) {
    background: linear-gradient(180deg, rgba(23, 23, 24, 0.00) 0%, rgba(23, 23, 24, 0.90) 50.89%);
}

.stream[data-hover="true"] .stream-video-wrapper .stream-buttons {
    display: flex;
}

/* The infos on hover can be shown by default and removed on hover */
.stream[data-size="large"][data-hover="true"] .stream-video-wrapper.defaultHover .stream-overlay-more,
.stream[data-size="large"][data-hover="true"] .stream-video-wrapper:not(.defaultHover) .stream-overlay-more {
    display: inline;
}


.stream:not([data-size="extrasmall"]):not([data-size="large"])[data-hover="true"] .stream-video-wrapper.defaultHover .stream-overlay-more,
.stream:not([data-size="extrasmall"]):not([data-size="large"])[data-hover="true"] .stream-video-wrapper:not(.defaultHover) .stream-overlay-more {
    display: flex;
}

/**************************************************/


.stream-timestamp-starts {
    position: absolute;
    right: 0;
    bottom: 0;
    width: fit-content;
    color: white;
    padding: 10px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    background: var(--stream-debug-start-bgColor);
    border-radius: 6px;
}

.stream-timestamp-info {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    font-size: 14px;
    color: var(--wds--grey-50);
}

.scenarioType {
    display: flex;
    flex-direction: row;
    gap: 6px;
    align-items: center;
}

/**************************************************/

#embedded-device-stream-wrapper .stream {
    --stream-border-radius: 0;
}

#embedded-device-stream-wrapper,
#embedded-device-stream-wrapper .stream,
#embedded-device-stream-wrapper .stream-video-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    background: black;
}

#embedded-device-stream-wrapper {
    /*
        @agr - we can't use --stream-min-height (= the 56px) because we are outside of .stream
        I didn't find a better solution. Not fan of moving it to root. Open to suggestions.
    */
    --stream-info-height: 56px;
    height: calc(100% - var(--stream-info-height));
}

#embedded-device-stream-wrapper .stream {
    height: 100%;
}

#embedded-device-stream-wrapper .stream-video-wrapper {
    padding: 0;
    height: fit-content;
    width: fit-content;
}

#embedded-device-stream-wrapper .stream-video {
    position: relative;
    width: 100vw;
    height: 100%;
    object-fit: contain;
}

#root.embedded #embedded-device-stream-wrapper .stream-video-wrapper:hover > .stream-overlay {
    justify-content: flex-end;
}

/* edge-case specific to the full device stream route - OTT-2166
position the info at the bottom of the screen, not only bottom of the stream container */
#embedded-device-stream-wrapper .stream-informations {
    position: fixed;
    bottom: 0;
}


#embedded-device-stream-wrapper .wds-imageArea {
    position: absolute;
    height: calc(100% - var(--stream-info-height));
}

/*
    Override UI of dom element zones - same as OTT-1537
*/
#embedded-device-stream-wrapper .wds-imageArea-area:hover,
#embedded-device-stream-wrapper .wds-imageArea-area[data-wds-hover],
#embedded-device-stream-wrapper .wds-imageArea:not([data-wds-discreet]) .wds-imageArea-area {
    background-color: var(--wds--cyan-500);
    opacity: 0.7;
}

[data-theme='Light'] {
    --stream-config-info-color: var(--wds--cyan-500);
}

[data-theme='Dark'] {
    --stream-config-info-color: var(--wds--cyan-300);
}

.stream-configuration {
    display: flex;
    flex-direction: row;
    gap: 26px;
}

.stream-configuration-modal:has(.stream-configuration:not(.mobile)) {
    width: 600px;
    min-width: 475px;
    max-width: unset;
}

.stream-configuration.modal {
    flex-direction: column;
}

.stream-configuration:not(.modal) .stream-configuration-title {
    max-width: 524px;
}

.stream-configuration:not(.modal) .stream-configuration-preview {
    width: 500px;
    height: fit-content;
}

.stream-configuration-header,
.stream-configuration-settings {
    display: flex;
    flex-direction: column;
    gap: 26px;
}

.stream-configuration.modal .stream-configuration-settings {
    flex-direction: row;
}

.stream-configuration-hover {
    display: flex;
    flex-direction: row;
    gap: 10px;
}

.stream-configuration-setting {
    flex: 1;
}

.stream-configuration-setting .wds-select {
    width: 100%;
}

.stream-configuration-setting-header {
    max-width: 386px;
}


.stream-configuration-preview-title {
    display: flex;
    align-items: center;
    gap: 6px;
}

.stream-configuration-preview-title .wds-icon {
    color: var(--stream-config-info-color);
}

.stream-configuration-tooltip-ul {
    padding-inline-start: 20px;
}

.stream-configuration-video-wrapper {
    display: flex;
    flex-direction: column;
    padding: 26px;
    justify-content: center;
    align-items: center;
    gap: 42px;
    align-self: stretch;
}

.stream-configuration.modal .stream-configuration-video-wrapper {
    flex-direction: row;
}

.stream-configuration-video-wrapper > .stream[data-size="small"] { width: 300px; }
.stream-configuration-video-wrapper > .stream[data-size="extrasmall"] { width: 200px; }
.stream-configuration.modal .stream-configuration-video-wrapper > .stream[data-size="small"] { width: 275px; }
.stream-configuration.modal .stream-configuration-video-wrapper > .stream[data-size="extrasmall"] { width: 175px; }


/* Mobile screen */
.stream-configuration-preview.mobile {
    position: sticky;
    top: 46px;
    width: 100% !important;
}

.stream-configuration.modal.mobile .stream-configuration-preview {
    top: 0;
}

.stream-configuration.mobile:not(.modal) {
    flex-direction: column-reverse;
}

.stream-configuration.mobile .stream-configuration-banner {
    order: 1;
}

.stream-configuration.mobile.modal .stream-configuration-header {
    order: 2;
}

.stream-configuration.mobile .stream {
    width: 100% !important;
}

.stream-configuration.mobile .wds-preview-head {
    width: 100%;
    max-width: inherit;
    margin: 0;
}

.stream-configuration.mobile .stream-configuration-video-wrapper {
    width: 100%;
    padding: 0px;
    padding-top: 30px;
}

.stream-configuration.mobile:not(.modal) .stream-configuration-save-btn,
.stream-configuration.mobile .stream-configuration-setting {
    width: 100%;
}

.stream-configuration.mobile .stream-configuration-settings {
    flex-direction: column;
    gap: 10px;
}

/* TOREMOVE ON DS UPDATE */
.wds-modal-outside:has(.stream-configuration.mobile.modal) {
    overflow: auto;
}

[data-theme='Light'] {
    --mosaic-header-color-bg: white;
    --mosaic-icon-acl-color: var(--wds--cyan-500);
}

[data-theme='Dark'] {
    --mosaic-icon-acl-color: var(--wds--cyan-300);
    
    --mosaic-header-color-bg: var(--dark-grey-800);
}

.mosaic {
    --mosaic-columns: 6;

    display: flex;
    flex-direction: column;
    gap: 10px;
    background-color: var(--app-bg);
    height: 100%;
    width: 100%;

    position: relative;
    overflow: auto;

    --mosaic-side-padding: 42px;
    --mosaic-left-header: 42px;
    --mosaic-header-width: calc(100% - 84px);
    --mosaic-top-mosaic: 60px;
}

.mosaic.mobile {
    --mosaic-left-header: 0;
    --mosaic-side-padding: 10px;
    --mosaic-header-width: calc(100% - 20px);
    --mosaic-top-mosaic: 50px;
}

.mosaic-wrapper {
    width: 100%;
    height: 100%;
    background: var(--app-bg);
}

.mosaic-streams {
    display: grid;
    grid-template-columns: repeat(var(--mosaic-columns), 1fr);
    grid-gap: 10px;
    width: calc(100% - var(--mosaic-side-padding) * 2);
    margin-top: var(--mosaic-top-mosaic);
    align-self: center;
    /*padding: var(--mosaic-top-mosaic) var(--mosaic-side-padding) 10px var(--mosaic-side-padding);*/
    z-index: 0;
}

.mosaic-noresults {
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    color: var(--homeRec-title-color);
    margin-top: 108px;
}

.mosaic-header-container {
    position: sticky;
    z-index: 1;
    top: 0;
    left: 60px;
    width: 100%;
    padding: 10px var(--mosaic-side-padding) 10px;
    background-color: var(--app-bg);
}

.mosaic.mobile .mosaic-header-container {
    left: inherit;
}

.mosaic-header {
    position: absolute;
    top: calc(100% - 7px);
    width: var(--mosaic-header-width);
    padding: 10px;
    border-radius: 10px;
    background: var(--mosaic-header-color-bg);
    justify-content: space-between;
}

.mosaic-header-left {
    height: 34px;
    line-height: 34px;
}

.mosaic-header-img[data-custom] {
    background-color: var(--wds--cyan-50);
    color: var(--wds--cyan-400);
    border-radius: 4px;
}

.mosaic-header-img[data-custom] .wds-icon {
    font-size: 16px;
}

.mosaic-header-img {
    width: 30px;
    height: 30px;
    border-radius: 6px;
}

.mosaic-title-container {
    align-items: baseline;
}

.mosaic-title {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre-line;
    word-wrap: break-word;
    word-break: break-all;
    max-width: 100%;

    font-size: 16px;
    font-weight: 700;
}

.mosaic-header-left .wds-hx {
    align-self: baseline;
}
.mosaic-count-device {
    display: flex;
    gap: 4px;
    font-size: 14px;
}

.mosaic-header-right {
    position: relative;
    display: flex;
    align-items: center;
    gap: 16px;
}

.mosaic-link {
    cursor: pointer;
}

.mosaic-link .stream-informations:not(:has(> .stream-information-right .stream-information-maintenance-tooltip)),
.mosaic-link .stream-informations:has(> .stream-information-right .stream-information-maintenance-tooltip) .stream-information-left {
    pointer-events: none;
}

.mosaic-controlPanel {
    padding: 16px;
}

.mosaic-controlPanel #controlPanel {
    width: 100%;
    height: 100%;
    min-width: 424px;
    border-radius: 10px;
    background-color: var(--robotStreams-area-bg);
    box-shadow: var(--robotStreams-area-shadow);
}

/*.mosaic:has(~ .mosaic-controlPanel) .mosaic-streams {
    padding: var(--mosaic-top-mosaic) 42px 10px var(--mosaic-side-padding);
}*/
.mosaic:has(~ .mosaic-controlPanel) .mosaic-header-container {
    padding: 10px 0px 10px var(--mosaic-side-padding);
}

.control-cluster-control-wrapper {
    height: 100%;
    padding: 10px 16px 16px 16px;
    overflow: hidden;
}

.control-cluster-control-button-remote {
    padding: 0 !important;   
}

.grid-selector-tooltip {
    width: 100%;
    height: 100%;
    justify-content: center;
}

.grid-selector-option-img {
    height: 100%;
    position: relative
}

.control-cluster-control-selector-grid > .wds-gridSelector-btn {
    height: 175px;
}

.grid-selector-option-name {
    color: var(--wds--txt-60);
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    text-align: center;
}

.grid-selector-remote-content {
    text-transform: capitalize;
}

.control-panel-remote-selector-scroll {
    overflow: auto;
}

/******************************************/
/************* FULLSCREEN MODE ************/
/******************************************/

:fullscreen #NavBar, :-webkit-full-screen #NavBar,
:fullscreen .mosaic-header-container, :-webkit-full-screen .mosaic-header-container {
    display: none;
}

:fullscreen .mosaic-header, :-webkit-full-screen .mosaic-header {
    position: fixed;
    align-self: center;
    background-color: var(--wds--grey-800);
    top: inherit;
    bottom: -45px;
    width: fit-content;
    height: 68px;

    transition: bottom .5s ease-in-out, background-color .5s ease-in-out;
}

:fullscreen .mosaic-header.hide, :-webkit-full-screen .mosaic-header.hide {
    background-color: unset;
}

:fullscreen .mosaic-header.show, :-webkit-full-screen .mosaic-header.show {
    bottom: 6px;
}

:fullscreen .mosaic-streams, :-webkit-full-screen .mosaic-streams {
    padding: 6px;
    grid-gap: 6px;
}

:fullscreen .mosaic-grip-area, :-webkit-full-screen .mosaic-grip-area {
    position: absolute;
    width: 100%;
    top: 0;
    height: 24px;
    cursor: pointer;
}

:fullscreen .mosaic-button-filter, :-webkit-full-screen .mosaic-button-filter {
    position: absolute;
    transition: top 250ms ease-out, border-radius 150ms ease-out, background 150ms ease-out, min-height 150ms ease-out, width 150ms ease-out;
}

:fullscreen .mosaic-button-filter:not([data-hovered]), :-webkit-full-screen .mosaic-button-filter:not([data-hovered]) {
    background: var(--wds--cyan-200);
    width: 110px;
    height: 6px;
    min-height: 6px;
    flex-shrink: 0;
    border-radius: 10px;
    top: 4;
}

:fullscreen .mosaic-button-filter:not([data-hovered]) .wds-icon, :-webkit-full-screen .mosaic-button-filter:not([data-hovered]) .wds-icon {
    display: none;
}

:fullscreen .mosaic-header.show .mosaic-button-filter[data-hovered],
:-webkit-full-screen .mosaic-header.show .mosaic-button-filter[data-hovered] {
    top: -4px;
}

:fullscreen .mosaic-header:not(.show) .mosaic-button-filter[data-hovered],
:-webkit-full-screen .mosaic-header:not(.show) .mosaic-button-filter[data-hovered] {
    top: -14px;
}

:fullscreen .mosaic-fullscreen-tooltip,
:-webkit-full-screen .mosaic-fullscreen-tooltip {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-self: center;

    max-width: 494px;
    padding: 26px 42px;
    position: fixed;
    bottom: 68px;

    background-color: var(--wds--txt-inv-87);
    border-radius: 16px;

    opacity: 0;
    visibility: hidden;
    transition: opacity .5s ease-out, visibility .5s ease-out;;
}

:fullscreen .mosaic-fullscreen-tooltip.show,
:-webkit-full-screen .mosaic-fullscreen-tooltip.show {
    opacity: 1;
    visibility: visible;
}

:fullscreen .mosaic-fullscreen-tooltip > span,
:-webkit-full-screen .mosaic-fullscreen-tooltip > span {
    color: var(--wds--txt-60);
    font-size: 16px;
}

.wds-select-option-name:has(.mosaic-reset-btn) {
    align-items: center;
}

.mosaic-card-display {
    width: 100%;
}

#clusterOnTheFly-modal {
    max-width: 510px;
}
.custom-mosaic-modal .wds-hx {
    font-weight: normal;
}
.mosaic-cluster-control-tooltip {
    max-width: 350px;
    max-height: 200px;
}

.modal-acl-cluster-control-info {
    color: var(--mosaic-icon-acl-color);
}

.mosaic-cluster-control-banner {
    align-items: center;
}

.control-panel-remote-selector {
    overflow: auto;
}
#wizardMenus-menus {
    flex: .5;
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 16px;
    max-width: 424px;
}

/* .......................................................................... */
#wizardMenus-placeholder-doc {
    padding: 20px;
    border-radius: 6px;
    text-align: center;
    background-color: var(--wds-card-backgroundColor);
}
#wizardMenus-placeholder-doc > span {
    opacity: .7;
}

/* .......................................................................... */
#wizardMenus-search {
    display: flex;
    gap: 10px;
}
#wizardMenus-search .wds-inputSearch {
    flex: 1;
}

/* .......................................................................... */
#wizardMenus-menu {
    height: 100%;
    display: flex;
    flex-direction: column;
    padding: 26px;
}

/* .......................................................................... */
#wizardMenus-menu-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding-bottom: 26px;
    border-bottom: 2px solid var(--wds-divider-lowContrast-color);
}
#wizardMenus-title {
    display: flex;
    gap: 10px;
    flex-direction: column;
}
#wizardMenus-actions {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
#wizardMenus-actions .wds-button {
    width: 100%;
}

/* .......................................................................... */
#wizardMenus-menu-body {
    display: flex;
    flex: 1;
    overflow: hidden;
}

.wizardMenus-placeholder {
    opacity: .6;
}

#wizardMenus-menu-body .wds-label {
    margin-top: 10px;
}

/* .......................................................................... */
#wizardMenus-menu-struct {
    display: flex;
    flex-direction: column;
    gap: 6px;
    flex: 1;
    padding: 26px 26px 0 0;
}
#wizardMenus-menu-struct:not(:only-child) {
    max-width: 424px;
}

#wizardMenus-json-toggle {
    display: flex;
    gap: 2ch;
    margin-bottom: 20px;
}
#wizardMenus-json-toggle b {
    font-weight: 600;
    font-size: 14px;
}

#wizardMenus-menu-struct-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1ch;
}
#wizardMenus-menu-struct .wds-inputTextarea {
    height: 100%;
}
#wizardMenus-menu-struct .wds-inputTextarea textarea {
    height: 100%;
    resize: none;
    font-family: monospace;
}

#wizardMenus-menu-struct:only-child {
    padding-right: 0;
}
#wizardMenus-menu-struct .wds-treeView {
    margin-top: 6px;
}
.wds-item-head:has(.wizardMenus-struct-fallback) .wds-item-name {
    opacity: .25; /* this has to be done better (:has doesnt work on workbench) */
}
#wizardMenus-menu-struct .wds-title {
    gap: 10px;
    justify-content: space-between;
}

/* .......................................................................... */
#wizardMenus-menu-info {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: auto;
    gap: 26px;
    padding: 26px 0 0 26px;
    border-left: 2px solid var(--wds-divider-lowContrast-color);
}

#wizardMenus-menu-global,
#wizardMenus-menu-models,
#wizardMenus-menu-lang {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

/* .......................................................................... */
#wizardMenus-menu-models-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 10px;
    margin-top: 10px;
}
#wizardMenus-menu-models-list:empty::before {
    content: 'N/A';
}
.wizardMenus-model {
    display: inline-flex;
    align-self: flex-start;
    align-items: center;
    gap: 10px;
    height: 74px;
    padding: 0 16px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: bold;
    background-color: var(--wds-card-backgroundColor);
}
body[data-theme='Dark'] #wizardMenus-placeholder-doc,
body[data-theme='Dark'] .wizardMenus-model {
    background-color: var(--dark-grey-700);
}

.wizardMenus-model-img {
    width: 42px;
    height: 42px;
    min-width: 42px;
    border-radius: 4px;
    background: center no-repeat #0002;
    background-size: contain;
}

.wizardMenus-model-name {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

*[data-theme='Light'] {
    --wizard-label-color: var(--text-light-grey-900-60);
    --wizard-stepper-background-color: white;
    --wizard-stepper-text-btn-color: black;
}
*[data-theme='Dark'] {
    --wizard-label-color: var(---text-dark-white-60);
    --wizard-stepper-background-color: var(--wds-main-panel-bg);
    --wizard-stepper-text-btn-color: white;
}

/************************************/
/*      REMOVE LATER #EMBEDDED      */
/************************************/

.wizardMenu .wds-gridSelector-btn {
    margin: 0 !important;
}

/************************************/
/*           WIZARD MENU            */
/************************************/

.wizardMenu {
    --wizard-area-menu: #00FA5E;
    --wizard-area-cursor: #7D00FA;
    --wizard-area-ocr: #FF5C01;

    --wizard-area-boxShadow: 0, 22, 47;
}

.wizardMenu > .wds-main-panels {
    gap: 0px;
}

.wizardMenu > .wds-main-panels > *:not(:first-child) {
    margin-left: 26px;
}

.wizardMenu-right-panel {
    position: relative;
    width: 424px;
    padding: 8px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/* Used for item in List DS */
.wizardMenu-right-panel .wds-listLegacy-item-wrap:not(.wds-listLegacy-item-wrap-selected) {
    background-color: var(--app-bg);
}

.wizardMenu-right-panel > *:not(:first-child) {
    margin-top: 10px;
}

.wizardMenu-main-panel {
    border-radius: 16px !important;
}

.wizardMenu-main-panel .robotStreams-area {
    height: 100%;
    border-radius: 16px;
}

.wizardMenu-main-panel.mode-picture{
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: black;
}

.wizardMenu-top {
    position: relative;
    display: flex;
    flex-direction: column;
    /* 58px because, it's the height of the buttons Cancel/Previous/Next */
    height: calc(100% - 58px);
    flex: 1;
}

.wizardMenu-right-panel #controlPanel > .wds-tabs {
    padding: 8px 8px 0 8px;
}

.wizardMenu-top > *:not(.wizardMenu-stepper) {
    padding-left: 8px;
    padding-right: 8px;
}

.wizardMenu-controlPanel-container > .wizardMenu-define-area-btn {
    width: calc(100% - 16px) !important;
    margin: 0 8px;
}

.wizardMenu-controlPanel-container  {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.wizardMenu-controlPanel-container > #controlPanel {
    height: calc(100% - 105px);
}

.wizardMenu-streamer-wrapper {
    display: flex;
    width: 100%;
    height: 100%;
    position: relative;
}
.wizardMenu-streamer-wrapper .robotStreams-area {
    flex: 1;
}

.wizardMenu-right-panel div.controlPanel-takeControl-loader {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.wizardMenu-Loader-wrapper {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.wizardMenu-loader-icon {
    color: var(--purple-500);
}

.wizardMenu-define-area-btn {
    margin-top: 16px !important;
}

.wizardMenu-controlPanel-container #controlPanel > #controlPanel-use {
    padding: 0 8px;
}

.wizardMenu .wds-radioGroup {
    grid-gap: 0;
}

.wizardMenu .wds-radioGroup > .wds-radio:not(:first-child) {
    margin-top: 8px;
}

/************************************/
/*          GENERAL INFOS           */
/************************************/

.wizardMenu-general-infos {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    overflow: hidden;
    gap: 16px;
    height: 100%;
    padding: 0 !important;
}

.wizardMenu-general-infos > * {
    padding: 0 8px;
}

.wizardMenu-content {
    display: flex;
    width: 100%;
    height: 100%;
    gap: 16px;
    flex-direction: column;
    overflow: auto;
}

.wizardMenu-menu-category {
    margin-top: 50px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.wizardMenu-field {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.wizardMenu-field .wds-select {
    width: 100%;
}

.wizardMenu-field .wds-select-container {
    margin-top: 0;
}

.wizardMenu-main-lang .wds-select-options,
.wizardMenu-addition-lang .wds-select-options {
    top: initial !important;
    bottom: 0;
    display: flex;
    flex-direction: column-reverse;
}
.wizardMenu-main-lang .wds-select-option,
.wizardMenu-addition-lang .wds-select-option {
    line-height: 32px;
}

.wizardMenu-compat-model-search {
    display: flex;
    align-items: center;
    gap: 10px;
}

.wizardMenu-compat-model-search > .wizardMenu-compat-model-search-input {
    flex: 1;
}

.wizardMenu-compat-model {
    flex: 1;
    overflow: hidden;
    min-height: 215px;
}

.wizardMenu-top .wds-listLegacy span.wds-listLegacy-placeholder {
    display: flex;
    justify-content: center;
    padding-top: 16px;
}

.wizardMenu-addition-lang-input .wds-select-option {
    align-items: center !important;
}

/************************************/
/*              STEPPER             */
/************************************/

.wizardMenu-stepper {
    width: 100%;
    position: absolute;
    padding: 6px;
    background: var(--wizard-stepper-background-color);
    z-index: 10;
    transition: box-shadow 0.35s ease-in-out;
    left: 0;
}

.wizardMenu-stepper.wizardMenu-stepper-opened {
    box-shadow: var(--wds--shadow-4);
    border-radius: 6px;
}

.wizardMenu-stepper-title-wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}

.wizardMenu-stepper-title-wrapper > *:not(:first-child) {
    margin-left: 10px;
}

.wizardMenu-stepper-title-container {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    width: 100%;
}

.wizardMenu-stepper-title-container > *:not(:first-child) {
    margin-left: 6px;
}

.wizardMenu-stepper-title.translation {
  display: inline-block;
  animation: translateEffect 0.350s forwards;
}

@keyframes translateEffect {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0);
  }
}


.wizardMenu-stepper-title-container > .wds-icon {
    transform: rotate(0deg);
    transition: all .3s ease-in-out;
}

.wizardMenu-stepper:not(.wizardMenu-stepper-opened) .wizardMenu-stepper-title-container > .wds-icon {
    transform: rotate(180deg);
}

.wizardMenu-stepper-title-btn {
    flex: 1;
    padding: 0 !important;
}
.wizardMenu-stepper-title-btn .wds-button-text {
    width: 100%;
    text-align: left;
}

.wizardMenu-stepper-title-btn > .wds-button-text {
    color: var(--wizard-stepper-text-btn-color);
    font-weight: 700;
    font-size: 21px;
    line-height: 29px;
}

.wizardMenu-stepper-title-btn:hover > .wds-button-text {
    text-decoration: none !important;
}

.wizardMenu-stepper-progress {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 84px;
}

.wizardMenu-stepper-progress > *:not(:first-child) {
    margin-left: 10px;
}

.wizardMenu-stepper-menu-wrapper {
    width: 100%;
    background: var(--wizard-stepper-background-color);
    border-radius: inherit;
    max-height: 0px;
    transition: max-height 0.35s ease-in-out;
    overflow: hidden;
}
.wizardMenu-stepper.wizardMenu-stepper-opened .wizardMenu-stepper-menu-wrapper {
    max-height: 380px;
}
.wizardMenu-stepper-menu-wrapper .wds-step {
    width: 100%;
    padding: 6px;
    margin: 0 !important;
    cursor: pointer;
}

.wizardMenu-stepper-menu-wrapper .wds-step:hover {
    border-radius: 6px;
    background-color: var(--app-bg);
}

.wizardMenu-stepper-menu-wrapper .wds-step-icon {
    font-size: 12px;
    width: 12px !important;
}

.wizardMenu-stepper-menu-wrapper .wds-step > .wds-step-name {
    font-size: 14px;
    line-height: 19px;
}

.wizardMenu-stepper-menu-wrapper .wds-step[data-status="progress"] > .wds-step-name {
    font-weight: 600;
    color: var(--wds--txt-87);
}

.wizardMenu-stepper-menu-wrapper .wds-step[data-status="normal"] > .wds-step-name {
    color: var(--wds--txt-60);
}


/************************************/
/*          BUTTON BOTTOM           */
/************************************/

.wizardMenu-bottom {
    margin-top: 10px !important;
    display: flex;
    flex-direction: column;
    padding: 0 8px 8px 8px;
}

.wizardMenu-bottom > *:not(:first-child) {
    margin-top: 10px;
}

.wizardMenu-grp-btn {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

.wizardMenu-grp-btn > .wds-button {
    flex: 0.33;
}

#wizardMenu-modal-save-editing {
    max-width: 530px !important;
}

#wizardMenu-modal-save-editing .wds-modal-body {
    display: flex;
    flex-direction: column;
    gap: 26px;
}

.wizardMenu-modal-desc-1,
.wizardMenu-modal-desc-2 {
    font-size: 16px;
    line-height: 21.79px;
}

.wizardMenu-modal-desc-2 {
    font-weight: 700;
}

/************************************/
/*          LIST ROW MODEL          */
/************************************/

.wizardMenu-modal-row {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 6px 16px;
    width: 100%;
}

.wizardMenu-modal-row > *:not(:first-child) {
    margin-left: 12px;
}

.wizardMenu-modal-row-image {
    height: 50px;
}

.wizardMenu-modal-row-span {
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
}



/************************************/
/*          CHOOSE DEVICE           */
/************************************/

.wizardMenu-choose-device {
    margin-top: 50px;
    overflow: hidden;
}

.wizardMenu-device {
    display: flex;
    flex-direction: column;
}

.wizardMenu-device > *:not(:first-child) {
    margin-top: 10px;
}

.wizardMenu-device-search {
    display: flex;
    align-items: center;
}

.wizardMenu-device-search > .wds-button {
    margin-left: 10px !important;
}

.wizardMenu-device > *:not(:first-child) {
    margin-top: 10px;
}

.wizardMenu-device-search > .wizardMenu-device-search-input {
    flex: 1;
}

.wizardMenu-compat-model-input {
    flex: 1;
}

.wizardMenu-filters {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

/************************************/
/*          LIST ROW DEVICE         */
/************************************/

.wizardMenu-device-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0 16px;
}

.wizardMenu-device-row > *:not(:first-child) {
    margin-left: 16px;
}

.wizardMenu-device-icon {
    width: 40px;
    height: 40px;
}

.wizardMenu-device-name {
    font-weight: 700;
    font-size: 18px;
    line-height: 25px;
    text-align: inherit;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.wizardMenu-device-names {
    display: flex;
    flex-direction: column;
}

.wizardMenu-device-names > *:not(:first-child) {
    margin-top: 2px;
}

.wizardMenu-infos-wrapper {
    display: flex;
    flex-direction: row;
    font-size: 14px;
    font-weight: 400;
    color: var(--LinkCard-color);
    align-items: center;
}

.wds-listLegacy-item-wrap-selected .wizardMenu-infos-wrapper {
    color: var(--text-dark-white-87);
}

.wizardMenu-robot-name,
.wizardMenu-infos-name {
    margin-left: 6px;
}

.wizardMenu-infos-name + .wds-icon[data-icon="bell"] {
    margin-left: 10px;
}

.wizardMenu-device-row-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap;
    width: 100%;
    padding: 16px;
}

/************************************/
/*             MENU AREA            */
/************************************/

.wizardMenu-menu-area {
    margin-top: 50px;
    display: flex;
    flex-direction: column;
    overflow: auto;
    gap: 16px;
}

.wizardMenu-banner-info + .wizardMenu-stepper {
    top: 70px;
}

.wizardMenu-menu-area-container {
    height: calc(100% - 105px);
    overflow: inherit;
}

.wizardMenu-menu-area-searchzone {
    height: 100%;
    align-self: center;
}

.wizardMenu-save-searchzone-btn,
.wizardMenu-change-searchzone-btn {
    width: 100% !important;
}

.wizardMenu-menu-area-container .wds-tabs {
    overflow-x: unset;
}

.wizardMenu-banner-info {
    align-items: flex-start !important;
}

.wizardMenu-reboot-btn {
    margin-top: 16px;
    width: 100%;
}

.wizardMenu-define-area-btn {
    width: 100% !important;
}

.wizardMenu-add-access-direct {
    width: 100% !important;
}

.wizardMenu-default-btns {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.wizardMenu-navigation {
    display: flex;
    flex-direction: column;
}

.wizardMenu-remote-wrapper {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-around;
    gap: 10px;
}

.wizardMenu-remote-select {
    flex: 1;
}

.wizardMenu-remote-select.parent {
    width: 100%
}

.wizardMenu-remote-title {
    color: var(--light-text-grey-90087-default);
    font-size: 14px;
    font-weight: 700;
}

.wizardMenu-remote-container {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    gap: 6px;
}

.wizardMenu-remote-button {
    width: 100% !important;
}

.wizardMenu-navigation-wrapper + .wizardMenu-add-access-direct {
    margin-top: 10px;
}

.wizardMenu-area-remote-wrapper,
.wizardMenu-area-remote {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.wizardMenu-remote-title .wds-icon {
    color: var(--cyan-600);
}

.wizardMenu-remote-title .wds-tooltip {
    margin-left: 3px;
}

.wizardMenu-remote-tooltip {
    max-width: 180px;
}

/************************************/
/*              PREVIEW             */
/************************************/

.wizardMenu-preview-search-area {
    display: flex; /* for the little margin-bottom below the <img/> */
    width: 100%;
    max-height: 400px;
    object-fit: contain;
}

.wizardMenu-result-refresh.running .wds-icon {
    animation-name: fa-spin;
    animation-delay: var(--fa-animation-delay, 0);
    animation-direction: var(--fa-animation-direction, normal);
    animation-duration: var(--fa-animation-duration, 2s);
    animation-iteration-count: var(--fa-animation-iteration-count, infinite);
    animation-timing-function: var(--fa-animation-timing, linear);
}

.wizardMenu-area-parameters {
    justify-content: flex-start !important;
    padding-left: 0 !important;
}

/************************************/
/*               FRAME              */
/************************************/
.wizardMenu-frame-wrapper {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;

    height: fit-content;

    -webkit-user-select: none;
    user-select: none;
}

.wizardMenu-frame-wrapper.errored {
    display: flex;
    flex-direction: column;
}

.wizardMenu-frame-hq,
.wizardMenu-frame-lq {
    pointer-events: none;
    z-index: 2;
}

.wizardMenu-error-record {
    width: 400px;
    display: flex;
    align-self: center;
    flex-direction: column;
    align-items: flex-end;
    padding: 16px;
    border-radius: 10px;
    background: white;
}

.wizardMenu-error-record-btn {
    margin-top: 26px;
}

.wizardMenu-error-title {
    align-self: flex-start;
    margin-bottom: 16px;
    font-size: 21px;
    font-weight: bold;
}
.wizardMenu-error-title > .wds-icon {
    margin-right: 10px;
    color: var(--wds-modal-icon-color);
}

/************************************/
/*        MENU AREA PARAMETER       */
/************************************/

.wizardMenu-area-parameter {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: calc(100% - 20px);
    height: calc(100% - 20px);

    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 10;
    padding: 26px;

    background: white;
    border-radius: 10px;
    box-shadow: 0px 10px 25px 0px rgba(156, 166, 201, 0.37);
}

.wizardMenu-area-parameter-top {
    display: flex;
    flex-direction: column;
    gap: 10px;
    overflow: auto;
}

.wizardMenu-name-input,
.wizardMenu-parent-folder-input {
    margin-top: 6px;
}


.wizardMenu-coordinates {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-top: 6px;
}

.wizardMenu-coordinate {
    display: flex;
    width: 139px;
    align-items: flex-end;
    flex-shrink: 0;
}

.wizardMenu-coordinate > *:not(:last-child) {
    margin-right: 6px;
}

.wizardMenu-coordinate-title {
    text-align: center;
}

.wizardMenu-area-parameter-bottom > * {
    margin-top: 10px;
}

.wizardMenu-area-parameter-buttons {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.wizardMenu-area-parameter-buttons > .wds-button:first-child {
    margin-right: 10px;
}

.wizardMenu-area-parameter-buttons > .wds-button {
    flex: 1;
}

.wizardMenu-size > .wizardMenu-coordinates > .wizardMenu-coordinate.with-button {
    width: 179px;
}

/************************************/
/*           MENU DIRECTION         */
/************************************/
.wizardMenu-menu-direction {
    margin-top: 50px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    gap: 26px;
}

.wizardMenu-menu-direction-container {
    height: calc(100% - 102px);
}

.wizardMenu-menu-direction-circular {
    height: inherit !important;
}

.wizardMenu-menu-direction-circular .wds-checkbox-wrap {
    min-width: 18px;
}

.wizardMenu-direction-animated[data-direction="vertical"] {
    height: 100%;
}

.wizardMenu-direction-animated[data-direction="horizontal"] {
    width: 100%;
}

.wizardMenu-menu-direction-circular .wds-label-title {
    color: var(--text-light-grey-900-87, rgba(23, 23, 24, 0.87));
    font-family: Open Sans;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.wizardMenu-keyCodes {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex: 1;
    margin-top: 26px;
    overflow: hidden;
}

.wizardMenu-keyCodes > *:not(:last-child) {
    margin-bottom: 10px;
}

.wizardMenu-keycodes-title {
    color: var(--text-light-grey-900-87, rgba(23, 23, 24, 0.87));
    font-family: Open Sans;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.wizardMenu-add-keycodes {
    width: 100%;
}

.wizardMenu-direction-menu {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    align-self: stretch;
}

.wizardMenu-circular-menu {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    align-self: center;
}

.wizardMenu-circular-title {
    display: flex;
    flex-direction: column;
}

.wizardMenu-circular-btns {
    width: 100%;
}

.wizardMenu-circular-btns > .wds-button {
    flex: 0.5;
}

.wizardMenu-circular-desc {
    color: var(--wizard-label-color);
}

/************************************/
/*             ITEM CURSOR          */
/************************************/

.wizardMenu-items-cursor {
    display: flex;
    height: 76px;
    justify-content: center;
    align-items: center;
}

.wizardMenu-items-cursor.vertical {
    flex-direction: column;
    align-items: flex-start;
}

.wizardMenu-items-cursor.horizontal {
    flex-direction: row;
}

.wizardMenu-items-cursor.vertical > .wizardMenu-item-cursor:not(:last-child) {
    margin-bottom: 4px;
}

.wizardMenu-items-cursor.horizontal > .wizardMenu-item-cursor:not(:last-child) {
    margin-right: 4px;
}

.wizardMenu-items-cursor-wrapper {
    display: flex;
    padding: 10px 10px 16px 10px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex: 1 0 0;
    align-self: stretch;
    pointer-events: none;
}

.wizardMenu-items-cursor-wrapper > *:not(:first-child) {
    margin-top: 10px;
}

.wizardMenu-item-cursor {
    display: flex;
    position: relative;
    align-items: center;
    border-radius: 4px;
}

.wizardMenu-item-cursor-frame {
    border-radius: 90px;
}

.wizardMenu-item-cursor[data-color="dark"] {
    background: var(--black, #000);
}

.wizardMenu-item-cursor[data-color="light"] {
    background: var(--grey-200, #C7C7C9);
}

.wizardMenu-item-cursor[data-color="dark"] > .wizardMenu-item-cursor-frame {
    background: var(--text-dark-white-30, rgba(255, 255, 255, 0.30));
}

.wizardMenu-item-cursor[data-color="light"] > .wizardMenu-item-cursor-frame {
    background: var(--light-text-grey-900-30, rgba(23, 23, 24, 0.30));
}

/* disable background */
.wizardMenu-item-cursor.disableBackground {
    border: 2px solid;
    background: inherit;
}
.wizardMenu-item-cursor.disableBackground[data-color="dark"] {
    border-color: var(--black, #000);
}

.wizardMenu-item-cursor.disableBackground[data-color="light"] {
    border-color: var(--grey-200, #C7C7C9);
}

.wizardMenu-item-cursor.disableBackground > .wizardMenu-item-cursor-frame {
    background: var(--light-text-grey-900-30, rgba(23, 23, 24, 0.30));
}


.wizardMenu-cursor-animated {
    height: initial;
}

/* sizes */
.wizardMenu-item-cursor[data-size="small"] {
    height: 15px;
    padding: 5px;
}
.wizardMenu-item-cursor[data-size="small"] > .wizardMenu-item-cursor-frame {
    height: 5px;
}

.wizardMenu-item-cursor[data-size="large"] {
    height: 30px;
    padding: 10px;
}

.wizardMenu-item-cursor[data-size="large"] > .wizardMenu-item-cursor-frame {
    height: 10px;
}

.wizardMenu-item-cursor[data-width="small"] {
    width: 52px;
}

.wizardMenu-item-cursor[data-width="medium"] {
    width: 70px;
}

.wizardMenu-item-cursor[data-width="large"] {
    width: 100px;
}

.wizardMenu-item-cursor-frame[data-size="small"] {
    width: 33%;
}

.wizardMenu-item-cursor-frame[data-size="medium"] {
    width: 60%;
}

.wizardMenu-item-cursor-frame[data-size="large"] {
    width: 80%;
}

.wizardMenu-item-cursor[data-size="large"] > .wizardMenu-item-cursor-frame[data-size="large"] {
    width: 100%;
}

/* cursor type */
.wizardMenu-item-cursor[data-type="09059fc0-9ea5-4d21-ad23-a275469814e8"] {
    border-top: none;
    border-left: none;
    border-right: none;
    border-radius: 0;
}

/* Magnified */
.wizardMenu-item-cursor[data-type="798698f8-acec-4a56-af54-ffbb25700968"] {
    border: 1px solid var(--text-dark-white-30);
}

.wizardMenu-cursor-type > .wizardMenu-item-cursor[data-type="798698f8-acec-4a56-af54-ffbb25700968"]:nth-child(2) {
    padding: 10px 15px;
}

.wizardMenu-cursor-magnified {
    position: absolute;
    width: 118px;
    height: 48px;
    top: auto;
    left: -9px;
    background: var(--text-light-grey-900-87);
    border-radius: 9px;
    display: flex;
    user-select: none;
}

.wizardMenu-cursor-magnified > svg {
    position: absolute;
    z-index: 1;
}

.wizardMenu-cursor-magnified > svg:nth-child(1) {
    top: 6px;
    left: 6px;
}

.wizardMenu-cursor-magnified > svg:nth-child(2) {
    bottom: 6px;
    right: 6px;
    transform: rotate(180deg);
}

.wizardMenu-cursor-magnified > svg:nth-child(3) {
    top: 6px;
    right: 6px;
    transform: rotate(90deg);
}

.wizardMenu-cursor-magnified > svg:nth-child(4) {
    bottom: 6px;
    left: 6px;
    transform: rotate(270deg);
}
/* Magnified */


/* background (color) */
.wds-gridSelector-btn[data-value="469fa14d-d035-43f5-93d8-921e567b0157"] {
    order: 1;
}
/* halo */
.wds-gridSelector-btn[data-value="e32e93cd-de1a-4fe8-a249-bc5aad63e360"] {
    order: 2;
}
/* magnified */
.wds-gridSelector-btn[data-value="798698f8-acec-4a56-af54-ffbb25700968"] {
    order: 3;
}
/* underline  */
.wds-gridSelector-btn[data-value="09059fc0-9ea5-4d21-ad23-a275469814e8"] {
    order: 4;
}
/* bold highlight */
.wds-gridSelector-btn[data-value="513fb9af-c83d-4b31-a969-84f963fbfef7"] {
    order: 5;
    justify-content: flex-end !important;
}
/* color highlight */
.wds-gridSelector-btn[data-value="8545eaad-da64-420f-a8f6-adf1754b5471"] {
    order: 6;
    justify-content: flex-end !important;
}
/* hue highlight */
.wds-gridSelector-btn[data-value="d98b45fb-104c-428e-a606-de01e046cbc0"] {
    order: 7;
    justify-content: flex-end !important;
}

.wizardMenu-menu-direction-title {
    color: var(--text-light-grey-900-87, rgba(23, 23, 24, 0.87));
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

/************************************/
/*             ITEM CURSOR          */
/************************************/

.wizardMenu-cursor-style-container {
    height: calc(100% - 100px);
}

.wizardMenu-keyCodes .wds-select-container {
    margin-top: inherit;
}

.wizardMenu-keycodes-actionKey {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: auto;
}

.wizardMenu-keycodes-actionKey > *:not(:last-child) {
    margin-bottom: 10px;
}

.wizardMenu-remote-key-code-item {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.wizardMenu-remote-select-key {
    width: 171px;
}

.wizardMenu-remote-select-action {
    width: 167px;
}

.wizardMenu-remote-select-key .wds-input-in::placeholder,
.wizardMenu-remote-select-action .wds-input-in::placeholder {
    font-size: 15px;
}


.wizardMenu-keycodes-actionKey-title {
    display: flex;
    flex-direction: row;
    align-self: flex-start;
}

.wizardMenu-action-title,
.wizardMenu-key-title {
    color: var(--text-light-grey-900-87, rgba(23, 23, 24, 0.87));
    font-family: Open Sans;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.wizardMenu-action-title {
    width: 167px;
    margin-right: 10px;
}

/************************************/
/*            CURSOR STYLE          */
/************************************/

.wizardMenu-cursor-content {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 52px 8px 0px 8px;
    overflow: auto;
    gap: 16px;
}

.wizardMenu-cursor-search-wrapper {
    display: flex;
    flex-direction: row;
    gap: 8px;
}

.wizardMenu-cursor-search {
    min-height: 34px;
    flex: 1;
}

.wizardMenu-cursor-list {
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: auto;
}

.wizardMenu-cursor-list.loading {
    overflow: hidden;
}

.wizardMenu-cursor-gridSelector {
    width: 100%;
    overflow: unset;
}

.wizardMenu-cursor-list-wrapper > .wizardMenu-banner-info {
    margin-bottom: inherit;
}

.wizardMenu-cursor-dividers {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
}

.wizardMenu-cursor-dividers > .wizardMenu-cursor-dividers-text {
    margin: 0 10px;
}

.wizardMenu-cursor-dividers > .wds-divider {
    flex: 1;
}

.wizardMenu-new-cursor-btn {
    width: 100% !important;
}

.wizardMenu-abort-cursor-btn {
    padding-left: 0 !important;
    height: auto;
    min-height: inherit;
}

.wizardMenu-new-cursor {
    display: flex;
    flex-direction: column;
}

.wizardMenu-new-cursor {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.wizardMenu-new-cursor-title {
    margin-bottom: 10px;
    color: var(--text-light-grey-900-87, rgba(23, 23, 24, 0.87));
    font-size: 18px;
    font-weight: 700;
}

.wizardMenu-new-cursor-desc {
    align-self: stretch;
    color: var(--text-light-grey-900-87, rgba(23, 23, 24, 0.87));
    font-size: 16px;
    font-weight: 400;
    position: relative;
}

.wizardMenu-global-style-input .wds-gridSelector-btn {
    padding: 10px 10px 16px 10px;
    display: flex;
    justify-content: space-between;
}

.wizardMenu-cursor-type {
    display: flex;
    flex: 1;
    align-items: center;
    pointer-events: none;
    position: relative;
}

.wizardMenu-cursor-type-img {
    pointer-events: none;
}

.wizardMenu-cursor-type-name {
    align-self: stretch;
    color: var(--text-light-grey-900-87, rgba(23, 23, 24, 0.87));
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    pointer-events: none;
}

.wizardMenu-cursor-size-input .wds-gridSelector-btn {
    padding: 10px 10px 16px 10px;
    display: flex;
    flex-direction: column;
    height: 153px;
}

.wizardMenu-cursor-size-input .wizardMenu-cursor-type {
    display: flex;
    flex: 1;
    align-items: center;
    flex-direction: column;
    justify-content: space-around;
}

.wizardMenu-cursor-type.start {
    align-items: flex-start;
}

.wizardMenu-save-cursor-area {
    width: 100% !important;
}

.wizardMenu-cursor-style-example {
    gap: 8px;
    padding: 16px 8px 16px 16px;
}

.wizardMenu-cursor-style-example > .wizardMenu-area-parameter-top {
    gap: 16px;
}

.wizardMenu-cursor-style-example > .wizardMenu-cursor-style-bottom {
    gap: 8px;
}

.wizardMenu-cursor-style-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    align-self: stretch;
}
.wizardMenu-cursor-style-wrapper > .wds-gifVideo {
    height: inherit;
}

.wizardMenu-cursor-style-title {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    align-self: stretch;
}

.wizardMenu-cursor-style-title > .wds-label {
    color: var(--text-light-grey-900-60);
}

.wizardMenu-cursor-style-bottom {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.wizardMenu-cursor-style-bottom > .wds-button {
    width: 100%;
}

.wizardMenu-cursor-style-example-desc {
    color: var(--text-light-grey-900-60);
    font-size: 14px;
    font-weight: 400;
}

.wizardMenu-cursor-style-example-desc > .wds-link {
    color: var(--cyan-500);
}

.wizardMenu-cursor-style-example-title {
    display: flex;
    flex-direction: column;
}

.wizardMenu-cursor-style-example-title > .wds-divider {
    margin-top: 16px;
}

.wizardMenu-cursor-style-ex-link {
    margin-left: 5px;
    cursor: pointer;
    color: var(--cyan-500);
    font-weight: bold;
}

.wizardMenu-cursor-style-ex-link:hover {
    text-decoration: underline;
}

/************************************/
/*               CAPTURE            */
/************************************/

.capture-area {
    position: absolute;
    top: 0;
    width: 100%;
    margin: 0px;
    padding: 0px;
    height: 100%;
    z-index: 2;
}

.capture-area.locked {
    pointer-events: none;
}

.capture-area-rectangle {
    position: absolute;
    border-radius: 0.5px;
    border: 2px solid;
}

.capture-area-overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    pointer-events: none;
}

.capture-area-result {
    display: none;
}


.capture-area-offset-y, .capture-area-offset-x {
    position: absolute;
    background-color: var(--cyan-500);
}

.wizardMenu-streamer-wrapper .wds-imageArea {
    position: absolute;
    z-index: 10;
    inset: 52px 0 0;
    height: auto;
}

.capture-area-rectangle > span {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2px 5px;
    position: absolute;
    border-radius: 1px;
    border: 1px solid var(--text-light-grey-900-15);
    box-shadow: 0px 2px 8px 1px rgba(var(--wizard-area-boxShadow), 0.03), 0px 1px 4px 0px rgba(var(--wizard-area-boxShadow), 0.10);
    text-align: center;
    font-size: 12px;
    line-height: 14px;
    font-weight: 600;
    top: -23px;
    z-index: 3;
}

.capture-area-rectangle[data-type="menu"] > span {
    left: -1px;
    background: var(--wizard-area-menu);
    color: #000;
}

.capture-area-rectangle[data-type="cursor"] > span {
    left: -1px;
    background: var(--wizard-area-cursor);
    color: #FFF;
}

.capture-area-rectangle[data-type="ocr"] > span {
    right: -1px;
    background: var(--wizard-area-ocr);
    color: #000;
}

.capture-area-rectangle[data-type="menu"] {
    border-color: var(--wizard-area-menu);
}

.capture-area-rectangle[data-type="cursor"] {
    border-color: var(--wizard-area-cursor);
}

.capture-area-rectangle[data-type="ocr"] {
    border-color: var(--wizard-area-ocr);
}

/************************************/
/*          CURSOR PARAMETER        */
/************************************/

.wizardMenu-cursor-menu-info {
    display: flex;
    padding: 16px;
    flex-direction: column;
    align-items: flex-start;
    border-radius: 10px;
    background: var(--app-bg, #F3F5F8);
}

.wizardMenu-cursor-menu-info > *:not(:first-child) {
    margin-top: 10px;
}

.wizardMenu-cursor-menu-title {
    color: var(--text-light-grey-900-60, rgba(23, 23, 24, 0.60));
    margin-right: 6px;
}

.wizardMenu-cursor-menu-link {
    padding: 0 !important;
}

.wizardMenu-cursor-menu-positions {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}

.wizardMenu-cursor-menu-position {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    margin-right: 16px;
}

.wizardMenu-cursor-parameter {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.wizardMenu-cursor-parameter-title {
    color: var(--text-light-grey-900-87, rgba(23, 23, 24, 0.87));
    font-weight: 700;
}

.wizardMenu-cursor-parameter-title:first-letter {
    text-transform: capitalize;
}

.wizardMenu-cursor-parameter-wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex: 1;
}

.wizardMenu-cursor-parameter-wrapper.grayscale {
    width: 100%;
}

.wizardMenu-cursor-parameter-input.slider {
    flex: 1;
}

.wizardMenu-cursor-parameter-input.number {
    width: 140px;
}

.wizardMenu-cursor-parameter-input.checkbox {
    height: unset;
}

.wizardMenu-cursor-parameters {
    display: flex;
    flex-direction: column;
}

.wizardMenu-cursor-parameters > *:not(:last-child) {
    margin-bottom: 10px;
}

.wizardMenu-cursor-parameter-value {
    color: var(--grey-900, #171718);
    font-size: 16px;
    margin-right: 10px;
}

.wizardMenu-cursor-testing {
    justify-content: center;
}

.wizardMenu-loader-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
}

.wizardMenu-loader-title {
    color: var(--text-light-grey-900-87, rgba(23, 23, 24, 0.87));
    font-size: 16px;
    margin-left: 10px;
}

.wizardMenu-cursor-list-wrapper > .wizardMenu-banner-danger .wds-banner-message {
    display: flex;
    flex-direction: column;
    padding-top: 6px;
}

.wizardMenu-banner-search-cursor {
    margin-top: 10px;
    width: 100%;
}

/************************************/
/*                OCR               */
/************************************/

.wizardMenu-ocr-area {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 52px 8px 0px 8px;
    overflow: auto;
    gap: 16px;
}

.wizardMenu-text-container {
    display: flex;
    flex-direction: column;
    align-self: stretch;
    gap: 10px;
}

.wizardMenu-text-desc {
    color: var(--text-light-grey-900-60);
    font-size: 16px;
    font-weight: 400;
}

.wizardMenu-text-title {
    color: var(--text-light-grey-900-87);
    font-size: 18px;
    font-weight: 700;
    align-self: stretch;
}

.wizardMenu-cursor-text-img {
    height: initial;
}

.wizardMenu-ocr-preview {
    min-height: inherit;
}

.wizardMenu-text-position {
    min-height: 130px;
}

.wizardMenu-text-position-radios {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 16px;
}

.wizardMenu-text-position-radios > .wds-preview {
    flex: 1;
}
.wizardMenu-text-position-radios > .wds-preview > .wizardMenu-item-cursor {
    margin: auto;
}

.wizardMenu-text-position-cursor {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    position: relative;
}

.wizardMenu-text-position-value {
    display: flex;
    align-items: center;
    position: absolute;
    height: 30px;
    pointer-events: none;

    color: var(--black);
    font-family: Open Sans;
    font-size: 14px;
    font-weight: 600;
}

.wizardMenu-ocr-divider {
    margin: 0 26px;
}

.wizardMenu-text-position-cursor[data-position='inside'] .wizardMenu-text-position-value {
    color: #FFF;
}

.wizardMenu-text-position-cursor[data-position='above'] .wizardMenu-text-position-value {
    top: -30px;
}

.wizardMenu-text-position-cursor[data-position='below'] .wizardMenu-text-position-value {
    bottom: -30px;
}

.wizardMenu-text-position-cursor[data-position='left'] .wizardMenu-text-position-value {
    left: 50px;
}

.wizardMenu-text-position-cursor[data-position='right'] .wizardMenu-text-position-value {
    right: 50px;
}

/* This div need to be hidden */
.wizardMenu-capture-for-ocr {
    display: none;
}

.wizardMenu-ocr-capturer {
    display: flex;
    position: relative;
    border: 1px solid var(--text-light-grey-900-15);
    user-select: none;
}

.wizardMenu-save-ocr-capture,
.wizardMenu-change-ocr-capture {
    width: 100% !important;
}

.wizardMenu-OCR-retry-banner .wds-banner-message > * {
    margin-top: 10px;
}

.wizardMenu-OCR-retry {
    width: 100% !important;
}

.wizardMenu-result {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 10px;
}

.wizardMenu-result-test {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    gap: 4px;
}

.wizardMenu-result-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
}

.wizardMenu-result-title {
    color: var(--text-light-grey-900-87);
    font-weight: 700;
}

.wizardMenu-result-error {
    color: var(--red-500);
}

/************************************/
/*          OCR PARAMETERS          */
/************************************/

.wizardMenu-ocr-parameter-result {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-around;
    gap: 10px;
}

.wizardMenu-ocr-result-input {
    display: flex;
    flex-direction: column;
    gap: 6px;
    flex: 1;
}

.wizardMenu-ocr-result-title {
    display: flex;
    flex-direction: column;
}

.wizardMenu-ocr-result-desc {
    font-size: 14px;
    color: var(--text-light-grey-900-60);
}

.wizardMenu-ocr-result > .wds-label {
    margin-bottom: 6px;
}

.wizardMenu-ocr-parameters {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 10px;
}

.wizardMenu-ocr-parameter-levenshtein, .wizardMenu-ocr-parameter-threshold {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    padding: 16px;
    border-radius: 10px;
    background: var(--app-bg);
}

.wizardMenu-ocr-parameter-levenshtein > *:not(:last-child),
.wizardMenu-ocr-parameter-threshold > *:not(:last-child) {
    margin-bottom: 10px;
}
.wizardMenu-ocr-parameter-levenshtein .wizardMenu-ocr-input {
    width: 100%;
}

.wizardMenu-cursor-parameter-value {
    margin-right: 10px;
}
.wizardMenu-ocr-slider {
    width: 100%;
}

.wizardMenu-ocr-parameters .wizardMenu-cursor-parameter-input:not(.slider) {
    width: 100%;
}

.wizardMenu-area-parameter.ocr-parameters {
    padding: 13px;
}

.wizardMenu-area-parameter.ocr-parameters > .wizardMenu-area-parameter-top {
    padding: 13px;
    overflow: auto;
}

.wizardMenu-area-parameter.ocr-parameters > .wizardMenu-area-parameter-bottom {
    padding: 0 13px 13px 13px;
}

/* order for ocr area parameters */
.wizardMenu-area-parameter.ocr-parameters > .wizardMenu-area-parameter-top > .wizardMenu-parent-folder {
    order: 1;
}
.wizardMenu-area-parameter.ocr-parameters > .wizardMenu-area-parameter-top > .wizardMenu-name {
    order: 2;
}
.wizardMenu-area-parameter.ocr-parameters > .wizardMenu-area-parameter-top > .wds-divider {
    order: 3;
}
.wizardMenu-area-parameter.ocr-parameters > .wizardMenu-area-parameter-top > .wizardMenu-ocr-parameter-result {
    order: 4;
}
.wizardMenu-area-parameter.ocr-parameters > .wizardMenu-area-parameter-top > .wizardMenu-position {
    order: 5;
}
.wizardMenu-area-parameter.ocr-parameters > .wizardMenu-area-parameter-top > .wizardMenu-size {
    order: 6;
}
.wizardMenu-area-parameter.ocr-parameters > .wizardMenu-area-parameter-top > .wizardMenu-ocr-parameters {
    order: 7;
}

/* order for the custom ocr parameters */
.wizardMenu-ocr-parameters > .wizardMenu-ocr-parameter-regexp {
    order: 1;
}
.wizardMenu-ocr-parameters > .wizardMenu-ocr-parameter-levenshtein {
    order: 2;
}
.wizardMenu-ocr-parameters > .wizardMenu-ocr-parameter-lang {
    order: 3;
}
.wizardMenu-ocr-parameters > .wizardMenu-ocr-parameter-isdigit {
    order: 4;
}
.wizardMenu-ocr-parameters > .wizardMenu-ocr-parameter-authorizedchar {
    order: 5;
}
.wizardMenu-ocr-parameters > .wizardMenu-ocr-parameter-isascii {
    order: 6;
}
.wizardMenu-ocr-parameters > .wizardMenu-ocr-parameter-sizefactor {
    order: 7;
}
.wizardMenu-ocr-parameters > .wizardMenu-ocr-parameter-contrast {
    order: 8;
}
.wizardMenu-ocr-parameters > .wizardMenu-ocr-parameter-autobin {
    order: 9;
}
.wizardMenu-ocr-parameters > .wizardMenu-ocr-parameter-threshold {
    order: 10;
}
.wizardMenu-ocr-parameters > .wizardMenu-ocr-parameter-useLegacyEngine {
    order: 11;
}

/************************************/
/*            Generation            */
/************************************/
.wizardMenu-menu-generation {
    display: flex;
    flex-direction: column;
    gap: 26px;
}
.wizardMenu-menu-gene-title-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
}

.wizardMenu-menu-gene-title {
    color: var(--text-light-grey-900-87);

    font-size: 18px;
    font-weight: 700;
}

.wizardMenu-menu-gene-desc {
    color: var(--text-light-grey-900-60);

    font-size: 16px;
    font-weight: 400;
}

.wizardMenu-menu-gen-item {
    display: flex;
    padding: 16px;
    flex-direction: column;
    align-items: flex-start;
    gap: 26px;
    border-radius: 10px;
    background: rgba(243, 245, 248, 0.90);
}

.wizardMenu-menu-generation-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}

.wizardMenu-menu-generate-title {
    color: var(--text-light-grey-900-87);
    font-size: 16px;
}

.wizardMenu-menu-point {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    gap: 6px;
}

.wizardMenu-menu-point > .wds-icon {
    color: var(--green-500);
}

.wizardMenu-menu-point > span {
    color: var(--text-light-grey-900-87);

    font-size: 16px;
    font-weight: 400;
    line-height: normal;
}

.wizardMenu-menu-gen-btn {
    width: 100% !important
}

/************************************/
/*           Verification           */
/************************************/

.wizardMenu-menu-verification {
    justify-content: space-between;
    padding: 0 !important;
    gap: 10px;
}

.wizardMenu-verification {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 52px 8px 0px 8px;
    overflow: auto;
    overflow-x: hidden;
    gap: 16px;
}

.wizardMenu-verification[data-fetching="INPROGRESS"] {
    display: flex;
    padding: 10px 50px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 42px;
    flex: 1 0 0;
    align-self: stretch;
}

.wizardMenu-verification-loader {
    height: 100%;
}

.wizardMenu-verification-elements {
    display: flex;
    flex-direction: column;
    gap: 16px;
    overflow: auto;
}

.wizardMenu-text-wrapper {
    display: flex;
    flex-direction: column;
    align-self: stretch;
    gap: 8px;
}

.wizardMenu-text-title-light {
    color: var(--text-light-grey-900-87);
    font-size: 14px;
    font-weight: 700;
}

.wizardMenu-text-secondary {
    color: var(--text-light-grey-900-60);
    font-size: 14px;
    font-weight: 400;
}

.wizardMenu-area-parameter.wizardMenu-additional-lang {
    overflow: hidden;
    padding: 8px;
}

.wizardMenu-additional-lang .wizardMenu-area-parameter-top {
    overflow: auto;
    padding: 8px;
    gap: 16px;
}

.wizardMenu-add-lang-body {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.wizardMenu-verification-element {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}

.wizardMenu-element-title-right {
    background: var(--app-bg);
    display: flex;
    padding: 10px;
    border-radius: 10px;
    gap: 10px;
    flex: 1;
}

.wizardMenu-add-lang-title {
    font-size: 18px;
    font-weight: 700;
}

.wizardMenu-element-check {
    display: flex;
    align-items: center;
    flex-direction: row;
    width: 100%;
}

.wizardMenu-element-check-icon {
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    margin-right: 6px;
}

.wizardMenu-count-elements {
    margin-left: 4px;
    font-size: 14px;
    font-weight: 400;
    margin-right: 6px;
}

.wizardMenu-element-check-icon[data-icon='circle-exclamation'] {
    color: var(--orange-500);
}

.wizardMenu-element-check-icon[data-icon='circle-check'] {
    color: var(--green-500);
}

.wizardMenu-element-index {
    width: 22px;
    text-align: center;
    font-size: 16px;
    color: var(--wizard-label-color);
}

.wizardMenu-element-langs {
    background: var(--app-bg);
    border-radius: 10px;
    display: flex;
    padding: 10px;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}

.wizardMenu-element-lang {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    gap: 10px;
}

.wizardMenu-element-label {
    text-align: justify;
    text-transform: capitalize;
    font-weight: bold;
}

.wizardMenu-verification-langs {
    text-transform: uppercase;
}

.wizardMenu-verification-langs,
.wizardMenu-element-label {
    width: 45px;
    min-width: initial !important;
}

.wizardMenu-verification-input {
    flex: 1;
}

.wizardMenu-verification-bottom {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.wizardMenu-verification-buttons-wrapper {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.wizardMenu-verification-buttons {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 10px;
}
.wizardMenu-verification-buttons > .wds-button {
    flex: 0.5;
}

.wizardMenu-manage-lang,
.wizardMenu-add-element,
.wizardMenu-show-lang-btn {
    width: 100% !important;
}

/* DOWNLOAD / IMPORT */
.wizardMenu-verification-csv {
    display: flex;
    padding: 16px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    border-radius: 10px;
    background: var(--app-bg);
    gap: 10px;
}

.wizardMenu-verification-csv-title {
    display: flex;
    align-items: center;
    gap: 8px;
}

.wizardMenu-add-lang-info {
    color: var(--cyan-500);
}

.wizardMenu-csv-step {
    display: flex;
    flex-direction: column;
}

.wizardMenu-csv-step-error {
    color: var(--red-500);
}

.wizardMenu-expand-input {
    flex-direction: row;
}

.wizardMenu-separator {
    display: flex;
    width: 10px;
    height: 34px;
    flex-direction: column;
    justify-content: center;
    color: var(--text-light-grey-900-30);
}

.wizardMenu-verification-import.disabled {
    color: var(--text-light-grey-900-30);
}

.wizardMenu-verification-download.full,
.wizardMenu-verification-download.full > .wizardMenu-download-btn {
    width: 100% !important;
}

.wizardMenu-verification-download-import {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    align-self: stretch;
    gap: 10px;
}

.wizardMenu-verification-download, .wizardMenu-verification-import {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.wizardMenu-file-input {
    display: none;
}


.wizardMenu-learning-video {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.wizardMenu-learning-stopped {
    position: absolute;
}

.wizardMenu-learning-animation {
    height: 180px;
}

.wizardMenu-menu-learning-body {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}

.wizardMenu-menu-learning-title {
    color: var(--text-light-grey-900-87);
    font-size: 18px;
    font-weight: 700;
}

.wizardMenu-menu-learning-desc {
    color: var(--text-light-grey-900-60);
    text-align: center;
    font-size: 14px;
    font-weight: 400;
}

.wizardMenu-stop-learning {
    width: 100%;
}

#wizardMenu-modal-relearn {
    max-width: none;
    width: auto;
}

#wizardMenu-modal-relearn .wds-modal-body {
    width: 460px;
}

.wizardMenu-relearn-list {
    padding-inline-start: 20px;
    margin-block-start: 0;
}

.wizardMenu-relearn-important,
.wizardMenu-relearn-part1,
.wizardMenu-relearn-list > li {
    color: var(--text-light-grey-900-87);
    font-size: 16px;
    font-weight: 400;
}

.wizardMenu-relearn-important {
    font-weight: 700;
}

/************************************/
/*          TEST & CREATE           */
/************************************/

.wizardMenu-test-create {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 52px 8px 0px 8px;
    overflow: auto;
}

.wizardMenu-test-create > *:not(:first-child) {
    margin-top: 10px;
}

.wizardMenu-panel-element.child .wds-item-name {
    font-weight: 400 !important;
}

.wizardMenu-panel-element.child .wds-item-head .wizardMenu-element-tree-wrapper {
    justify-content: flex-end;
}

.wizardMenu-test-create .wds-item-nameChildren {
    width: 100%;
    pointer-events: inherit !important;
    overflow: auto;
}

.wizardMenu-element-tree-title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    font-weight: 400;
}

.wizardMenu-element-tree-wrapper[data-is-parent] > .wizardMenu-element-tree-title {
    font-weight: 600;
}

.wizardMenu-element-tree-title:first-letter {
    text-transform: uppercase;
}

.wizardMenu-element-tree-title[data-panelId="root"] {
    color: var(--text-light-grey-900-87);
    font-weight: 600;
}

.wds-item-head {
    cursor: pointer;
}

.wizardMenu-root-element,
.wizardMenu-element-tree-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    position: relative;
    width: 100%;
}

.wizardMenu-element-tree-right {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 10px;
}
/* Tree loader loader for the controlpanel smartnav */
.wizardMenu-element-tree-loader {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 6px;
}

.wizardMenu-tree-play-btn,
.wizardMenu-tree-delete-btn {
    display: none !important;
}


.wds-item-head:hover .wizardMenu-element-tree-wrapper .wizardMenu-tree-play-btn,
.wds-item-head .wizardMenu-element-tree-wrapper .wizardMenu-tree-play-btn[data-loading="true"],
.wds-item-head:hover .wizardMenu-element-tree-wrapper .wizardMenu-tree-delete-btn,
.wds-item-head .wizardMenu-element-tree-wrapper .wizardMenu-tree-delete-btn[data-loading="true"] {
    display: inherit !important;
}

.wizardMenu-delete-modal-important {
    font-weight: 700;
}

.wizardMenu-delete-modal-desc > p:first-child {
    color: var(--text-light-grey-900-87);
    font-size: 14px;
    font-weight: 400;
    margin: 0;
}

.wizardMenu-delete-modal-desc {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.wizardMenu-delete-modal-elements {
    display: flex;
    flex-direction: column;
    padding: 16px;
    justify-content: space-between;
    align-items: flex-start;
    border-radius: 10px;
    background: var(--app-bg, #F3F5F8);
    max-height: 156px;
    overflow: auto;
}

.wizardMenu-delete-modal-elements > ul {
    padding: 0;
    margin: 0;
}

.wizardMenu-submenu-ul {
    padding-inline-start: 21px;
    list-style-type: disc;
}

.wizardMenu-delete-modal-elements .wizardMenu-delete-element,
.wizardMenu-submenu-li {
    color: var(--text-light-grey-900-60);
    font-size: 14px;
    font-weight: 400;
}

.wizardMenu-delete-confirm {
    color: var(--text-light-grey-900-87);
    font-weight: 600;
}

/************************************/
/*           ENDING PAGE            */
/************************************/

.wizardMenu-ending-page {
    height: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 26px;
    flex: 1 0 0;
    padding: 44px 42px 16px 42px;
}

.wizardMenu-ending-page > .wds-stepper {
    width: 876px;
}
.wizardMenu-ending-page .wds-stepperContent {
    padding: 42px;
}

.wizardMenu-ending-page .wds-stepperContent-content,
.wizardMenu-ep-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}

.wizardMenu-ep-wrapper {
    gap: 18px;
}

.wizardMenu-ending-page .wds-stepperContent-title,
.wizardMenu-ending-page .wds-stepperContent-sep,
.wizardMenu-ending-page .wds-stepperContent-btns {
    display: none;
}

.wizardMenu-ep-top {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}

.wizardMenu-ep-top-primary {
    color: var(--cyan-900);
    font-size: 28px;
    font-weight: 700;
}
.wizardMenu-ep-top-secondary {
    color: var(--text-light-grey-900-87);
    font-size: 18px;
}

.wizardMenu-icon-launch {
    height: 350px;
}

.wizardMenu-content-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 42px;
}

.wizardMenu-ep-bot-title {
    font-size: 16px;
    font-weight: 700;
}

.wizardMenu-ep-bot-availables,
.wizardMenu-ep-bottom {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.wizardMenu-ep-bot-module {
    display: flex;
    flex-direction: row;
    align-items: center;
    background: var(--app-bg);
    padding: 16px;
    border-radius: 10px;
    gap: 16px;
    width: 500px;
}

.wizardMenu-with-tag {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}

.wizardMenu-ep-bot-icon {
    background: var(--yellow-300);
    border-radius: 50%;
    display: flex;
    flex-direction: row;
    width: 30px;
    height: 30px;
    justify-content: center;
}

.wizardMenu-ep-bot-icon > .wds-icon {
    font-size: 14px;
}

.wizardMenu-ep-bot-content {
    display: flex;
    flex-direction: column;
    gap: 2px;
    flex: 1;
}

.wizardMenu-ep-bot-content > .support-link {
    padding-left: 0;
}

.wizardMenu-ep-bot-desc {
    font-size: 14px;
    color: var(--text-light-grey-900-60);
}

/* remove when add small tag version */
.wizardMenu-with-tag .wds-tag {
    padding: 0px 6px 1px 6px;
    min-height: 16px;
}

.wizardMenu-with-tag .wds-tag .wds-tag-text {
    padding: 0;
    font-weight: normal;
}


/************************************/
/*            MENU TYPE             */
/************************************/

.wizardMenu-menu-type {
    margin-top: 50px;
    overflow: hidden;
    height: 100%;
}

.wizardMenu-menu-type,
.wizardMenu-menu-type-grid,
.wizardMenu-menu-type-grid > .wds-gridSelector-btn {
    height: 100%;
}

.wizardMenu-menu-type-title {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.wizardMenu-menu-type-title > .wizardMenu-menu-type-desc {
    max-height: 38px;
    color: var(--text-light-grey-900-60);
}

.wizardMenu-menu-type-title > .wizardMenu-menu-type-name {
    align-self: center;
    color: var(--text-light-grey-900-87);
    font-weight: 700;
}

.wizardMenu-menu-type-video {
    width: inherit;
    max-height: 255px;
}