.card {
    border: 1px solid var(--app-color-almond-4);
}
.centered {
    text-align: center;
}
.righted {
    text-align: right;
}
.lefted {
    text-align: left;
}
.columns {
    display: flex;
}
.columns > * {
    flex: 1;
}
.elevated {
    box-shadow: -1px 1px 1px 1px var(--app-color-almond-5);
    box-shadow: 0 1px 1px 0 var(--app-color-almond-5), 1px 1px 1px 0 var(--app-color-almond-5), -1px 1px 1px 0 var(--app-color-almond-5);
}
.dark .elevated {
    box-shadow: -1px 1px 1px 1px var(--app-color-slate-7);
}
.interactive {
    cursor: pointer;
}
.padded {
    padding: var(--app-distance-100);
}
.rounded {
    border-radius: var(--app-distance-050);
}
.transparent {
    background-color: transparent !important;
}
.hoverable:hover {
    background-color: var(--app-color-dandelion-7a25);
}
.margin-right {
    margin-right: var(--app-distance-100);
}
.margin-left {
    margin-left: var(--app-distance-100);
}
.animated {
    transition: all 0.125s ease-in-out;
}
.uuid {
    font-family: "Cousine", monospace;
}