:root {
    --primary: #353535;
    --primary-1: #C04C44;
    --primary-2: #000000;
    --primary-3: #545454;
    --primary-4: #FFFFFF;
    --primary-5: #eb1a1a;
    --primary-6: #194B82;
    --primary-7: #307FD8;
    --primary-8: #1D50A2;
    --primary-9: #D03730;
    --primary-10: #999;
    --primary-11: #333333;
   
    --bgc: #FFFFFF;
    --bgc-2: #FFFEF5;
    --bgc-3: #F3FCFE;
    --bgc-4: #FEF8F9;
    --bgc-6: #FFFFFF;
    --bgc-7: #D1F0FD;
    --bgc-8: #A3E5FB;
    --bgc-9: #CCC;
    --bgc-10: #849ca9;
    --bgc-11: #194B82;
    --bgc-12: #C04C44;
    --bgc-primary-1: linear-gradient(transparent 50%, #FFFF84 0%);
    --bgc-primary-2: linear-gradient(60deg, #ff7855, #ff39a0);
    --bgc-primary-3: linear-gradient(transparent 30%, #ff7855, #ff39a0);
    
    
    --border: #153B54;
    --border-1: #FFFEF5;
    --border-2: #1F1F1F;
    --border-3: #D1F0FD;
    --border-4: #A3E5FB;
    --border-5: #C6C6C6;
}

.doda-item-sidebar {
    width: 100%;
    padding: 5px 12px;
    border-radius: 15px;
    box-shadow: 0px 0px 5px -3px rgba(0, 0, 0, 0.8);
    -webkit-box-shadow: 0px 0px 5px -3px rgba(0, 0, 0, 0.8);
    line-height: 30px;
    font-size: 16px;
    color: var(--primary-3) !important;
    border: 1px solid var(--border-5);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}

.page-wrapper .page-header {
    margin: 0 !important;
    padding: var(--tblr-page-padding-y) 0 0 !important;
}

.page-body {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: var(--tblr-page-padding-y) !important;
    padding-bottom: var(--tblr-page-padding-y) !important;
}

.ranking-body-content {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 10;
    overflow: hidden;
    text-overflow: ellipsis;
}

.doda-item-sidebar i::before {
    background: var(--bgc-10);
    color: var(--primary-4);
    border-radius: 50%;
    font-size: 19px;
    padding: 4px;
    margin-right: 8px;
}

.doda_count {
    padding: 3px 10px;
    border-radius: 50%;
    background-color: var(--bgc-10);
    color: var(--primary-4);
    margin-right: 8px;
}
.doda_counts {
    padding: 3px 6px;
    border-radius: 50%;
    background-color: var(--bgc-10);
    color: var(--primary-4);
    margin-right: 8px;
}
#post_content_body .table img{
    object-fit: contain !important;
}