.left-side,
.modal,
.right-side {
    position: fixed;
    top: 0;
}
.left-side,
.right-side {
    overflow-y: auto;
    z-index: 999;
    background-color: #000;
    bottom: 0;
    width: 100% !important;
}
:root {
    --md-sys-color-primary: #ffffff;
    --md-sys-color-surface: #000000;
    --md-sys-color-surface: #00000000;
    --md-outlined-text-field-label-text-color: #ffffff;
    --md-sys-color-secondary: #ffffff;
    --md-outlined-text-field-label-text-color: #ffffff;
    --md-outlined-text-field-input-text-color: #ffffff;
    --md-sys-color-on-surface: #dddddd;
}
.left-side .user-info a,
.left-side .user-info qwoyd {
    text-decoration: none;
}
#hashtagtitle,
#home-btn-txt,
#settings-btn-txt {
    font-size: 23px;
}
#hashtagtitle,
#reueber,
.left-side .user-info a,
.left-side .user-info qwoyd,
.right-side footer {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
.right-side {
    max-width: 37%;
    right: 0;
}
.left-side {
    max-width: 28%;
    left: 0;
    overflow: hidden;
    border-right: 1px solid #4f4f4f;
}
.user-info a img {
    width: 50px;
    height: 50px;
    min-width: 50px;
    max-width: 50px;
    min-height: 50px;
    max-height: 50px;
    border-radius: 25px;
}
.left-side .logo-img img {
    height: auto !important;
    width: 206px;
    top: 8px;
    position: absolute;
    right: 90px;
}
md-elevated-button {
    --md-elevated-button-label-text-font: system-ui;
    --md-sys-color-surface-container-low: #dddddd;
    --md-sys-color-primary: #000000;
}
.left-side md-elevated-button,
.right-side .tags-all md-elevated-button {
    height: 60px;
    --md-elevated-button-label-text-font: system-ui;
    --md-sys-color-surface-container-low: #dddddd00;
    --md-sys-color-primary: #ffffff;
}
.left-side .user-info qwoyd {
    color: #a0a0a0;
}
#home-btn,
#explore-btn,
#gaming-btn,
#liked-btn,
#openModal,
#settings,
.left-side .user-info {
    position: absolute;
}
#reueber,
.left-side .user-info a {
    color: #fff;
}
.user-info a strong {
    position: relative;
    top: -25px;
    left: 8px;
}
.left-side .user-info {
    bottom: 40px;
    right: 110px;
}
#home-btn-txt {
    position: relative;
    top: -5px;
}
#home-btn i {
    font-size: 25px;
}
#settings .material-symbols-outlined {
    position: relative;
    top: 4px;
}
#create-btn-txt {
    font-size: 23px;
    position: relative;
    top: -2px;
}
#openModal .material-symbols-outlined {
    font-size: 31px;
    position: relative;
    top: 5px;
}
.right-side footer {
    color: #7a7a7a;
    font-size: 15px;
    position: relative;
    top: 74px;
    margin-left: 30px;
    width: 350px;
}
.right-side footer a {
    color: #636363;
}
#searchQuery {
    height: 45px;
    position: relative;
    top: 21px;
    border-radius: 25px;
    background-color: #212121;
    border-style: none;
    color: #fff;
    left: 0;
    margin-left: 30px;
    width: 350px;
}
#home-btn {
    right: 149px;
    top: 76px !important;
}
#explore-btn {
    right: 149px;
    top: 76px !important;
}

#gaming-btn {
    right: 149px;
    top: 76px !important;
}

