.default-EZuD3gZZ {
    --ui-lib-icon-qi-default-color: #b8b8b8;
    --ui-lib-icon-qi-default-color-hover: #707070;
    --ui-lib-icon-qi-default-color-active: #4a4a4a
}

html.theme-dark .default-EZuD3gZZ {
    --ui-lib-icon-qi-default-color-active: #b8b8b8;
    --ui-lib-icon-qi-default-color-hover: #8c8c8c;
    --ui-lib-icon-qi-default-color: #575757
}

.danger-EZuD3gZZ {
    --ui-lib-icon-qi-default-color: #f23645;
    --ui-lib-icon-qi-default-color-hover: #cc2f3c;
    --ui-lib-icon-qi-default-color-active: #b22833
}

html.theme-dark .danger-EZuD3gZZ {
    --ui-lib-icon-qi-default-color-active: #f77c80;
    --ui-lib-icon-qi-default-color-hover: #f7525f;
    --ui-lib-icon-qi-default-color: #f23645
}

.warning-EZuD3gZZ {
    --ui-lib-icon-qi-default-color: #ff9800;
    --ui-lib-icon-qi-default-color-hover: #fb8c00;
    --ui-lib-icon-qi-default-color-active: #f57c00
}

html.theme-dark .warning-EZuD3gZZ {
    --ui-lib-icon-qi-default-color-active: #ffb74d;
    --ui-lib-icon-qi-default-color-hover: #ffa726;
    --ui-lib-icon-qi-default-color: #ff9800
}

.success-EZuD3gZZ {
    --ui-lib-icon-qi-default-color: #089981;
    --ui-lib-icon-qi-default-color-hover: #06806b;
    --ui-lib-icon-qi-default-color-active: #056656
}

html.theme-dark .success-EZuD3gZZ {
    --ui-lib-icon-qi-default-color-active: #42bda8;
    --ui-lib-icon-qi-default-color-hover: #22ab94;
    --ui-lib-icon-qi-default-color: #089981
}

.neutral-EZuD3gZZ {
    --ui-lib-icon-qi-default-color: #575757;
    --ui-lib-icon-qi-default-color-hover: #3d3d3d;
    --ui-lib-icon-qi-default-color-active: #1f1f1f
}

html.theme-dark .neutral-EZuD3gZZ {
    --ui-lib-icon-qi-default-color-active: #ebebeb;
    --ui-lib-icon-qi-default-color-hover: #b8b8b8;
    --ui-lib-icon-qi-default-color: #8c8c8c
}

.neutral-light-EZuD3gZZ {
    --ui-lib-icon-qi-default-color: #dbdbdb;
    --ui-lib-icon-qi-default-color-hover: #707070;
    --ui-lib-icon-qi-default-color-active: #4a4a4a
}

html.theme-dark .neutral-light-EZuD3gZZ {
    --ui-lib-icon-qi-default-color-active: #b8b8b8;
    --ui-lib-icon-qi-default-color-hover: #8c8c8c;
    --ui-lib-icon-qi-default-color: #575757
}

.small-EZuD3gZZ {
    --ui-lib-size: 3
}

.medium-EZuD3gZZ {
    --ui-lib-size: 4
}

.large-EZuD3gZZ {
    --ui-lib-size: 5
}

.iconWrapper-EZuD3gZZ {
    --ui-lib-size-defaulted: var(--ui-lib-size, 3);
    --ui-lib-size-defaulted-small: calc(max(0, 1 - (var(--ui-lib-size-defaulted) - 3) * (var(--ui-lib-size-defaulted) - 3)));
    --ui-lib-size-defaulted-medium: calc(max(0, 1 - (var(--ui-lib-size-defaulted) - 4) * (var(--ui-lib-size-defaulted) - 4)));
    --ui-lib-size-defaulted-large: calc(max(0, 1 - (var(--ui-lib-size-defaulted) - 5) * (var(--ui-lib-size-defaulted) - 5)));
    background: #0000;
    border: 0;
    box-shadow: none;
    color: var(--ui-lib-icon-qi-color, var(--ui-lib-icon-qi-default-color));
    display: inline-block;
    padding: 0;
    vertical-align: middle;
    --ui-lib-icon-question-information-size: calc(var(--ui-lib-size-defaulted-small)*18px + var(--ui-lib-size-defaulted-medium)*28px + var(--ui-lib-size-defaulted-large)*44px);
    height: var(--ui-lib-icon-question-information-size);
    line-height: var(--ui-lib-icon-question-information-size);
    min-width: var(--ui-lib-icon-question-information-size);
    outline: none;
    overflow: visible;
    position: relative;
    width: var(--ui-lib-icon-question-information-size)
}

.iconWrapper-EZuD3gZZ:focus {
    outline: none
}

.iconWrapper-EZuD3gZZ:focus-visible {
    outline: none
}

.iconWrapper-EZuD3gZZ:after {
    border-style: solid;
    border-width: 2px;
    box-sizing: border-box;
    content: "";
    display: none;
    height: calc(100% + 8px);
    left: -4px;
    pointer-events: none;
    position: absolute;
    top: -4px;
    width: calc(100% + 8px);
    z-index: 1
}

.iconWrapper-EZuD3gZZ:focus:after {
    display: block
}

.iconWrapper-EZuD3gZZ:focus-visible:after {
    display: block
}

.iconWrapper-EZuD3gZZ:focus:not(:focus-visible):after {
    display: none
}

.iconWrapper-EZuD3gZZ:after,
html.theme-dark .iconWrapper-EZuD3gZZ:after {
    border-color: #2962ff
}

.iconWrapper-EZuD3gZZ:after {
    border-radius: calc(50% + 4px)
}

.iconWrapper-EZuD3gZZ:visited {
    color: var(--ui-lib-icon-qi-color, var(--ui-lib-icon-qi-default-color))
}

@media (any-hover:hover) {
    .iconWrapper-EZuD3gZZ:hover {
        color: var(--ui-lib-icon-qi-color-hover, var(--ui-lib-icon-qi-default-color-hover))
    }
}

.iconWrapper-EZuD3gZZ:active {
    color: var(--ui-lib-icon-qi-color-active, var(--ui-lib-icon-qi-default-color-active))
}

.icon-EZuD3gZZ {
    pointer-events: none
}

.icon-EZuD3gZZ svg {
    height: 100%;
    width: 100%
}