html, body, svg text, .widget-text {
    font-size: small;
    color: hsl(0, 0%, 40%);
    fill: hsl(0, 0%, 40%);
}

a {
    color: var(--metrum-accent);
    text-decoration: none;
}

    a:hover {
        color: var(--metrum-accent);
        cursor: pointer;
        opacity: .8;
    }

.metrum-closable-panel {
    position: relative;
}

.align-with-text {
    /*vertical-align: sub;*/
    margin-top: 4px;
}

.align-content-bottom {
    align-content: end;
}

.relative {
    position: relative;
}

.absolute-top-right {
    position: absolute;
    top: 10px;
    right: 10px;
}
.absolute-bottom-right {
    position: absolute;
    bottom: 10px;
    right: 10px;
}

.smaller-text {
    font-size: smaller;
}

.no-border {
    border: none;
}

.not-rounded {
    border-radius: 0px;
}
.nowrap {
    white-space: nowrap;
    display: inline-block;
}

.metrum-clickable:hover {
    cursor: pointer;
}

.metrum-draggable:hover {
    cursor: grab;
}

.inline {
    display: inline-block;
}
.hide, .hidden {
    display: none !important;
}

.faint-on-hover:hover {
    opacity: .8;
}
.fill {
    width: 100%;
    height: 100%;
}
.revert{
    background:revert;
    color:revert;
    font-family:revert;
    font-size:revert;
    font-style:revert;
    font-weight:revert;
    border:none;
}