:root {
      --primary: #ffffff;
      --secondary: #ffffff;
      --tertiary: #ffb7ca;
      --quaternary: #ffffff;
      --quincenary: red;
      --sextenary: red;
      --septenary: red;
      --octonary: red;
      --nonary: red;
      --denary: red;

      --skincolor: #ff719b;
      --skincolor-blendmode: hard-light;
      --contentbackground: #ffffff;
      --border-color: #000000;
      --innerborder-color: #00000000; /* #1d1d1d is the normal original color*/
      --skintextborder-color: #000000;
      --skintext-color: #ffffff;
      --middleblock-bartext: #ffb7ca;
      --wrapper-color: #ffb7ca;
      --block-color: #ffffff;
      --background-color: black;

      --scrollbar-thumb-color: #dddddd; /* #d7d7d7; */
      --scrollbar-thumbhover-color: #d1d1d1; /* #bababa; */
      --scrollbar-thumbclick-color: #c8c8c8; /* #adadad; */

      --release-text: #222222;
      --release-frame-color: #ffffff;
      --release-border-color: #000000;
      --release-shadow-color: #00000012;
      --release-reflection-color: #ffffff3b; /*original #ffffff47*/ /* 2nd original #ffffff26*/
      --release-placeholder-color: #00000017;

      --blog-title: #fda7bf;
      --blog-text: #904c82;
      --blog-textlink: #fda7bf;
      --blog-date: #fda7bf;
      --blog-searchborder: #737373;
      --blog-searchbackground: #ffffff;
      --blog-searchfontcolor: #737373;
      --blog-searchfontcoloractive: #000000;
      }
      
      body { 
        overflow: hidden;
        font-family: arial, sans-serif;
        font-size: 10px;
        /* background: var(--background-color);
        background-image: url(/static/image/body/background.jpg);
        background-size: cover; */

        background-image: url(/static/image/body/boucle.jpg);
        background-position: top, top;
        background-attachment: scroll;
        background-repeat: repeat-x;
        background-color: #1e1915;
      }

      b {
        font-weight: 700;
      }
          
    /*body {*/
    /*  transform: translateZ(0);*/
    /*  backface-visibility: hidden;*/
    /*  perspective: 1000px;*/
    /*  will-change: transform, opacity;*/
    /*  }*/
     
    .customscrollbar::-webkit-scrollbar { 
      width: 10px;
      background: transparent;
      opacity: 0;
      } 
    .customscrollbar::-webkit-scrollbar-button { 
      width: 0px; 
      height: 0px; 
      } 
    .customscrollbar::-webkit-scrollbar-thumb { 
      min-height: 28px;
      padding: 100px 0 0;
      background-color: var(--scrollbar-thumb-color);
      background-clip: padding-box;
      border: 3px solid transparent;
      border-radius: 4px;
      /* box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1), inset 0 -1px 0 rgba(0, 0, 0, .07); */
      } 
    .customscrollbar::-webkit-scrollbar-thumb:hover { 
      background: var(--scrollbar-thumbhover-color);
      border: 3px solid transparent;
      background-clip: padding-box;
      } 
    .customscrollbar::-webkit-scrollbar-thumb:active { 
      background: var(--scrollbar-thumbclick-color);
      border: 3px solid transparent;
      background-clip: padding-box;
      } 
    .customscrollbar::-webkit-scrollbar-track { 
      background: var(--block-color);
      } 
    .customscrollbar::-webkit-scrollbar-track:hover { 
      background: var(--block-color);
      } 
    .customscrollbar::-webkit-scrollbar-track:active { 
      background: var(--block-color);
      } 

    @supports (-moz-appearance: none) {
      .customscrollbar {
        scrollbar-width: thin;
        scrollbar-color: var(--scrollbar-thumb-color) var(--block-color); /* Firefox only #eee is the best thumb color */
        }
      }

      
    /* .customscrollbar::-webkit-scrollbar-corner { 
      background: ; 
      } */
  /*.customscrollbar::-webkit-scrollbar-button:start:decrement {
      height: 80px;
      background: white;
      }  */
     
    .bordercolor {
      background-color: var(--border-color);
      }
      
    .innerbordercolor path {
      stroke: var(--innerborder-color);
      }
     
    img {
      display:block;
      }
    

    

      
      
      
    /*@font-face {*/
    /*  font-family: 'nitro2';*/
    /*  src: url('/.newsite/nitro2.ttf') format('truetype');*/
    /*  }*/
    
      
      
      /* <--------------------------------------------------------> FOUNDATION MADE OF DIVS <-----------------------------------------------------------------> */
      
      
      /* 1 */
      
    #container {
      width: 1113px;
      margin: 0px auto;
      background: transparent;
      padding: 0px;
      }
      
      #content {
        width: 1113px;
        padding-top: 125px;
        background: transparent;
        }
        
      .clearfix:after {
        content:"."; 
        display:block; 
        height:0; 
        clear:both; 
        visibility:hidden;
        }
        
      .clearfix {
        display:inline-block;
        }
          
      .clearfix {
        display:block;
        }
      
        #nav {
          width: 1113px;
          background: transparent;
          margin-bottom: 10px;
          }
          
          #navblock {
          width: 1113px;
          height: 46px;
          border-radius: 3px 3px 3px 3px;
          /*margin: auto auto;*/
          }
          .navblock {
            background: var(--border-color);
            display: grid;
            }
            
            #navblock_inside {
              margin: 1px;
              width: 1111px;
              height: 44px;
              display: flex;
              }
             
              .navblock_space {
                margin: 0px 0px 0px 1px;
                width: 5px;
                height: 44px;
                background-image: url('/static/image/body/navspace.png');
                background-color: var(--skincolor);
                background-blend-mode: var(--skincolor-blendmode);
                background-size: cover;
                }
                
              .navblock_left {
                margin: 0px 0px 0px 0px;
                width: 199px;
                height: 44px;
                background-image: url('/static/image/body/navleft.png');
                background-color: var(--skincolor);
                background-blend-mode: var(--skincolor-blendmode);
                background-size: cover;
                }
                
              .navblock_button {
                margin: 0px 0px 0px 1px;
                width: 99px;
                height: 44px;
                background-image: url('/static/image/body/navbutton.png');
                background-color: var(--skincolor);
                background-blend-mode: var(--skincolor-blendmode);
                background-size: cover;
                }
                
              .navblock_right {
                margin: 0px 0px 0px 1px;
                width: 299px;
                height: 44px;
                background-image: url('/static/image/body/navright.png');
                background-color: var(--skincolor);
                background-blend-mode: var(--skincolor-blendmode);
                background-size: cover;
                }
                
                #navblock_right_innerborder {
                  width: 299px;
                  position: absolute;
                  z-index: 1;
                  }
           
        #leftcolumn {
          width: 201px;
          float: left;
          background: transparent;
          margin-bottom: 5px;
          margin-right: 5px;
          }
          
          #leftblock1 {
            width: 201px;
            height: 379px;
            border-radius: 3px 3px 4px 4px;
            margin-bottom: 5px;
            }
            
            #leftblock1_content {
              width: 199px;
              height: 359px;
              background-color: var(--contentbackground);
              margin: 0px 1px 1px 1px;
              border-radius: 0px 0px 2px 2px;
              }
              
              #leftblock1_adimage {
                height: 359px;
                width: 199px;
                border-radius: 0px 0px 2px 2px;
                }
                
          #leftblock2 {
            width: 201px;
            height: 219px;
            border-radius: 3px 3px 4px 4px;
            margin-bottom: 5px;
            }
            
            #leftblock2_content {
              width: 199px;
              height: 199px;
              background-color: var(--contentbackground);
              margin: 0px 1px 1px 1px;
              border-radius: 0px 0px 2px 2px;
              }
              
              #leftblock2_gallery {
                width: 199px;
                height: 199px;
                border-radius: 0px 0px 2px 2px;
                }
            
          #leftblock3 {
            width: 201px;
            height: 77px;
            border-radius: 3px 3px 4px 4px;
            }
            
            #leftblock3_content {
              width: 199px;
              height: 57px;
              background-color: var(--contentbackground);
              margin: 0px 1px 1px 1px;
              border-radius: 0px 0px 2px 2px;
              }
              
              #leftblock3_carousel {
                width: 197px;
                height: 57px;
                border-radius: 0px 0px 2px 2px;
                padding-left: 1px;
                }
            
          .leftblock {
            background: var(--border-color);
            display: grid;
            }
            
            .leftblock_bar {
              margin: 1px;
              width: 199px;
              height: 17px;
              background-image: url('/static/image/body/leftblockbar.png');
              background-color: var(--skincolor);
              background-blend-mode: var(--skincolor-blendmode);
              background-size: cover;
              }
          
        #middlecolumn {
          width: 601px;
          float: left;
          background: transparent;
          margin-bottom: 5px;
          margin-right: 5px;
          }
          
          #middleblock1 {
            width: 601px;
            height: 685px;
            border-radius: 3px 3px 4px 4px;
            }
            
            #middleblock_content {
              width: 599px;
              height: 665px;
              background-color: var(--contentbackground);
              margin: 0px 1px 1px 1px;
              }
              
              /* original #middleblock_wrapper {
                width: 589px;
                height: 650px;
                background-color: var(--wrapper-color);
                border-radius: 5px;
                margin: 5px;
                display: flex;
                flex-wrap: wrap;
                align-content: flex-start;
                padding-bottom: 5px;
                } */
              #middleblock_wrapper {
                width: 589px;
                height: auto;
                background-color: var(--wrapper-color);
                border-radius: 5px;
                margin: 5px;
                padding: 5px 0px;
                display: flex;
                flex-wrap: wrap;
                align-content: flex-start;
              }

              #middleblock_wrapper_withgap {
                width: 589px;
                height: auto;
                background-color: var(--wrapper-color);
                border-radius: 5px;
                margin: 5px;
                padding: 5px 0px;
                display: flex;
                flex-wrap: wrap;
                gap: 5px;
                justify-content: center;
              }

                #middleblock_wrapper_content {
                  width: 579px;
                  height: 645px;
                  overflow: auto;
                  scrollbar-width: none;
                  display: flex;
                  flex-wrap: wrap;
                  align-content: flex-start;
                  gap: 5px;
                  /* margin: 0px 0px 0px 5px; */
                  border-radius: 5px;
                }

                #middleblock_top {
                  background-color: transparent;
                  width: 579px;
                  height: 212px;
                  border-radius: 5px;
                  margin: 0px 0px 5px 5px;
                  position: relative;
                  overflow-y: hidden;
                  overflow-x: hidden;
                  display: block;
                  clear: left;
                  z-index: 1;
                  }
                  
                  #middleblock_topbanner {
                    width: 579px;
                    height: 111px;
                    border-radius: 5px;
                    margin: 0px 0px 0px 0px;
                    background-color: transparent;
                    display: grid;
                    }

                  #middleblock_topbanner > * {
                    grid-area: 1 / 1;
                    }

                    #middleblock_topbanner_image {
                      border-radius: var(--bannerimageborderradius);
                    }
                    
                  #middleblock_topinfo {
                    background-color: var(--block-color);
                    width: 579px;
                    height: 100px;
                    border-radius: 5px;
                    margin: 1px 0px 0px 0px;
                    display: flex;
                    }
                  
                #middleblock_singlesbar {
                  background-color: var(--block-color);
                  width: 289px;
                  height: 15px;
                  border-radius: 5px;
                  margin: 0px 0px 0px 5px;
                  }
                  
                #middleblock_albumsbar {
                  background-color: var(--block-color);
                  width: 289px;
                  height: 15px;
                  border-radius: 5px;
                  margin: 0px 0px 0px 1px;
                  }
                  
                #middleblock_singles {
                  background-color: transparent;
                  width: 289px;
                  height: 155px;
                  border-radius: 5px;
                  margin: 1px 0px 0px 5px;
                  position: relative;
                  overflow-y: hidden;
                  overflow-x: hidden;
                  display: block;
                  clear: left;
                  z-index: 1;
                  }
                  
                /*#middleblock_singles_scrollbarplaceholder {*/
                /*  position: absolute;*/
                /*  width: 10px;*/
                /*  height: 155px;*/
                /*  background-color: var(--block-color);*/
                /*  margin-left: 284px;*/
                /*  margin-top: 238px;*/
                /*  border-radius: 0px 5px 5px 0px;*/
                /*  z-index: 0;*/
                /*  } */
                  
                #middleblock_albums {
                  background-color: transparent;
                  width: 289px;
                  height: 155px;
                  border-radius: 5px;
                  margin: 1px 0px 0px 1px;
                  position: relative;
                  overflow-y: hidden;
                  overflow-x: hidden;
                  display: block;
                  clear: left;
                  z-index: 1;
                  }
                  
                /*#middleblock_albums_scrollbarplaceholder {*/
                /*  position: absolute;*/
                /*  width: 10px;*/
                /*  height: 155px;*/
                /*  background-color: var(--block-color);*/
                /*  margin-left: 574px;*/
                /*  margin-top: 238px;*/
                /*  border-radius: 0px 5px 5px 0px;*/
                /*  z-index: 0;*/
                /*  }*/
                
                #middleblock_chatbar {
                  background-color: var(--block-color);
                  width: 289px;
                  height: 15px;
                  border-radius: 5px;
                  margin: 5px 0px 0px 5px;
                  }
                  
                #middleblock_playerbar {
                  background-color: var(--block-color);
                  width: 289px;
                  height: 15px;
                  border-radius: 5px;
                  margin: 5px 0px 0px 1px;
                  }
                  
                #middleblock_chat {
                  /*background-color: var(--block-color);*/
                  width: 289px;
                  height: 236px;
                  border-radius: 5px;
                  margin: 1px 0px 0px 5px;
                  overflow: hidden;
                  position: relative;
                  }
                  
                #middleblock_player {
                  background-color:transparent;
                  width: 289px;
                  height: 236px;
                  border-radius: 5px;
                  margin: 1px 0px 0px 1px;
                  overflow: hidden;
                  position: relative;
                  outline: none;
                  }
                  
          .middleblock {
            background: var(--border-color);
            display: grid;
            }
            
            .middleblock_bar {
              margin: 1px;
              width: 599px;
              height: 17px;
              background-image: url('/static/image/body/middleblockbar.png');
              background-color: var(--skincolor);
              background-blend-mode: var(--skincolor-blendmode);
              background-size: cover;
              }
              
        #rightcolumn {
          width: 301px;
          float: left;
          background: transparent;
          margin-bottom: 5px;
          }
          
          #rightblock1 {
            width: 301px;
            height: 301px;
            border-radius: 3px 3px 3px 3px;
            margin-bottom: 5px;
            }
            
            /*  HERE USED TO BE THE RELEASE VIEWER ART */
                  
          #rightblock2 {
            width: 301px;
            height: 73px;
            border-radius: 3px 3px 3px 3px;
            margin-bottom: 5px;
            }
            
            /*  HERE USED TO BE THE RELEASE VIEWER */
            
          #rightblock3 {
            width: 301px;
            height: 301px;
            border-radius: 3px 3px 4px 4px;
            }
            
          .rightblock {
            background: var(--border-color);
            display: grid;
            }
            
            .rightblock_bar {
              margin: 1px;
              width: 299px;
              height: 17px;
              background-image: url(/static/image/body/rightblockbar.png);
              background-color: var(--skincolor);
              background-blend-mode: var(--skincolor-blendmode);
              background-size: cover;
              }

            .rightblock_bar_alt {
              margin: 1px;
              width: 299px;
              height: 17px;
              background-image: url(/static/image/body/rightblockbaralt.png), linear-gradient(var(--border-color), var(--border-color)), url(/static/image/body/rightblockbaraltbutton.png);
              background-position: 0px 0px, 281px 0px, 282px 0px;
              background-repeat: no-repeat;
              background-color: var(--skincolor);
              background-blend-mode: var(--skincolor-blendmode);
              background-size: 281px 17px, 1px 100%, 17px 17px;
              }
              
              #rightblock3_content {
                width: 299px;
                height: 281px;
                background-color: var(--wrapper-color);
                margin: 0px 1px 1px 1px;
                border-radius: 0px 0px 2px 2px;
                }
          
        #footer {
          width: 1113px;
          background: transparent;
          float: left;
          }
          
          #footerblock {
            width: 1113px;
            height: 21px;
            border-radius: 3px 3px 3px 3px;
            /*margin: auto auto;*/
            }
            
          .footerblock {
            background: var(--border-color);
            display: grid;
            }
            
            #footerblock_inside {
            margin: 1px;
            width: 1111px;
            height: 19px;
            display: flex;
            }
            
            .footerblock_space {
              margin: 0px 0px 0px 1px;
              width: 5px;
              height: 19px;
              background-image: url('/static/image/body/footerspace.png');
              background-color: var(--skincolor);
              background-blend-mode: var(--skincolor-blendmode);
              background-size: cover;
              }
              
            .footerblock_left {
              margin: 0px 0px 0px 0px;
              width: 199px;
              height: 19px;
              background-image: url('/static/image/body/footerleft.png');
              background-color: var(--skincolor);
              background-blend-mode: var(--skincolor-blendmode);
              background-size: cover;
              }
              
            .footerblock_button {
              margin: 0px 0px 0px 1px;
              width: 99px;
              height: 19px;
              background-image: url('/static/image/body/footerbutton.png');
              background-color: var(--skincolor);
              background-blend-mode: var(--skincolor-blendmode);
              background-size: cover;
              }
              
            .footerblock_right {
              margin: 0px 0px 0px 1px;
              width: 299px;
              height: 19px;
              background-image: url('/static/image/body/footerright.png');
              background-color: var(--skincolor);
              background-blend-mode: var(--skincolor-blendmode);
              background-size: cover;
              }
              
            #copyright {
              position: absolute;
              margin-left: 77px;
              margin-top: 4px;
              }
             
            .rotate {
              width: 25px;
              height: 26px;
              /*animation: spin 20s linear infinite;*/
              margin: -3px 0px 0px 6px;
              position: absolute;
              }
              
            @keyframes spin {
              from {
                transform: rotate(0deg);
                }
              to {
                transform: rotate(360deg);
                }
              }
            
            
            
            
            
            
            
            
            
      /* <--------------------------------------------------------> DESIGN <-----------------------------------------------------------------> */
      
      /* NAV BLOCK */
      
      /* LEFT BLOCK */
      
      /* MIDDLE BLOCK */
      
      /* RIGHT BLOCK */
      
      

      

      
    /*#releaseviewerart_content {*/
    /*  position: absolute;*/
    /*  margin: 14px 0px 0px 14px;*/
    /*  border-radius: 3px;*/
    /*  }*/
      
    /*#releaseviewerart_tvstatic {*/
    /*  position: absolute;*/
    /*  z-index: 2;*/
    /*  width: 273px;*/
    /*  height: 273px;*/
    /*  border-radius: 3px;*/
    /*  opacity: 0%;*/
    /*  }*/
      
    /*#releaseviewerart_tvstatic_color {*/
    /*  position: absolute;*/
    /*  z-index: 1;*/
    /*  width: 273px;*/
    /*  height: 273px;*/
    /*  background-color: #72375c;*/
    /*  border-radius: 3px;*/
    /*  }*/
      
    /*#releaseviewerart_innershadow {*/
    /*  position: absolute;*/
    /*  z-index: 2;*/
    /*  width: 273px;*/
    /*  height: 273px;*/
    /*  border-radius: 3px;*/
    /*  opacity: 0;*/
    /*  }*/
      

      
    
      
      /* FOOTER BLOCK */
      

      

     

      

      
      /* <--------------------------------------------------------> CUSTOMIZATION <-----------------------------------------------------------------> */
      
    .textcolor {
      color: #000000;
      }
      
    .skintext {
      color: #ffffff;
      margin: 1px 0px 0px 4px;
      position: absolute;
      }
      
    .skintext_color path {
      stroke: var(--skintext-color);
      }
      
    .skintext_border_color path {
      stroke: var(--skintextborder-color);
      }
      
      
      
    #leftblock1_bar_text {
      margin: 4px 0px 0px 4px;
      width: 11px;
      position: absolute;
      }
      
    #leftblock1_bar_textborder {
      margin: 3px 0px 0px 3px;
      width: 13px;
      }
      
    #leftblock2_bar_text {
      margin: 4px 0px 0px 4px;
      width: 42px;
      position: absolute;
      }
      
    #leftblock2_bar_textborder {
      margin: 3px 0px 0px 3px;
      width: 44px;
      }
      
    #leftblock3_bar_text {
      margin: 4px 0px 0px 4px;
      width: 69px;
      position: absolute;
      }
      
    #leftblock3_bar_textborder {
      margin: 3px 0px 0px 3px;
      width: 71px;
      }
      
      
      
    #rightblock3_bar_text {
      margin: 4px 0px 0px 4px;
      width: 23px;
      position: absolute;
      }
      
    #rightblock3_bar_textborder {
      margin: 3px 0px 0px 3px;
      width: 25px;
      }
      
      
      
    #rightblock3_bar_icon {
      margin: 4px 0px 0px 255px;
      width: 9px;
      position: absolute;
      }
      
    #rightblock3_bar_iconborder {
      margin: 3px 0px 0px 254px;
      width: 11px;
      }
      
    #rightblock3_bar_icon_link {
      position: absolute;
      margin-left: -11px;
      margin-top: 3px;
      height: 11px;
      width: 11px;
      }
      
    #rightblock2_icon {
      margin: 4px 0px 0px 4px;
      width: 5px;
      position: absolute;
      }
      
    #rightblock2_iconborder {
      margin: 3px 0px 0px 3px;
      width: 7px;
      }
      

      
      
    #footerblock_copyright {
      margin: 1px 0px 0px 1px;
      width: 105px;
      position: absolute;
      }
      
    #footerblock_copyrightborder {
      margin: 0px 0px 0px 0px;
      width: 107px;
      }
      
      
      
    .middleblock_children_bartext {
      margin: 2px 0px 0px 3px;
      }
      
      .middleblock_children_bartext path {
        stroke: var(--middleblock-bartext);
        }
        
      #middleblock_children_singles {
        width:38px;
        height: 11px;
        }
        
      #middleblock_children_albums {
        width:38px;
        height: 11px;
        }
        
      #middleblock_children_chat {
        width:24px;
        height: 11px;
        }
        
      #middleblock_children_musicplayer {
        width:68px;
        height: 11px;
        }

      #middleblock_children_artists {
        width:40px;
        height: 11px;
        }

      #middleblock_children_topreleases {
        width:68px;
        height: 11px;
        }

      #middleblock_children_videos {
        width:32px;
        height: 11px;
        }

      #middleblock_children_changelog {
        width:53px;
        height: 11px;
        }
      
      
    /*.extraborders {*/
    /*  position: absolute;*/
    /*  opacity: 0%;*/
    /*  mix-blend-mode: normal;*/
    /*  }*/
    /*.extrafill {*/
    /*  position: absolute;*/
    /*  opacity: 0%;*/
    /*  mix-blend-mode: normal;*/
    /*  }*/
      
      

    /* Kills the black line and sets up links */
    .releaselink {
      text-decoration: none;
      display: grid;
      margin-right: 5px;
      height: 73px;
      width: 61px;
      }
    .releaselink > * {
      grid-area: 1 / 1;
      }
    .releaselink:hover .releaseimage {
      filter: brightness(110%);
      }
    .releaselink_placeholder {
      width: 61px;
      height: 61px;
      text-decoration: none;
      display: inline-block;
      margin-right: 5px;
      margin-bottom: 12px;
      }
    .releaselink_placeholder path {
      stroke: var(--release-placeholder-color);
      }
      
      
      
      
    .releaseimage {
      width: 53px;
      height: 53px;
      margin: 4px;
      outline: 1px solid var(--release-border-color);
      border-radius: 3px;
      filter: brightness(100%);
      transition: filter .3s ease;
      }
      
    .releaseimage_frame {
      width: 53px;
      height: 53px;
      margin: 1px;
      padding: 3px;
      background-color: var(--release-frame-color);
      outline: 1px solid var(--release-border-color);
      border-radius: 3px;
      }
      
    .releaseimage_reflection {
      width: 51px;
      height: 12px;
      margin: 5px;
      background-color: var(--release-reflection-color);
      border-radius: 3px;
      z-index: 1;
      }
      
    .releaseimage_shadow {
      width: 53px;
      height: 53px;
      margin: 4px;
      border-radius: 2px;
      z-index: 1;
      background: 
        linear-gradient(to bottom, var(--release-shadow-color), transparent 12%), /* Top edge */ 
        linear-gradient(to top, var(--release-shadow-color), transparent 12%), /* Bottom edge */ 
        linear-gradient(to right, var(--release-shadow-color), transparent 12%), /* Left edge */ 
        linear-gradient(to left, var(--release-shadow-color), transparent 12%);  /* Right edge */ 
      opacity: 5%;
      }
      
    .releasetext {
      text-align: center;
      font-size: 9px;
      font-family: 'arial', sans-serif;
      line-height: 12px;
      color: var(--release-text);
      align-self: end;
      }
      
    .releaselink_container {
      background-color: var(--block-color);
      width: 269px;
      height: auto;
      min-height: 146px;
      display: flex;
      flex-wrap: wrap;
      padding: 9px 0px 0px 9px;
      align-content: flex-start;
      }

    @supports (-moz-appearance: none) {
      .releaselink_container {
        width: 271px;
        }
      }

    .releaselink_container_container {
      overflow-y: scroll;
      overflow-x: hidden;
      border-radius: 5px;
      width: 289px;
      height: 155px;
      position: relative;
      }
      
      #newsmarquee {
        width: 232px;
        height: 11px;
        position: absolute;
        font-family: arial, sans-serif;
        font-size: 11px;
        color: white;
        margin-top: 17px;
        margin-left: 13px;
        font-weight: 600;
        }
      
      
      #snailweblogo_container {
        position: absolute;
        /* margin: -6px 0px 0px 7px; */
        }
        
      #snailweblogo {
        position: absolute;
        }
        
      /* #snailweblogo_border { 
        } */
      
      #websiteversion_back {
        position: absolute;
        margin: 31px 0px 0px 150px;
        color: white;
        font-weight: bolder;
        font-size: 10px;
        font-family: arial, sans-serif;
        text-shadow: 1px 0 #000000, -1px 0 #000000, 0 1px #000000, 0 -1px #000000, -1px -1px #000000, 1px 1px #000000, 1px -1px #000000, -1px 1px #000000;
        }
      
      #websiteversion_front {
        position: absolute;
        margin: 31px 0px 0px 150px;
        color: white;
        font-weight: bolder;
        font-size: 10px;
        font-family: arial, sans-serif;
        }
      
      
      
      
      #middleblock_topbanner_gradient {
        width: 579px;
        height: 111px;
        background-image: linear-gradient(to bottom, var(--bannergradienttop), var(--bannergradientbottom));
        border-radius: 5px;
        }
      
      
      
      
      #middleblock_topinfo_pfp {
        width: 106px;
        height: 106px;
        margin-top: -67px;
        margin-left: 19px;
        /*display: none;*/
        }
      
      #middleblock_topinfo_pfpborder {
        position: absolute;
        width: 100px;
        height: 100px;
        padding: 3px;
        background-color: var(--release-frame-color);
        outline: 1px solid var(--release-border-color);
        border-radius: 3px;
        }
      
      
      #middleblock_topinfo_pfpimg {
        position: absolute;
        width: 100px;
        height: 100px;
        outline: 1px solid var(--release-border-color);
        border-radius: 3px;
        margin-top: 3px;
        margin-left: 3px;
        }
        
      #middleblock_topinfo_pfpshadow {
        position: absolute;
        width: 100px;
        height: 100px;
        margin: 3px;
        border-radius: 3px;
        background: linear-gradient(to bottom, var(--release-shadow-color), transparent 12%), /* Top edge */ linear-gradient(to top, var(--release-shadow-color), transparent 12%), /* Bottom edge */ linear-gradient(to right, var(--release-shadow-color), transparent 12%), /* Left edge */ linear-gradient(to left, var(--release-shadow-color), transparent 12%);opacity: 35%;
        }
      
      #middleblock_topinfo_pfpreflection {
        position: absolute;
        width: 96px;
        height: 16px;
        margin: 5px;
        background-color: var(--release-reflection-color);
        border-radius: 3px;
        }
      
      
      #middleblock_topinfo_info {
        position: relative;
        height: 100px;
        margin-top: -26px;
        margin-left: 13px;
        }
      
      #middleblock_topinfo_infoname {
        font-family: arial, sans-serif;
        font-size: x-large;
        font-weight: bold;
        color: var(--artist-infoname);
        }
        
      #middleblock_topinfo_infohandle {
        font-family: arial, sans-serif;
        font-size: small;
        margin-top: 12px;
        color: var(--artist-handle-color);
        }
      
      
      #middleblock_topinfo_infodesc {
        margin-top: 10px;
        width: 400px;
        height: 51px;
        overflow: clip;
        }
        
      #middleblock_topinfo_infodesctext {
        font-family: arial, sans-serif;
        font-size: 10px;
        color: var(--artist-description-color);
        }
      

      #leftblock3_adimage {
        width: 199px;
        height: 57px;
        border-radius: 0px 0px 2px 2px;
        }

      #rightblock1_content {
        width: 299px;
        height: 281px;
        background-color: #ffffff;
        margin: 0px 1px 1px 1px;
        border-radius: 0px 0px 2px 2px;
        }

      #rightblock1_adimage {
        width: 299px;
        height: 281px;
        border-radius: 0px 0px 2px 2px;
        }

      #middleblock_about {
        background-color: var(--block-color);
        border-radius: 5px;
      }

      #leftblock2_chatroom {
        margin: 1px;
        width: 199px;
        height: 217px;
        background-image: url(/static/image/body/chatroom.png);
        background-color: var(--skincolor);
        background-blend-mode: var(--skincolor-blendmode);
        background-size: cover;
      }

      #leftblock_bar_free {
        margin: 1px;
        width: 199px;
        height: 17px;
        position: absolute;
      }

      #leftblock2_bar_text_2 {
        margin: 4px 0px 0px 4px;
        width: 51px;
        position: absolute;
      }

      #leftblock2_bar_textborder_2 {
        margin: 3px 0px 0px 3px;
        width: 53px;
      }

      #leftblock2_chatroom {
        margin: 1px;
        width: 199px;
        height: 217px;
        background-image: url(/static/image/body/chatroom.png);
        background-color: var(--skincolor);
        background-blend-mode: var(--skincolor-blendmode);
        background-size: cover;
      }

      #leftblock_2_chatroom_container {
        /*background-color: var(--block-color);*/
        width: 185px;
        height: 192px;
        border-radius: 2px;
        margin: 18px 0px 0px 7px;
        overflow: hidden;
        position: relative;
      }

      #rightblock2_radio {
        margin: 1px;
        width: 299px;
        height: 71px;
        background-image: url('/static/image/body/radio/radio.png');
        background-color: var(--skincolor);
        background-blend-mode: var(--skincolor-blendmode);
        background-size: cover;
      }

      .middleblock_videos_container {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        gap: 1px;
        overflow-y: scroll;
        scrollbar-width: none;
        width: 289px;
        height: 236px;
      }

      .middleblock_videos_video {
        width: 144px;
        height: 96px;
        background-color: white;
        border-radius: 5px;
        display: block;
      }

      .middleblock_videos_videolink {
        position: relative;
        width: 134px;
        height: 75px;
        display: block;
        margin: 5px;
        border-radius: 5px;
        overflow: hidden;
        transition: filter .3s ease;
        filter: brightness(100%) saturate(0.3);
      }

      .middleblock_videos_videolink:hover {
        filter: brightness(110%) saturate(1);
      }

      .middleblock_videos_videoimage {
        width: 100%;
        height: 100%;
        object-fit: cover;
      }

      .middleblock_videos_video_placeholder {
        /* visibility: hidden; */
        pointer-events: none;
      }

      .middleblock_videos_videoimage_reflection {
        position: absolute;
        width: 130px;
        height: 12px;
        margin: 2px;
        background-color: var(--release-reflection-color);
        border-radius: 3px;
      }

      .middleblock_videos_videotitle {
        position: relative;
        text-align: center;
        background: white;
        bottom: 3px;
        padding: 1px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 120px;
        margin: 0 auto;
      }



