main{
    padding-top: var(--spacer-20);
    padding-bottom: var(--spacer-32);
    width: 100%;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

body {
    font-family: 'Inter', sans-serif; 
    margin:0; 
    background:var(--bg2);
    color:var(--black1);
}

.cell{
    display: flex;
    flex-direction: row;
    height: 50px;
    padding: var(--spacer-4);
    border-bottom: 0.5px solid var(--border1);
    align-items: center;
    justify-content: space-between;
    width: 100%;

    font-size: var(--spacer-4);
    font-weight: 500;
    color: var(--black1);
}

.cell2{
    display: flex;
    padding: var(--spacer-4);
    border-bottom: 0.5px solid var(--border1);
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    font-size: var(--spacer-4);
    font-weight: 500;
    color: var(--black1);
    gap: var(--spacer-2);
    flex-direction: column;
}

.cell2 small{
    text-align: left;
    font-size: var(--spacer-3);
    line-height: var(--spacer-3);
    font-weight: 300;
    color: var(--gray1);
}

.cell:last-child{
    border-bottom: none;
}

.cell img{
    width: var(--spacer-6) !important;
    height: var(--spacer-6) !important;
    object-fit: contain;
}


.desktop {display: flex;}

.mobile{display: none;}

.hstack{display: flex;flex-direction: row;}

.vstack{display: flex;flex-direction: column;}

.sb{justify-content: space-between;}


.aic{align-items: center;}
.jcc{justify-content: center;}
.ws24{width: var(--spacer-24);}
.w100{width: 100%;}
.line{
    height: 1px;
    background-color: var(--border1);
    flex-grow: 1;
}
.gap1{gap: var(--spacer-1);}
.gap2{gap: var(--spacer-2);}
.gap4{gap: var(--spacer-4);}

.mb2{margin-bottom: var(--spacer-2) !important;}
.mt4{margin-top: var(--spacer-4) !important;}
.mb4{margin-bottom: var(--spacer-4) !important;}
.ml4{margin-left: var(--spacer-4) !important;}
.p4{padding: var(--spacer-4) !important;}
.pl0{padding-left: 0px !important;}
.pl4{padding-left: var(--spacer-4) !important;}
.pr4{padding-right: var(--spacer-4) !important;}
.pt4{padding-top: var(--spacer-4) !important;}

.mt6{margin-top: var(--spacer-6) !important;}

.fs{justify-content: flex-start;}


.leaflet-control-zoom{
    display: none !important;
}

.leaflet-control-attribution{
    display: none !important;
}

@media screen and (max-width: 700px) {
    .desktop {
        display: none;
    }

    .mobile{
        display:flex
    }
}