* {
        background-color: #ffffff;
    }
    :root {
    }

    body{
        margin: 1px;
        cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E%3Ccircle cx='4' cy='4' r='4' fill='black'/%3E%3C/svg%3E") 4 4, auto;
    }
    
    img{
        width: 100%;
        height: 100%;
        object-fit: cover;
        margin: auto;
    }
    
    .grid-container{
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 1px;
        position: -webkit-sticky; /* Safari */
        position: sticky;
        top: 0;
        }

    .grid-item{
        height: 14px;    
        /* border: 0.5px solid #000000; */
        display: grid;
        align-items: center;
        vertical-align: middle;
        line-height: 14px; 
        font-size: 12px;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 600;
        overflow: hidden;
        background-color: #dedede;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45), inset 0 -1px 1px rgba(0, 0, 0, 0.2);
        color: rgb(66, 66, 66);
        }

    .grid-item-r{
        height: 14px;    
        /* border: 0.5px solid #000000; */
        display: grid;
        align-items: center;
        vertical-align: middle;
        text-align: left;
        line-height: 14px; 
        font-size: 12px;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 600;
        overflow: hidden;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9), inset 0 -1px 1px rgba(0, 0, 0, 0.45);
        background-color: #dedede;
        color: rgb(0, 0, 0);
        cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E%3Ccircle cx='4' cy='4' r='4' fill='black'/%3E%3C/svg%3E") 4 4, auto;
        user-select: none;
        transition: transform 160ms linear, box-shadow 160ms linear;
    }

    .grid-item-r.is-pressed{
        transform: scale(0.999);
        box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), inset 0 -1px 0 rgba(255, 255, 255, 0.2);
    }

    .city-datetime{
        align-items: center;
        grid-auto-flow: column;
        justify-content: start;
        gap: 4px;
        white-space: nowrap;
    }

    .city-datetime span{
        background-color: transparent;
    }