#occupancy {
    padding: 1rem;
    border: 1px solid hsl(0, 0%, 90%);
    border-radius: 0.5rem;
    display: grid;
    place-items: center ;
    background: white;

    h5 {
        margin-block: 0.5rem;
        font-size: 1.25rem;
        color: var(--gray);
        text-align: center;
    }
    
    p {
        margin-block: 0.5rem;
        display: flex;
        justify-content: center;
        align-items: baseline;
        gap: 0.25rem;

        strong {
            font-size: 1.25rem;
            color: var(--component-color);
        }

        small {
            color: var(--gray);
            font-size: 0.75rem;
            margin-left: 0.25rem;
        }
    }
    
    progress {
        width: 100%;
        height: 0.5rem;
        border: none;
        border-radius: 0.25rem;
        background: hsl(0, 0%, 90%);
        margin: 1rem 0;
        
        &::-webkit-progress-bar {
            background: hsl(0, 0%, 90%);
            border-radius: 0.25rem;
        }
    }
}