:root {
    --bs-gradient: linear-gradient(to right,  rgba(186,192,226,0.6) 0%,rgba(221,228,255,0.8) 30%,rgba(221,228,255,0.8) 50%,rgba(221,228,255,1) 70%,rgba(186,192,226,0.6) 100%);
}
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    --bs-gutter-x: 3rem;
}
.container {
    max-width: 480px;
}
@media screen and (min-width: 576px) {
    .container {
        max-width: 540px;
    }
}
.g-0, .gx-0 {
    --bs-gutter-x: 0;
}
.btn {
    --bs-btn-font-weight: 600;
}
.inner-shadow-x {
  box-shadow:
    inset 10px 0 18px -7px rgba(0, 0, 0, 0.25),
    inset -10px 0 18px -7px rgba(0, 0, 0, 0.25);
}
header small {
    letter-spacing: 0.15rem;
    font-size: 11px;
}
.vstack .badge {
    font-size: 0.625rem;
}
.action-bar a {
    font-size: 0.82rem;
}
@media screen  and (min-width: 575px) {
    .action-bar a {
        font-size: 1rem;
    }
}