

<!--__/\\\\\\\\\\\\\\\__/\\\\\\\\\\\\_____/\\\\\\\\\\\__/\\\\\\\\\\\\\\\__/\\\\\\\\\\\\\\\____/\\\\\\\\\_________/\\\\\\\\\_____/\\\_______/\\\________/\\\\\_____/\\\__/\\\\\\\\\\\\\\\__/\\\\\\\\\\\\\\\_                  
_\/\\\///////////__\/\\\////////\\\__\/////\\\///__\///////\\\/////__\///////\\\/////___/\\\///////\\\_____/\\\\\\\\\\\\\__\///\\\___/\\\/________\/\\\\\\___\/\\\_\/\\\///////////__\///////\\\/////__                 
 _\/\\\_____________\/\\\______\//\\\_____\/\\\___________\/\\\_____________\/\\\_______\/\\\_____\/\\\____/\\\/////////\\\___\///\\\\\\/__________\/\\\/\\\__\/\\\_\/\\\___________________\/\\\_______                
  _\/\\\\\\\\\\\_____\/\\\_______\/\\\_____\/\\\___________\/\\\_____________\/\\\_______\/\\\\\\\\\\\/____\/\\\_______\/\\\_____\//\\\\____________\/\\\//\\\_\/\\\_\/\\\\\\\\\\\___________\/\\\_______               
   _\/\\\///////______\/\\\_______\/\\\_____\/\\\___________\/\\\_____________\/\\\_______\/\\\//////\\\____\/\\\\\\\\\\\\\\\______\/\\\\____________\/\\\\//\\\\/\\\_\/\\\///////____________\/\\\_______              
    _\/\\\_____________\/\\\_______\/\\\_____\/\\\___________\/\\\_____________\/\\\_______\/\\\____\//\\\___\/\\\/////////\\\______/\\\\\\___________\/\\\_\//\\\/\\\_\/\\\___________________\/\\\_______             
     _\/\\\_____________\/\\\_______/\\\______\/\\\___________\/\\\_____________\/\\\_______\/\\\_____\//\\\__\/\\\_______\/\\\____/\\\////\\\_________\/\\\__\//\\\\\\_\/\\\___________________\/\\\_______            
      _\/\\\\\\\\\\\\\\\_\/\\\\\\\\\\\\/____/\\\\\\\\\\\_______\/\\\_____________\/\\\_______\/\\\______\//\\\_\/\\\_______\/\\\__/\\\/___\///\\\__/\\\_\/\\\___\//\\\\\_\/\\\___________________\/\\\_______           
       _\///////////////__\////////////_____\///////////________\///______________\///________\///________\///__\///________\///__\///_______\///__\///__\///_____\/////__\///____________________\///________          
__/\\\\\\\\\\\\_____/\\\\\\\\\\\\\\\__/\\\________/\\\__/\\\\\\\\\\\\\\\__/\\\___________________/\\\\\_______/\\\\\\\\\\\\\____/\\\\\\\\\\\\\\\__/\\\\\\\\\\\\_______________/\\\\\\\\\\\\\____/\\\________/\\\_        
_\/\\\////////\\\__\/\\\///////////__\/\\\_______\/\\\_\/\\\///////////__\/\\\_________________/\\\///\\\____\/\\\/////////\\\_\/\\\///////////__\/\\\////////\\\____________\/\\\/////////\\\_\///\\\____/\\\/__       
 _\/\\\______\//\\\_\/\\\_____________\//\\\______/\\\__\/\\\_____________\/\\\_______________/\\\/__\///\\\__\/\\\_______\/\\\_\/\\\_____________\/\\\______\//\\\___________\/\\\_______\/\\\___\///\\\/\\\/____      
  _\/\\\_______\/\\\_\/\\\\\\\\\\\______\//\\\____/\\\___\/\\\\\\\\\\\_____\/\\\______________/\\\______\//\\\_\/\\\\\\\\\\\\\/__\/\\\\\\\\\\\_____\/\\\_______\/\\\___________\/\\\\\\\\\\\\\\______\///\\\/______     
   _\/\\\_______\/\\\_\/\\\///////________\//\\\__/\\\____\/\\\///////______\/\\\_____________\/\\\_______\/\\\_\/\\\/////////____\/\\\///////______\/\\\_______\/\\\___________\/\\\/////////\\\_______\/\\\_______    
    _\/\\\_______\/\\\_\/\\\________________\//\\\/\\\_____\/\\\_____________\/\\\_____________\//\\\______/\\\__\/\\\_____________\/\\\_____________\/\\\_______\/\\\___________\/\\\_______\/\\\_______\/\\\_______   
     _\/\\\_______/\\\__\/\\\_________________\//\\\\\______\/\\\_____________\/\\\______________\///\\\__/\\\____\/\\\_____________\/\\\_____________\/\\\_______/\\\____________\/\\\_______\/\\\_______\/\\\_______  
      _\/\\\\\\\\\\\\/___\/\\\\\\\\\\\\\\\______\//\\\_______\/\\\\\\\\\\\\\\\_\/\\\\\\\\\\\\\\\____\///\\\\\/_____\/\\\_____________\/\\\\\\\\\\\\\\\_\/\\\\\\\\\\\\/_____________\/\\\\\\\\\\\\\/________\/\\\_______ 
       _\////////////_____\///////////////________\///________\///////////////__\///////////////_______\/////_______\///______________\///////////////__\////////////_______________\/////////////__________\///________