#liked-btn {
    right: 149px;
    top: 76px !important;
}
#settings {
    top: 135px;
    right: 77px;
}
#openModal {
    top: 195px;
    right: 12px;
}
.material-symbols-rounded {
    font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
}
#home-btn .material-symbols-rounded {
    font-size: 29px;
}
.right-side .tags-all .trendingtags {
    border: 1px solid #353535;
    border-radius: 25px;
    position: relative;
}
.right-side .tags-all {
    position: relative;
    top: 33px;
}
#hashtagtitle {
    color: #fff;
    font-weight: 600;
    position: relative;
    left: 21px;
    top: -12px;
}
.right-side .search-container .tags-all .trendingtags .moretrendingtags {
    width: 100% !important;
    height: 50px !important;
}
.tags-all .trendingtags .moretrendingtags {
    margin-bottom: 5px;
    font-size: 16px;
    border-radius: 0;
}
.right-side {
    border-left: 1px solid #474747;
}
.right-side .recap {
    border: 1px solid #545454;
    border-radius: 25px;
    padding-left: 15px;
    padding-top: 19px;
    font-weight: 700;
    font-size: 29px;
    background-image: linear-gradient(to right, #fc466b 0, #3f5efb 100%);
    position: relative;
    top: 41px;
    height: 96px;
    margin-left: 30px;
    width: 335px;
}
.right-side .recap .recapbutton {
    bottom: 0;
    top: 4px;
    left: 0;
}
.right-side .search-container .recap .recapbutton {
    height: 50px !important;
}
.right-side .tags-all .trendingtags {
    margin-left: 30px;
    top: 25px;
    width: 350px;
    padding-bottom: 10px;
    padding-top: 10px;
}
.right-side .recap .recapbutton {
    width: 320px;
}
@media (max-width: 1550px) {
    #create-btn-txt,
    #home-btn-txt,
    #settings-btn-txt,
    .left-side .user-info qwoyd,
    .user-info a strong {
        display: none;
    }
    #home-btn,
    #explore-btn,
    #gaming-btn,
    #liked-btn,
    #openModal,
    #settings {
        right: 0;
    }
    #openModal .material-symbols-outlined {
        top: -2px;
        left: 2px;
    }
    .left-side {
        width: 12% !important;
        min-width: 184px;
    }
    .left-side .logo-img img {
        right: -9px;
        width: 163px;
        top: 16px;
    }
    .left-side .user-info {
        right: 29px;
    }
    #home-btn .material-symbols-rounded,
    #openModal .material-symbols-outlined,
    #settings .material-symbols-outlined {
        font-size: 38px;
    }
    #settings .material-symbols-outlined {
        top: 0;
        font-size: 32px;
    }
    #home-btn .material-symbols-rounded {
        font-size: 35px;
    }
    .right-side {
        max-width: 32%;
        min-width: 400px;
    }
}
@media (max-width: 1150px) {
    .right-side {
        display: none;
    }
}
.modal,
md-fab {
    display: none;
}
.left-side .user-info qwoyd {
    position: absolute !important;
    left: 60px !important;
    top: 29px !important;
}
@media (min-width: 1551px) {
    #settings {
        right: 77px;
    }
    #openModal {
        right: 13px !important;
    }
}
.modal {
    left: 0;
    padding-top: 60px;
    z-index: 1001;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.5);
}
.modal-content {
    border-radius: 25px;
    background-color: #000;
    margin: 2% auto;
    padding: 20px;
    border: 1px solid #888;
    width: 40%;
    min-width: 360px;
}
#postModal .tenorpowered {
    color: #3d3d3d;
    font-size: 12px;
    position: relative;
    top: 12px;
}
#postModal a {
    color: #383838;
    position: relative;
}
#postModal .modal-content {
    position: relative;
    left: -86px;
    width: 25%;
}
@media (max-width: 576px) {
    #postModal .modal-content {
        width: 80%;
        min-width: 0;
    }
}
#postContent {
    width: 100% !important;
}
@media (max-width: 900px) {
    .left-side {
        width: 100% !important;
        min-width: 0;
        max-width: none;
        height: 60px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 16px;
        background-color: rgba(0, 0, 0, 0);
    }
    .left-side .logo-img img {
        left: 0;
        bottom: 0;
        right: 0;
        object-fit: contain;
        width: 100%;
        max-width: 180px;
        height: auto;
        object-fit: contain;
        top: -3px !important;
    }
    .left-side .logo-img {
        display: flex;
        align-items: right;
        justify-content: right;
        max-width: 100%;
        display: flex;
        align-items: right;
        justify-content: right;
        height: auto;
        padding: 8px;
    }
    .left-side .user-info {
        bottom: 0;
        right: auto;
        display: flex;
        align-items: right;
        justify-content: flex-end;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        width: 100% !important;
        padding: 0 !important;
        left: -45px !important;
        top: 4px !important;
    }
    .left-side .user-info img {
        object-fit: cover;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        object-fit: cover;
        border: 2px solid #f8f9fa;
    }
    .user-info a img {
        border-style: none !important;
        min-width: 0 !important;
        max-width: none !important;
        min-height: 0 !important;
        max-height: none !important;
    }
    md-tabs {
        height: 124px;
        top: -1px !important;
        bottom: 0;
    }
    #home-btn,
    #openModal,
    #explore-btn,
    #gaming-btn,
    #liked-btn,
    #settings {
        display: none;
    }
    md-fab {
        display: inline-flex;
        position: fixed;
        bottom: 16px;
        right: 16px;
        z-index: 1000;
    }
    @media (max-width: 900px) {
        #postModal .modal-content {
            left: 0 !important;
            margin-left: 25px !important;
            margin-right: 25px !important;
            width: auto !important;
            min-width: 0 !important;
        }
        #neu-panel span .like {
            padding-left: 0;
            padding-right: 0;
        }
    }
}