.news-gallery {
    width: 100%;
    max-height: 300px;
    overflow: hidden;
    position: relative;
}

.news-gallery img {
    width: 100%;
    height: auto;
    display: block;

    position: absolute;
    top: 0;
    left: 0;

    opacity: 0;
    transition: opacity 1s ease-in-out;
}

.news-gallery img.active {
    opacity: 1;
}

.news-slide:first-child {
    opacity: 1;
}







      /* #navblock_button_text1 {
        margin: 16px 0px 0px 20px;
        width: 59px;
        height: 16px;
        position: absolute;
      } */
      #navblock_button_text2 {
        margin: 16px 0px 0px 18px;
        width: 64px;
        height: 16px;
        position: absolute;
      }

      #navblock_button_text2_border {
        margin: 15px 0px 0px 17px;
        width: 66px;
        height: 18px;
      }

      #navblock_button_text3 {
        margin: 16px 0px 0px 9px;
        width: 82px;
        height: 16px;
        position: absolute;
      }

      #navblock_button_text3_border {
        margin: 15px 0px 0px 8px;
        width: 84px;
        height: 18px;
      }

      .navblock_button_link {
        display: block;
        width: 99px;
        height: 44px;
        position: absolute;
        z-index: 1;
      }
      
      .navblock_left_link {
        display: block;
        width: 199px;
        height: 44px;
        position: absolute;
        z-index: 1;
      }


      .artistindex_card {
        width: 287px;
        height: 61px;
        background: white;
        display: flex;
        border-radius: 5px;
        overflow: clip;
      }

      #themeToggle {
  /* position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 9999;
  padding: 10px 14px;
  border: none;
  border-radius: 50%;
  background: #222;
  color: white;
  cursor: pointer; */
  position: absolute;
    z-index: 9999;
    background: #00000000;
    cursor: default;
    width: 6px;
    height: 6px;
    padding: 0px;
    border-color: #00000000;
}