__/\\\\\\\\\\\\\______/\\\\\\\\\______/\\\________/\\\_____/\\\\\\\\\_____/\\\\\_____/\\\____________/\\\\\\\\\\\\\_______/\\\\\\\\\_____/\\\______________/\\\______________/\\\\\\\\\\\_                               
_\/\\\/////////\\\__/\\\///////\\\___\///\\\____/\\\/____/\\\\\\\\\\\\\__\/\\\\\\___\/\\\___________\/\\\/////////\\\___/\\\\\\\\\\\\\__\/\\\_____________\/\\\_____________\/////\\\///__                              
 _\/\\\_______\/\\\_\/\\\_____\/\\\_____\///\\\/\\\/_____/\\\/////////\\\_\/\\\/\\\__\/\\\___________\/\\\_______\/\\\__/\\\/////////\\\_\/\\\_____________\/\\\_________________\/\\\_____                             
  _\/\\\\\\\\\\\\\\__\/\\\\\\\\\\\/________\///\\\/______\/\\\_______\/\\\_\/\\\//\\\_\/\\\___________\/\\\\\\\\\\\\\\__\/\\\_______\/\\\_\/\\\_____________\/\\\_________________\/\\\_____                            
   _\/\\\/////////\\\_\/\\\//////\\\__________\/\\\_______\/\\\\\\\\\\\\\\\_\/\\\\//\\\\/\\\___________\/\\\/////////\\\_\/\\\\\\\\\\\\\\\_\/\\\_____________\/\\\_________________\/\\\_____                           
    _\/\\\_______\/\\\_\/\\\____\//\\\_________\/\\\_______\/\\\/////////\\\_\/\\\_\//\\\/\\\___________\/\\\_______\/\\\_\/\\\/////////\\\_\/\\\_____________\/\\\_________________\/\\\_____                          
     _\/\\\_______\/\\\_\/\\\_____\//\\\________\/\\\_______\/\\\_______\/\\\_\/\\\__\//\\\\\\___________\/\\\_______\/\\\_\/\\\_______\/\\\_\/\\\_____________\/\\\_________________\/\\\_____                         
      _\/\\\\\\\\\\\\\/__\/\\\______\//\\\_______\/\\\_______\/\\\_______\/\\\_\/\\\___\//\\\\\___________\/\\\\\\\\\\\\\/__\/\\\_______\/\\\_\/\\\\\\\\\\\\\\\_\/\\\\\\\\\\\\\\\__/\\\\\\\\\\\_                        
       _\/////////////____\///________\///________\///________\///________\///__\///_____\/////____________\/////////////____\///________\///__\///////////////__\///////////////__\///////////__                       
