/* Flash message animation */

.flash-message-hide {
    animation: flash-hide 0.25s ease-out;
}

@keyframes flash-hide {
    0% {
        transform: scale(1);
        opacity: 1
    }
    100% {
        transform: scale(0.9);
        opacity: 0
    }
}

.cylinder {
    --base-color: #bbb;
    /* this variable will define how much ci*/
    --r: .3rem;
    /* whatever values/units you want */
    width: 3rem;
    height: 4rem;
    background: 
        radial-gradient(50% var(--r) at 50% var(--r), #0003 99.99%, #0000 0),
        /*radial-gradient(50% var(--r) at 50% calc(100% - var(--r)), #fff3 99.99%, #0000 0),*/
        var(--base-color);
    border-radius: 100% / calc(var(--r) * 2);
}