.content-item > span{
    text-align: center;
}
#container {
    background-color: var(--backgroundcolor) !important;
}
.inner-fixed {
    background-color: var(--topbarcolor) !important;
}
.footer {
    background-color: var(--bottombarcolor) !important;
}
.popup{
    background-color: var(--backgroundcolor) !important;
}

.notification{
    background-color: var(--boxcolor) !important;
}
.popup-title{
    background-color: var(--boxcolor) !important;
}

.notification .notification-icon {
    background-color: var(--boxcolor) !important;
}

html,body{
    color:var(--textcolor) !important;
}

.share-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:16px;
    padding:20px 10px;
}
.share-grid-item{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:8px;
    text-decoration:none;
    color:var(--textcolor);
    font-size:12px;
    cursor:pointer;
}
.share-grid-item:hover{
    opacity:0.85;
}
.share-icon{
    width:56px;
    height:56px;
    border-radius:16px;
    display:flex;
    align-items:center;
    justify-content:center;
}
.share-icon i{
    font-size:24px !important;
    color:#fff !important;
}
.share-grid-item span{
    text-align:center;
    line-height:1.2;
    word-break:break-word;
    max-width:70px;
}