__/\\\\\\\\\\\\\\\_____/\\\\\\\\\\\____/\\\\\\\\\\\\\\\____________________/\\\\\\\\\_________/\\\\\\\_______/\\\\\\\\\__________/\\\_                                                                                   
_\/\\\///////////____/\\\/////////\\\_\///////\\\/////___________________/\\\///////\\\_____/\\\/////\\\___/\\\///////\\\____/\\\\\\\_                                                                                  
 _\/\\\______________\//\\\______\///________\/\\\_______________________\///______\//\\\___/\\\____\//\\\_\///______\//\\\__\/////\\\_                                                                                 
  _\/\\\\\\\\\\\_______\////\\\_______________\/\\\_________________________________/\\\/___\/\\\_____\/\\\___________/\\\/_______\/\\\_                                                                                
   _\/\\\///////___________\////\\\____________\/\\\______________________________/\\\//_____\/\\\_____\/\\\________/\\\//_________\/\\\_                                                                               
    _\/\\\_____________________\////\\\_________\/\\\___________________________/\\\//________\/\\\_____\/\\\_____/\\\//____________\/\\\_                                                                              
     _\/\\\______________/\\\______\//\\\________\/\\\_________________________/\\\/___________\//\\\____/\\\____/\\\/_______________\/\\\_                                                                             
      _\/\\\\\\\\\\\\\\\_\///\\\\\\\\\\\/_________\/\\\________/\\\____________/\\\\\\\\\\\\\\\__\///\\\\\\\/____/\\\\\\\\\\\\\\\_____\/\\\_                                                                            
       _\///////////////____\///////////___________\///________\///____________\///////////////_____\///////_____\///////////////______\///_                                                                             -->

       <!DOCTYPE html>
       <html>
       <head>
         <meta charset="utf-8">
         <title>"Audio Soul Project"</title>
         <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, maximum-scale=1" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
           <meta property="og:image" content="thumbnail.png" />
           <link type="text/css" rel="stylesheet" href="base.css" />
           <link type="text/css" rel="stylesheet" href="style.css" />
           <script src="Tone.js"></script>
           <script src="pts.js"></script>
           <script src="bufferToWav.js"></script>
           <script src="axios.min.js"></script>
           <script src="gsap.min.js"></script>
           <script src="gsap_plugin_cssrule.min.js"></script>
           <script src="Draggable.min.js"></script>
           <script src="seamless-scroll-polyfill.min.js"></script>
         <style>
           @media screen and (-webkit-min-device-pixel-ratio: 2) {
               select,
               select:focus,
               textarea,
               textarea:focus,
               input,
               input:focus {
                 font-size: 16px;
               }
           }
         </style>
       </head>
       
       <body id="body">
      <button id="albumExpand" onclick="toggle()">VIEW ALBUM ART</button>
       
       <div  id="flipMe" style="display:flex; position:fixed; justify-content: center;align-items: center; width: 300px;height: 250px;opacity: 1;visibility: inherit;max-width: 90vw;max-height: 90vh;align-content: center;flex-direction: column;background-color:#DED8CB ;border-radius: 30px;border-width:10px !important; border-color: #576B68 !important; border: 1px solid;
         border-color: #576B68; padding:0px; width:420px; height:420px; pointer-events:none;">
          <!-- <img id="statusGifLoader" class="Loader" src="loader.gif" alt="loader" style="width: 100px; margin-top:-40px"> -->
         <div  id="statusGif" style="margin-top:0px; margin-right:10px; display:none;
          margin-top: auto;
          margin-bottom: auto;
          position: absolute;">

            <svg id="statusScrollCheck" width="200" height="200" viewBox="0 0 40 40">
              <circle cx="20" cy="20" r="18" stroke="#CEC6B3" stroke-width="4" fill="#576B68" />
              <path d="M13 20 l5 5 l10 -10" stroke="#CEC6B3" stroke-width="4" fill="none" />`;
            </svg>
          </div>

          <div id="statusTitle" style="color:black; text-align:center; font-size: 41px; font-family: sans-serif; font-weight: bold;">LOADING EXPERIENCE</div>
          <div id="statusInfo" style="margin-top:15px; color:black; font-size: 17px; font-family: sans-serif;">"Deliver Me (Dub)"</div>
    
         <div id="statusInformation" style="margin-top:4px;  text-align:center; color:black; font-family: sans-serif; font-size: 11px;">Audio Soul Project</div>
  
         <div id="statusItems" style="margin-top:20px; width:250px; margin-left:40px; padding-left:20px; padding-right:20px; flex-direction: column; align-items: flex-start; display:flex; flex-direction: column;
            align-items: flex-start;">
       
           <div style="display:flex;  justify-content: center; width: 100%; height:20px; display: flex;
           justify-content: flex-start;
           width: 100%;
           height: 20px; ">
          
            <div style="margin-top:0px; margin-right:10px;">
              <svg id="statusScrollIcon1" width="15" height="15" viewBox="0 0 40 40">
                <circle cx="20" cy="20" r="18" stroke="#CEC6B3" stroke-width="4" fill="#7E1E20" />
                <path d="M12,12 L28,28 M28,12 L12,28" stroke="#CEC6B3" stroke-width="4" stroke-linecap="round" />
              
              </svg>
            </div>

             <div id="statusScroll" style="font-family: sans-serif; color:#7E1E20; width:auto; font-size: 14px;">Loading Player Code</div>
          

           </div>
       
           <div style="display: flex;
           justify-content: flex-start;
           width: 100%;
           height: 20px;">  

            <div style="margin-top:0px; margin-right:10px;">
              <svg id="statusScriptIcon" width="15" height="15" viewBox="0 0 40 40">
                <circle cx="20" cy="20" r="18" stroke="#CEC6B3" stroke-width="4" fill="#7E1E20" />
                <path d="M12,12 L28,28 M28,12 L12,28" stroke="#CEC6B3" stroke-width="4" stroke-linecap="round" />
              </svg>
            </div>

            <div id="statusScript" style="color:#7E1E20; text-align:left; font-family: sans-serif; font-size: 14px;">Loading Visual Assets</div>

           </div>
       
           <div style="display:flex; justify-content: center; width:auto; height:20px;margin-top:4px">
             
            <div style="margin-top:0px; margin-right:10px;">
              <svg id="statusAudioIcon" width="15" height="15" viewBox="0 0 40 40">
                <circle cx="20" cy="20" r="18" stroke="#CEC6B3" stroke-width="4" fill="#7E1E20" />
                <path d="M12,12 L28,28 M28,12 L12,28" stroke="#CEC6B3" stroke-width="4" stroke-linecap="round" />
              </svg>
            </div>
            <div id="statusAudio" style="color:#7E1E20; text-align:left; font-family: sans-serif; font-size: 14px;">Loading WAV Files <br></div>
               
             </div>
           </div>
       
           <!-- <div id="statusTitle" style="color:black; font-family: sans-serif; font-size: 11px; text-align:center; margin-top:40px">Loading high fidelity assets <br>from a distributed file system.<br>
         
        </div> -->
       
           <button id="flipPlayer" style="display:none; text-align:left" onclick="toggle()"></button>
       
         </div>
       
         <div id="circle" loop=infinite ></div>
       
         <div id="stageBlock"></div>
       
           <div id="content">
       
             <div id="wrapper_cont"> 
       
               <div id="wrapper_back">
                 <div id="content_back" class="cardBack">
                   <div id="content_back_img" onclick="toggle()"></div>
                   <div id="content_back_img_direx"></div>
                 </div>
               </div>
       
               <div id="wrapper">
                 <div id="preview" onclick=toggle()></div>
                 <div id="wrapper_bg" style="justify-content: center;">
                   <div class="loader loader--style4" title="3"></div>
                 </div>
       
                 <div id="top_cont">
                   
                   <div id="header">
                     <a id="info_cta" class="info_cta" href="http://edittrax.nft" target="_blank"></a>
                   </div>
                   
                   <div id ="preset_cont">
                     <div id="presets">
                       <div id="preset_img_1" data-value="0" class="preset active">PREVIEW</div>
                       <div id="preset_img_2" data-value="1" class="preset">DUB</div>
                       <div id="preset_img_3" data-value="2" class="preset">EXTENDED</div>
                       <div id="preset_img_4" data-value="3" class="preset">ZERO</div>
                     </div>
                   </div>
       
                 </div>
       
                 <div id="cont_slider_boxes" style="position: relative;">
       
                   <div id="slider_cont">
                     <div id="slider_bg"></div>
                     <div id="slider"></div>
                   </div>
       
                   <div id="boxes_cont" style="">
                     <div class="boxes">
                     </div>
                   </div>
                 </div>  
       
                 <div id="bottom_cont">
       
                   <div id="progress_cont">
                     <div id="progress_current">00:00</div>
                     <progress id="progress" value="0" max="100"></progress>
                     <div id="progress_total">00:00</div>
                   </div>
       
                   <div id="master_controls">
       
                     <div id ="play_cont">
                       <div id="glow-hover-play" class="glow-hover">
                         <button id="play-toggle" class="play" disabled></button>
                       </div>
                       <div id="status">Loading...</div>
                       <div id="glow-hover-download" class="glow-hover">
                        <button style="display:none" id="download"></button>
                        <div id="purchase"></div>
                      </div>
                       <div id="totalDuration"></div>
                     </div>
       
                     <div class="repeat-container">
                       <div id="trackRepeat" style="" class="repeat master_repeat">1</div>
                       <p style="color:#576B68;" class="repeat-text master_repeat">Loop</p>
                     </div>
       
                     <div class="loopinteract">
                       <button id="masterUp" class="up loopinteraction" data-index="99"></button>
                       <button id="masterDown" class="down loopinteraction" data-index="99"></button>
                     </div>
       
                     <a href="" id="download-link"></a>
       
                   </div>
                  <div id="secondaryControls">
                   
                    <button id="master_controls_expand" onclick="expand()">
       
                
EDIT THIS TRACK
      
                   </button>


                  </div>

                 </div>
       
                 <div class="viewport"></div>
       
               </div>
             </div>
           </div>
         <div>
       
         <div id="canvas"></div>
       
       </div>

       <script>

    const svgElementCheck = document.getElementById('statusScrollIcon1');
    const newSvgContentCheck = `
    <circle cx="20" cy="20" r="18" stroke="#CEC6B3" stroke-width="4" fill="#576B68" />
    <path d="M13 20 l5 5 l10 -10" stroke="#CEC6B3" stroke-width="4" fill="none" />`;
    document.getElementById("statusScroll").innerHTML = "Player Code Loaded";
    document.getElementById('statusScroll').style.color = '#576B68';
    svgElementCheck.innerHTML = newSvgContentCheck;


       </script>

<script src="track.js"></script>
<script src="scroll.js"></script>
<script src="script.js"></script>

       </body>
       </html>
       
       <!-- __/\\\\\\\\\\\\\\\__/\\\\\\\\\\\\_____/\\\\\\\\\\\__/\\\\\\\\\\\\\\\__/\\\\\\\\\\\\\\\____/\\\\\\\\\_________/\\\\\\\\\_____/\\\_______/\\\________/\\\\\_____/\\\__/\\\\\\\\\\\\\\\__/\\\\\\\\\\\\\\\_                  
        _\/\\\///////////__\/\\\////////\\\__\/////\\\///__\///////\\\/////__\///////\\\/////___/\\\///////\\\_____/\\\\\\\\\\\\\__\///\\\___/\\\/________\/\\\\\\___\/\\\_\/\\\///////////__\///////\\\/////__                 
         _\/\\\_____________\/\\\______\//\\\_____\/\\\___________\/\\\_____________\/\\\_______\/\\\_____\/\\\____/\\\/////////\\\___\///\\\\\\/__________\/\\\/\\\__\/\\\_\/\\\___________________\/\\\_______                
          _\/\\\\\\\\\\\_____\/\\\_______\/\\\_____\/\\\___________\/\\\_____________\/\\\_______\/\\\\\\\\\\\/____\/\\\_______\/\\\_____\//\\\\____________\/\\\//\\\_\/\\\_\/\\\\\\\\\\\___________\/\\\_______               
           _\/\\\///////______\/\\\_______\/\\\_____\/\\\___________\/\\\_____________\/\\\_______\/\\\//////\\\____\/\\\\\\\\\\\\\\\______\/\\\\____________\/\\\\//\\\\/\\\_\/\\\///////____________\/\\\_______              
            _\/\\\_____________\/\\\_______\/\\\_____\/\\\___________\/\\\_____________\/\\\_______\/\\\____\//\\\___\/\\\/////////\\\______/\\\\\\___________\/\\\_\//\\\/\\\_\/\\\___________________\/\\\_______             
             _\/\\\_____________\/\\\_______/\\\______\/\\\___________\/\\\_____________\/\\\_______\/\\\_____\//\\\__\/\\\_______\/\\\____/\\\////\\\_________\/\\\__\//\\\\\\_\/\\\___________________\/\\\_______            
              _\/\\\\\\\\\\\\\\\_\/\\\\\\\\\\\\/____/\\\\\\\\\\\_______\/\\\_____________\/\\\_______\/\\\______\//\\\_\/\\\_______\/\\\__/\\\/___\///\\\__/\\\_\/\\\___\//\\\\\_\/\\\___________________\/\\\_______           
               _\///////////////__\////////////_____\///////////________\///______________\///________\///________\///__\///________\///__\///_______\///__\///__\///_____\/////__\///____________________\///________          
       __/\\\\\\\\\\\\_____/\\\\\\\\\\\\\\\__/\\\________/\\\__/\\\\\\\\\\\\\\\__/\\\___________________/\\\\\_______/\\\\\\\\\\\\\____/\\\\\\\\\\\\\\\__/\\\\\\\\\\\\_______________/\\\\\\\\\\\\\____/\\\________/\\\_        
        _\/\\\////////\\\__\/\\\///////////__\/\\\_______\/\\\_\/\\\///////////__\/\\\_________________/\\\///\\\____\/\\\/////////\\\_\/\\\///////////__\/\\\////////\\\____________\/\\\/////////\\\_\///\\\____/\\\/__       
         _\/\\\______\//\\\_\/\\\_____________\//\\\______/\\\__\/\\\_____________\/\\\_______________/\\\/__\///\\\__\/\\\_______\/\\\_\/\\\_____________\/\\\______\//\\\___________\/\\\_______\/\\\___\///\\\/\\\/____      
          _\/\\\_______\/\\\_\/\\\\\\\\\\\______\//\\\____/\\\___\/\\\\\\\\\\\_____\/\\\______________/\\\______\//\\\_\/\\\\\\\\\\\\\/__\/\\\\\\\\\\\_____\/\\\_______\/\\\___________\/\\\\\\\\\\\\\\______\///\\\/______     
           _\/\\\_______\/\\\_\/\\\///////________\//\\\__/\\\____\/\\\///////______\/\\\_____________\/\\\_______\/\\\_\/\\\/////////____\/\\\///////______\/\\\_______\/\\\___________\/\\\/////////\\\_______\/\\\_______    
            _\/\\\_______\/\\\_\/\\\________________\//\\\/\\\_____\/\\\_____________\/\\\_____________\//\\\______/\\\__\/\\\_____________\/\\\_____________\/\\\_______\/\\\___________\/\\\_______\/\\\_______\/\\\_______   
             _\/\\\_______/\\\__\/\\\_________________\//\\\\\______\/\\\_____________\/\\\______________\///\\\__/\\\____\/\\\_____________\/\\\_____________\/\\\_______/\\\____________\/\\\_______\/\\\_______\/\\\_______  
              _\/\\\\\\\\\\\\/___\/\\\\\\\\\\\\\\\______\//\\\_______\/\\\\\\\\\\\\\\\_\/\\\\\\\\\\\\\\\____\///\\\\\/_____\/\\\_____________\/\\\\\\\\\\\\\\\_\/\\\\\\\\\\\\/_____________\/\\\\\\\\\\\\\/________\/\\\_______ 
               _\////////////_____\///////////////________\///________\///////////////__\///////////////_______\/////_______\///______________\///////////////__\////////////_______________\/////////////__________\///________
       __/\\\\\\\\\\\\\______/\\\\\\\\\______/\\\________/\\\_____/\\\\\\\\\_____/\\\\\_____/\\\____________/\\\\\\\\\\\\\_______/\\\\\\\\\_____/\\\______________/\\\______________/\\\\\\\\\\\_                               
        _\/\\\/////////\\\__/\\\///////\\\___\///\\\____/\\\/____/\\\\\\\\\\\\\__\/\\\\\\___\/\\\___________\/\\\/////////\\\___/\\\\\\\\\\\\\__\/\\\_____________\/\\\_____________\/////\\\///__                              
         _\/\\\_______\/\\\_\/\\\_____\/\\\_____\///\\\/\\\/_____/\\\/////////\\\_\/\\\/\\\__\/\\\___________\/\\\_______\/\\\__/\\\/////////\\\_\/\\\_____________\/\\\_________________\/\\\_____                             
          _\/\\\\\\\\\\\\\\__\/\\\\\\\\\\\/________\///\\\/______\/\\\_______\/\\\_\/\\\//\\\_\/\\\___________\/\\\\\\\\\\\\\\__\/\\\_______\/\\\_\/\\\_____________\/\\\_________________\/\\\_____                            
           _\/\\\/////////\\\_\/\\\//////\\\__________\/\\\_______\/\\\\\\\\\\\\\\\_\/\\\\//\\\\/\\\___________\/\\\/////////\\\_\/\\\\\\\\\\\\\\\_\/\\\_____________\/\\\_________________\/\\\_____                           
            _\/\\\_______\/\\\_\/\\\____\//\\\_________\/\\\_______\/\\\/////////\\\_\/\\\_\//\\\/\\\___________\/\\\_______\/\\\_\/\\\/////////\\\_\/\\\_____________\/\\\_________________\/\\\_____                          
             _\/\\\_______\/\\\_\/\\\_____\//\\\________\/\\\_______\/\\\_______\/\\\_\/\\\__\//\\\\\\___________\/\\\_______\/\\\_\/\\\_______\/\\\_\/\\\_____________\/\\\_________________\/\\\_____                         
              _\/\\\\\\\\\\\\\/__\/\\\______\//\\\_______\/\\\_______\/\\\_______\/\\\_\/\\\___\//\\\\\___________\/\\\\\\\\\\\\\/__\/\\\_______\/\\\_\/\\\\\\\\\\\\\\\_\/\\\\\\\\\\\\\\\__/\\\\\\\\\\\_                        
               _\/////////////____\///________\///________\///________\///________\///__\///_____\/////____________\/////////////____\///________\///__\///////////////__\///////////////__\///////////__                       
       __/\\\\\\\\\\\\\\\_____/\\\\\\\\\\\____/\\\\\\\\\\\\\\\____________________/\\\\\\\\\_________/\\\\\\\_______/\\\\\\\\\__________/\\\_                                                                                   
        _\/\\\///////////____/\\\/////////\\\_\///////\\\/////___________________/\\\///////\\\_____/\\\/////\\\___/\\\///////\\\____/\\\\\\\_                                                                                  
         _\/\\\______________\//\\\______\///________\/\\\_______________________\///______\//\\\___/\\\____\//\\\_\///______\//\\\__\/////\\\_                                                                                 
          _\/\\\\\\\\\\\_______\////\\\_______________\/\\\_________________________________/\\\/___\/\\\_____\/\\\___________/\\\/_______\/\\\_                                                                                
           _\/\\\///////___________\////\\\____________\/\\\______________________________/\\\//_____\/\\\_____\/\\\________/\\\//_________\/\\\_                                                                               
            _\/\\\_____________________\////\\\_________\/\\\___________________________/\\\//________\/\\\_____\/\\\_____/\\\//____________\/\\\_                                                                              
             _\/\\\______________/\\\______\//\\\________\/\\\_________________________/\\\/___________\//\\\____/\\\____/\\\/_______________\/\\\_                                                                             
              _\/\\\\\\\\\\\\\\\_\///\\\\\\\\\\\/_________\/\\\________/\\\____________/\\\\\\\\\\\\\\\__\///\\\\\\\/____/\\\\\\\\\\\\\\\_____\/\\\_                                                                            
               _\///////////////____\///////////___________\///________\///____________\///////////////_____\///////_____\///////////////______\///_                                                                             -->