#themeEditor {
    position: fixed;
    right: 20px;
    bottom: 9px;
    width: auto;
    height: auto;
    background: #ffffff;
    color: #000000;
    padding: 12px;
    border-radius: 10px;
    z-index: 9999;
    display: inline-grid;
    font-size: 9px;
    gap: 5px;
    grid-template-columns: 1fr 1fr;
    align-content: center;
    justify-items: center;
}

.hidden {
  display: none !important;
}

#themeEditor textarea {
height: 61px;
    width: 142px;
    outline: none;
}

/* .theme-editor-item {
      display: flex;
    height: 26px;
    width: 148px;
    padding: 0px;
    background-color: buttonface;
    margin: 0px;
    outline: solid #737373 1px;
    border-radius: 2px;
} */
.theme-editor-item {
display: flex;
    height: 26px;
    width: 148px;
    padding: 0px;
    background-color: buttonface;
    margin: 0px;
    outline: solid #737373 1px;
    border-radius: 2px;
    flex-wrap: wrap;
}

/* .theme-editor-label {
margin-top: 10px;
    font-family: sans-serif;
    width: 97px;
    line-height: 9px;
    display: block;
    text-align: center;
} */

.theme-editor-label {
    margin-top: 2px;
    font-family: sans-serif;
    width: 148px;
    line-height: 8px;
    display: block;
    text-align: center;
    margin-bottom: -3px;
}

