.wd-ui-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--wd-ui-icon-size, 20px);
    height: var(--wd-ui-icon-size, 20px);
    line-height: 1;
    vertical-align: -0.2em;
    flex: 0 0 auto;
}

.wd-ui-icon__img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.wd-ui-icon--cloud-layer {
    position: relative;
    padding-bottom: calc(var(--wd-ui-icon-size, 20px) * 0.16);
}

.wd-ui-icon--cloud-layer .wd-ui-icon__img {
    height: calc(var(--wd-ui-icon-size, 20px) * 0.82);
}

.wd-ui-icon__layer-line {
    position: absolute;
    left: 16%;
    right: 16%;
    bottom: 0;
    height: max(2px, calc(var(--wd-ui-icon-size, 20px) * 0.12));
    border-radius: 999px;
    background: #222426;
}

.wd-ui-icon--inline {
    margin-right: 0.3em;
}

.wd-ui-icon--section {
    width: 1.1em;
    height: 1.1em;
}

.wd-ui-icon--chip {
    width: 1em;
    height: 1em;
    margin-right: 0.35em;
}

.wd-ui-icon--fact {
    width: 22px;
    height: 22px;
}

.wd-ui-icon--table-heading {
    width: 18px;
    height: 18px;
    margin-right: 4px;
}