@media (max-width:900px){

    /* Link */
    .left-side .logo-img a{
     width:130px;
     height:60px;
     display:flex;
    }
    
    }
    
    @media (max-width:900px){
    
    /* Revisit wrapper */
    .cky-btn-revisit-wrapper{
     display:none !important;
    }
    
    }
    
    #openModal {
        height: 60px;
        --md-elevated-button-label-text-font: system-ui;
        --md-sys-color-surface-container-low:rgba(0, 0, 0, 0);
        --md-sys-color-primary:rgb(0, 0, 0);
        --md-sys-color-surface:rgb(0, 0, 0);
        --md-sys-color-on-surface:rgb(0, 0, 0);
        --md-sys-color-secondary:rgb(0, 0, 0);
    }
    
    /* Open modal */
    #openModal{
     background-color:#ffffff;
    }
    
    /* Open modal */
    #openModal{
     padding-top:6px;
    }
    
    /* Settings */
    #settings{
     top:180px !important;
    }
    
    /* Open modal */
    #openModal{
     top:244px !important;
    }
    
    /* Explore */
    #explore-btn{
     top:129px !important;
    }

        /* Explore */
        #gaming-btn{
            top:129px !important;
           }
    
    /* Font Icon */
    #explore-btn i{
     font-size:23px;
     padding-top:4px;
    }

        /* Font Icon */
        #gaming-btn i{
            font-size:23px;
            padding-top:4px;
           }
    
    /* Explore */
    #explore-btn-txt{
     font-size:23px;
    }

        /* Explore */
        #gaming-btn-txt{
            font-size:23px;
           }
    
    /* Explore */
    #explore-btn{
     top:125px !important;
    }

        /* Explore */
        #gaming-btn{
            top:125px !important;
           }

    /*asdad*/
    /* Explore */
    #liked-btn{
        top:129px !important;
       }
       
       /* Font Icon */
       #liked-btn i{
        font-size:23px;
        padding-top:4px;
       }
       
       /* Explore */
       #liked-btn-txt{
        font-size:23px;
       }
       
       /* Explore */
       #liked-btn{
        top:125px !important;
       }


       @media (min-width:1551px){
    
        /* Explore */
        #liked-btn{
         right:137px !important;
        }
        
       }
       
       /* Explore */
       #liked-btn{
        top:137px !important;
       }
       

       @media (max-width:1550px){
    
        /* Explore */
        #liked-btn-txt{
         display:none;
        }
        
        /* Explore */
        #liked-btn{
         right:4px !important;
        }
    }

    /*adad*/
    
    @media (min-width:1551px){
    
     /* Explore */
     #explore-btn{
      right:137px !important;
     }
     
    }
    
    /* Explore */
    #explore-btn{
     top:137px !important;
    }
    
    /* Settings */
    #settings{
     top:196px !important;
    }
    
    /* Open modal */
    #openModal{
     top:269px !important;
    }
    
    @media (max-width:1550px){
    
    /* Explore */
    #explore-btn-txt{
     display:none;
    }
    
    /* Explore */
    #explore-btn{
     right:4px !important;
    }
    
    /* Open modal */
    #openModal{
     padding-top:18px !important;
    }
    
    /* Material symbols outlined */
    #openModal .material-symbols-outlined{
     left:2px;
    }
    
    }

    @media (max-width:1550px){

        /* Open modal */
        #openModal{
         margin-right:5px;
         width:75px;
        }
        
        /* Material symbols outlined */
        #openModal .material-symbols-outlined{
         left:-5px !important;
        }
        
       }

/* Liked */
#liked-btn-txt{
    font-size:23px;
   }
   
/* Font Icon */
#liked-btn i{
    font-size:22px;
   }

   /* Open modal */
#openModal{
    top:335px !important;
   }
   
/* Settings */
#settings{
    top:258px !important;
   }
   
/* Liked */
#liked-btn{
    top:199px !important;
   }

    /* Liked */
    #liked-btn{
     right:160px !important;
    }   

    @media (max-width:1550px){

        /* Liked */
        #liked-btn{
         right:4px !important;
        }
        
       }

/* Gaming BTN */

#gaming-btn{
    top:129px !important;
   }
   
   /* Font Icon */
   #gaming-btn i{
    font-size:23px;
    padding-top:4px;
   }
   
   /* Explore */
   #gaming-btn-txt{
    font-size:23px;
   }
   
   /* Explore */
   #gaming-btn{
    top:125px !important;
   }


   @media (min-width:1551px){

    /* Explore */
    #gaming-btn{
     right:137px !important;
    }
    
   }
   
   /* Explore */
   #gaming-btn{
    top:137px !important;
   }
   

   @media (max-width:1550px){

    /* Explore */
    #gaming-btn-txt{
     display:none;
    }
    
    /* Explore */
    #gaming-btn{
     right:4px !important;
    }
}