/* .theme-editor-input {
    margin-bottom: 5px;
    padding: 0px;
    width: 51px;
    height: 27px;
    border-radius: 0px;
    outline: none;
    border: none;
    background: border-box;
    display: block;
} */

.theme-editor-input {
    margin-bottom: 0px;
    padding: 0px;
    width: 51px;
    height: 21px;
    border-radius: 0px;
    outline: none;
    border: none;
    background: border-box;
    display: block;
}

@supports (-moz-appearance: none) {
  .theme-editor-input {
    width: 49px;
    height: 12px;
    margin: 5px 3px 0px 2px;
    }
  }

#copyCSS {
width: 148px;
    height: 67px;
}

.theme-editor-apply {
width: 148px;
    height: 23px;
}

.theme-editor-alpha {
    width: 92px;
    height: 22px;
    margin: 0px;
    padding: 0px;
    border: none;
    outline: none;
}

#themeEditor input[type="range"] {
  padding: 0;
  margin: 7px 0px 0px 0px;
  border: none;
  outline: none;
  appearance: none;
  height: 6px;
  border-radius: 5px;
  background: linear-gradient(to right, #a7a7a7 0%, #a7a7a7 var(--range-progress, 0%), #cccccc var(--range-progress, 0%), #cccccc 100%);
  /* box-shadow: 0 0 0 1px #afafaf; */
  --range-progress: 0%;
}

#themeEditor input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  height: 15px;
  width: 15px;
  background-color: #a7a7a7 !important;   /* FORCE THIS COLOR INSTEAD OF DEFAULT ACCENT-COLOR */
  border-radius: 50%;
  cursor: pointer;
  /*box-shadow: 0 0 0 1px #afafaf; */
}

#themeEditor input[type="range"]::-webkit-slider-thumb:hover {
  background-color: color-mix(in srgb, #a7a7a7 80%, white) !important;   /* FORCE THIS COLOR INSTEAD OF DEFAULT ACCENT-COLOR */
}

/* FIREFOX TRACK AND THUMB */

#themeEditor input[type="range"] {
  appearance: none;
  background: transparent; /* important for Firefox */
}

/* Unfilled track */
#themeEditor input[type="range"]::-moz-range-track {
  height: 6px;
  background: #ccc;
  border-radius: 5px;
}

/* Filled track */
#themeEditor input[type="range"]::-moz-range-progress {
  height: 6px;
  background: #a7a7a7;
  border-radius: 5px;
}