.default-A5Aio7eI {
    --ui-lib-icon-qi-default-color: var(--color-content-primary-neutral-light);
    --ui-lib-icon-qi-default-color-hover: var(--color-content-primary-neutral);
    --ui-lib-icon-qi-default-color-active: var(--color-content-primary-neutral-semi-bold)
}

.danger-A5Aio7eI {
    --ui-lib-icon-qi-default-color: var(--color-content-primary-danger);
    --ui-lib-icon-qi-default-color-hover: var(--color-content-primary-danger-semi-bold);
    --ui-lib-icon-qi-default-color-active: var(--color-content-primary-danger-bold)
}

.warning-A5Aio7eI {
    --ui-lib-icon-qi-default-color: var(--color-content-primary-warning);
    --ui-lib-icon-qi-default-color-hover: var(--color-content-primary-warning-semi-bold);
    --ui-lib-icon-qi-default-color-active: var(--color-content-primary-warning-bold)
}

.success-A5Aio7eI {
    --ui-lib-icon-qi-default-color: var(--color-content-primary-success);
    --ui-lib-icon-qi-default-color-hover: var(--color-content-primary-success-semi-bold);
    --ui-lib-icon-qi-default-color-active: var(--color-content-primary-success-bold)
}

.neutral-A5Aio7eI {
    --ui-lib-icon-qi-default-color: var(--color-content-secondary-neutral);
    --ui-lib-icon-qi-default-color-hover: var(--color-content-secondary-neutral-medium);
    --ui-lib-icon-qi-default-color-active: var(--color-content-secondary-neutral-semi-bold)
}

.neutral-light-A5Aio7eI {
    --ui-lib-icon-qi-default-color: var(--color-content-primary-neutral-extra-light);
    --ui-lib-icon-qi-default-color-hover: var(--color-content-primary-neutral);
    --ui-lib-icon-qi-default-color-active: var(--color-content-primary-neutral-semi-bold)
}

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

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

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

.iconWrapper-A5Aio7eI {
    --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-A5Aio7eI:focus {
    outline: none
}

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

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

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

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

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

.iconWrapper-A5Aio7eI:after {
    border-color: var(--color-focus-outline-color-blue);
    border-radius: calc(50% + 4px)
}

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

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

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

.icon-A5Aio7eI {
    pointer-events: none
}

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