.p--bg-ab {
    background: aliceblue;
}
.p--bg-gb {
    background: gainsboro;
}
.p--bg-rb {
    background: royalblue;
}
.p--bg-s {
    background: salmon;
}
.p--bg-w {
    background: white;
}
.p--bg-ws {
    background: whitesmoke;
}
.p--border {
    border: 1px solid gainsboro;
}
.p--button {
    background: aliceblue;
    border: 1px solid gainsboro;
    color: inherit;
    padding: 0 4px 0 4px;
    width: fit-content;
}
.p--button-d {
    background: mistyrose;
    border: 1px solid gainsboro;
    color: inherit;
    padding: 0 4px 0 4px;
    width: fit-content;
}
.p--button-a {
    background: white;
    border: 1px solid gainsboro;
    color: blue;
    padding: 0 4px 0 4px;
    text-decoration: none;
    width: fit-content;
}
.p--button-a:visited {
    color: blue;
}
.p--card {
    background: white;
    border: 1px solid gainsboro;
    padding: 4px;
}
.p--col {
    display:  flex;
    flex-flow: column wrap;
}
.p--color-w {
    color: white;
}
.p--hr {
    border-color: gainsboro;
    border-style: dashed;
    border-width: 1px 0 1px 0;
    margin-bottom: 2px;
    margin-top: 2px;
    width: 100%;
}
.p--row {
    display:  flex;
    flex-flow: row wrap;
}
.p--row-r {
    display:  flex;
    flex-direction: row-reverse;
}