/* RELEASE VIEWER ART */ 
            
            
            #rightblock1_releaseviewerart {
              margin: 1px;
              width: 299px;
              height: 299px;
              background-image: url('/static/image/body/releaseviewerart.png');
              background-color: var(--skincolor);
              background-blend-mode: var(--skincolor-blendmode);
              background-size: cover;
              }
              
              .releaseviewerart {
                margin-top: -293px;
                margin-left: 13px;
                }
                
                .releaseviewerart_shadow {
                  position: absolute;
                  width: 273px; 
                  height: 273px;
                  border-radius: 2px;
                  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: 75%;
                  }
                  
                .releaseviewerart_reflection {
                  position: absolute;
                  width: 267px;
                  height: 30px;
                  margin: 3px;
                  background-color: var(--release-reflection-color);
                  border-radius: 6px;
                  }
                  
                .releaseviewerart_image {
                  width: 273px;
                  height: 273px;
                  border-radius: 3px;
                  }     
            
            
            
           /* RELEASE VIEWER */ 
            
            
            .releaseviewer_div {
              position: absolute;
              display: block;
              width: 299px;
              height: 71px;
              margin: 1px;
              opacity:0;
              visibility: hidden;
              transition: opacity 0.5s ease, visibility 0.5s; /* Adjust 1.5s to your preferred speed */
              }
              
            .releaseviewer_div.is-active {
              opacity: 1;
              visibility: visible;
              display: block; /* Ensure it's not display:none when active */
              }
              
              .releaseviewer_divdesc {
                cursor: default;
                color: white;
                width: 95px;
                height: 39px;
                text-align: left;
                overflow-y: auto;
                overflow-x: hidden;
                font-family: sans-serif;
                display: block;
                clear: left;
                line-height: 11px;
                font-size: 9px;
                position: absolute;
                top: 16px;
                left: 185px;
                padding-right: 3px;
                white-space: pre-wrap;
                }
                
                .releaseviewer_divdesc::-webkit-scrollbar {
                  width: 4px;
                  }
                  
                .releaseviewer_divdesc::-webkit-scrollbar-track {
                  background: none;
                  }
                  
                .releaseviewer_divdesc::-webkit-scrollbar-thumb {
                  background: rgba(255, 255, 255, .2);
                  border: none;
                  min-height: 20px;
                  border-radius: 4px
                  }
                
                .releaseviewer_divdesc::-webkit-scrollbar-thumb:hover {
                  background: rgba(255, 255, 255, .3);
                  }
                
                .releaseviewer_divdesc::-webkit-scrollbar-button {
                  display: none;
                  }

                @supports (-moz-appearance: none) {
                  .releaseviewer_divdesc {
                    scrollbar-width: none;
                    scrollbar-color: #ffffff33 #ffffff00; /* Firefox only */
                    }
                  }
                
              .releaseviewer_divlink {
                transition: .2s;
                }
                
                .releaseviewer_divlink:hover {
                  filter: brightness(110%);
                  }
                  
                .divlink_img {
                  position: absolute;
                  }
                  
                #divlink_img1 {
                  top: 37px;
                  left: 13px;
                  }
                  
                #divlink_img2 {
                  top: 48px;
                  left: 13px;
                  }
                  
                #divlink_img3 {
                  top: 37px;
                  left: 50px;
                  }
                  
                #divlink_img4 {
                  top: 37px;
                  left: 87px;
                  }
                  
                #divlink_img5 {
                  top: 37px;
                  left: 124px;
                  }
                  
                #divlink_img6 {
                  top: 13px;
                  left: 124px;
                  }
                  
              .marquee-container {
                overflow: hidden;
                white-space: nowrap;
                width: 103px;
                height: 14px;
                position: absolute;
                margin-top: 17px;
                margin-left: 13px;
                }
                
                .marquee-content {
                  cursor: default;
                  display: inline-block;
                  animation: seamlessWithPause 20s linear infinite;
                  font-size: 9px;
                  font-family: 'arial', sans-serif;
                  color: white;
                  margin-left: 2px;
                  }
                  
                  .marquee-content span {
                    display: inline-block;
                    /* Adjust this gap as needed */
                    padding-right: 60px; 
                    }
                    
                  @keyframes seamlessWithPause {
                    /* 0% to 30%: Text stays still at the left edge */
                    0%, 30% { 
                      transform: translateX(0); 
                      }
                    /* 100%: Text moves left by exactly 50% (the width of one copy) 
                       The second copy now sits exactly where the first one started */
                    100% { 
                      transform: translateX(-50%); 
                      }
                    }
                  
              .releaseviewer_divclose {
                cursor: pointer;
                position: absolute;
                margin-top: 3px;
                margin-left: 289px;
                }
                
            #rightblock2_releaseviewer {
              margin: 1px;
              width: 299px;
              height: 71px;
              background-image: url('/static/image/body/releaseviewer.png');
              background-color: var(--skincolor);
              background-blend-mode: var(--skincolor-blendmode);
              background-size: cover;
              }
              
              #rightblock2_releaseviewer_innerborder {
                width: 299px;
                }