.tooltip {
    width: 19.375em;
    z-index: 500;
    position: absolute;
    right: 0;
    text-align: right;
    font-size: 16px;
}
.tooltip svg {
    margin: 0 0.63em;
}
.tooltip div.tooltip-content {
    color: #FFF;
    background-color: #000;
    text-align: left;
    padding: 0.94em 1.25em;
    margin: -0.4rem 0 -0.2rem 0;
    left: 0;
    right: 0;
    top: 1em;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}

.tooltip div.tooltip-close {
    margin-top: 10px;
}

.tooltip div.tooltip-close a {
    color: #FFF;
    cursor: pointer;
}

.tooltip.light div {
    color: #1F1F1F;
    background-color: #fff;
}

.tooltip.light svg {
    filter: invert(100%);
}

.tooltip.light div.tooltip-close a {
    color: #1F1F1F;
}

.tooltip.align-left {
    left: 0;
    right: unset;
    text-align: left;
}

.tooltip.align-bottom {
    bottom: 2em;
}

#login-tooltip.tooltip {
    z-index: 500;
}

#login-tooltip.tooltip span {
    margin: 0 2px;
}