/* Open modal */
#openModal{
    top:410px !important;
   }
   
/* Settings */
#settings{
    top:332px !important;
   }
   
/* Gaming */
#gaming-btn{
    top:252px !important;
   }

    /* Gaming */
    #gaming-btn{
     right:133px !important;
    }

    
    /* Settings */
#settings{
    top:316px !important;
   }
   
   /* Gaming */
   #gaming-btn{
    top:260px !important;
   }
   
/* Open modal */
#openModal{
    top:385px !important;
   }
   
      

   @media (max-width:1550px){

    /* Liked */
    #gaming-btn{
     right:4px !important;
    }
    
   }

    /* Gaming */
    #gaming-btn{
     top:260px !important;
    }

    /* Span Tag */
#postModal span{
    cursor:pointer;
   }
   
   @media (max-width:1550px){

    /* Gaming */
    #gaming-btn{
     top:254px !important;
    }
    
   }   


   @media (max-width:1550px){

    /* Verdammtescheisse */
    .left-side .user-info verdammtescheisse{
     display:none;
    }
    
   }      



   /* Normalerschit */
.left-side .user-info normalerschit{
    width:auto !important;
   }

   
    /* User info */
    .left-side .user-info{
     display:flex;
    }
    
    /* Image */
    .user-info verdammtescheisse img{
     width:13px;
    }


    /* Normalerschit */
.left-side .user-info normalerschit{
    padding-right:19px;
   }
   
/* Image */
.user-info verdammtescheisse img{
    position:relative;
    top:20px;
    left:33px;
    z-index:255;
   }
   
   /* Verdammtescheisse */
   .left-side .user-info verdammtescheisse{
    position:relative;
    left:37px;
   }
   
   /* Numberofpoints */
   #numberofpoints{
    background-color:#383838;
    position:relative;
    left:8px;
    font-size:17px;
    top:-4px;
    padding-right:10px;
    padding-left:32px;
    padding-top:7px;
    padding-bottom:5px;
    border-top-left-radius:25px;
    border-top-right-radius:25px;
    border-bottom-left-radius:25px;
    border-bottom-right-radius:25px;
   }
   
   @media (min-width:901px){
   
    /* Image */
    .user-info verdammtescheisse img{
     height:20px;
     width:13px;
    }
    
   }
   
   @media (min-width:1551px){
   
    /* Verdammtescheisse */
    .left-side .user-info verdammtescheisse{
     display:inline-flex;
    }
    
   }
   
   /* Numberofpoints */
#numberofpoints{
    font-size:19px !important;
   }
   
   /* Image */
   .user-info verdammtescheisse img{
    top:22px !important;
   }
   
   /*
   /* Gta6 timer */
.right-side .GTA6Timer{
    position:relative;
    top:62px;
    padding-left:37px;
   }
   
/* Gta6 timer */
.right-side .GTA6Timer{
    width:344px;
    background-image:url("https://res.cloudinary.com/dfp1jrnzj/image/upload/f_auto,q_auto/phpcbezAu_lcpc59");
    background-size:cover;
    padding-left:0px !important;
    margin-left:34px;
   }
   
   /* Paragraph */
   .right-side .GTA6Timer p{
    font-size:23px;
   }
   
      /* Paragraph */
.right-side .GTA6Timer p{
    font-weight:600;
    font-size:29px !important;
    text-align:center;
   }
   
   /* Gta6 timer */
   .right-side .GTA6Timer{
    border-top-left-radius:25px;
    border-top-right-radius:25px;
    border-bottom-right-radius:25px;
    border-bottom-left-radius:25px;
   }
   
   /* Countdown */
   #countdown{
    text-align:center;
   }
   
/* Import Google Fonts */
@import url("//fonts.googleapis.com/css2?family=Archivo+Black:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap");

/* Countdown */
#countdown{
 font-size:27px;
 position:relative;
 top:-12px;
 font-family:'Archivo Black', sans-serif;
 font-weight:300;
 color:#ffffff;
 text-shadow:rgba(0, 0, 0, 0.3) 0px 1px 1px;
}

/* Paragraph */
.right-side .GTA6Timer p{
 font-family:'Archivo Black', sans-serif;
 text-shadow:rgba(0, 0, 0, 0.3) 0px 1px 1px;
}

/* Countdown */
#countdown{
    font-weight:400 !important;
   }
   
      /* Paragraph */
.right-side .GTA6Timer p{
    padding-top:10px;
   }